::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  border: 1px solid #d2ced0;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(156, 156, 156, 0.6);
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
.dbp-position-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dbp-position-absolute-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dbp-position-absolute-horizontal-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dbp-tooltip-style-1 .tooltip-inner {
  white-space: nowrap;
  background-color: #232323;
  color: #46c0eb;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 14px;
  }
}
.dbp-tooltip-style-1 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.top .tooltip-arrow {
  border-top-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.left .tooltip-arrow {
  border-left-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.right .tooltip-arrow {
  border-right-color: #232323;
}
.dbp-tooltip-style-2 .tooltip-inner {
  white-space: nowrap;
  background-color: #46c0eb;
  color: white;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 14px;
  }
}
.dbp-tooltip-style-2 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.top .tooltip-arrow {
  border-top-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.left .tooltip-arrow {
  border-left-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.right .tooltip-arrow {
  border-right-color: #46c0eb;
}
.dbp_spinner {
  height: 60px;
  width: 60px;
  margin: 0px auto;
  position: relative;
  -webkit-animation: rotation 0.6s infinite linear;
  -moz-animation: rotation 0.6s infinite linear;
  -o-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(70, 192, 235, 0.15);
  border-right: 6px solid rgba(70, 192, 235, 0.15);
  border-bottom: 6px solid rgba(70, 192, 235, 0.15);
  border-top: 6px solid rgba(70, 192, 235, 0.8);
  border-radius: 100%;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.bc_orange {
  background-color: #e0ac27;
}
.bc_turquoise {
  background-color: #34b2b9;
}
.bc_brown {
  background-color: #725144;
}
.bc_red {
  background-color: #c33837;
}
.bc_purple {
  background-color: #7c4d9c;
}
.bc_green {
  background-color: #7fc241;
}
.bc_light_grey {
  background-color: #d2ced0;
}
.bc_medium_grey {
  background-color: #3d3d3d;
}
.bc_medium_dark_grey {
  background-color: #857a80;
}
.bc_medium_darker_grey {
  background-color: #6b6167;
}
.bc_light-medium_grey {
  background-color: #666566;
}
.bc_dark_grey {
  background-color: #232323;
}
.bc_male {
  background-color: #306bc1;
}
.bc_female {
  background-color: #e2499a;
}
.bc_white {
  background-color: white;
}
.bc_dbp_blue {
  background-color: #46c0eb;
}
.bc_waitlist_grey {
  background-color: #efefef;
  color: black;
  font-weight: bold;
}
.c_male {
  color: #306bc1;
}
.c_female {
  color: #e2499a;
}
.waiting_2 {
  -moz-animation-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
  -o-animation-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}
.waiting_3 {
  -moz-animation-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
  -o-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.waiting_4 {
  -moz-animation-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
  -o-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.waiting_5 {
  -moz-animation-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
  -o-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
@-webkit-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-moz-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-o-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-webkit-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-moz-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-o-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
.dbp-input-text-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-input-text-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-style-1 {
    height: 30px;
  }
}
.dbp-input-text-style-1:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1 {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1 {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1 {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1 {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1 {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1 {
    height: 150px;
  }
}
.dbp-textarea-style-1:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1-small {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-small {
    height: 100px;
  }
}
.dbp-textarea-style-1-small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1-medium {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-medium {
    height: 120px;
  }
}
.dbp-textarea-style-1-medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-input-text-popover-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-input-text-popover-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-popover-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-popover-style-1 {
    height: 30px;
  }
}
.dbp-input-error-style-1 {
  border: 2px solid red !important;
}
.dbp-select-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url('../img/btn_cal_right_blue.png');
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-1 {
    height: 30px;
  }
}
.dbp-select-style-1:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-select-style-1:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.dbp-select-style-2 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  color: #3d3d3d;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url('../img/btn_cal_right_blue.png');
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-2 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-2 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-2 {
    height: 30px;
  }
}
.dbp-select-style-2:focus {
  background-color: white;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-select-style-3 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #6cbb3c;
  color: white;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url('../img/btn_cal_right_white.png');
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-3 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-3 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-3 {
    height: 30px;
  }
}
.dbp-select-style-3:focus {
  background-color: #6cbb3c;
  color: white;
  border: 1px solid white !important;
}
.dbp-input-label-style-1 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-1 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-1 {
    font-size: 16px;
  }
}
.dbp-input-label-style-2 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-2 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-2 {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-2 {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-2 {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-2 {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-2 {
    font-size: 20px;
  }
}
.dbp-input-label-style-3 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-3 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-3 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-3 {
    font-size: 16px;
  }
}
.dbp-input-label-style-4 {
  color: #d2ced0;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-4 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-4 {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-4 {
    font-size: 14px;
  }
}
.dbp-select-base {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (max-width: 640px) {
  .dbp-select-base {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-base {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-base {
    height: 30px;
  }
}
.dbp-input-text-base {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
}
@media (max-width: 640px) {
  .dbp-input-text-base {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-base {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-base {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-base-height {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height {
    height: 150px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height-small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height-small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height-small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height-small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height-small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height-small {
    height: 100px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height-medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height-medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height-medium {
    height: 120px;
  }
}
@media (max-width: 640px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-base-line-height {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-edit-text-field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-edit-text-field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-edit-text-field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-edit-text-field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-edit-text-field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .dbp-edit-text-field {
    margin-bottom: 6px;
  }
}
@media (max-width: 640px) {
  .dbp-small-height {
    height: 18px !important;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-small-height {
    height: 22px !important;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-small-height {
    height: 26px !important;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-small-height {
    height: 30px !important;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-small-height {
    height: 34px !important;
  }
}
@media (min-width: 1920px) {
  .dbp-small-height {
    height: 38px !important;
  }
}
@media (max-width: 640px) {
  .dbp-button-medium-height {
    height: 30px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-medium-height {
    height: 34px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-medium-height {
    height: 38px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-medium-height {
    height: 42px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-medium-height {
    height: 46px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-medium-height {
    height: 50px;
  }
}
@media (max-width: 640px) {
  .dbp-submenu-button-width {
    width: 70px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-submenu-button-width {
    width: 80px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-submenu-button-width {
    width: 90px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-submenu-button-width {
    width: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-submenu-button-width {
    width: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-submenu-button-width {
    width: 130px;
  }
}
.dbp-button-header-style-1-fixed {
  padding: 10px;
  border: 0px;
  outline: none;
  color: white;
  background-color: #46c0eb;
  border: 1px solid #46c0eb;
}
.dbp-button-style-1 {
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
}
@media (max-width: 640px) {
  .dbp-button-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-1 {
    height: 30px;
  }
}
.dbp-button-style-1:hover {
  background-color: white;
  color: #46c0eb;
}
.dbp-button-style-1:active {
  color: #3d3d3d;
}
.dbp-button-style-2 {
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  padding: 0 8px 0 8px;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .dbp-button-style-2 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-2 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-2 {
    height: 30px;
  }
}
.dbp-button-style-2:hover {
  background-color: #3d3d3d;
}
.modal {
  padding: 0 !important;
}
@media screen and (max-width: 619px) {
  .modal .modal-dialog {
    width: auto;
    max-width: 93vw;
    margin: 50px auto 0 auto;
  }
}
@media screen and (min-width: 620px) and (max-width: 959px) {
  .modal .modal-dialog {
    width: 600px;
    margin: 50px auto 0 auto;
  }
}
.modal .modal-dialog .modal-content {
  background-color: transparent;
}
.modal .modal-dialog .modal-content .dialog_container_new {
  border-radius: 5px;
  padding: 15px;
}
.modal .modal-dialog .modal-content .dialog_container_new .dialog_heading {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  background-color: #0d5974;
  color: white;
  height: 40px;
  padding-top: 5px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.modal .modal-dialog .modal-content .popover:not(.connection_simple_popover) {
  width: 90%;
  left: 0 !important;
  margin-left: 5%;
  z-index: 999;
}
.modal .modal-dialog .modal-content .popover:not(.connection_simple_popover) .popover_container {
  border-radius: 5px;
}
.modal .modal-dialog .modal-content .popover.connection_simple_popover {
  z-index: 998;
}
.modal .modal-dialog .modal-content .popover .popup_dialog_container {
  width: 100%;
  padding: 10px;
}
.modal .modal-dialog .modal-content .popover .popup_dialog_container .dialog_heading {
  background-color: #097a5b;
}
.dbp-inline-block {
  display: inline-block;
}
.warning {
  font-size: 16px;
  color: #555555;
}
.warning .warning_icon,
.warning .warning_title {
  color: red;
  font-size: 16px;
}
.warning .warning_title {
  margin-right: 5px;
}
.edit_lookups_modal.modal .modal-dialog .modal-content .edit_lookup_item_container .edit_lookup_item {
  position: relative;
  display: inline-block;
  width: 100%;
}
.edit_lookups_modal.modal .modal-dialog .modal-content .edit_lookup_item_container .edit_lookup_item input {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.edit_lookups_modal.modal .modal-dialog .modal-content .edit_lookup_item_container .edit_lookup_item input:required {
  background-color: #ffedf4;
}
.edit_lookups_modal.modal .modal-dialog .modal-content .edit_lookup_item_container .edit_lookup_item input:focus,
.edit_lookups_modal.modal .modal-dialog .modal-content .edit_lookup_item_container .edit_lookup_item input:focus-visible {
  border-color: #66afe9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
.dog_weight_chart_collar_colors_popover {
  width: 350px !important;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors {
  border: solid #d2ced0 !important;
  padding: 10px;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors .lookup_title {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors .edit_text_field {
  margin-bottom: 6px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  font-size: 16px;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors .edit_text_field .label_column {
  width: 120px;
  font-weight: bold;
  margin-bottom: 6px;
  display: inline-block;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors .edit_text_field .input_column {
  width: calc(100% - 125px);
  display: inline-block;
}
.dog_weight_chart_collar_colors_popover .popover_dog_weight_chart_collar_colors .edit_text_field .input_column .select_input {
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url(../img/btn_cal_right_blue.png);
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
.puppy_weights_settings_popover {
  width: 350px !important;
}
.puppy_weights_settings_popover .popover_right_block {
  padding: 0 10px 10px !important;
  display: block !important;
  width: 100% !important;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container {
  border: solid #d2ced0 !important;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container .lookup_title {
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container .edit_text_field {
  margin-bottom: 6px;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: left;
  white-space: normal;
  font-size: 16px;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container .edit_text_field .label_column {
  width: 120px;
  font-weight: bold;
  margin-bottom: 6px;
  display: inline-block;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container .edit_text_field .input_column {
  width: calc(100% - 125px);
  display: inline-block;
}
.puppy_weights_settings_popover .popover_puppy_weights_settings_container .edit_text_field .input_column .select_input {
  height: 30px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url(../img/btn_cal_right_blue.png);
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
#puppy_hour_born,
#puppy_minute_born {
  width: 35% !important;
  display: inline-block;
}
#puppy_weight_lb_kg,
#puppy_weight_oz_g,
#weight_lb_kg,
#weight_oz_g,
#weight_bcs {
  width: 35% !important;
  display: inline-block;
}
.weight_label {
  padding: 0 3px;
}
.popover_backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: none;
  background-color: #000;
  opacity: 0.8;
  z-index: 1041;
}
.popover_backdrop .loading_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}
.popover_backdrop .loading_block .saving_message {
  color: white;
  margin-top: 2vh;
  font-size: 3vh;
}
.popover_backdrop .loading_block .waiting_div {
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin: 0.2vh;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
}
.popover_backdrop .loading_block_dark .waiting_div {
  -moz-animation: loading_animate_dark 0.5s infinite alternate;
  -webkit-animation: loading_animate_dark 0.5s infinite alternate;
  -o-animation: loading_animate_dark 0.5s infinite alternate;
  animation: loading_animate_dark 0.5s infinite alternate;
}
.popover_backdrop .loading_block_white .waiting_div {
  -moz-animation: loading_animate_white 0.5s infinite alternate;
  -webkit-animation: loading_animate_white 0.5s infinite alternate;
  -o-animation: loading_animate_white 0.5s infinite alternate;
  animation: loading_animate_white 0.5s infinite alternate;
}
.popover_center_location {
  position: absolute;
  z-index: 1000;
  width: 10px;
  height: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.edit_large_popover.calendar_popover {
  width: 300px !important;
  left: calc((100% - 300px) / 2) !important;
}
.popover_image {
  position: absolute;
  z-index: 1000;
  width: 10px;
  height: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.input_error {
  border: 2px solid red !important;
  background-color: pink !important;
  color: black !important;
}
.popover_message_box,
.popover_message_box_no_js {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 50;
  display: none;
  height: 100%;
}
.popover_message_box.fullscreen,
.popover_message_box_no_js.fullscreen {
  position: fixed;
}
.popover_message_box .message_box_container,
.popover_message_box_no_js .message_box_container {
  height: 100%;
  width: 100%;
}
.popover_message_box .message_box_container .message_box_backdrop,
.popover_message_box_no_js .message_box_container .message_box_backdrop {
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}
.popover_message_box .message_box_container .message_container_block,
.popover_message_box_no_js .message_box_container .message_container_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: table;
  table-layout: fixed;
  width: 50%;
  max-width: 300px;
  height: 45%;
  max-height: 300px;
  background-color: white;
}
.popover_message_box .message_box_container .message_container_block .message_left_block,
.popover_message_box_no_js .message_box_container .message_container_block .message_left_block {
  display: table-cell;
  width: 30%;
  background-color: #46c0eb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/dialog_delete.png');
  display: none;
}
.popover_message_box .message_box_container .message_container_block .message_right_block,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block {
  position: relative;
  display: table-cell;
  width: 70%;
  padding: 2vh;
  text-align: center;
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
  color: #232323;
  font-weight: 600;
}
@media (max-width: 640px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_message,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_message {
    font-size: 16px;
  }
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer {
  margin-top: 10px;
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  margin-top: 20px;
  width: 100px;
  height: 35px;
  border-radius: 5px;
}
@media (max-width: 640px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button,
  .popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button {
    height: 30px;
  }
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button:hover,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button:hover {
  background-color: white;
  color: #46c0eb;
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button:active,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button:active {
  color: #3d3d3d;
}
.popover_message_box .message_box_container .message_container_block .message_right_block .message_box_footer button:hover,
.popover_message_box_no_js .message_box_container .message_container_block .message_right_block .message_box_footer button:hover {
  background-color: #3d3d3d;
  color: white;
}
.popover {
  border: 0 !important;
  max-width: none;
  padding: 0;
  font-family: "Lato", "Verdana", "Geneva", "Arial";
}
@media (orientation: portrait), (max-width: 769px) {
  .popover {
    margin-top: 0 !important;
  }
}
.popover .arrow {
  display: none;
}
.popover .popover-content {
  max-width: none;
  padding: 0;
  margin: 0;
  height: 100%;
}
.popover .popover-content .popover_container {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popover .popover-content .popover_container .popover_right_block {
  padding: 0 10px 10px 10px;
}
.pedigree_popover .arrow:after {
  border-left-color: #232323 !important;
  border-right-color: #232323 !important;
}
.pedigree_info_popover {
  width: 30vw;
  height: 20vh;
}
.pedigree_info_popover .popover_pedigree_container {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.pedigree_info_popover .popover_pedigree_container .button_container {
  position: relative;
  display: table-cell;
  width: 15%;
  height: 100%;
}
.pedigree_info_popover .popover_pedigree_container .button_container button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pedigree_info_popover .popover_pedigree_container .connection_info {
  display: table-cell;
  background-color: #232323;
  padding: 20px;
  cursor: default;
}
.pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
  font-weight: 500;
  color: white;
  padding-bottom: 5px;
}
@media (max-width: 640px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p {
    font-size: 16px;
  }
}
.pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
  color: #46c0eb;
  font-weight: 700;
}
@media (max-width: 640px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_p span {
    font-size: 16px;
  }
}
.pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_dog_name {
  padding-bottom: 15px;
  cursor: pointer;
}
.pedigree_info_popover .popover_pedigree_container .connection_info .pedigree_popover_birth_date {
  line-height: 25px;
  padding-bottom: 10px;
}
.pedigree_info_popover .popover_pedigree_container .connection_image {
  position: relative;
  display: table-cell;
  background-color: #232323;
  cursor: pointer;
  width: 200px;
  height: 200px;
  padding: 20px;
}
.pedigree_info_popover .popover_pedigree_container .connection_image .pedigree_pic {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-border-radius: 80px;
  -moz-border-radius: 80px;
  border-radius: 80px;
}
.pedigree_info_popover .popover_pedigree_container .dam_info {
  background-color: #e2499a;
}
.pedigree_info_popover .popover_pedigree_container .dam_info button {
  color: #e2499a;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/btn_edit_female_pink.png');
}
.pedigree_info_popover .popover_pedigree_container .sire_info {
  background-color: #306bc1;
}
.pedigree_info_popover .popover_pedigree_container .sire_info button {
  color: #306bc1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/btn_edit_male_blue.png');
}
.registration_popover {
  max-width: 400px;
}
.registration_popover h2 {
  text-align: center;
  padding: 20px 0;
  background-color: #3d3d3d;
  color: white;
}
.registration_popover hr:first-child {
  margin-bottom: 5px;
}
.registration_popover .popover_registration_container {
  border: 1px solid #d2ced0;
  background-color: white;
}
.registration_popover .popover_registration_container .left_block {
  padding: 55px 0 0 0;
  min-height: 180px;
  text-align: center;
  background-color: #d2ced0;
  vertical-align: top;
}
@media (orientation: landscape) and (min-width: 770px) {
  .registration_popover .popover_registration_container .left_block {
    display: table-cell;
    width: 30%;
    padding: 6.5vh 0 2.5vh 0;
  }
}
.registration_popover .popover_registration_container .left_block h1 {
  font-weight: 700;
  color: #3d3d3d;
  cursor: default;
  padding: 0 20px 0 20px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .left_block h1 {
    font-size: 30px;
  }
}
.registration_popover .popover_registration_container .left_block h2 {
  font-weight: 700;
  color: #3d3d3d;
  cursor: default;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .left_block h2 {
    font-size: 30px;
  }
}
.registration_popover .popover_registration_container .left_block .dialog_image {
  margin: 3vh 0 3vh 0;
  width: 36vw;
  height: 36vw;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  border: 2px solid white;
  display: block;
  cursor: pointer;
}
@media (orientation: landscape) and (min-width: 770px) {
  .registration_popover .popover_registration_container .left_block .dialog_image {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    width: 90%;
    height: auto;
    margin-top: 4.5vh;
    display: inline-block;
  }
}
.registration_popover .popover_registration_container .popover_right_block {
  vertical-align: top;
  padding: 2.6vh 3vh 3vh 3vh;
}
@media (min-width: 770px) {
  .registration_popover .popover_registration_container .popover_right_block {
    display: table-cell;
    width: 70%;
  }
}
@media (max-width: 769px) {
  .registration_popover .popover_registration_container .popover_right_block {
    width: 92%;
  }
}
.registration_popover .popover_registration_container .popover_right_block .message_div {
  position: relative;
  margin-bottom: 1vh;
  color: red;
  height: 2.9vh;
  font-weight: 500;
  text-align: center;
  cursor: default;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .message_div {
    font-size: 16px;
  }
}
.registration_popover .popover_registration_container .popover_right_block #edit_list_filter_form .select_option {
  width: 45%;
}
.registration_popover .popover_registration_container .popover_right_block .heading_field {
  position: relative;
  color: white;
  margin: 0 0 20px 0;
}
.registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
  width: 100%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 20px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .label_column.sub_label {
  padding-left: 5px;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field {
  position: relative;
  color: white;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field {
    margin-bottom: 6px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
@media (max-width: 770px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 16px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column {
  display: inline-block;
  position: relative;
  width: 70%;
  margin-left: -5px;
  color: #46c0eb;
}
@media (max-width: 770px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column {
    width: 100%;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_medium:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_small:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
  width: 12%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .text_input_tiny:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small:read-only {
  background-color: grey;
  color: white;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .currency_input_small:-moz-read-only {
  background-color: grey;
  color: white;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  padding-left: 5px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 16px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .input_readonly {
  cursor: pointer;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
  color: red;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 100px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 120px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .textarea_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 100%;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 12.5%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_tiny:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 25%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_small:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 50%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_medium:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 75%;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .select_input_large:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 16px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
  position: absolute;
  right: -15px;
  display: inline;
  color: red;
  margin: 0;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 30px;
  }
}
.registration_popover .popover_registration_container .popover_right_block .dialog_message {
  padding: 6.5vh 3.5vh 3.5vh 3.5vh;
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  min-height: 20vh;
}
@media (max-width: 640px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .registration_popover .popover_registration_container .popover_right_block .dialog_message {
    font-size: 24px;
  }
}
.registration_popover .popover_registration_container .popover_right_block {
  padding: 10px !important;
}
.registration_popover .popover_registration_container .popover_right_block .registration_no_container {
  padding: 10px 10px 10px 22px;
}
@media (orientation: landscape) and (min-width: 770px) {
  .registration_popover .popover_registration_container .popover_right_block .registration_no_container {
    padding: 20px 0 0 0;
  }
}
.registration_popover .popover_registration_container .popover_right_block .registration_no_container .light_group {
  background-color: #d2ced0 !important;
  color: #3d3d3d !important;
}
.breed_popover .popover_breed_container {
  background-color: white;
}
.breed_popover .popover_breed_container .left_block {
  padding: 55px 0 0 0;
  min-height: 180px;
  text-align: center;
  background-color: #d2ced0;
  vertical-align: top;
}
@media (orientation: landscape) and (min-width: 770px) {
  .breed_popover .popover_breed_container .left_block {
    display: table-cell;
    width: 30%;
    padding: 6.5vh 0 2.5vh 0;
  }
}
.breed_popover .popover_breed_container .left_block h1 {
  font-weight: 700;
  color: #3d3d3d;
  cursor: default;
  padding: 0 20px 0 20px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .left_block h1 {
    font-size: 30px;
  }
}
.breed_popover .popover_breed_container .left_block h2 {
  font-weight: 700;
  color: #3d3d3d;
  cursor: default;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .left_block h2 {
    font-size: 30px;
  }
}
.breed_popover .popover_breed_container .left_block .dialog_image {
  margin: 3vh 0 3vh 0;
  width: 36vw;
  height: 36vw;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  border: 2px solid white;
  display: block;
  cursor: pointer;
}
@media (orientation: landscape) and (min-width: 770px) {
  .breed_popover .popover_breed_container .left_block .dialog_image {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    width: 90%;
    height: auto;
    margin-top: 4.5vh;
    display: inline-block;
  }
}
.breed_popover .popover_breed_container .popover_right_block {
  vertical-align: top;
  padding: 2.6vh 3vh 3vh 3vh;
}
@media (min-width: 770px) {
  .breed_popover .popover_breed_container .popover_right_block {
    display: table-cell;
    width: 70%;
  }
}
@media (max-width: 769px) {
  .breed_popover .popover_breed_container .popover_right_block {
    width: 92%;
  }
}
.breed_popover .popover_breed_container .popover_right_block .message_div {
  position: relative;
  margin-bottom: 1vh;
  color: red;
  height: 2.9vh;
  font-weight: 500;
  text-align: center;
  cursor: default;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .message_div {
    font-size: 16px;
  }
}
.breed_popover .popover_breed_container .popover_right_block #edit_list_filter_form .select_option {
  width: 45%;
}
.breed_popover .popover_breed_container .popover_right_block .heading_field {
  position: relative;
  color: white;
  margin: 0 0 20px 0;
}
.breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
  width: 100%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 20px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .label_column.sub_label {
  padding-left: 5px;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field {
  position: relative;
  color: white;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field {
    margin-bottom: 6px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
  display: inline-block;
  width: 30%;
  vertical-align: top;
}
@media (max-width: 770px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .label_column .edit_h {
    font-size: 16px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column {
  display: inline-block;
  position: relative;
  width: 70%;
  margin-left: -5px;
  color: #46c0eb;
}
@media (max-width: 770px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column {
    width: 100%;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
  width: 50%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_medium:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_small:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
  width: 12%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .text_input_tiny:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small:read-only {
  background-color: grey;
  color: white;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .currency_input_small:-moz-read-only {
  background-color: grey;
  color: white;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  padding-left: 5px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 16px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .input_readonly {
  cursor: pointer;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
  color: red;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 100px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 120px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .textarea_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 100%;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 12.5%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_tiny:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 25%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_small:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 50%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_medium:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 75%;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large {
    height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .select_input_large:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 16px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
  position: absolute;
  right: -15px;
  display: inline;
  color: red;
  margin: 0;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 30px;
  }
}
.breed_popover .popover_breed_container .popover_right_block .dialog_message {
  padding: 6.5vh 3.5vh 3.5vh 3.5vh;
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  min-height: 20vh;
}
@media (max-width: 640px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .breed_popover .popover_breed_container .popover_right_block .dialog_message {
    font-size: 24px;
  }
}
.breed_popover .popover_breed_container .popover_right_block {
  position: relative;
}
.breed_popover .popover_breed_container .popover_right_block .breed_select_container {
  padding: 6.5vh 3vh 3vh 3vh;
}
@media (orientation: landscape) and (min-width: 770px) {
  .breed_popover .popover_breed_container .popover_right_block .breed_select_container {
    padding: 6.5vh 0 0 0;
  }
}
@media (max-width: 769px) {
  #dialog_edit_dog .breed_popover .popover_breed_container .breed_select_container {
    margin-bottom: 20px;
  }
}
.litter_popover .popover_litter_container #litter_popover_loading_backdrop {
  opacity: 1 !important;
}
.litter_popover .popover_litter_container #litter_popover_loading_backdrop .opacity_div {
  background-color: white !important;
}
.litter_popover .popover_litter_container .popover_right_block {
  display: table-cell !important;
  width: 100%;
}
.litter_popover .popover_litter_container .popover_right_block .filter_connection {
  margin: 3vh;
  width: calc(100% - 6vh);
  color: white;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    height: 30px;
  }
}
.litter_popover .popover_litter_container .popover_right_block .filter_connection:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.litter_popover .popover_litter_container .popover_right_block .connection_block {
  height: 21vh;
  padding: 0 3vh 3vh 3vh;
  white-space: nowrap;
}
.litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item {
  padding: 0.5vh;
  height: 10vh;
  margin-bottom: 1vh;
  border: 1px solid #d2ced0;
}
.litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item img {
  background-color: white;
  width: 9vh;
  height: 9vh;
  border: 1px solid #3d3d3d;
  border-radius: 5.5vh;
  float: left;
}
.litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
  padding-left: 12vh;
  color: #3d3d3d;
  font-weight: 600;
  line-height: 10vh;
  white-space: normal;
}
@media (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 16px;
  }
}
.litter_popover .popover_litter_container .popover_right_block .connection_block .selected_item {
  background-color: #d2ced0 !important;
}
.litter_popover .popover_litter_container .popover_right_block .popover_message {
  padding: 6.5vh 3.5vh 3.5vh 3.5vh;
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  min-height: 30vh;
}
@media (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 24px;
  }
}
.litter_popover .popover_litter_container .popover_right_block .litter_choose_entry {
  min-height: 35vh;
  width: 100%;
  text-align: center;
  position: relative;
}
.litter_popover .popover_litter_container .popover_right_block .litter_popover_owner_container {
  display: none;
}
.litter_popover .popover_litter_container .popover_right_block .initial_hidden {
  visibility: hidden;
}
@media (min-width: 770px) {
  .litter_popover .popover_litter_container .popover_right_block {
    padding-top: 3vh !important;
  }
  .litter_popover .popover_litter_container .popover_right_block .filter_connection {
    margin: 6.5vh 0 0 0;
    width: 100%;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block {
    height: 21vh;
    padding: 1.5vh 0 0 0;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item {
    display: inline-block;
    background-color: white;
    width: 13vh;
    height: 17vh;
    cursor: pointer;
    vertical-align: top;
    padding: 1vh;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    overflow: hidden;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item img {
    background-color: white;
    width: 11vh;
    height: 11vh;
    border: 2px solid #3d3d3d;
    border-radius: 5.5vh;
    float: none;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    padding-top: 1vh;
    padding-left: 0;
    font-weight: 600;
    text-align: center;
    cursor: pointer !important;
    line-height: normal;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item:hover {
    background-color: #d2ced0;
  }
  .litter_popover .popover_litter_container .popover_right_block .connection_block .selected_item {
    background-color: #d2ced0 !important;
  }
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    padding: 6.5vh 3.5vh 3.5vh 3.5vh;
    color: #3d3d3d;
    font-weight: 600;
    text-align: center;
    min-height: 30vh;
  }
  .litter_popover .popover_litter_container .popover_right_block .litter_choose_entry {
    min-height: 35vh;
    text-align: center;
    position: relative;
  }
  .litter_popover .popover_litter_container .popover_right_block .litter_popover_owner_container {
    display: none;
  }
  .litter_popover .popover_litter_container .popover_right_block .initial_hidden {
    visibility: hidden;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 11px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .connection_block .connection_item p {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 22px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  .litter_popover .popover_litter_container .popover_right_block .popover_message {
    font-size: 24px;
  }
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: 25%;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 25%;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 35%;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 40%;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .sire_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_sire.png');
  }
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: 25%;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 25%;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 35%;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 40%;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .dam_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_dam.png');
  }
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 60%;
    background-size: 25%;
    background-image: url('../img/dialog_image_contact.png');
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 35%;
    background-image: url('../img/dialog_image_contact.png');
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 35%;
    background-image: url('../img/dialog_image_contact.png');
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: 40%;
    background-image: url('../img/dialog_image_contact.png');
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_contact.png');
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .contact_popover_image {
    background-repeat: no-repeat;
    background-position: center 55%;
    background-size: auto;
    background-image: url('../img/dialog_image_contact.png');
  }
}
.connection_popover .popover_connection_container .popover_right_block {
  overflow: hidden;
  height: 100%;
}
.connection_popover .popover_connection_container .popover_right_block .help_information_message {
  margin-top: 2vh;
  text-align: center;
  font-weight: 600;
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .popover_right_block .help_information_message {
    font-size: 16px;
  }
}
.connection_popover .popover_connection_container .popover_right_block .filter_connection {
  margin: 4vh 3vh 3vh 3vh;
  width: calc(100vw - 6vh);
  color: white;
}
.connection_popover .popover_connection_container .popover_right_block .connection_block {
  width: 100%;
  height: calc(100% - 10vh);
  padding: 0 3vh 65px 3vh;
  overflow-y: scroll;
}
.connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item {
  padding: 0.5vh;
  height: 10vh;
  margin-bottom: 1vh;
  border: 1px solid #d2ced0;
}
.connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item img {
  background-color: white;
  width: 9vh;
  height: 9vh;
  border: 1px solid #3d3d3d;
  border-radius: 5.5vh;
  float: left;
}
.connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
  padding-left: 12vh;
  color: #3d3d3d;
  font-weight: 600;
  line-height: 10vh;
  white-space: normal;
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 16px;
  }
}
.connection_popover .popover_connection_container .popover_right_block .connection_block .selected_item {
  background-color: #d2ced0 !important;
}
.connection_popover .popover_connection_container .popover_right_block .popover_message {
  padding: 6.5vh 3.5vh 3.5vh 3.5vh;
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  min-height: 30vh;
}
@media (max-width: 640px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .connection_popover .popover_connection_container .popover_right_block .popover_message {
    font-size: 24px;
  }
}
@media (orientation: landscape) and (min-width: 770px) {
  .connection_popover .popover_connection_container .popover_right_block .filter_connection {
    margin: 3vh 0 0 0;
    width: 100%;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block {
    height: 21vh;
    padding: 1.5vh 0 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item {
    display: inline-block;
    background-color: white;
    width: 13vh;
    height: 17vh;
    cursor: pointer;
    vertical-align: top;
    padding: 1vh;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    overflow: hidden;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item img {
    background-color: white;
    width: 11vh;
    height: 11vh;
    border: 2px solid #3d3d3d;
    border-radius: 5.5vh;
    float: none;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    padding-top: 1vh;
    padding-left: 0;
    font-weight: 600;
    text-align: center;
    cursor: pointer !important;
    line-height: normal;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item:hover {
    background-color: #d2ced0;
  }
  .connection_popover .popover_connection_container .popover_right_block .connection_block .selected_item {
    background-color: #d2ced0 !important;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (max-width: 640px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 10px;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 11px;
  }
}
@media (orientation: landscape) and (min-width: 770px) and (min-width: 1920px) {
  .connection_popover .popover_connection_container .popover_right_block .connection_block .connection_item p {
    font-size: 13px;
  }
}
#litter_puppy_health_container .connection_simple_popover {
  width: 100%;
}
.connection_simple_popover {
  top: 0px !important;
  margin-top: 0 !important;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none !important;
}
.connection_simple_popover .popover_simple_container .filter_container {
  overflow: hidden;
  background-color: white;
}
.connection_simple_popover .popover_simple_container .filter_container span {
  display: block;
  padding-right: 5px;
  padding-bottom: 5px;
  overflow: hidden;
}
.connection_simple_popover .popover_simple_container .filter_container .connection_not_found {
  background-color: pink !important;
}
.connection_simple_popover .popover_simple_container .filter_container .filter_connection {
  width: 100%;
  box-sizing: border-box;
}
.connection_simple_popover .popover_simple_container .filter_container button {
  float: right;
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  height: 34px;
  margin: 0 2px;
}
@media (max-width: 640px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .connection_simple_popover .popover_simple_container .filter_container button {
    height: 30px;
  }
}
.connection_simple_popover .popover_simple_container .filter_container button:hover {
  background-color: white;
  color: #46c0eb;
}
.connection_simple_popover .popover_simple_container .filter_container button:active {
  color: #3d3d3d;
}
.connection_simple_popover .popover_simple_container .filter_container #btn_connection_me {
  background-color: #e2499a;
  margin: 0 2px;
}
.connection_simple_popover .popover_simple_container .filter_container #btn_connection_me,
.connection_simple_popover .popover_simple_container .filter_container #btn_connection_add,
.connection_simple_popover .popover_simple_container .filter_container #btn_connection_cancel {
  width: fit-content;
  padding-left: 7px;
  padding-right: 7px;
  height: 34px;
  border-radius: 4px;
  font-size: 14px;
}
.connection_simple_popover .popover_simple_container .connection_block {
  overflow-y: auto;
  background-color: white;
  border-radius: 5px;
  padding: 5px;
  border: thin solid #d2ced0;
  min-height: 40px;
  max-height: 155px;
  max-width: 400px;
}
.connection_simple_popover .popover_simple_container .connection_block .call_name {
  font-weight: bold;
  color: white;
  background-color: #0d5974;
  padding: 1px 3px;
  border-radius: 3px;
}
.connection_simple_popover .popover_simple_container .connection_block .add_new_item {
  color: black;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  border: thin solid #ccc;
  border-radius: 5px;
  height: 33px;
  text-align: center;
  background-color: #ffedf4;
}
.connection_simple_popover .popover_simple_container .connection_block .add_new_item span {
  vertical-align: middle;
}
.connection_simple_popover .popover_simple_container .connection_block .add_new_item .add_new_item_btn {
  color: #656565;
  display: inline-block;
  cursor: pointer;
  border: thin solid #ccc;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 1px 3px;
  margin-left: 5px;
  margin-top: 2px;
}
.connection_simple_popover .popover_simple_container .connection_block .connection_item,
.connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
  font-weight: 500;
  color: #232323;
  padding: 2px 4px 2px 4px;
  height: 30px;
  padding-top: 4px;
}
@media (max-width: 640px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .connection_simple_popover .popover_simple_container .connection_block .connection_item,
  .connection_simple_popover .popover_simple_container .connection_block .connection_new_dog {
    font-size: 16px;
  }
}
.connection_simple_popover .popover_simple_container .connection_block .connection_item:nth-of-type(even),
.connection_simple_popover .popover_simple_container .connection_block .connection_new_dog:nth-of-type(even) {
  background-color: #f5f5f5;
}
.connection_simple_popover .popover_simple_container .connection_block .connection_item p,
.connection_simple_popover .popover_simple_container .connection_block .connection_new_dog p {
  cursor: pointer !important;
}
.connection_simple_popover .popover_simple_container .connection_block .selected_item {
  color: white !important;
  background-color: #46c0eb !important;
}
.connection_simple_popover .popover_simple_container .connection_block .connection_popover_loading_container {
  display: none;
}
.dog_selection_popover #select_dog_list {
  border-radius: 2px;
  border: 1px solid #d2ced0;
  height: 200px;
  overflow-y: auto;
  padding: 5px;
  color: #232323 !important;
}
.dog_selection_popover #select_dog_list label {
  padding-left: 3px;
}
.dog_selection_popover label[for="toggle_select_all"] {
  font-size: 16px;
  color: black;
  padding-left: 5px;
}
.simple_popover.connection_not_found.connection_not_found {
  background-color: pink;
}
.edit_dialog_container .right_block .simple_lookup_container .input_column.inline-flex {
  display: inline-block;
  position: relative;
  width: calc((100% - 222px));
  margin-left: 1px;
  color: #46c0eb;
}
@media (max-width: 770px) {
  .edit_dialog_container .right_block .simple_lookup_container .input_column.inline-flex {
    width: 100%;
    margin-left: 0;
  }
}
i.show_info {
  color: #46c0eb;
  margin-top: 0.6em;
  float: right;
  cursor: pointer;
}
.info {
  color: #555;
}
.simple_lookup_container .edit_text_field {
  width: 100% !important;
}
.simple_lookup_container .simple-lkp-loading img {
  margin-left: 5px;
  margin-right: 8px;
}
.simple_lookup_container .dbp_modal_content {
  color: black;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container {
  width: 90%;
  margin-top: 1.5em;
  flex-direction: row;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  align-content: center;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_lookup_item_container {
  width: 100%;
  display: inline-flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  flex-wrap: nowrap;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_lookup_item,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_lookup_item {
  margin: 2px;
  width: 100%;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_lookup_item input,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_lookup_item input {
  background-color: #232323;
  border-radius: 2px;
  border: 0px;
  box-sizing: border-box;
  color: #46c0eb;
  display: inline-block;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  font: inherit;
  height: 30px;
  outline: none;
  padding-left: 8px;
  width: 100%;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_lookup_item input.selected,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_lookup_item input.selected {
  color: black;
  background-color: lightgrey;
  border: 1px solid #46c0eb;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .add_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .add_entry,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_entry,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .delete_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .delete_entry,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .save_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .save_entry,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .cancel_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .cancel_entry {
  font-size: 18px;
  width: 22px;
  color: #666566;
  padding-top: 5px;
  margin: 0px 4px;
  text-align: center;
  cursor: pointer;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .add_entry:hover,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .add_entry:hover,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .edit_entry:hover,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .edit_entry:hover,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .delete_entry:hover,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .delete_entry:hover,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .save_entry:hover,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .save_entry:hover,
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .cancel_entry:hover,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .cancel_entry:hover {
  color: #46c0eb;
}
.simple_lookup_container .dbp_modal_content .edit_lookup_items_container .add_entry.add_entry,
.simple_lookup_container .dbp_modal_content .add_lookup_item_container .add_entry.add_entry {
  margin-right: 31px;
}
.edit_text_field.simple_lookup_container {
  width: 100%;
}
.edit_text_field.simple_lookup_container .edit-button {
  font-size: 18px;
  width: 22px;
  color: #666566;
  padding-top: 5px;
  margin: 0px 4px;
  text-align: center;
  cursor: pointer;
}
.edit_text_field.simple_lookup_container .edit-button:hover {
  color: #46c0eb;
}
.lookup_simple_popover {
  margin-top: 4px !important;
  width: 100%;
}
.lookup_simple_popover .arrow {
  border-bottom-color: white !important;
}
.lookup_simple_popover .simple_lookup_collection_block.no_scroll {
  overflow-y: hidden !important;
}
.lookup_simple_popover .simple_lookup_collection_block {
  background-color: white;
  max-height: 200px;
  overflow-y: auto;
}
.lookup_simple_popover .simple_lookup_collection_block .add_new_item {
  overflow-y: hidden !important;
  color: black;
  font-weight: bold;
  font-size: 16px;
  padding: 2px;
  border: thin solid #ccc;
  height: 33px;
  text-align: center;
  border-radius: 5px;
  background-color: #ffedf4;
}
.lookup_simple_popover .simple_lookup_collection_block .add_new_item span {
  vertical-align: middle;
}
.lookup_simple_popover .simple_lookup_collection_block .add_new_item .add_new_item_btn {
  color: #656565;
  display: inline-block;
  cursor: pointer;
  border: thin solid #ccc;
  background-color: #f5f5f5;
  border-radius: 3px;
  padding: 1px 3px;
  margin-left: 5px;
}
.lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
  font-weight: 500;
  color: #232323;
  cursor: pointer;
  padding: 2px 4px 2px 4px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item {
    font-size: 16px;
  }
}
.lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item .edit_simple_lookup_row,
.lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item .delete_simple_lookup_row {
  color: #666566;
  padding-top: 3px;
  margin: 0px 2px;
  text-align: center;
  cursor: pointer;
}
.lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item .edit_simple_lookup_row:hover,
.lookup_simple_popover .simple_lookup_collection_block .simple_lookup_item .delete_simple_lookup_row:hover {
  color: red;
}
.lookup_simple_popover .simple_lookup_collection_block .selected_item {
  color: white !important;
  background-color: #46c0eb !important;
}
.calendar_event_popover {
  padding: 10px;
  min-width: 100px;
  background-color: #d2ced0;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  font-weight: 500;
}
@media (max-width: 640px) {
  .calendar_event_popover {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .calendar_event_popover {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .calendar_event_popover {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .calendar_event_popover {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .calendar_event_popover {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .calendar_event_popover {
    font-size: 14px;
  }
}
.calendar_event_popover .arrow {
  display: inline;
  border-color: transparent !important;
}
.calendar_event_popover.right > .arrow:after {
  border-right-color: #d2ced0;
}
.calendar_event_popover.left > .arrow:after {
  border-left-color: #d2ced0;
}
.calendar_event_popover .cal_popover_year_event {
  cursor: pointer;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  position: relative;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  min-width: 165px;
}
@media (max-width: 640px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .calendar_event_popover .cal_popover_year_event {
    height: 30px;
  }
}
.calendar_event_popover .cal_popover_year_event .cal_popover_event_dot {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #46c0eb;
}
.calendar_event_popover .cal_popover_year_event .cal_event_title {
  padding-left: 12px;
  white-space: nowrap;
  float: left;
  max-width: 95px;
  overflow: hidden;
}
@media (max-width: 640px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_title {
    line-height: 30px;
  }
}
.calendar_event_popover .cal_popover_year_event .cal_event_time {
  width: 70px;
  white-space: nowrap;
  float: right;
  text-align: right;
}
@media (max-width: 640px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .calendar_event_popover .cal_popover_year_event .cal_event_time {
    line-height: 30px;
  }
}
.calendar_event_popover .cal_popover_year_event:hover .cal_popover_event_dot {
  background-color: #e0ac27;
}
.calendar_event_popover .cal_popover_no_events {
  cursor: default;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
.popover_image_container .image_controls {
  width: 100%;
}
@media (orientation: landscape) and (min-width: 770px) {
  .popover_image_container .image_controls {
    padding-top: 6.5vh;
  }
}
.popover_image_container .image_controls .dialog_button_container_new {
  padding: 0 40px;
  position: absolute;
  top: 380px;
  width: 100%;
  z-index: 1000;
}
@media (orientation: portrait) and (max-width: 769px) {
  .popover_image_container .popover_right_block {
    padding: 0 !important;
  }
}
.popover_image_container #btn_popover_image_container {
  position: relative;
  margin: 0 auto;
  width: 63%;
  padding-left: 3px;
  z-index: 100;
}
.popover_image_container #btn_popover_image_container img {
  border-radius: 5px;
  margin: 5px 5px 0 0;
  background-color: #46c0eb;
  float: left;
}
.popover_image_container #zoom_out {
  right: 55px;
  background-image: url("../img/btn_minus_white.png");
}
.popover_image_container #zoom_out:hover {
  background-image: url("../img/btn_minus_medium_grey.png");
}
.popover_image_container #zoom_in {
  right: 100px;
  background-image: url("../img/btn_add_white.png");
}
.popover_image_container #zoom_in:hover {
  background-image: url("../img/btn_add_medium_grey.png");
}
.popover_image_container #reset {
  right: 10px;
  background-image: url("../img/btn_reset_white.png");
}
.popover_image_container #reset:hover {
  background-image: url("../img/btn_reset_medium_grey.png");
}
.popover_image_container #image_mask {
  width: 470px;
  height: 450px;
  overflow: hidden;
}
@media (orientation: landscape) and (min-width: 770px) {
  .popover_image_container #image_mask {
    border: 1px solid black;
    position: relative;
    margin: 0 auto;
  }
}
@media (max-width: 769px) {
  .popover_image_container #image_mask {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, 0);
    background-color: white;
    height: 100vh;
  }
}
@media (max-width: 931px) {
  .popover_image_container #image_mask {
    margin-top: 45px;
  }
}
.popover_image_container .pointer {
  cursor: pointer;
}
.popover_image_container #image_box {
  margin-top: 100px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 110px;
  position: absolute;
  height: 250px;
  width: 250px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  border: 1px dashed black;
  overflow: hidden;
  z-index: 100;
  text-align: center;
}
.popover_image_container #image_box #img_profile {
  position: absolute;
  cursor: move;
  z-index: 150;
}
.popover_image_container #image_box #m_heading {
  position: absolute;
  height: 90%;
  top: calc((10% / 2));
  width: 90%;
  left: calc((10% / 2));
  background-color: #46c0eb;
  color: black;
  border: thin solid #46c0eb;
  border-radius: 5px;
  font-size: 22px;
  z-index: 0;
  margin: 0;
}
.popover_image_container #img_background {
  position: absolute;
  opacity: 0.4;
  float: left;
  left: 100px;
  top: 100px;
  z-index: 50;
  cursor: move;
}
.popover.lookup_popover {
  max-width: 400px !important;
  top: 10% !important;
}
.popover.lookup_popover .popover-content .popover_lookup_container {
  position: relative;
  padding: 20px;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container {
  max-height: 350px;
  overflow: auto;
  width: 100%;
  position: relative;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
  position: relative;
  width: 100%;
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row {
    margin-bottom: 6px;
  }
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .selected_column {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  margin: auto;
  -webkit-border-radius: 7.5px;
  -moz-border-radius: 7.5px;
  border-radius: 7.5px;
  border: 0px;
  outline: none;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .selected {
  background-color: #46c0eb !important;
  color: #232323 !important;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
  margin-left: 23px;
  cursor: pointer;
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item {
    height: 30px;
  }
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
  cursor: pointer !important;
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .item_description {
    line-height: 30px;
  }
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
  padding: 2px;
  float: right;
  display: block;
  color: #232323;
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_item_row .popover_lookup_item .img_lookup {
    height: 30px;
  }
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container {
  width: 100%;
  padding-left: 23px;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
  height: 25px;
  width: 100%;
  background-color: #3d3d3d;
  color: white;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item {
    height: 30px;
  }
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .popover_input_container .popover_lookup_edit_item:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block .lookup_item_container .lookup_message_p {
  display: none;
  margin-top: 20px;
  padding-left: 23px;
  text-align: center;
  color: #ea0707;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block span.lookup_title {
  font-size: 25px;
  font-weight: bold;
  display: block;
  height: 35px;
}
.popover.lookup_popover .popover-content .popover_lookup_container .popover_right_block span.lookup_title .btn_popover_header {
  float: right;
  max-width: 50%;
  min-width: 90px;
  color: white;
  background-color: #46c0eb;
  border-radius: 5px;
  border: none;
  font-size: 16px;
  font-weight: normal;
  height: 35px;
}
.calendar_popover {
  padding: 14px 12px 12px;
}
.calendar_popover .popover_calendar_container .inline_button_container {
  padding-top: 12px;
}
.calendar_popover .popover_calendar_container #calendar_detail {
  margin: 0 auto;
  overflow: hidden;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body {
  overflow: hidden;
  text-align: center;
  width: 100%;
  position: relative;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_month,
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_year {
  width: 23.5%;
  margin: 2px;
  height: 50px;
  border: 0px;
  outline: none;
  float: left;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_month:hover,
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_year:hover {
  background-color: #181818 !important;
  color: #46c0eb !important;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_month {
  background-color: #3d3d3d;
  color: white;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_year {
  background-color: #d2ced0;
  color: #232323;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .selected_month,
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .selected_year {
  background-color: #46c0eb !important;
  color: white !important;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_day {
  width: 35px;
  height: 30px;
  margin: 2px;
  float: left;
  text-align: center;
  border: 0px;
  outline: none;
  font-size: 13px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-sizing: border-box;
  padding: 0;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_day_current {
  color: white;
  background-color: #3d3d3d;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_day_not_current {
  color: #232323;
  background-color: #d2ced0;
}
@media (min-width: 770px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_day_not_current:hover,
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_day_current:hover {
    background-color: #181818 !important;
    color: #46c0eb;
  }
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_selected_day {
  color: white;
  background-color: #46c0eb;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_future_day {
  background-color: white;
  color: #3d3d3d;
  border: 1px solid #3d3d3d;
  cursor: default;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
  margin: 0 2px;
  width: 35px;
  color: black;
  float: left;
  cursor: default;
  border: 0px;
  outline: none;
  font-weight: 500;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day {
    font-size: 16px;
  }
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day_first,
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_body .cal_body_day_last {
  width: 35px;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value {
  color: #232323;
  height: 30px;
  text-align: center;
  margin: 0 10px 10px 10px;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_back,
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_forward {
  height: 30px;
  width: 15px;
  cursor: pointer;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_back {
  float: left;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/btn_arrow_back.png');
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_back:hover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/btn_arrow_back_hover.png');
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_forward {
  float: right;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/btn_arrow_forward.png');
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .btn_cal_forward:hover {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/btn_arrow_forward_hover.png');
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value #popover_cal_text_heading_month {
  min-width: 40%;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .cal_header_selected_date {
  display: inline-block;
  padding: 5px 10px 0 10px;
  font-weight: bold;
  font-size: 14px;
  color: #232323;
  background-color: white;
  margin: 0px;
  cursor: default;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .cal_header_active {
  height: 30px;
  cursor: pointer !important;
  color: white !important;
  background-color: #232323 !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.calendar_popover .popover_calendar_container #calendar_detail .cal_container .cal_header_value .cal_header_active:hover {
  color: #46c0eb !important;
}
.edit_text_field .input_column input.simple_lookup {
  float: left;
  width: calc(100% - 32px) !important;
}
.edit_text_field .input_column .edit-button {
  font-size: 18px;
  width: 22px;
  color: #666566;
  padding-top: 5px;
  margin: 0px 4px;
  text-align: center;
  cursor: pointer;
}
.modal-dialog {
  transform: none !important;
  -webkit-transform: none !important;
  margin-bottom: 15px !important;
}
.tooltip {
  width: 300px !important;
}
.tooltip-inner {
  background-color: #ffedf4 !important;
  color: #000000 !important;
  opacity: 1 !important;
  width: 300px !important;
  max-width: 300px !important;
}
.tooltip-inner .locus {
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
.tooltip-inner .description {
  text-align: left;
  border-bottom: solid thin;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.tooltip-inner .content {
  text-align: left;
}
.tooltip-inner .content .genotype {
  font-weight: bold;
}
.text_not_input {
  padding-left: 4px;
}
.dialog_button_container_new,
.popover_button_container {
  clear: both;
  margin-top: 15px;
  min-width: 90px;
  overflow: auto;
}
@media screen and (max-width: 959px) {
  .dialog_button_container_new,
  .popover_button_container {
    position: fixed;
    top: 0;
    left: 0;
    padding: 7px 15px;
    width: 100%;
    margin: 0;
  }
}
select option {
  font-size: 16px !important;
}
@media screen and (max-width: 959px) {
  .dialog_button_container_new {
    z-index: 990;
  }
  .popover_button_container {
    z-index: 1001;
  }
}
.inline_button_container {
  overflow: hidden;
  margin-top: 15px;
}
@media screen and (max-width: 959px) {
  .dialog_button_container_new {
    background-color: #333333;
  }
  .popover_button_container {
    background-color: #0d5974;
  }
  .registration_popover,
  .popover.lookup_popover,
  .popover.dog_selection_popover,
  .edit_lookups_modal {
    margin-top: 45px !important;
    top: 0 !important;
  }
}
.delete_dialog .right_block {
  padding: 0 10px 10px;
}
.delete_dialog .right_block .save_button,
.delete_dialog .right_block .submit_button,
.delete_dialog .right_block .update_button,
.delete_dialog .right_block .add_button,
.delete_dialog .right_block .print_button,
.delete_dialog .right_block .close_button,
.delete_dialog .right_block .confirm_button,
.delete_dialog .right_block .today_button,
.delete_dialog .right_block .delete_button,
.delete_dialog .right_block .clear_button,
.delete_dialog .right_block .reset_button,
.delete_dialog .right_block .cancel_button {
  float: right;
  margin-left: 10px;
}
button {
  height: 35px;
  border-radius: 5px;
  border: 1px solid;
  padding: 0 10px;
  font-size: 14px;
}
button:hover {
  background-color: #d2ced0 !important;
  border-color: #555555 !important;
  color: #555555 !important;
}
button:focus {
  background-color: #d2ced0;
  border: 1px solid #46c0eb;
}
button[disabled] {
  background-color: #d2ced0;
}
button.standard-blue,
button.save_button,
button.submit_button,
button.update_button,
button.print_button,
button.add_button,
button.print_button,
button.confirm_button,
button.today_button {
  background-color: #46c0eb;
  border-color: #46c0eb;
  color: white;
}
button.standard-blue:hover,
button.save_button:hover,
button.submit_button:hover,
button.update_button:hover,
button.print_button:hover,
button.add_button:hover,
button.print_button:hover,
button.confirm_button:hover,
button.today_button:hover {
  background-color: #46c0eb !important;
}
button.standard-blue.btn_disabled,
button.save_button.btn_disabled,
button.submit_button.btn_disabled,
button.update_button.btn_disabled,
button.print_button.btn_disabled,
button.add_button.btn_disabled,
button.print_button.btn_disabled,
button.confirm_button.btn_disabled,
button.today_button.btn_disabled,
button.standard-blue:disabled,
button.save_button:disabled,
button.submit_button:disabled,
button.update_button:disabled,
button.print_button:disabled,
button.add_button:disabled,
button.print_button:disabled,
button.confirm_button:disabled,
button.today_button:disabled {
  background-color: #d2ced0;
}
button.standard-blue.btn_disabled:hover,
button.save_button.btn_disabled:hover,
button.submit_button.btn_disabled:hover,
button.update_button.btn_disabled:hover,
button.print_button.btn_disabled:hover,
button.add_button.btn_disabled:hover,
button.print_button.btn_disabled:hover,
button.confirm_button.btn_disabled:hover,
button.today_button.btn_disabled:hover,
button.standard-blue:disabled:hover,
button.save_button:disabled:hover,
button.submit_button:disabled:hover,
button.update_button:disabled:hover,
button.print_button:disabled:hover,
button.add_button:disabled:hover,
button.print_button:disabled:hover,
button.confirm_button:disabled:hover,
button.today_button:disabled:hover {
  background-color: orange !important;
}
button.delete_button,
button.clear_button,
button.close_button,
button.reset_button,
button.cancel_button {
  background-color: white;
  border-color: #555555;
  color: #555555;
}
@media screen and (max-width: 960px) {
  button.save_button,
  button.submit_button,
  button.update_button,
  button.add_button,
  button.print_button,
  button.close_button,
  button.confirm_button,
  button.today_button {
    float: right;
    margin-left: 10px;
  }
  button.delete_button,
  button.clear_button,
  button.reset_button {
    float: none;
    margin-right: 10px;
  }
  button.cancel_button {
    float: left;
    margin-right: 10px;
  }
}
@media screen and (min-width: 961px) {
  button.save_button,
  button.submit_button,
  button.update_button,
  button.add_button,
  button.print_button,
  button.close_button,
  button.confirm_button,
  button.today_button,
  button.delete_button,
  button.clear_button,
  button.reset_button,
  button.cancel_button {
    float: right;
    margin-left: 10px;
  }
}
/* DBP dialog accordion */
.dbp_accordion_section {
  clear: both;
}
.dbp_accordion_section .dbp_accordion_label {
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  margin: 5px 0;
  color: black;
  background-color: #d2ced0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dbp_accordion_section .dbp_accordion_label .toggle_icons {
  display: flex;
  align-items: center;
  padding-right: 5px;
}
.dbp_accordion_section .dbp_accordion_label.active_section {
  background-color: #46c0eb;
}
.dbp_accordion_section .dbp_accordion_label:hover {
  cursor: grab;
}
.dbp_accordion_section.folded {
  clear: both;
}
.dbp_accordion_section.folded .dbp_accordion_content {
  max-height: 0;
  overflow: hidden;
  /* needed for CSS transition */
}
.dbp_accordion_section.folded .dbp_accordion_label .fa-minus {
  display: none;
}
.dbp_accordion_section.folded .dbp_accordion_label .fa-plus {
  display: inline;
}
.dbp_accordion_section.unfolded .dbp_accordion_label {
  background-color: #46c0eb;
}
.dbp_accordion_section.unfolded .dbp_accordion_label .fa-minus {
  display: inline;
}
.dbp_accordion_section.unfolded .dbp_accordion_label .fa-plus {
  display: none;
}
#user_is_owner_removed,
#deceased_date_changed,
#spayed_status_changed {
  text-align: left;
}
#user_is_owner_removed input:first-of-type,
#deceased_date_changed input:first-of-type,
#spayed_status_changed input:first-of-type {
  margin-top: 10px;
}
#user_is_owner_removed .checkbox_label,
#deceased_date_changed .checkbox_label,
#spayed_status_changed .checkbox_label {
  font-size: 14px;
}
#user_is_owner_removed {
  width: calc(100% - 32px) !important;
}
.table_container {
  overflow: auto;
}
/* end DBP dialog accordion */
#kennel_image_edit_container {
  margin-top: 5px;
}
#profile_image_edit_container,
#kennel_image_edit_container {
  display: inline-block;
  margin-bottom: 10px;
}
#profile_image_edit_container .image-wrapper,
#kennel_image_edit_container .image-wrapper {
  float: left;
}
#profile_image_edit_container .image-wrapper img,
#kennel_image_edit_container .image-wrapper img {
  border-radius: 5px;
  border: thin solid #ccc;
}
#profile_image_edit_container .image-wrapper #profile_image,
#kennel_image_edit_container .image-wrapper #profile_image {
  width: 150px;
  height: 150px;
}
#profile_image_edit_container .image-wrapper #kennel_logo,
#kennel_image_edit_container .image-wrapper #kennel_logo {
  height: 150px;
}
#profile_image_edit_container .dialog_image_buttons,
#kennel_image_edit_container .dialog_image_buttons {
  float: left;
  margin-left: 15px;
  overflow: auto;
}
#profile_image_edit_container .dialog_image_buttons button,
#kennel_image_edit_container .dialog_image_buttons button {
  width: 40px;
  min-width: 40px;
  height: 35px;
  background-color: #46c0eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  font-size: 16px;
  margin-left: 5px;
  margin-bottom: 22px;
  cursor: pointer;
  display: block;
  clear: both;
  float: left;
}
#profile_image_edit_container .dialog_image_buttons button:last-of-type,
#kennel_image_edit_container .dialog_image_buttons button:last-of-type {
  margin-bottom: 0;
}
#profile_image_edit_container .dialog_image_buttons button[disabled],
#kennel_image_edit_container .dialog_image_buttons button[disabled] {
  background-color: #3d3d3d;
  color: #d2ced0;
}
#profile_image_edit_container .dialog_image_buttons button .fa-edit,
#kennel_image_edit_container .dialog_image_buttons button .fa-edit {
  margin-right: -3px;
}
#dog_edit_body .dbp_accordion_section[data-sharing-section] .public_page_sharing_options input[type="checkbox"],
#add_edit_puppy_modal .dbp_accordion_section[data-sharing-section] .public_page_sharing_options input[type="checkbox"] {
  margin-left: 20px;
}
.documents_section {
  clear: both;
  padding: 8px;
  border: thin solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  margin-top: 10px;
}
.documents_section .documents_section_header {
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
input[type="text"],
select {
  height: 35px;
}
.dialog_section {
  clear: both;
  padding: 7px;
  border-radius: 5px;
  border: thin solid #ccc;
  background-color: #f1f2f4;
  overflow: hidden;
  margin-bottom: 15px;
}
.dialog_section .section_label {
  clear: both;
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.dialog_section:last-of-type {
  margin-bottom: 0;
}
.referral_entry {
  overflow: hidden;
  width: calc((100% - 15px) / 2);
  margin-left: 0.3em;
}
.referral_entry #message_p {
  padding: 5px;
  color: red;
  text-align: center;
  font-size: 16px;
}
.referral_entry .edit_text_field {
  font-size: 16px;
  margin-bottom: 7px;
  clear: both;
}
.referral_entry .edit_text_field .input_column {
  position: relative;
  display: inline-block;
  width: 100%;
}
.referral_entry .edit_text_field .input_column input {
  display: block;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.referral_entry .edit_text_field .input_column input:required {
  background-color: #ffedf4;
}
.referral_entry .edit_text_field .input_column input:focus,
.referral_entry .edit_text_field .input_column input:focus-visible {
  border-color: #66afe9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
.referral_entry .edit_text_field .input_column input:valid {
  border-color: green;
}
.referral_entry .edit_text_field .input_column input:invalid {
  border-color: red;
}
.referral_entry .edit_text_field .input_column input {
  height: 34px;
}
.referral_entry .edit_text_field .label_column {
  color: #0d5974;
  font-weight: bold;
  margin-left: 3px;
}
.referral_entry .edit_text_field .label_column p {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.referral_entry button {
  float: right;
  margin-left: 10px;
  background-color: #46c0eb;
  border-color: #46c0eb;
  color: white;
  height: 35px;
  border-radius: 5px;
  border: 1px solid;
  padding: 0 10px;
  font-size: 14px;
  cursor: pointer;
}
.popup_dialog_container {
  width: 80%;
}
.dialog_container_new {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.dialog_container_new #message_p,
.dialog_container_new #litter_message_p,
.dialog_container_new #litter_message_p_bottom {
  padding: 5px;
  color: red;
  text-align: center;
  font-size: 16px;
}
.dialog_container_new label input[type="checkbox"] {
  vertical-align: -2px;
}
.dialog_container_new input[type="checkbox"],
.dialog_container_new input[type="radio"] {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px 0 0 3px;
  line-height: normal;
  box-sizing: border-box;
  padding: 0;
}
.dialog_container_new form .tiny_field_container {
  clear: both;
}
.dialog_container_new form .tiny_field_container div:last-of-type {
  margin-right: 0;
}
.dialog_container_new form .edit_text_field.tiny_field {
  width: calc((100% - 30px) / 3);
  margin-right: 15px;
  clear: none;
  float: left;
}
.dialog_container_new form .container_short_field_left .edit_text_field,
.dialog_container_new form .edit_text_field.short_field_left,
.dialog_container_new form .container_short_field_right .edit_text_field,
.dialog_container_new form .edit_text_field.short_field_right {
  width: calc((100% - 15px) / 2);
}
.dialog_container_new form .container_short_field_left .edit_text_field,
.dialog_container_new form .edit_text_field.short_field_left {
  margin-right: 15px;
  clear: both;
  float: left;
}
.dialog_container_new form .container_short_field_right .edit_text_field,
.dialog_container_new form .edit_text_field.short_field_right {
  clear: none;
  float: right;
}
.dialog_container_new form .edit_text_field {
  font-size: 16px;
  margin-bottom: 7px;
  clear: both;
}
.dialog_container_new form .edit_text_field .input_column {
  position: relative;
  display: inline-block;
  width: 100%;
}
.dialog_container_new form .edit_text_field .input_column.composite {
  padding-left: 10px;
}
.dialog_container_new form .edit_text_field .input_column.composite label {
  color: black;
}
.dialog_container_new form .edit_text_field .input_column input,
.dialog_container_new form .edit_text_field .input_column select,
.dialog_container_new form .edit_text_field .input_column textarea {
  display: block;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.dialog_container_new form .edit_text_field .input_column input:required,
.dialog_container_new form .edit_text_field .input_column select:required,
.dialog_container_new form .edit_text_field .input_column textarea:required {
  background-color: #ffedf4;
}
.dialog_container_new form .edit_text_field .input_column input:focus,
.dialog_container_new form .edit_text_field .input_column input:focus-visible,
.dialog_container_new form .edit_text_field .input_column select:focus,
.dialog_container_new form .edit_text_field .input_column select:focus-visible,
.dialog_container_new form .edit_text_field .input_column textarea:focus,
.dialog_container_new form .edit_text_field .input_column textarea:focus-visible {
  border-color: #66afe9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6) !important;
}
.dialog_container_new form .edit_text_field .input_column input,
.dialog_container_new form .edit_text_field .input_column select {
  height: 34px;
}
.dialog_container_new form .edit_text_field .input_column input[data-popover-type="connection_popover"],
.dialog_container_new form .edit_text_field .input_column input[data-popover-type="simple_lookup_popover"] {
  float: left;
  width: calc((100% - 32px)) !important;
}
.dialog_container_new form .edit_text_field .input_column input[type="checkbox"],
.dialog_container_new form .edit_text_field .input_column input[type="radio"] {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 1px 0 0 3px;
  line-height: normal;
  box-sizing: border-box;
  padding: 0;
}
.dialog_container_new form .edit_text_field .input_column .checkbox_label {
  font-size: 16px;
  color: black;
  padding-left: 5px;
  vertical-align: middle;
  margin-bottom: 7px;
}
.dialog_container_new form .edit_text_field .input_column .clear_connection_input {
  margin-top: 3px;
}
.dialog_container_new form .edit_text_field .label_column {
  color: #0d5974;
  font-weight: bold;
  margin-left: 3px;
}
.dialog_container_new form .edit_text_field .label_column p {
  width: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dialog_container_new form .edit_text_field .report_options {
  padding-left: 15px;
}
.edit_lookups_modal .modal-content.dbp_modal_content {
  width: 320px;
  min-height: 260px;
}
.edit_lookups_modal .modal-content.dbp_modal_content hr {
  margin: 10px 0;
}
.edit_lookups_modal .modal-content.dbp_modal_content #message_p {
  color: red;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container {
  margin-top: 10px;
  width: 100%;
  overflow-x: hidden;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container {
  display: flex;
  gap: 5px;
  padding: 5px;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container:not(:last-child),
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container:not(:last-child) {
  margin-bottom: 5px;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .edit_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .edit_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .delete_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .delete_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .save_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .save_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .cancel_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .cancel_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .add_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .add_entry {
  font-size: 18px;
  cursor: pointer;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .edit_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .edit_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .save_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .save_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .cancel_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .cancel_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .add_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .add_entry {
  padding-top: 5px;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container .edit_lookup_item_container .delete_entry,
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container .edit_lookup_item_container .delete_entry {
  padding-top: 7px;
}
.edit_lookups_modal .modal-content.dbp_modal_content .edit_lookup_items_container {
  min-height: 50px;
  max-height: 240px;
  overflow-y: auto;
}
.edit_lookups_modal .modal-content.dbp_modal_content .add_lookup_item_container {
  margin-top: 10px;
}
.edit_lookups_modal .modal-content.dbp_modal_content #btn_close {
  float: right;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_confirmation_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background-color: #fdf2e9;
  border: 1px solid #f39c12;
  border-radius: 4px;
  margin: 2px 0;
  width: 100%;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_confirmation_message {
  flex: 1;
  font-size: 14px;
  color: #d68910;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_confirmation_buttons {
  display: flex;
  align-items: center;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_confirmation_buttons .confirm_delete {
  color: #95a5a6;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 18px;
  cursor: pointer;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_confirmation_buttons .cancel_delete {
  color: #e74c3c;
  font-size: 18px;
  cursor: pointer;
}
.edit_lookups_modal .modal-content.dbp_modal_content .delete_loading_container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background-color: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  margin: 2px 0;
  color: #6c757d;
  font-size: 14px;
}
.edit_lookups_modal .modal-dialog {
  max-width: 400px;
  width: 100%;
}
.edit_text_field input[type="text"],
.edit_text_field select,
.edit_text_field textarea {
  width: 100% !important;
}
.modal_body .edit_dialog_container .edit_text_field .input_column [data-popover-type="connection_popover"] {
  width: calc((100% - 32px)) !important;
}
select {
  -webkit-appearance: none !important;
  background-repeat: no-repeat !important;
  background-position: 97% !important;
  background-size: 10px !important;
  background-image: url(../img/select_chevron.png) !important;
}
::-webkit-input-placeholder {
  font-style: italic;
}
:-moz-placeholder {
  font-style: italic;
}
::-moz-placeholder {
  font-style: italic;
}
:-ms-input-placeholder {
  font-style: italic;
}
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 12px;
  height: 12px;
}
::-webkit-scrollbar-track {
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 6px;
  border: 1px solid #d2ced0;
}
::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background-color: rgba(156, 156, 156, 0.6);
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
.dbp-position-absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.dbp-position-absolute-vertical-center {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.dbp-position-absolute-horizontal-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dbp-tooltip-style-1 .tooltip-inner {
  white-space: nowrap;
  background-color: #232323;
  color: #46c0eb;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-tooltip-style-1 .tooltip-inner {
    font-size: 14px;
  }
}
.dbp-tooltip-style-1 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.top .tooltip-arrow {
  border-top-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.left .tooltip-arrow {
  border-left-color: #232323;
}
.dbp-tooltip-style-1 .tooltip.right .tooltip-arrow {
  border-right-color: #232323;
}
.dbp-tooltip-style-2 .tooltip-inner {
  white-space: nowrap;
  background-color: #46c0eb;
  color: white;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-tooltip-style-2 .tooltip-inner {
    font-size: 14px;
  }
}
.dbp-tooltip-style-2 .tooltip.bottom .tooltip-arrow {
  border-bottom-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.top .tooltip-arrow {
  border-top-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.left .tooltip-arrow {
  border-left-color: #46c0eb;
}
.dbp-tooltip-style-2 .tooltip.right .tooltip-arrow {
  border-right-color: #46c0eb;
}
.dbp_spinner {
  height: 60px;
  width: 60px;
  margin: 0px auto;
  position: relative;
  -webkit-animation: rotation 0.6s infinite linear;
  -moz-animation: rotation 0.6s infinite linear;
  -o-animation: rotation 0.6s infinite linear;
  animation: rotation 0.6s infinite linear;
  border-left: 6px solid rgba(70, 192, 235, 0.15);
  border-right: 6px solid rgba(70, 192, 235, 0.15);
  border-bottom: 6px solid rgba(70, 192, 235, 0.15);
  border-top: 6px solid rgba(70, 192, 235, 0.8);
  border-radius: 100%;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(359deg);
  }
}
@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.bc_orange {
  background-color: #e0ac27;
}
.bc_turquoise {
  background-color: #34b2b9;
}
.bc_brown {
  background-color: #725144;
}
.bc_red {
  background-color: #c33837;
}
.bc_purple {
  background-color: #7c4d9c;
}
.bc_green {
  background-color: #7fc241;
}
.bc_light_grey {
  background-color: #d2ced0;
}
.bc_medium_grey {
  background-color: #3d3d3d;
}
.bc_light-medium_grey {
  background-color: #666566;
}
.bc_dark_grey {
  background-color: #232323;
}
.bc_male {
  background-color: #306bc1;
}
.bc_female {
  background-color: #e2499a;
}
.bc_white {
  background-color: white;
}
.bc_dbp_blue {
  background-color: #46c0eb;
}
.c_male {
  color: #306bc1;
}
.c_female {
  color: #e2499a;
}
.waiting_2 {
  -moz-animation-delay: 0.1s !important;
  -webkit-animation-delay: 0.1s !important;
  -o-animation-delay: 0.1s !important;
  animation-delay: 0.1s !important;
}
.waiting_3 {
  -moz-animation-delay: 0.2s !important;
  -webkit-animation-delay: 0.2s !important;
  -o-animation-delay: 0.2s !important;
  animation-delay: 0.2s !important;
}
.waiting_4 {
  -moz-animation-delay: 0.3s !important;
  -webkit-animation-delay: 0.3s !important;
  -o-animation-delay: 0.3s !important;
  animation-delay: 0.3s !important;
}
.waiting_5 {
  -moz-animation-delay: 0.4s !important;
  -webkit-animation-delay: 0.4s !important;
  -o-animation-delay: 0.4s !important;
  animation-delay: 0.4s !important;
}
@-webkit-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-moz-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-o-keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@keyframes loading_animate_dark {
  0% {
    background-color: #232323;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-webkit-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-moz-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-o-keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@keyframes loading_animate_white {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
.dbp-input-text-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-input-text-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-style-1 {
    height: 30px;
  }
}
.dbp-input-text-style-1:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1 {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1 {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1 {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1 {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1 {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1 {
    height: 150px;
  }
}
.dbp-textarea-style-1:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1-small {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-small {
    height: 100px;
  }
}
.dbp-textarea-style-1-small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-textarea-style-1-medium {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-style-1-medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-style-1-medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-style-1-medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-style-1-medium {
    height: 120px;
  }
}
.dbp-textarea-style-1-medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-input-text-popover-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
  padding-left: 8px;
}
@media (max-width: 640px) {
  .dbp-input-text-popover-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-popover-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-popover-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-popover-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-popover-style-1 {
    height: 30px;
  }
}
.dbp-input-error-style-1 {
  border: 2px solid red !important;
}
.dbp-input-error-message-style {
  color: red !important;
}
.dbp-select-style-1 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-1 {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-1 {
    font-size: 16px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-1 {
    height: 30px;
  }
}
.dbp-select-style-1:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-select-style-1:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.dbp-select-style-2 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  color: #3d3d3d;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-2 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-2 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-2 {
    height: 30px;
  }
}
.dbp-select-style-2:focus {
  background-color: white;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.dbp-select-style-3 {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #6cbb3c;
  color: white;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_white.png");
  padding-left: 4px;
}
@media (max-width: 640px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-3 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-style-3 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-style-3 {
    height: 30px;
  }
}
.dbp-select-style-3:focus {
  background-color: #6cbb3c;
  color: white;
  border: 1px solid white !important;
}
.dbp-input-label-style-1 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-1 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-1 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-1 {
    font-size: 16px;
  }
}
.dbp-input-label-style-2 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-2 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-2 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-2 {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-2 {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-2 {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-2 {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-2 {
    font-size: 20px;
  }
}
.dbp-input-label-style-3 {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-3 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-3 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-3 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-3 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-3 {
    font-size: 16px;
  }
}
.dbp-input-label-style-4 {
  color: #d2ced0;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-4 {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-4 {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-label-style-4 {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-label-style-4 {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-label-style-4 {
    font-size: 14px;
  }
}
.dbp-select-base {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media (max-width: 640px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-base {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-base {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-select-base {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-select-base {
    height: 30px;
  }
}
.dbp-input-text-base {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
}
@media (max-width: 640px) {
  .dbp-input-text-base {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-base {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-base {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-text-base {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-text-base {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-base-height {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-base-height {
    height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height {
    height: 150px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height-small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height-small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height-small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height-small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height-small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height-small {
    height: 100px;
  }
}
@media (max-width: 640px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-textarea-base-height-medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-textarea-base-height-medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-textarea-base-height-medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-textarea-base-height-medium {
    height: 120px;
  }
}
@media (max-width: 640px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-input-base-line-height {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-input-base-line-height {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .dbp-edit-text-field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-edit-text-field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-edit-text-field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-edit-text-field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-edit-text-field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .dbp-edit-text-field {
    margin-bottom: 6px;
  }
}
@media (max-width: 640px) {
  .dbp-small-height {
    height: 18px !important;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-small-height {
    height: 22px !important;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-small-height {
    height: 26px !important;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-small-height {
    height: 30px !important;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-small-height {
    height: 34px !important;
  }
}
@media (min-width: 1920px) {
  .dbp-small-height {
    height: 38px !important;
  }
}
@media (max-width: 640px) {
  .dbp-button-medium-height {
    height: 30px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-medium-height {
    height: 34px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-medium-height {
    height: 38px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-medium-height {
    height: 42px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-medium-height {
    height: 46px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-medium-height {
    height: 50px;
  }
}
@media (max-width: 640px) {
  .dbp-submenu-button-width {
    width: 70px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-submenu-button-width {
    width: 80px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-submenu-button-width {
    width: 90px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-submenu-button-width {
    width: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-submenu-button-width {
    width: 110px;
  }
}
@media (min-width: 1920px) {
  .dbp-submenu-button-width {
    width: 130px;
  }
}
.dbp-button-header-style-1-fixed {
  font-weight: 400;
  padding: 10px;
  border: 0px;
  outline: none;
  color: white;
  background-color: #46c0eb;
  border: 1px solid #46c0eb;
}
@media (max-width: 640px) {
  .dbp-button-header-style-1-fixed {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-header-style-1-fixed {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-header-style-1-fixed {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-header-style-1-fixed {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-header-style-1-fixed {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-header-style-1-fixed {
    font-size: 14px;
  }
}
.dbp-button-header-style-1-fixed:hover {
  background-color: #3d3d3d !important;
}
.dbp-button-header-style-1-fixed:focus {
  background-color: #d2ced0;
}
.dbp-button-style-1 {
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
}
@media (max-width: 640px) {
  .dbp-button-style-1 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-1 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-1 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-1 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-1 {
    height: 30px;
  }
}
.dbp-button-style-1:hover {
  background-color: white;
  color: #46c0eb;
}
.dbp-button-style-1:active {
  color: #3d3d3d;
}
@media (max-width: 640px) {
  .dbp-button-style-2 {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-2 {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-2 {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .dbp-button-style-2 {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .dbp-button-style-2 {
    height: 30px;
  }
}
.dbp-button-style-2:hover {
  background-color: #3d3d3d;
}
#duplicate_dog_warning {
  display: inline-block;
  margin: 7px 0;
  font-size: 16px;
  color: red;
}
#duplicate_dog_warning span {
  font-weight: bold;
  display: inline-block;
  margin: 5px 0 5px 10px;
}
.dog_edit_accordion .dialog_section_label {
  font-weight: bold;
  font-size: 16px;
  color: black;
  cursor: pointer;
  display: block;
  padding: 5px;
  margin: 5px 0;
  background-color: #d2ced0;
}
.dog_edit_accordion .dialog_section_label .toggle_icons {
  float: right;
  padding-right: 5px;
}
.dog_edit_accordion .dialog_section_label.active_section {
  background-color: #46c0eb;
}
#stud_fee_details_textbox {
  height: 50px;
}
.edit_large_dialog .loading_container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.edit_large_dialog .loading_container .loading_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}
.edit_large_dialog .loading_container .loading_block .saving_message {
  color: white;
  margin-top: 2vh;
  font-size: 3vh;
}
.edit_large_dialog .loading_container .loading_block .waiting_div {
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin: 0.2vh;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
}
.edit_large_dialog .loading_container .loading_block_dark .waiting_div {
  -moz-animation: loading_animate_dark 0.5s infinite alternate;
  -webkit-animation: loading_animate_dark 0.5s infinite alternate;
  -o-animation: loading_animate_dark 0.5s infinite alternate;
  animation: loading_animate_dark 0.5s infinite alternate;
}
.edit_large_dialog .loading_container .loading_block_white .waiting_div {
  -moz-animation: loading_animate_white 0.5s infinite alternate;
  -webkit-animation: loading_animate_white 0.5s infinite alternate;
  -o-animation: loading_animate_white 0.5s infinite alternate;
  animation: loading_animate_white 0.5s infinite alternate;
}
.edit_medium_dialog {
  width: 50vw;
}
.edit_medium_dialog .loading_container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
.edit_medium_dialog .loading_container .loading_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}
.edit_medium_dialog .loading_container .loading_block .saving_message {
  color: white;
  margin-top: 2vh;
  font-size: 3vh;
}
.edit_medium_dialog .loading_container .loading_block .waiting_div {
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin: 0.2vh;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
}
.edit_medium_dialog .loading_container .loading_block_dark .waiting_div {
  -moz-animation: loading_animate_dark 0.5s infinite alternate;
  -webkit-animation: loading_animate_dark 0.5s infinite alternate;
  -o-animation: loading_animate_dark 0.5s infinite alternate;
  animation: loading_animate_dark 0.5s infinite alternate;
}
.edit_medium_dialog .loading_container .loading_block_white .waiting_div {
  -moz-animation: loading_animate_white 0.5s infinite alternate;
  -webkit-animation: loading_animate_white 0.5s infinite alternate;
  -o-animation: loading_animate_white 0.5s infinite alternate;
  animation: loading_animate_white 0.5s infinite alternate;
}
.dbp-inline-block {
  display: inline-block;
}
input[disabled],
select[disabled],
textarea[disabled] {
  background-color: #d2ced0 !important;
}
textarea[readonly] {
  background-color: #5d5d5d !important;
}
.modal .modal-dialog.dbp_dialog_message {
  max-width: 400px;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.delete_dialog .table_container {
  background-color: white;
  min-height: 150px;
  max-width: 400px;
  border-radius: 5px;
  display: table;
  table-layout: fixed;
}
.delete_dialog .table_container .text {
  text-align: center;
}
.delete_dialog .table_container .message {
  padding: 20px;
  color: #3d3d3d;
  text-align: center;
}
.delete_dialog .table_container .message p.title {
  font-size: 20px;
  font-weight: bold;
}
.delete_dialog .table_container .message p.text {
  font-size: 16px;
}
.delete_dialog .table_container .extra_params {
  padding-top: 1.5em;
  padding-bottom: 15px;
  text-align: left;
}
.delete_dialog .table_container #delete_toggle {
  padding: 20px;
  text-align: center;
}
.delete_dialog .table_container #delete_toggle .checkbox {
  display: inline-block;
}
.message_dialog .message_table_container {
  width: 100%;
  background-color: white;
  min-height: 25vh;
}
.message_dialog .message_table_container .message_left_block {
  width: 100%;
  min-height: 100px;
  background-color: #46c0eb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url("../img/dialog_delete.png");
}
.message_dialog .message_table_container .message_right_block {
  position: relative;
  width: 100%;
  padding: 2vh;
  color: #3d3d3d;
}
.message_dialog .message_table_container .message_right_block h3 {
  text-align: center;
  font-weight: 600;
}
@media (max-width: 640px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .message_dialog .message_table_container .message_right_block h3 {
    font-size: 24px;
  }
}
.message_dialog .message_table_container .message_right_block p {
  text-align: center;
  font-weight: 500;
}
@media (max-width: 640px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .message_dialog .message_table_container .message_right_block p {
    font-size: 16px;
  }
}
.message_dialog .message_table_container .message_right_block button {
  font-weight: 400;
  margin-left: 10px;
}
@media (max-width: 640px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .message_dialog .message_table_container .message_right_block button {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 60px;
    height: 60px;
    background-color: #46c0eb;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 60px;
    height: 60px;
    background-color: #46c0eb;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 62px;
    height: 62px;
    background-color: #46c0eb;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 62px;
    height: 62px;
    background-color: #46c0eb;
    -webkit-border-radius: 31px;
    -moz-border-radius: 31px;
    border-radius: 31px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 64px;
    height: 64px;
    background-color: #46c0eb;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    border-radius: 32px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
@media (min-width: 1920px) {
  .message_dialog .message_table_container .message_right_block button {
    width: 70px;
    height: 70px;
    background-color: #46c0eb;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    border: 0px;
    outline: none;
    padding: 0;
    color: white;
  }
  .message_dialog .message_table_container .message_right_block button:hover {
    background-color: #3d3d3d !important;
  }
  .message_dialog .message_table_container .message_right_block button:focus {
    background-color: #d2ced0;
    border: 1px solid #46c0eb;
  }
  .message_dialog .message_table_container .message_right_block button:active {
    border: 3px solid #46c0eb;
  }
}
.message_dialog .message_table_container .message_right_block .message_footer {
  text-align: center;
  margin-top: 3vh;
}
@media (orientation: portrait), (max-width: 769px) {
  .modal-dialog {
    transform: none !important;
  }
}
.edit_dialog_container {
  width: 100%;
  background-color: white;
}
.edit_dialog_container .right_block,
.edit_dialog_container .popover_right_block {
  vertical-align: top;
  padding: 2.6vh 3vh 3vh 3vh;
}
@media (min-width: 770px) {
  .edit_dialog_container .right_block,
  .edit_dialog_container .popover_right_block {
    display: table-cell;
    width: 70%;
  }
}
.edit_dialog_container .message_div,
.edit_dialog_container .right_block .message_div,
.edit_dialog_container .popover_right_block .message_div {
  position: relative;
  margin-bottom: 10px;
  color: red;
  height: auto;
  min-height: 20px;
  font-weight: 500;
  text-align: center;
  cursor: default;
  display: none;
}
.edit_dialog_container .message_div:not(:empty),
.edit_dialog_container .right_block .message_div:not(:empty),
.edit_dialog_container .popover_right_block .message_div:not(:empty) {
  display: block;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .message_div,
  .edit_dialog_container .popover_right_block .message_div {
    font-size: 16px;
  }
}
.edit_dialog_container .right_block #edit_list_filter_form .select_option,
.edit_dialog_container .popover_right_block #edit_list_filter_form .select_option {
  width: 45%;
}
.edit_dialog_container .right_block .heading_field,
.edit_dialog_container .popover_right_block .heading_field {
  position: relative;
  color: white;
  margin: 0 0 20px 0;
}
.edit_dialog_container .right_block .heading_field .label_column,
.edit_dialog_container .popover_right_block .heading_field .label_column {
  width: 100%;
}
.label_column.sub_label {
  padding-left: 10px;
}
.edit_dialog_container .right_block .heading_field .label_column .edit_h,
.edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .heading_field .label_column .edit_h,
  .edit_dialog_container .popover_right_block .heading_field .label_column .edit_h {
    font-size: 20px;
  }
}
.edit_dialog_container .modal-title {
  font-weight: bold;
}
.connection_simple_popover {
  left: 0 !important;
}
.clear_connection_input {
  color: #666566;
  width: 25px;
  height: 30px;
  font-size: 25px;
  float: right;
  padding-top: 6px;
  cursor: pointer;
}
.dog_link_edit_container .dog_link_items_container div.vis-only-no-siblings {
  display: none;
}
.dog_link_edit_container .dog_link_items_container div.vis-only-no-siblings:only-child {
  display: block;
}
.dog_link_edit_container .dog_link_items_container .remove_dog_link {
  color: #666566;
  width: 25px;
  height: 30px;
  padding-top: 6px;
  margin-left: 7px;
  cursor: pointer;
}
.dog_link_edit_container .dog_link_items_container .dog_link_input {
  width: calc((100% - 32px)) !important;
}
.dog_link_edit_container .dog_link_items_container .hidden {
  display: none;
}
.dog_link_edit_container .dog_link_items_container .reset_for_popover {
  display: inline-block;
  position: relative;
  width: 100%;
  color: #666566;
  margin-bottom: 10px;
}
.dog_link_edit_container .add_dog_link_div {
  float: right;
  padding-top: 2px;
  padding-bottom: 8px;
}
.dog_link_edit_container .add_dog_link_div button {
  background-color: #46c0eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  padding: 3px 10px;
  margin-right: 10px;
  color: white;
  font-size: 16px;
  margin-left: 5px;
  float: right;
}
.dog_link_edit_container .add_dog_link_div button:last-child {
  margin-left: 0;
}
.dog_link_edit_container .add_dog_link_div button[disabled] {
  background-color: #d2ced0;
}
#modalAddPuppyForm .calendar_popover {
  width: 80%;
}
.puppy_form_accordion {
  padding-top: 20px;
}
.resp_wrapper {
  overflow-x: auto;
}
.edit_dialog_container .connection_input {
  display: inline-block;
  position: relative;
  width: 95%;
}
.edit_dialog_container .form_section_header {
  font-size: 20px;
  font-weight: bold;
  color: grey;
}
.edit_dialog_container .litter_popover_reserved_for_container hr {
  margin-top: 5px;
  margin-bottom: 10px;
}
.edit_dialog_container label[for="puppy_reserved_include_already_reserved"] {
  margin-top: 5px;
  color: black;
}
.edit_dialog_container label[for="puppy_reserved_include_already_reserved"] #puppy_reserved_include_already_reserved {
  margin-right: 5px;
}
.edit_dialog_container .puppy_breeder_alert {
  display: inline-block;
  padding: 5px 0 0;
  color: red;
  font-size: 16px;
}
.edit_dialog_container .select_puppy_from_database {
  border: solid thin grey;
  padding: 10px;
  margin-bottom: 10px;
}
.edit_dialog_container .select_puppy_from_database input {
  width: 100%;
  border: none;
}
.edit_dialog_container .select_puppy_from_database p {
  font-weight: bold;
  font-size: 18px;
  color: black;
  margin-bottom: 5px;
}
.edit_dialog_container .select_puppy_from_database button {
  height: 30px;
  width: 70px;
  font-size: 16px;
  background-color: #46c0eb;
  color: white;
  border-radius: 2px;
  border: none;
  margin-left: 5px;
}
.edit_dialog_container .select_puppy_from_database .connection_simple_popover {
  left: 0px !important;
  top: 0px !important;
}
.edit_dialog_container .select_puppy_from_database .puppy_db_alert {
  display: inline-block;
  padding: 5px 0 0;
  color: red;
  font-size: 16px;
}
.edit_dialog_container .edit_text_field .input_column .dog_multiselect,
.dog_selection_popover .selected_dogs_container {
  min-height: 45px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #d2ced0;
  background-color: #f5f5f5;
  display: block;
  padding-top: 5px;
}
.edit_dialog_container .edit_text_field .input_column .dog_multiselect .dialog_selected_dog,
.dog_selection_popover .selected_dogs_container .dialog_selected_dog {
  color: #3d3d3d;
  cursor: default;
  display: inline-flex;
  border-radius: 16px;
  height: 32px;
  margin-left: 5px;
  margin-bottom: 5px;
  align-items: center;
  background-color: #d2ced0;
  line-height: 20px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-decoration: none;
  transition-duration: 0.28s;
  transition-property: box-shadow, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
}
.edit_dialog_container .edit_text_field .input_column .dog_multiselect .dialog_selected_dog .dog_name,
.dog_selection_popover .selected_dogs_container .dialog_selected_dog .dog_name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
}
.edit_dialog_container .edit_text_field .input_column .dog_multiselect .dialog_selected_dog .selected_dog_remove_button,
.dog_selection_popover .selected_dogs_container .dialog_selected_dog .selected_dog_remove_button {
  height: 18px;
  width: 18px;
  min-width: 18px;
  margin-right: -4px;
  user-select: none;
  margin-left: 6px;
  cursor: pointer;
  outline: none;
  line-height: 1;
  position: relative;
  justify-content: center;
  display: inline-flex;
  letter-spacing: normal;
  vertical-align: middle;
  background-color: #666566;
  color: white;
  border: 0;
  border-radius: 9px;
}
.edit_dialog_container .edit_text_field .input_column .dog_multiselect .dialog_selected_dog .selected_dog_remove_button:hover,
.dog_selection_popover .selected_dogs_container .dialog_selected_dog .selected_dog_remove_button:hover {
  background-color: #3d3d3d;
}
.edit_dialog_container .right_block .edit_text_field,
.edit_dialog_container .popover_right_block .edit_text_field {
  position: relative;
  color: white;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field,
  .edit_dialog_container .popover_right_block .edit_text_field {
    margin-bottom: 6px;
  }
}
.edit_dialog_container .right_block .edit_text_field .label_column,
.edit_dialog_container .popover_right_block .edit_text_field .label_column {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
@media (max-width: 770px) {
  .edit_dialog_container .right_block .edit_text_field .label_column,
  .edit_dialog_container .popover_right_block .edit_text_field .label_column {
    width: 100%;
  }
}
.edit_dialog_container .right_block .edit_text_field .label_column .edit_h,
.edit_dialog_container .popover_right_block .edit_text_field .label_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
.edit_dialog_container .right_block .edit_text_field .label_column .edit_h,
.edit_dialog_container .popover_right_block .edit_text_field .label_column .edit_h {
  line-height: 30px;
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column,
.edit_dialog_container .popover_right_block .edit_text_field .input_column {
  display: inline-block;
  position: relative;
  margin-left: -5px;
  color: #46c0eb;
}
@media (max-width: 770px) {
  .edit_dialog_container .right_block .edit_text_field .input_column,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column {
    width: 100%;
    margin-left: 0;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_medium {
  width: 50% !important;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
.text_input_fill {
  width: 70% !important;
}
#export_financial_transactions_form .label_column {
  width: 250px;
}
#export_financial_transactions_form .input_column {
  width: calc((100% - 250px));
  min-width: 150px;
}
#export_financial_transactions_form .text_input_fill {
  width: 90% !important;
}
#export_financial_transactions_form .select_input_fill {
  width: 90% !important;
}
#export_financial_transactions_form .hidden_msg {
  display: none;
  color: red;
}
#export_financial_transactions_form #download_attachments:checked ~ .hidden_msg {
  display: inline;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_medium {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_medium {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_medium:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_small {
  width: 25% !important;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_small {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_small {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_small:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
  width: 12% !important;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_tiny {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .text_input_tiny:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .text_input_tiny:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
  padding-left: 5px;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_short_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_short_heading {
    font-size: 16px;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .input_readonly,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .input_readonly {
  cursor: pointer;
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
  font-size: 16px;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 120px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 130px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 140px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input {
    height: 150px;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
.edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
  text-align: right;
  padding-right: 8px;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small {
    height: 30px;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small:read-only,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small:read-only {
  background-color: grey;
  color: white;
}
.edit_dialog_container .right_block .edit_text_field .input_column .currency_input_small:-moz-read-only,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .currency_input_small:-moz-read-only {
  background-color: grey;
  color: white;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 40px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 60px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 80px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 90px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small {
    height: 100px;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_small:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_small:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
  display: inline-block;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  resize: none;
  width: 100%;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 80px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 100px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 110px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium {
    height: 120px;
  }
}
.edit_dialog_container .right_block .edit_text_field .input_column .textarea_input_medium:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .textarea_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input:disabled,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_large,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_large,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
  display: inline-block;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small {
  width: 25% !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
  width: 12% !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  width: 35% !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_large,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_large {
  width: 90% !important;
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small:focus,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_small:disabled,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_small:disabled,
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_tiny:disabled,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_tiny:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  font-size: 16px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium {
  height: 30px;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium:focus,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column .select_input_medium:disabled,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .select_input_medium:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
.edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
  display: inline-block;
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 600;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .input_column .edit_inline_heading,
  .edit_dialog_container .popover_right_block .edit_text_field .input_column .edit_inline_heading {
    font-size: 16px;
  }
}
.edit_dialog_container .right_block .edit_text_field .required_asterisk,
.edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
  position: absolute;
  right: -15px;
  display: inline;
  color: red;
  margin: 0;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .edit_text_field .required_asterisk,
  .edit_dialog_container .popover_right_block .edit_text_field .required_asterisk {
    line-height: 30px;
  }
}
.edit_dialog_container .right_block .dialog_message,
.edit_dialog_container .popover_right_block .dialog_message {
  padding: 6.5vh 3.5vh 3.5vh 3.5vh;
  color: #3d3d3d;
  font-weight: 600;
  text-align: center;
  min-height: 20vh;
}
@media (max-width: 640px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .edit_dialog_container .right_block .dialog_message,
  .edit_dialog_container .popover_right_block .dialog_message {
    font-size: 24px;
  }
}
.generations_select_group {
  margin-top: 15px;
  width: 180px;
}
.edit_pedigree_container .connection_block {
  overflow-y: auto;
  border-radius: 5px;
  border: thin solid #ccc;
  height: 150px;
  margin: 10px 0;
}
.edit_pedigree_container .connection_block ul {
  padding-left: 0;
  margin-top: 4px;
  margin-left: 7px;
}
.edit_pedigree_container .connection_block ul .selected_item {
  background-color: #46c0eb;
}
.edit_pedigree_container .connection_block ul .select_dog {
  list-style-type: none;
  min-height: 40px;
  padding-bottom: 5px;
  cursor: pointer;
}
.edit_pedigree_container .connection_block ul .select_dog:hover {
  background-color: #d2ced0;
}
.edit_pedigree_container .connection_block ul .select_dog img {
  height: 30px;
  vertical-align: middle;
  border-radius: 2px;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
.edit_pedigree_container .connection_block ul .select_dog .dog_name {
  display: inline-block;
  margin-top: 6px;
  font-size: 16px;
  vertical-align: middle;
  width: calc(100% - 40px);
}
.edit_pedigree_container .connection_block ul .select_dog:nth-child(even) {
  background-color: #f5f5f5;
}
.edit_pedigree_container .connection_block ul .select_dog:nth-child(even):hover {
  background-color: #d2ced0;
}
.edit_dog_container .pic_spacing {
  margin-left: 280px;
}
.genes_container .section_header {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.edit_dog_health_container .connection_simple_popover {
  left: 0 !important;
}
.edit_dog_health_container .test {
  padding: 8px;
  border: thin solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  margin-top: 10px;
}
.edit_dog_health_container .test .delete_test_button_container {
  margin-top: 3px;
  float: right;
  color: #666566;
}
.edit_dog_health_container .test .delete_test_button_container .delete_test {
  font-size: 22px;
}
.edit_dog_health_container #btn_add_test {
  height: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: thin solid #ccc;
  outline: none;
  padding: 0 10px;
  font-size: 16px;
  margin: 10px 0;
  float: right;
}
.edit_dog_health_container #btn_add_test:hover {
  cursor: pointer;
}
.edit_dog_health_container hr {
  clear: both;
}
.edit_dog_health_container .add_past_test,
.edit_dog_health_container .add_all_past_tests {
  background-color: #46c0eb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  padding: 2px 5px;
  color: white;
  font-size: 16px;
  margin-right: 5px;
}
.edit_dog_health_container .add_past_test:hover,
.edit_dog_health_container .add_all_past_tests:hover {
  background-color: black;
  cursor: pointer;
}
.edit_dog_health_container .add_all_past_tests {
  margin-top: 10px;
  display: inline-block;
}
.edit_dog_health_container #past_tests_list {
  border: 1px solid #d2ced0;
  padding: 5px;
  color: black;
  font-size: 16px;
  max-height: 200px;
  min-height: 100px;
  overflow-y: auto;
}
.edit_dog_health_container #past_tests_list td {
  padding: 2px 0;
}
.btn_remove_condition {
  float: right;
}
.select_operator,
.filter_detail_text_row {
  margin-top: 10px;
}
.filter_condition_add_container {
  float: right;
  padding: 10px 0;
}
.file_upload_container .drag_drop_container {
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px dashed #515151;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.file_upload_container .drag_drop_container .file_input {
  display: none;
}
.file_upload_container .drag_drop_container .file_upload_image {
  width: 80px;
  margin-top: 2vh;
  border: none !important;
}
.file_upload_container .drag_drop_container .file_drop_label {
  font-weight: 600;
  color: #3d3d3d;
  margin-bottom: 2vh;
  font-size: 16px;
}
.file_upload_container .upload_progress_container {
  color: #3d3d3d;
  padding: 15px 0 15px 0;
}
.file_upload_container .upload_progress_container .selected_file_container {
  padding: 6px;
  width: 100%;
  vertical-align: top;
  background-color: #f5f5f5;
  font-weight: 500;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d2ced0;
  font-size: 10px;
}
.file_upload_container .upload_progress_container .selected_file_container .selected_file_progress_container {
  float: right;
  vertical-align: top;
  position: relative;
  border: 1px solid #d2ced0;
  width: 30%;
  height: 100%;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
}
.file_upload_container .upload_progress_container .selected_file_container .selected_file_progress_container .progress_text {
  position: relative;
  z-index: 5;
}
.file_upload_container .upload_progress_container .selected_file_container .selected_file_progress_container .progress_indicator {
  background-color: #7fc241;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 4;
}
.file_upload_container .upload_progress_container .selected_file_container .selected_file_progress_container .progress_error {
  background-color: red;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 4;
}
.file_upload_container .upload_progress_container .selected_file_container .attachment_size {
  float: right;
  padding-right: 20px;
}
#dog_breeding_modal,
#dog_litter_modal,
#edit_dog_modal,
#add_dog_modal {
  overflow-y: auto;
  /* jqueryui dialog, x button in header */
}
#dog_breeding_modal .no-close .ui-dialog-titlebar-close,
#dog_litter_modal .no-close .ui-dialog-titlebar-close,
#edit_dog_modal .no-close .ui-dialog-titlebar-close,
#add_dog_modal .no-close .ui-dialog-titlebar-close {
  display: none;
}
#dog_breeding_modal .no-close,
#dog_litter_modal .no-close,
#edit_dog_modal .no-close,
#add_dog_modal .no-close {
  border: solid 5px #ffb6c1;
}
#dog_breeding_modal .no-close p,
#dog_litter_modal .no-close p,
#edit_dog_modal .no-close p,
#add_dog_modal .no-close p {
  padding: 5px 0;
  font-weight: bold;
}
#show_dialog .no-close .ui-dialog-titlebar-close {
  display: none;
}
.info-icon {
  margin-left: 5px;
}
.field-info {
  color: #46c0eb;
  margin-left: 5px;
}
.will_not_breed_note {
  font-size: 16px;
  color: black !important;
}
.confirm_heat_input {
  font-size: 16px;
  color: red !important;
}
.prog_section {
  clear: both;
  padding: 8px;
  border: thin solid #ccc;
  border-radius: 5px;
  background-color: #eee;
  margin-top: 10px;
  margin-bottom: 10px;
}
.progesterone_section table {
  width: 100%;
}
.progesterone_section .fa_btn {
  padding: 0 3px;
}
.progesterone_section .buttons {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  width: 62px;
}
.progesterone_section .buttons .fa_btn {
  font-size: 19px;
}
.progesterone_section .buttons .save_prog_measure {
  font-size: 21px;
}
.progesterone_section .buttons .save_prog_measure:hover {
  color: #46c0eb;
  font-weight: bold;
}
.progesterone_section .buttons .delete_prog_measure:hover,
.progesterone_section .buttons .cancel_edit_prog_measure:hover {
  color: #ff6961;
  font-weight: bold;
}
.progesterone_section .buttons .edit_prog_measure:hover {
  color: #46c0eb;
  font-weight: bold;
}
.progesterone_section .buttons .cancel_edit_prog_measure {
  font-size: 23px;
  padding-left: 7px;
}
.progesterone_section #progesterone_chart_section {
  width: 100% !important;
  height: 250px !important;
  margin-top: 10px;
  background-color: white;
  padding: 5px;
  border-radius: 5px;
}
.progesterone_section #progesterone_chart_section #progesterone_chart {
  height: 100% !important;
  width: 100% !important;
}
.progesterone_section .input_column {
  color: black !important;
}
.progesterone_section .input_column table {
  border-collapse: collapse;
  margin-top: 5px;
}
.progesterone_section .input_column table input {
  background-color: #f4f4f4 !important;
  color: black !important;
  border: thin solid #46c0eb !important;
}
.progesterone_section .input_column table input.input_error {
  border: 2px solid red !important;
  background-color: pink !important;
}
.progesterone_section .input_column table input:focus {
  background-color: #d2ced0 !important;
}
.progesterone_section .input_column table td {
  border: thin solid black;
  padding: 3px 5px;
  height: 37px;
}
.progesterone_section .input_column table td input {
  width: 100% !important;
}
.edit_dialog_container .right_block .edit_text_field .input_column input:disabled {
  background-color: grey;
  color: white;
}
.puppy_notes_table .puppy_name {
  font-weight: bold;
}
.edit_dog_litter_container .puppy_list {
  border-collapse: collapse;
  color: black;
  width: 100%;
  margin-bottom: 5px;
}
.edit_dog_litter_container .puppy_list .color_text {
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}
.edit_dog_litter_container .puppy_list thead tr {
  height: 35px;
  background-color: #232323;
  color: white;
}
.edit_dog_litter_container .puppy_list tr.died_early {
  text-decoration: line-through;
  color: red;
  background-color: rgba(255, 0, 0, 0.2);
}
.edit_dog_litter_container .puppy_list tbody tr:hover {
  background-color: #d2ced0;
}
.edit_dog_litter_container .puppy_list th,
.edit_dog_litter_container .puppy_list td {
  padding: 5px;
  border: solid thin #d5e4e9;
}
.edit_dog_litter_container .puppy_list .puppy_number {
  width: 25px;
}
.edit_dog_litter_container .puppy_list .puppy_name {
  padding: 5px;
}
.edit_dog_litter_container .puppy_list th.male,
.edit_dog_litter_container .puppy_list th.female {
  color: black;
}
.edit_dog_litter_container .puppy_list .collar_color {
  padding-top: 8px;
}
.edit_dog_litter_container .puppy_list .collar_color.male,
.edit_dog_litter_container .puppy_list .collar_color.female {
  background-color: #f4f4f4;
}
.edit_dog_litter_container .puppy_list .collar_color.male {
  border-left: 8px solid lightblue;
}
.edit_dog_litter_container .puppy_list .collar_color.female {
  border-left: 8px solid lightpink;
}
.edit_dog_litter_container .puppy_list .puppy_name {
  border-radius: 3px;
  display: inline-block;
  max-width: 115px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit_dog_litter_container .puppy_list .puppy_coat_info {
  font-size: 0.85em;
  color: #666;
  margin-top: 2px;
  font-style: italic;
}
.edit_dog_litter_container .puppy_list .no-left-border {
  border-left-width: 0;
}
.puppy_line_item,
.puppy_notes_row,
.litter_health_row {
  cursor: pointer;
}
.edit_dog_litter_container .litter_dialog_container #litter_delete_item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  background-image: url("../img/btn_minus_white.png");
}
.edit_dog_litter_container .litter_dialog_container #litter_add_item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 90%;
  background-image: url("../img/btn_option_add_white.png");
  margin-bottom: 5px;
}
.dbp_modal_content {
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.span_button {
  background-color: #46c0eb;
  padding: 6px 12px;
  color: white;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  border-color: #46c0eb;
  width: 70px;
}
#pedigree_logo_thumbnail {
  border-radius: 5px;
  border: thin solid #ccc;
}
#pedigree_settings img {
  max-width: 160px;
}
#puppy_price {
  width: calc(100% - 45px) !important;
  display: inline-block !important;
}
.litter_dialog_container .section_header .edit_h {
  font-size: 18px !important;
}
.litter_dialog_container table.weight_tracking th {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 10;
}
.litter_dialog_container table.weight_tracking th.th_puppy_number {
  position: -webkit-sticky;
  position: sticky;
  vertical-align: bottom;
  border-right: 0px;
}
.litter_dialog_container table.weight_tracking th.th_collar_col {
  position: -webkit-sticky;
  position: sticky;
  z-index: 11;
  border-left: 0px;
  vertical-align: bottom;
  text-align: center;
}
.litter_dialog_container table.weight_tracking .puppy_line_item td {
  cursor: auto !important;
}
.litter_dialog_container #puppy_tables {
  margin-top: 0px;
  overflow: hidden;
}
.litter_dialog_container #puppy_tables table {
  overflow-x: auto;
}
.litter_dialog_container #puppy_views {
  padding: 4px;
  margin-bottom: 6px;
}
.litter_dialog_container #puppy_views button {
  background-color: white;
  border-bottom: solid 2px #ccc !important;
  height: 35px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 0;
  border: 0;
  padding: 0;
}
.litter_dialog_container #puppy_views button:hover {
  background-color: white !important;
  color: white;
  border-bottom: solid 4px #46c0eb !important;
}
.litter_dialog_container #puppy_views button:not(:last-child) {
  margin-right: 8px;
}
.litter_dialog_container #puppy_views .selected {
  border-bottom: solid 4px #46c0eb !important;
}
.litter_dialog_container .puppy_table thead td {
  background-color: #f4f4f4;
}
.litter_dialog_container .puppy_table tr {
  height: 35px;
  background-color: #f4f4f4;
}
.litter_dialog_container .puppy_table td {
  border-bottom: solid thin #d5e4e9;
  height: 45px;
}
.litter_dialog_container .puppy_table td.puppy_weights {
  padding: 3px;
}
.litter_dialog_container .puppy_table td.puppy_weights span.weight {
  width: 120px;
  display: inline-block;
}
.litter_dialog_container .puppy_table td.puppy_weights span.weight span,
.litter_dialog_container .puppy_table td.puppy_weights span.weight input {
  display: inline-block;
  width: 40px !important;
  height: 25px !important;
  text-align: right;
  margin: 0 2px;
}
.litter_dialog_container .puppy_table td.puppy_weights span.weight input {
  padding: 0;
}
.litter_dialog_container .puppy_table th {
  padding: 5px 8px;
}
.litter_dialog_container .puppy_table th.puppy_number {
  width: 35px;
}
.litter_dialog_container .puppy_table [data-dog-link],
.litter_dialog_container .puppy_table [data-contact-link] {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  cursor: pointer;
}
.litter_dialog_container .puppy_table [data-dog-link]:hover,
.litter_dialog_container .puppy_table [data-contact-link]:hover {
  background-color: #fceeac;
}
.litter_dialog_container .puppy_age_calendar {
  width: 100% !important;
  margin-left: -1px !important;
}
.litter_dialog_container .puppy_age_calendar table {
  width: 100%;
  margin-top: 5px;
}
.litter_dialog_container .puppy_age_calendar table th {
  background-color: #3d3d3d;
  color: white;
  font-weight: bold;
}
.litter_dialog_container .puppy_age_calendar table td {
  color: black;
  padding: 5px;
  border: solid thin #ccc;
}
.litter_dialog_container .puppy_age_calendar table .edit_puppy,
.litter_dialog_container .puppy_age_calendar table .delete_puppy {
  color: #666566;
  padding-top: 3px;
  width: 30px;
  text-align: center;
  cursor: pointer;
}
.litter_dialog_container .puppy_age_calendar table .edit_puppy:hover,
.litter_dialog_container .puppy_age_calendar table .delete_puppy:hover {
  color: #46c0eb;
}
.litter_dialog_container .puppy_age_calendar table .week_number {
  width: 20%;
  background-color: rgba(13, 89, 116, 0.1);
  color: #656565;
  font-weight: bold;
}
.litter_dialog_container .puppy_age_calendar table .week_age {
  width: 30%;
}
.litter_dialog_container .puppy_table {
  width: 100% !important;
  margin-left: -1px !important;
}
.litter_dialog_container .puppy_table table {
  width: 100%;
  margin-top: 0px !important;
}
.litter_dialog_container .puppy_table table .fitwidth {
  width: 1px;
  white-space: nowrap;
  max-width: 150px;
}
.litter_dialog_container .puppy_table table th {
  background-color: #3d3d3d;
  color: white;
  font-weight: bold;
}
.litter_dialog_container .puppy_table table th.puppy_actions {
  width: 33px !important;
}
.litter_dialog_container .puppy_table table tr.deceased th,
.litter_dialog_container .puppy_table table tr.deceased td,
.litter_dialog_container .puppy_table table tr.deceased span,
.litter_dialog_container .puppy_table table tr.deceased button,
.litter_dialog_container .puppy_table table tr.deceased .connection_text {
  color: #888 !important;
  text-decoration: line-through !important;
}
.litter_dialog_container .puppy_table table td {
  color: black;
  padding: 5px;
}
.litter_dialog_container .puppy_table table .edit_puppy,
.litter_dialog_container .puppy_table table .delete_puppy {
  color: #666566;
  padding-top: 3px;
  margin: 0px 2px;
  text-align: center;
  cursor: pointer;
}
.litter_dialog_container .puppy_table table .edit_puppy:hover,
.litter_dialog_container .puppy_table table .delete_puppy:hover {
  color: #46c0eb;
}
.litter_dialog_container .puppy_table #litter_add_vet_visit_container,
.litter_dialog_container .puppy_table #litter_add_vaccination_container,
.litter_dialog_container .puppy_table #litter_add_deworming_container {
  overflow: hidden;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container h4 {
  font-weight: 600;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .litter_add_puppy_notes_container {
  border: solid thin #888;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .litter_add_puppy_notes_container .litter_add_puppy_notes {
  overflow: hidden;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .add_item_block {
  padding: 15px;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .not_yet_saved {
  color: red;
  padding: 1em;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container #add_note_button_container button {
  background-color: #46c0eb;
  color: white;
  height: 30px;
  font-weight: 500;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #46c0eb;
  padding: 3px 15px;
  margin-top: 4px;
  margin-right: 1px;
  float: right;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .edit_puppy_notes_row,
.litter_dialog_container .puppy_table #litter_puppy_notes_container .delete_puppy_notes_row {
  color: #666566;
  padding-top: 3px;
  margin: 0px 2px;
  text-align: center;
  cursor: pointer;
}
.litter_dialog_container .puppy_table #litter_puppy_notes_container .edit_puppy_notes_row:hover,
.litter_dialog_container .puppy_table #litter_puppy_notes_container .delete_puppy_notes_row:hover {
  color: #46c0eb;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container #lav_message_p,
.litter_dialog_container .puppy_table #litter_puppy_health_container #lah_message_p {
  color: red;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .litter_add_health_container {
  border: solid thin #888;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .add_health_item_block {
  padding: 1em 0.75em;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .not_yet_saved {
  color: red;
  padding: 1em;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .deceased {
  color: #888 !important;
  text-decoration: line-through !important;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .young_deceased {
  color: red;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container #add_item_row #add_health_button_container {
  overflow: inherit !important;
  margin: 0 !important;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container #add_health_button_container button {
  background-color: #46c0eb;
  color: white;
  height: 30px;
  font-weight: 500;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid #46c0eb;
  padding: 3px 15px;
  margin-top: 4px;
  margin-right: 1px;
  float: right;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .edit_health_row,
.litter_dialog_container .puppy_table #litter_puppy_health_container .delete_health_row {
  color: #666566;
  padding-top: 3px;
  margin: 0px 2px;
  text-align: center;
  cursor: pointer;
}
.litter_dialog_container .puppy_table #litter_puppy_health_container .edit_health_row:hover,
.litter_dialog_container .puppy_table #litter_puppy_health_container .delete_health_row:hover {
  color: #46c0eb;
}
.litter_dialog_container .puppy_table #litter_health_container {
  background-color: white;
}
.litter_dialog_container .puppy_table #litter_health_container .popover .popover-content {
  margin: 1.5em;
}
.litter_dialog_container .puppy_table .health_rows {
  width: 100%;
}
.litter_dialog_container .puppy_table .health_rows .no_results {
  font-style: italic;
  font-size: 14px;
  text-align: center;
  padding: 5px;
  margin: 6px;
  background-color: white;
  color: #666566;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr {
  background-color: #d2ced0;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr td {
  background: #f4f4f4;
  border: solid thin #d5e4e9;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr td .simple {
  padding: 6px 5px;
  display: inline-block;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr td .dog_all {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr td.buttons_col {
  color: #666566;
  text-align: center;
}
.litter_dialog_container .puppy_table .health_rows .litter_health_row tr td.buttons_col i {
  cursor: pointer;
}
.litter_dialog_container .puppy_table .health_rows .pup {
  border: thin solid grey;
  border-radius: 3px;
  padding: 2px;
  margin-right: 2px;
}
.litter_dialog_container .puppy_table .health_rows .pup:last-of-type {
  margin-right: 0px;
}
.litter_dialog_container .puppy_table .health_rows .th {
  color: white;
  border: solid thin #d5e4e9;
  background-color: #3d3d3d;
  padding: 4px 5px;
}
.litter_dialog_container #get_puppy_from_db {
  width: 220px;
  float: left;
}
.litter_dialog_container #add_puppy_div {
  margin-top: 10px;
}
.litter_dialog_container #update_weights_settings,
.litter_dialog_container #update_chart_colors {
  margin-top: 10px;
}
.litter_dialog_container #update_weights_settings {
  margin-left: 10px;
}
.litter_dialog_container #weight_chart_section {
  margin-top: 10px;
}
.litter_dialog_container #add_puppy_notification {
  background-color: #3fae2a;
  color: white;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  border-color: #3fae2a;
  padding: 5px 10px;
  margin-left: 20px;
}
.litter_dialog_container .deceased_puppy_tab_notification,
.litter_dialog_container .add_weights_settings_notification {
  font-style: italic;
  color: black;
  font-size: 16px;
}
.litter_dialog_container .puppies_birth_summary {
  color: black !important;
  font-size: 16px;
  margin-top: 5px;
  width: 100%;
}
.litter_dialog_container .puppies_birth_summary td {
  width: 160px !important;
}
.litter_dialog_container .puppies_birth_summary td:first-of-type {
  font-weight: bold;
}
.litter_dialog_container .weigh_date {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.litter_dialog_container .birth_weight {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: pink;
}
.litter_dialog_container .weight_td_active {
  background-color: rgba(70, 192, 235, 0.2);
}
.litter_dialog_container .weight_td_error {
  background-color: #ffb6c1;
}
.litter_dialog_container .weight_td_updated {
  background-color: rgba(63, 174, 42, 0.5);
}
.litter_dialog_container .w_error {
  font-weight: bold;
  color: red;
}
.edit_contact_container .pic_spacing {
  margin-left: 280px;
}
#edit_user_billing_form .subscription_type {
  color: black;
  font-size: 18px;
}
#edit_user_billing_form .subscription_type input[type="radio"] {
  transform: scale(1.2);
}
#edit_user_billing_form .subscription_type label {
  padding-left: 5px;
}
#edit_user_billing_form .subscription_type h4 {
  font-weight: bold;
}
.edit_user_billing_container .right_block #edit_user_billing_form {
  position: relative;
  min-height: 30vh;
}
.edit_user_billing_container .right_block .cc_logos {
  text-align: right;
  margin-bottom: 20px;
  margin-right: -10px;
}
.edit_user_billing_container .right_block .input_column .edit_field_inline {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.edit_user_billing_container .right_block .input_column .edit_field_inline .edit_inline_heading {
  margin-right: 30px;
}
.edit_user_billing_container .right_block .input_column .edit_field_inline #user_billing_expiry_year_select,
.edit_user_billing_container .right_block .input_column .edit_field_inline #user_billing_cvv {
  min-width: 100px !important;
}
.edit_user_billing_container .right_block .input_column .edit_detail {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_user_billing_container .right_block .input_column .edit_detail {
    font-size: 16px;
  }
}
.edit_user_billing_container .right_block .input_column .edit_h {
  color: #232323;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_user_billing_container .right_block .input_column .edit_h {
    font-size: 16px;
  }
}
.edit_user_billing_container .right_block .paypal_instruction {
  text-align: center;
  padding: 5vh 0 5vh 0;
  color: #232323;
  font-weight: 500;
}
@media (max-width: 640px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .edit_user_billing_container .right_block .paypal_instruction {
    font-size: 16px;
  }
}
.edit_user_setting_container .right_block #edit_user_setting_form {
  height: 100%;
}
.edit_user_setting_container .right_block #edit_user_setting_form .dialog_section {
  margin-bottom: 25px;
}
.edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
  padding-bottom: 2px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .edit_user_setting_container .right_block #edit_user_setting_form .dialog_section_label {
    font-size: 24px;
  }
}
.dialog_container_new form .edit_text_field .input_column.checkbox-field {
  display: flex;
  flex-wrap: wrap;
}
.dialog_container_new form .edit_text_field .input_column.checkbox-field label {
  flex: 1 0 30%;
}
#resetpasswordModal #reset_password_caption {
  margin: 40px 0 40px 0;
}
#resetpasswordModal .dbp_spinner {
  margin-bottom: 40px;
}
.genetic_forecast_instruction_container {
  color: #232323;
  padding: 5vh;
}
.genetic_forecast_instruction_container .instructions_heading {
  font-weight: 600;
  padding: 3vh 0 3vh 0;
}
@media (max-width: 640px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .genetic_forecast_instruction_container .instructions_heading {
    font-size: 20px;
  }
}
.genetic_forecast_instruction_container .instructions_body {
  font-weight: 500;
}
@media (max-width: 640px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .genetic_forecast_instruction_container .instructions_body {
    font-size: 16px;
  }
}
#edit_puppy_request_form .reserved_puppy .input_column {
  margin-left: 3px;
  padding-right: 3px;
}
#edit_puppy_request_form .reserved_puppy .reserved_puppy_details,
#edit_puppy_request_form .reserved_puppy .reserved_puppy_details_none {
  color: black !important;
  font-size: 16px !important;
  margin-bottom: 10px;
}
#edit_puppy_request_form .reserved_puppy .reserved_puppy_details .label,
#edit_puppy_request_form .reserved_puppy .reserved_puppy_details_none .label {
  color: black !important;
  font-size: 100% !important;
  padding: 0 5px 0 0;
}
#edit_user_billing_form #checkout-message .success {
  color: green;
}
#edit_user_billing_form #checkout-message .failed {
  color: red;
}
#edit_user_billing_form #checkout-message p {
  font-size: 16px;
}
.vat_number {
  display: none;
}
.vat_number #company_vat_number_cc {
  width: 45px !important;
  float: left;
}
.vat_number #company_vat_number {
  width: calc(100% - 50px) !important;
  float: right;
}
.replace_address {
  display: none;
}
.order_summary {
  background-color: #fffff0;
}
#order_summary {
  width: 94%;
  margin-left: 3%;
}
#order_summary #subscription_type {
  font-size: 16px;
  font-weight: bold;
}
#order_summary #subscription_cost {
  font-weight: bold;
}
#order_summary #subscription_recurrence {
  font-size: 12px;
}
#dog_contract_dialog .input_explanatory_text,
#contact_contract_dialog .input_explanatory_text,
#kennel_contracts .input_explanatory_text {
  color: black;
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}
#dog_contract_dialog .input_info,
#contact_contract_dialog .input_info,
#kennel_contracts .input_info {
  font-size: 16px;
  color: #666566;
  margin-top: 5px;
  display: block;
}
#dog_contract_dialog .no_templates_msg,
#contact_contract_dialog .no_templates_msg,
#kennel_contracts .no_templates_msg {
  font-size: 20px;
  color: #666566;
}
#dog_contract_dialog .contract_templates_link,
#contact_contract_dialog .contract_templates_link,
#kennel_contracts .contract_templates_link {
  padding: 2px 5px;
  width: auto !important;
  border: solid thin #d2ced0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  font-size: 16px;
  color: black;
}
#dog_contract_dialog .contract_templates_link:hover,
#contact_contract_dialog .contract_templates_link:hover,
#kennel_contracts .contract_templates_link:hover {
  background-color: #fceeac;
}
#dog_contract_dialog .referred_to_as,
#contact_contract_dialog .referred_to_as,
#kennel_contracts .referred_to_as {
  margin-bottom: 10px;
}
#dog_contract_dialog .no_terms_and_conditions,
#contact_contract_dialog .no_terms_and_conditions,
#kennel_contracts .no_terms_and_conditions {
  font-size: 16px;
  margin-top: 3px;
  color: black;
  display: block;
}
#contract_template_dialog .input_explanatory_text,
#dog_contract_dialog .input_explanatory_text,
#contact_contract_dialog .input_explanatory_text,
#kennel_contract_dialog .input_explanatory_text {
  color: black;
  font-size: 16px;
  font-weight: bold;
  padding-right: 5px;
}
#contract_template_dialog label,
#dog_contract_dialog label,
#contact_contract_dialog label,
#kennel_contract_dialog label {
  font-size: 16px;
  color: black;
  padding-left: 5px;
}
#contract_template_dialog .checkboxes,
#dog_contract_dialog .checkboxes,
#contact_contract_dialog .checkboxes,
#kennel_contract_dialog .checkboxes {
  padding-left: 5px;
}
#contract_template_dialog label,
#dog_contract_dialog label,
#contact_contract_dialog label,
#kennel_contract_dialog label {
  cursor: pointer;
}
#contract_template_dialog label:hover,
#dog_contract_dialog label:hover,
#contact_contract_dialog label:hover,
#kennel_contract_dialog label:hover {
  background-color: #fceeac !important;
}
#contract_template_dialog .section,
#dog_contract_dialog .section,
#contact_contract_dialog .section,
#kennel_contract_dialog .section {
  background-color: #eee;
  margin-top: 10px;
  padding: 10px;
  border-radius: 5px;
  border: thin solid #d2ced0;
}
#contract_template_dialog .section input,
#dog_contract_dialog .section input,
#contact_contract_dialog .section input,
#kennel_contract_dialog .section input {
  height: 30px;
}
#contract_template_dialog .section input,
#dog_contract_dialog .section input,
#contact_contract_dialog .section input,
#kennel_contract_dialog .section input,
#contract_template_dialog .section textarea,
#dog_contract_dialog .section textarea,
#contact_contract_dialog .section textarea,
#kennel_contract_dialog .section textarea {
  width: calc((100% - 25px)) !important;
  font-size: 16px;
  padding-left: 5px;
  border: solid thin #eee;
  border: solid thin #d2ced0;
  color: black;
}
#contract_template_dialog .section .fas,
#dog_contract_dialog .section .fas,
#contact_contract_dialog .section .fas,
#kennel_contract_dialog .section .fas {
  color: black;
  cursor: pointer;
  padding-right: 7px;
}
#contract_template_dialog .section .far,
#dog_contract_dialog .section .far,
#contact_contract_dialog .section .far,
#kennel_contract_dialog .section .far {
  color: black;
  cursor: pointer;
  display: block;
  float: right;
  margin-top: 3px;
}
#contract_template_dialog .section .section_label,
#dog_contract_dialog .section .section_label,
#contact_contract_dialog .section .section_label,
#kennel_contract_dialog .section .section_label {
  float: left;
}
#contract_template_dialog .section .delete_section,
#dog_contract_dialog .section .delete_section,
#contact_contract_dialog .section .delete_section,
#kennel_contract_dialog .section .delete_section {
  float: right;
}
#contract_template_dialog .term,
#dog_contract_dialog .term,
#contact_contract_dialog .term,
#kennel_contract_dialog .term {
  background-color: lightyellow;
  float: left;
}
#contract_template_dialog .section_name,
#dog_contract_dialog .section_name,
#contact_contract_dialog .section_name,
#kennel_contract_dialog .section_name {
  background-color: lightblue;
}
#contract_template_dialog .add_term,
#dog_contract_dialog .add_term,
#contact_contract_dialog .add_term,
#kennel_contract_dialog .add_term,
#contract_template_dialog #add_section,
#dog_contract_dialog #add_section,
#contact_contract_dialog #add_section,
#kennel_contract_dialog #add_section {
  color: black;
  border: solid thin #d2ced0 !important;
  background-color: #d2ced0;
}
#contract_template_dialog .add_term:hover,
#dog_contract_dialog .add_term:hover,
#contact_contract_dialog .add_term:hover,
#kennel_contract_dialog .add_term:hover,
#contract_template_dialog #add_section:hover,
#dog_contract_dialog #add_section:hover,
#contact_contract_dialog #add_section:hover,
#kennel_contract_dialog #add_section:hover {
  background-color: #fceeac !important;
}
#contract_template_dialog #add_section,
#dog_contract_dialog #add_section,
#contact_contract_dialog #add_section,
#kennel_contract_dialog #add_section {
  margin-top: 10px;
}
#contract_template_dialog .party .addresses,
#dog_contract_dialog .party .addresses,
#contact_contract_dialog .party .addresses,
#kennel_contract_dialog .party .addresses {
  color: black;
  font-size: 16px;
}
#contract_template_dialog .party .addresses div.address,
#dog_contract_dialog .party .addresses div.address,
#contact_contract_dialog .party .addresses div.address,
#kennel_contract_dialog .party .addresses div.address {
  display: block;
  padding: 0 5px 5px 0;
  float: left;
}
#contract_template_dialog .party .addresses .no_addresses,
#dog_contract_dialog .party .addresses .no_addresses,
#contact_contract_dialog .party .addresses .no_addresses,
#kennel_contract_dialog .party .addresses .no_addresses {
  display: block;
  cursor: inherit;
  padding-left: 0px;
}
#contract_template_dialog .party .addresses span,
#dog_contract_dialog .party .addresses span,
#contact_contract_dialog .party .addresses span,
#kennel_contract_dialog .party .addresses span {
  display: block;
  padding-left: 20px;
  cursor: inherit;
}
#contract_template_dialog .party .addresses label,
#dog_contract_dialog .party .addresses label,
#contact_contract_dialog .party .addresses label,
#kennel_contract_dialog .party .addresses label {
  padding: 5px;
  font-weight: normal;
}
#contract_template_dialog .party .addresses input[type="radio"]:checked + label,
#dog_contract_dialog .party .addresses input[type="radio"]:checked + label,
#contact_contract_dialog .party .addresses input[type="radio"]:checked + label,
#kennel_contract_dialog .party .addresses input[type="radio"]:checked + label {
  background-color: lightblue;
  border-radius: 3px;
}
#contract_template_dialog .party .addresses input,
#dog_contract_dialog .party .addresses input,
#contact_contract_dialog .party .addresses input,
#kennel_contract_dialog .party .addresses input {
  float: left;
  width: 20px;
  margin-left: -20px;
  margin-top: 6px;
  padding: 0;
  -webkit-appearance: radio;
}
#health_vet_visits_modal #dogs_table {
  width: 100%;
  border-collapse: collapse;
  min-width: 468px;
}
#health_vet_visits_modal #dogs_table .fitwidth {
  width: 1px;
  white-space: nowrap;
}
#health_vet_visits_modal #dogs_table .dog_name {
  max-width: 200px;
  min-width: 150px;
}
#health_vet_visits_modal #dogs_table th {
  background-color: #3d3d3d;
  color: white;
  font-weight: bold;
  padding: 3px 8px;
  border: solid thin #d5e4e9;
}
#health_vet_visits_modal #dogs_table tr {
  height: 35px;
  background-color: #f4f4f4;
}
#health_vet_visits_modal #dogs_table tr.health_vet_visit_dogs_row {
  cursor: pointer;
}
#health_vet_visits_modal #dogs_table tr.health_vet_visit_dogs_row:hover {
  background-color: #d2ced0;
  border: solid thin #d2ced0;
}
#health_vet_visits_modal #dogs_table td {
  color: black;
  padding: 5px;
  border: solid thin #d5e4e9;
}
#health_vet_visits_modal #dogs_table .edit_dog_row,
#health_vet_visits_modal #dogs_table .remove_dog_row,
#health_vet_visits_modal #dogs_table .edit_buttons_col i {
  color: #666566;
  padding-top: 3px;
  margin: 0px 2px;
  text-align: center;
  cursor: pointer;
}
#health_vet_visits_modal #dogs_table .edit_dog_row:hover,
#health_vet_visits_modal #dogs_table .remove_dog_row:hover,
#health_vet_visits_modal #dogs_table .edit_buttons_col i:hover {
  color: #46c0eb;
}
#health_vet_visits_modal .with_copy_btn {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
}
#health_vet_visits_modal .btn_copy_to_all {
  color: #666566;
  margin-left: 3px;
  padding: 1px 4px;
}
#health_vet_visits_modal .btn_copy_to_all:hover {
  color: #46c0eb;
}
#health_vet_visits_modal #copy_fields {
  background-color: lightyellow;
  padding: 1em;
}
#health_vet_visits_modal #copy_fields .note {
  margin-top: 0.5em;
  margin-bottom: 1em;
}
#show_dialog .add_new_dog {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
}
#show_dialog .add_new_dog #new_dog_connection {
  flex: 1;
  margin-right: 10px;
  box-sizing: border-box;
}
#show_dialog .add_new_dog .new_dog_gender {
  margin-right: 10px;
  width: 120px;
  box-sizing: border-box;
}
#show_dialog .add_new_dog #new_dog_connection,
#show_dialog .add_new_dog .new_dog_gender {
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#show_dialog .add_new_dog .btn_add_dog {
  width: 100px;
}
#show_dialog .add_new_dog .btn_add_dog:disabled {
  background-color: #ccc;
  /* Light grey background */
  color: #666;
  /* Grey text */
  border-color: #aaa;
  /* Lighter grey border */
  cursor: not-allowed;
  /* Show "not allowed" cursor */
  opacity: 0.6;
  /* Slightly transparent */
}
#show_dialog .add_new_dog .new_dog_gender {
  width: 150px;
}
#show_dialog .no_dogs,
#show_dialog .no_awards,
#show_dialog .no_entries {
  font-size: 16px;
  font-style: italic;
}
#show_dialog .show_dogs {
  margin-top: 10px;
}
#show_dialog .show_dogs .show_other_dogs_toggle {
  cursor: pointer;
  color: #007bff;
  margin: 10px 0;
  text-align: center;
  font-size: 16px;
}
#show_dialog .show_dogs .entry_details {
  font-size: 15px;
}
#show_dialog .show_dogs .show_dog {
  margin-top: 10px;
  padding: 5px;
  border-radius: 3px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
}
#show_dialog .show_dogs .show_dog .dog_name {
  display: inline-block;
  font-size: 17px;
  font-weight: bold;
  padding: 5px;
  background-color: lightblue;
  width: calc(100% - 30px);
  /* Subtract space for toggle icons */
  border-radius: 3px;
}
#show_dialog .show_dogs .show_dog .dog_name .btn_delete_dog {
  font-size: 18px;
  margin-left: 5px;
  cursor: pointer;
  color: #666566;
}
#show_dialog .show_dogs .show_dog .dog_show_data {
  margin: 10px;
}
#show_dialog .show_dogs .show_dog .dog_show_data .show_entry,
#show_dialog .show_dogs .show_dog .dog_show_data .show_award {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border: solid thin rgba(0, 0, 0, 0.12);
  background-color: #fcfcfc;
  margin: 5px 0;
  padding: 8px;
  font-size: 16px;
}
#show_dialog .show_dogs .show_dog .dog_show_data .entry_details,
#show_dialog .show_dogs .show_dog .dog_show_data .award_details {
  flex: 1;
  order: 1;
  /* Default placement */
  text-align: left;
}
#show_dialog .show_dogs .show_dog .dog_show_data .entry_details .title,
#show_dialog .show_dogs .show_dog .dog_show_data .award_details .title {
  font-weight: bold;
  font-style: italic;
}
#show_dialog .show_dogs .show_dog .dog_show_data .entry_buttons,
#show_dialog .show_dogs .show_dog .dog_show_data .award_buttons {
  flex: none;
  order: 2;
  /* Default placement */
  text-align: right;
  color: #666566;
  cursor: pointer;
}
#show_dialog .show_dogs .show_dog .dog_show_data .entry_buttons i,
#show_dialog .show_dogs .show_dog .dog_show_data .award_buttons i {
  font-size: 1.2em;
}
#show_dialog .show_dogs .show_dog .dog_show_data .show_entry_form_container,
#show_dialog .show_dogs .show_dog .dog_show_data .show_award_form_container {
  flex-basis: 100%;
  /* Force it to occupy a full row */
  order: 3;
  /* Ensure it's displayed after details and buttons */
  margin-top: 5px;
  padding: 10px;
  border: solid thin rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  /* Ensure padding and border don't affect layout */
  background-color: #b2cbe4;
  border-radius: 2px;
}
#show_dialog .show_dogs .show_dog .dog_show_data #show_award_name {
  min-width: 200px;
  margin-right: 0;
}
#show_dialog .show_dogs .show_dog .dog_show_data .section_header .title {
  font-size: 18px;
  font-weight: bold;
}
#show_dialog .show_dogs .show_dog .dog_show_data .awards_section,
#show_dialog .show_dogs .show_dog .dog_show_data .entries_section {
  margin-top: 10px;
}
#show_dialog .show_dogs .show_dog .dog_show_data .awards_section .filter_container,
#show_dialog .show_dogs .show_dog .dog_show_data .entries_section .filter_container {
  background-color: #b2cbe4;
}
#show_dialog .show_dogs .show_dog .dog_show_data .awards_section {
  clear: both;
  margin-top: 10px;
  background-color: #EECEC5;
  border-radius: 3px;
  padding: 5px;
}
#show_dialog .show_dogs .show_dog .dog_show_data .awards_section .show_award,
#show_dialog .show_dogs .show_dog .dog_show_data .awards_section .show_award_form_container {
  background-color: #F2DACD;
}
#show_dialog .show_dogs .show_dog .dog_show_data .btn_add_award,
#show_dialog .show_dogs .show_dog .dog_show_data .btn_add_entry {
  font-size: 19px;
  margin-left: 5px;
  cursor: pointer;
  color: #666566;
}
#show_dialog .show_dogs .show_dog .dog_show_data .button_container {
  clear: both;
  display: flex;
  justify-content: flex-end;
  /* Aligns buttons to the right */
  gap: 10px;
  /* Adds spacing between the buttons */
  padding-top: 10px;
  /* Optional: Adds padding inside the container */
}
#export_modal {
  display: flex;
}
#export_modal .export_dog_container {
  display: flex;
  flex-direction: column;
}
#export_modal #export_dog_list_form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
#export_modal .edit_text_field {
  flex: 1;
}
#export_modal .date_range_fields_container {
  display: flex;
  gap: 20px;
}
#export_modal .short_field_left,
#export_modal .short_field_right {
  flex: 1;
  display: none;
}
#export_modal .dialog_button_container_new {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.error_message {
  color: red;
}
.modal-backdrop {
  position: fixed !important;
  height: auto !important;
  min-height: 100% !important;
}
#btn_transaction_save:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background-color: #cccccc;
}
.upload_signed_contract {
  cursor: pointer;
  text-decoration: underline;
  color: #337ab7;
}
.add-email-now-link {
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 500;
  margin-left: 5px;
}
.add-email-now-link:hover {
  color: #0056b3;
  text-decoration: none;
}
.add-email-now-link:focus {
  outline: none;
  color: #0056b3;
}
#add_email_modal .modal-dialog {
  max-width: 400px;
  margin: 30px auto;
}
#add_email_modal .modal-content {
  background-color: #fff;
}
#add_email_modal .dialog_content {
  padding: 20px;
}
#add_email_modal .dialog_content .dialog_content_header {
  margin-bottom: 20px;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}
#add_email_modal .dialog_content .dialog_content_header h2 {
  margin: 0;
  font-size: 18px;
  color: #333;
}
#add_email_modal .dialog_content .dialog_content_body .edit_text_field {
  margin-bottom: 15px;
}
#add_email_modal .dialog_content .dialog_content_body .edit_text_field .label_column {
  margin-bottom: 5px;
}
#add_email_modal .dialog_content .dialog_content_body .edit_text_field .label_column .edit_h {
  margin: 0;
  font-weight: 500;
  color: #555;
}
#add_email_modal .dialog_content .dialog_content_body .edit_text_field .input_column input[readonly] {
  background-color: #f8f9fa;
  color: #6c757d;
  cursor: not-allowed;
}
#add_email_modal .dialog_content .dialog_content_body .dialog_button_row {
  margin-top: 20px;
  text-align: right;
}
#add_email_modal .dialog_content .dialog_content_body .dialog_button_row button {
  margin-left: 10px;
}
#add_email_modal .dialog_content .dialog_content_body .dialog_button_row button:first-child {
  margin-left: 0;
}
body {
  background-color: #f1f2f4;
}
.horizontal_scroller {
  overflow-x: auto;
}
.nowrap {
  white-space: nowrap;
}
.fitwidth {
  width: 1px;
  white-space: nowrap;
}
.dbp-paragraph-title {
  font-weight: bold;
  font-size: 16px;
}
.dbp-callout {
  font-weight: bold;
  font-size: 18px;
  display: inline-block;
  width: 100%;
  background-color: #ffedf4;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dbp-callout-inline {
  font-weight: bold;
}
.datestring {
  float: left;
}
.user_login_container {
  position: relative;
  min-height: 100%;
  height: calc(100vh - 40px);
  width: 100%;
  opacity: 0.8;
  border-radius: 5px;
  background-color: white;
}
.user_login_container .login_header {
  background-color: black;
  display: inline-block;
  width: 100%;
  padding: 8px 0 8px 8px;
  border: thin solid black;
}
.user_login_container .form_block {
  border: thin solid #d2ced0;
}
.user_login_container .container_row {
  margin: 0;
  min-height: 200px;
  max-width: 450px;
  background-color: #b3afb1;
}
.user_login_container .container_row .container_block {
  min-height: 200px;
}
.user_login_container .container_row .login_logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 80%;
  background-image: url('../img/login_logo.png');
}
.user_login_container .container_row .login_logo_trial {
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 80%;
  background-image: url('../img/login_logo_trial.png');
}
.user_login_container .container_row .right_block {
  position: relative;
  background-color: #b3afb1;
  height: 100%;
}
@media all and (orientation: portrait) {
  .user_login_container .container_row .right_block .input_row_container {
    padding-top: 20px;
  }
}
@media all and (orientation: landscape) {
  .user_login_container .container_row .right_block .input_row_container {
    padding-top: 10px;
  }
}
.user_login_container .container_row .right_block .input_row_container .input_column_container {
  height: 100%;
  margin-top: 40px;
  color: red;
}
.user_login_container .container_row .right_block .login_fields {
  padding: 0 20px 0 20px;
}
.user_login_container .container_row .right_block .login_fields #email_login_input {
  width: 100% !important;
}
.user_login_container .container_row .right_block .login_fields .message_div {
  color: red;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .message_div {
    font-size: 16px;
  }
}
.user_login_container .container_row .right_block .login_fields .message_info {
  color: #232323;
  text-align: left;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .message_info {
    font-size: 16px;
  }
}
.user_login_container .container_row .right_block .login_fields .message_info_center {
  text-align: center !important;
}
.user_login_container .container_row .right_block .login_fields .label_div.register {
  line-height: 28px;
}
.user_login_container .container_row .right_block .login_fields .input_div {
  text-align: left;
  overflow: hidden;
  margin-bottom: 8px;
}
.user_login_container .container_row .right_block .login_fields .input_div.register {
  margin: 0;
}
.user_login_container .container_row .right_block .login_fields .input_div input,
.user_login_container .container_row .right_block .login_fields .input_div select {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.user_login_container .container_row .right_block .login_fields .input_div span {
  display: block;
  overflow: hidden;
}
.user_login_container .container_row .right_block .login_fields .input_div input {
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #d2ced0;
  color: black;
  padding-left: 8px;
  background-color: white;
  font-size: 16px !important;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .input_div input {
    height: 30px;
  }
}
.user_login_container .container_row .right_block .login_fields .input_div input:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.user_login_container .container_row .right_block .login_fields .input_div select {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  background-color: #232323;
  color: #46c0eb;
  padding-left: 4px;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .input_div select {
    height: 30px;
  }
}
.user_login_container .container_row .right_block .login_fields .input_div select:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.user_login_container .container_row .right_block .login_fields .input_div select:disabled {
  background-color: #d2ced0;
  color: #232323;
  border: solid 1px #232323;
}
.user_login_container .container_row .right_block .login_fields .input_div .input_heading {
  font-weight: 600;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .input_div .input_heading {
    font-size: 16px;
  }
}
.user_login_container .container_row .right_block .login_fields .button_div {
  margin-top: 20px;
}
.user_login_container .container_row .right_block .login_fields .button_div .long_button {
  float: right;
  color: white;
  outline: none;
  border: 2px solid #46c0eb;
  background-color: #46c0eb;
  padding: 6px 20px 6px 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 500;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .button_div .long_button {
    font-size: 16px;
  }
}
.user_login_container .container_row .right_block .login_fields .button_div .long_button:hover,
.user_login_container .container_row .right_block .login_fields .button_div .long_button:focus {
  color: #232323;
}
.user_login_container .container_row .right_block .login_fields .button_div .long_button:active {
  border: 2px solid #232323;
}
.user_login_container .container_row .right_block .login_fields #btn_login,
.user_login_container .container_row .right_block .login_fields #btn_reset,
.user_login_container .container_row .right_block .login_fields #btn_request_link,
.user_login_container .container_row .right_block .login_fields #btn_request_new_link {
  border: none;
  color: white;
  font-size: 16px;
  background-color: #46c0eb;
  float: right;
  padding: 5px 10px;
  border-radius: 3px;
}
.user_login_container .container_row .right_block .login_fields .button_link {
  margin-top: 10px;
  text-align: center;
}
.user_login_container .container_row .right_block .login_fields .button_link button {
  display: inline-block;
  border: 0px;
  outline: none;
  background-color: white;
  color: #46c0eb;
  font-weight: 600;
}
@media (max-width: 640px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_login_container .container_row .right_block .login_fields .button_link button {
    font-size: 16px;
  }
}
.user_login_container .container_row .right_block .login_fields .button_link button:hover {
  color: #232323;
}
.user_login_container .container_row .right_block .login_fields .button_link button:focus {
  color: #232323;
}
.user_login_container .container_row .right_block .login_fields .button_link #btn_forgot {
  background-color: #b3afb1;
  color: #333;
  font-size: 16px;
}
.user_login_container .container_row .right_block .login_fields .button_link #btn_forgot:hover,
.user_login_container .container_row .right_block .login_fields .button_link #btn_forgot:focus {
  color: white;
}
.user_login_container .loading_row {
  display: none;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.user_login_container .loading_row .login_loading_backdrop {
  min-height: 100%;
  background-color: white;
  opacity: 0.8;
}
.user_login_container .loading_row .login_loading_block {
  min-height: 100%;
  position: relative;
}
.user_login_container .loading_row .login_loading_block .loading_detail_row {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.user_login_container .loading_row .login_loading_block .loading_detail_row .loading_image_block .saving_container_block {
  width: 100% !important;
}
.user_login_container {
  position: relative;
}
.user_login_container .container_row,
.user_login_container .loading_row {
  margin: 0;
  height: 260px;
  min-height: 260px;
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user_login_container .container_row.register,
.user_login_container .loading_row.register {
  height: 550px;
  min-height: 550px;
}
.user_login_container .container_row .container_block,
.user_login_container .loading_row .container_block {
  height: 300px;
  min-height: 300px;
}
.user_login_container .container_row .right_block .input_row_container,
.user_login_container .loading_row .right_block .input_row_container {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.user_login_container .container_row .right_block .input_row_container .login_fields,
.user_login_container .loading_row .right_block .input_row_container .login_fields {
  width: 100%;
  font-size: 16px !important;
}
.user_login_container .container_row .right_block .label_div.register,
.user_login_container .loading_row .right_block .label_div.register {
  float: left;
  width: 30%;
}
.user_login_container .container_row .right_block input_div.register,
.user_login_container .loading_row .right_block input_div.register {
  float: left;
  width: 70%;
}
.user_login_container .container_row .right_block .button_div,
.user_login_container .loading_row .right_block .button_div {
  margin-top: 30px;
}
.user_login_container .container_row .login_logo,
.user_login_container .loading_row .login_logo {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/login_logo.png');
}
.user_login_container .container_row .login_logo_trial,
.user_login_container .loading_row .login_logo_trial {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/login_logo_trial.png');
}
.user_login_container .container_row .login_reset_password,
.user_login_container .loading_row .login_reset_password {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/login_reset_password.png');
}
.user_login_container .container_row .login_forgot_password,
.user_login_container .loading_row .login_forgot_password {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/login_forgot_password.png');
}
.user_login_container .container_row .login_reset_expired,
.user_login_container .loading_row .login_reset_expired {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/login_reset_expired.png');
}
#forgotpasswordModal .modal-body {
  background-color: white;
}
#forgotpasswordModal .dialog_detail_container {
  padding: 30px 20px 30px 20px;
  text-align: center;
}
#forgotpasswordModal .dialog_detail_container .dialog_image {
  margin-bottom: 30px;
}
#forgotpasswordModal .dialog_detail_container .btn_close_dialog {
  margin-top: 30px;
}
.user_trial_container {
  height: 100vh;
  overflow-y: auto;
}
.user_trial_container .trial_expired_detail {
  max-width: 800px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}
.user_trial_container .trial_expired_detail .logo_image_container {
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}
.user_trial_container .trial_expired_detail .logo_image_container .logo_image {
  width: 350px;
}
.user_trial_container .trial_expired_detail .trial_expired_message {
  width: 90%;
  margin: 20px 5% 20px 5%;
  padding: 8px 10px;
  background-color: #ffedf4;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
  border: thin solid #ccc;
}
.user_trial_container .trial_expired_detail .button_container {
  text-align: center;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container {
  padding: 0 10px;
  min-height: 30vh;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: white;
  font-weight: 500;
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row {
    font-size: 24px;
  }
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row .header_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
  padding: 10px 5px 10px 5px;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row .header_description {
  border-right: 1px solid #3d3d3d;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row .header_standard {
  border-right: 1px solid #d2ced0;
  background-color: #3d3d3d;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_heading_row .header_premium {
  border-right: 1px solid #3d3d3d;
  background-color: #3d3d3d;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-weight: 500;
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row {
    font-size: 20px;
  }
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_price_row .price_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
  padding: 10px 5px 10px 5px;
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 14px;
  max-height: 37px !important;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .row_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .row_cell img {
  height: 70%;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .row_description {
  text-align: right;
  padding: 8px 10px 8px 5px;
  border-right: 1px solid #d2ced0;
  border-left: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .cell_standard {
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .cell_premium {
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell {
  padding: 20px 0 10px 5px;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
  vertical-align: top;
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  padding: 0 8px 0 8px;
  box-sizing: border-box;
  height: 40px !important;
  width: 130px;
  font-size: 16px !important;
  font-weight: bold;
  padding-right: 0;
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button {
    height: 30px;
  }
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_row .button_cell button:hover {
  background-color: #3d3d3d;
}
.user_trial_container .trial_expired_detail .button_container .subscription_options_container .subscription_marks_container {
  padding-top: 2vh;
  text-align: center;
}
.user_trial_container .trial_expired_detail .button_container #btn_home {
  vertical-align: top;
  margin-top: 20px;
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  padding: 0 8px 0 8px;
  box-sizing: border-box;
  margin-bottom: 100px;
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  .user_trial_container .trial_expired_detail .button_container #btn_home {
    height: 30px;
  }
}
.user_trial_container .trial_expired_detail .button_container #btn_home:hover {
  background-color: #3d3d3d;
}
.filter_section {
  background-color: #d2ced0;
  width: 400px;
  border: thin solid #efefef;
  border-radius: 5px;
}
.filter_section table {
  width: 100%;
}
.filter_section .section_header {
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 10px;
}
.filter_section .section_header:hover {
  background-color: #d2ced0;
}
.filter_section .section_header #show_filters,
.filter_section .section_header #hide_filters {
  margin-left: 5px;
  margin-right: 10px;
  float: right;
}
.filter_section .section_header.hide_filters {
  background-color: #d2ced0;
}
.filter_section .filters {
  padding: 10px;
}
.filter_section .filters input,
.filter_section .filters select {
  min-width: 180px;
  width: 180px !important;
}
.filter_section .filter_label {
  font-weight: bold;
}
.filter_section input,
.filter_section select {
  border-radius: 5px;
  border-color: lightgrey;
  background-color: #efefef;
}
.filter_section select {
  padding: 2px 2px 2px 5px;
  margin-bottom: 6px;
}
.filter_section select.filter_applied {
  background-color: #e6f2f7;
}
.filter_section select option {
  background-color: white;
}
.filter_section .filters {
  display: none;
}
.active_filters {
  margin: 10px 0;
}
.active_filters i {
  margin-right: 7px;
}
.active_filters .active_filter {
  display: inline-block;
  background-color: #e6f2f7;
  color: #0071b3;
  border-radius: 3px;
  padding: 2px 6px;
  margin-right: 8px;
  cursor: pointer;
}
.active_filters .active_filter:hover {
  color: #003d61;
}
#dog_list_container {
  margin-bottom: 80px;
}
#dog_list .dog-list-select {
  margin-top: 17px;
  display: inline-block;
  margin-right: 5px;
}
#dog_list .dog-list-select select {
  width: 180px !important;
}
#dog_list .litter_section {
  margin-top: 10px;
}
#dog_list .litter_section:first-of-type {
  margin-top: 0;
}
#dog_list .litter_header {
  clear: both;
  float: left;
  font-size: 16px;
  padding-bottom: 5px;
}
#dog_list .litter_header .header_label {
  font-weight: bold;
  padding-right: 5px;
}
#dog_list .litter_header .no_litter_puppies {
  font-weight: bold;
  font-size: 18px;
}
#dog_list .litter_header .litter_date {
  font-weight: bold;
  font-size: 18px;
  width: 260px;
}
#dog_list .litter_header .litter_link {
  margin-left: 10px;
  height: fit-content;
}
#dog_list .litter_header button {
  color: white;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-size: 14px;
  font-weight: normal;
  background-color: #46c0eb;
  border-color: #46c0eb;
}
#dog_list .litter_puppies {
  clear: both;
}
.dogs_container {
  clear: both;
}
@media screen and (max-width: 540px) {
  .dogs_container {
    margin-right: 15px;
  }
}
#contact_list_container {
  margin-bottom: 80px;
}
.fa-tombstone {
  color: red;
  font-size: 18px;
}
#profile_image_add_edit_puppy #profile_image_edit_container {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding-bottom: 5px;
}
#profile_image_edit_container img {
  width: 200px;
}
table.dbp-table ul {
  list-style: none;
  padding: 0;
}
table.dbp-table thead {
  background-color: #232323;
  color: #46c0eb;
}
table.dbp-table th,
table.dbp-table td {
  padding: 7px 8px 8px;
}
table.dbp-table tbody tr {
  border-top: solid thin white;
  border-bottom: solid thin white;
  background-color: #666566;
  color: white;
  cursor: grab;
}
table.dbp-table tbody tr:hover {
  background-color: #232323;
}
table.dbp-table tbody td.gender_sign_male {
  padding-left: 11px;
  padding-right: 11px;
}
table.dbp-table tbody img {
  height: 60%;
}
.no_results {
  font-style: italic;
  font-size: 20px;
  text-align: center;
  padding: 20px;
  color: #666566;
}
.ls_data_container .ls_item_section_heading {
  width: 100%;
  height: 2.5vh;
  line-height: 2.5vh;
  padding-left: 2vh;
  background-color: #d2ced0;
  font-size: 2vh;
  font-weight: bold;
  cursor: default;
}
.ls_data_container .ls_margin_top {
  margin-top: 3vh;
}
.ls_data_container .ls_self_item {
  background-color: #ffedbf !important;
}
.ls_data_container .ls_item {
  height: 68px;
  position: relative;
  margin-bottom: 5px;
  padding: 3px;
  cursor: pointer;
  border: 1px solid #d2ced0;
  border-radius: 5px;
  float: left;
  color: #656565;
  background-color: white;
}
@media screen and (max-width: 540px) {
  .ls_data_container .ls_item {
    width: 100%;
  }
}
@media screen and (min-width: 541px) and (max-width: 830px) {
  .ls_data_container .ls_item {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (min-width: 831px) and (max-width: 959px) {
  .ls_data_container .ls_item {
    width: calc((100% - 15px) / 3);
  }
}
@media screen and (min-width: 960px) and (max-width: 1134px) {
  .ls_data_container .ls_item {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (min-width: 1135px) and (max-width: 1410px) {
  .ls_data_container .ls_item {
    width: calc((100% - 19px) / 3);
  }
}
@media screen and (min-width: 1411px) and (max-width: 1686px) {
  .ls_data_container .ls_item {
    width: calc((100% - 20px) / 4);
  }
}
@media screen and (min-width: 1687px) and (max-width: 1962px) {
  .ls_data_container .ls_item {
    width: calc((100% - 25px) / 5);
  }
}
@media screen and (min-width: 1963px) {
  .ls_data_container .ls_item {
    width: calc((100% - 30px) / 6);
    max-width: 500px;
  }
}
.ls_data_container .ls_item:hover {
  background-color: #f9f9f9;
}
.ls_data_container .ls_item.male {
  border-left: solid 5px #46c0eb;
}
.ls_data_container .ls_item.female {
  border-left: solid 5px lightpink;
}
.ls_data_container .ls_item .call_name {
  font-weight: bold;
  color: white;
  background-color: #0d5974;
  padding: 1px 3px;
  border-radius: 3px;
}
.ls_data_container .ls_item .image_container {
  float: left;
  text-align: center;
}
.ls_data_container .ls_item .image_container .list_profile_pic {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  border: 1px solid #d2ced0;
  margin: 3px 0 3px 3px;
}
.ls_data_container .ls_item .image_container .list_sample_data_pic {
  position: absolute;
  width: 9vh;
  height: 9vh;
  top: 0.5vh;
  left: 0.5vh;
}
.ls_data_container .ls_item .ls_text_container {
  padding-left: 3px;
  font-size: 15px;
  float: right;
  width: calc(100% - 65px);
  height: 100%;
  overflow-y: auto;
  font-size: 12px;
}
.ls_data_container .ls_item .ls_text_container .dog_name,
.ls_data_container .ls_item .ls_text_container .contact_name {
  font-weight: bold;
  font-size: 14px;
}
.ls_data_container .ls_item .ls_text_container .dog_title {
  font-size: 12px;
}
#dog_overview {
  padding-bottom: 80px;
}
#dog_overview .section_body .dog_title {
  font-weight: bold;
}
.fa-whatsapp-square {
  font-size: 21px;
  margin: 0 3px;
}
.fa-phone {
  font-size: 18px;
  margin: 0 3px;
}
.input-note {
  color: red;
  display: inline-block;
  margin: 5px 0;
  font-size: 16px;
}
#user_settings #btn_chgpw,
#user_settings #ical-feed-copy-button,
#user_settings .download_ical_instructions {
  border: none;
  background-color: #46c0eb;
  color: white;
  border-radius: 3px;
  padding: 5px;
  font-size: 16px;
}
#user_settings #btn_chgpw:hover,
#user_settings #ical-feed-copy-button:hover,
#user_settings .download_ical_instructions:hover {
  background-color: #3d3d3d;
}
#user_settings .download_ical_instructions {
  display: inline-block;
  margin: 3px 0;
}
#user_settings .download_ical_instructions a {
  color: white;
  text-decoration: none;
}
#gallery_images,
#dog_gallery,
#contact_gallery {
  padding-bottom: 80px;
}
#calendar_page,
#genetic_forecast_container,
#dog_pedigree {
  display: table;
  padding-bottom: 80px;
}
.ancestor_analysis,
.siblings_analysis,
.progeny_analysis,
#dog_shows,
#dog_breeding,
#dog_mating_cycles,
#dog_health,
#dog_genetics,
#dog_notes,
#dog_contracts,
#dog_documents,
#contact_dogs,
#contact_contracts,
#contact_documents,
.health_vaccinations,
.health_dewormings,
.health_vet_visits,
#home_litters,
#home_puppies_on_hand {
  display: table;
  width: 100%;
  padding-bottom: 80px !important;
}
#financial_transactions {
  margin-bottom: 80px;
}
#dog_overview,
#contact_overview,
#user_settings,
#user_referrals,
#user_profile_overview,
#user_billing_overview {
  display: table;
  padding-bottom: 80px;
}
#dog_overview .notice,
#contact_overview .notice,
#user_settings .notice,
#user_referrals .notice,
#user_profile_overview .notice,
#user_billing_overview .notice {
  color: red;
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}
#dog_overview .section_body,
#contact_overview .section_body,
#user_settings .section_body,
#user_referrals .section_body,
#user_profile_overview .section_body,
#user_billing_overview .section_body {
  font-size: 14px;
  max-width: 1100px;
}
@media (max-width: 769px) {
  #dog_overview .section_body,
  #contact_overview .section_body,
  #user_settings .section_body,
  #user_referrals .section_body,
  #user_profile_overview .section_body,
  #user_billing_overview .section_body {
    margin-top: 17px;
  }
}
#dog_overview .section_body .connection_header,
#contact_overview .section_body .connection_header,
#user_settings .section_body .connection_header,
#user_referrals .section_body .connection_header,
#user_profile_overview .section_body .connection_header,
#user_billing_overview .section_body .connection_header {
  font-weight: bold;
  text-decoration: underline;
}
#dog_overview .section_body .section,
#contact_overview .section_body .section,
#user_settings .section_body .section,
#user_referrals .section_body .section,
#user_profile_overview .section_body .section,
#user_billing_overview .section_body .section {
  display: inline-block;
  border: 1px solid #d2ced0;
  border-radius: 5px;
}
#dog_overview .section_body #profile_image_container,
#contact_overview .section_body #profile_image_container,
#user_settings .section_body #profile_image_container,
#user_referrals .section_body #profile_image_container,
#user_profile_overview .section_body #profile_image_container,
#user_billing_overview .section_body #profile_image_container {
  padding: 5px !important;
}
#dog_overview .section_body #profile_image_container img,
#contact_overview .section_body #profile_image_container img,
#user_settings .section_body #profile_image_container img,
#user_referrals .section_body #profile_image_container img,
#user_profile_overview .section_body #profile_image_container img,
#user_billing_overview .section_body #profile_image_container img {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#dog_overview .section_body .connection_img,
#contact_overview .section_body .connection_img,
#user_settings .section_body .connection_img,
#user_referrals .section_body .connection_img,
#user_profile_overview .section_body .connection_img,
#user_billing_overview .section_body .connection_img {
  padding-right: 5px;
}
#dog_overview .section_body .connection_img img,
#contact_overview .section_body .connection_img img,
#user_settings .section_body .connection_img img,
#user_referrals .section_body .connection_img img,
#user_profile_overview .section_body .connection_img img,
#user_billing_overview .section_body .connection_img img {
  width: 60px;
  height: 60px;
  border-radius: 4px;
  border: solid 1px #666566;
}
#dog_overview .section_body .connection_text,
#contact_overview .section_body .connection_text,
#user_settings .section_body .connection_text,
#user_referrals .section_body .connection_text,
#user_profile_overview .section_body .connection_text,
#user_billing_overview .section_body .connection_text {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  margin-top: -3px;
}
#dog_overview .section_body .section,
#contact_overview .section_body .section,
#user_settings .section_body .section,
#user_referrals .section_body .section,
#user_profile_overview .section_body .section,
#user_billing_overview .section_body .section {
  margin: 0 15px 15px 0;
  background-color: white;
  padding: 15px;
  float: left;
  width: 340px;
  height: 340px;
  overflow-x: hidden;
  overflow-y: auto;
}
#dog_overview .section_body .section table,
#contact_overview .section_body .section table,
#user_settings .section_body .section table,
#user_referrals .section_body .section table,
#user_profile_overview .section_body .section table,
#user_billing_overview .section_body .section table {
  padding-top: 5px;
  width: 310px;
}
#dog_overview .section_body .section tr:first-child td,
#contact_overview .section_body .section tr:first-child td,
#user_settings .section_body .section tr:first-child td,
#user_referrals .section_body .section tr:first-child td,
#user_profile_overview .section_body .section tr:first-child td,
#user_billing_overview .section_body .section tr:first-child td {
  padding-top: 5px;
}
#dog_overview .section_body .section_header,
#contact_overview .section_body .section_header,
#user_settings .section_body .section_header,
#user_referrals .section_body .section_header,
#user_profile_overview .section_body .section_header,
#user_billing_overview .section_body .section_header,
#dog_overview .section_body .upcoming_section_header,
#contact_overview .section_body .upcoming_section_header,
#user_settings .section_body .upcoming_section_header,
#user_referrals .section_body .upcoming_section_header,
#user_profile_overview .section_body .upcoming_section_header,
#user_billing_overview .section_body .upcoming_section_header {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 17px;
}
#dog_overview .section_body .upcoming_section,
#contact_overview .section_body .upcoming_section,
#user_settings .section_body .upcoming_section,
#user_referrals .section_body .upcoming_section,
#user_profile_overview .section_body .upcoming_section,
#user_billing_overview .section_body .upcoming_section {
  margin-top: 10px;
  clear: left;
}
#dog_overview .section_body .upcoming_section .section_header,
#contact_overview .section_body .upcoming_section .section_header,
#user_settings .section_body .upcoming_section .section_header,
#user_referrals .section_body .upcoming_section .section_header,
#user_profile_overview .section_body .upcoming_section .section_header,
#user_billing_overview .section_body .upcoming_section .section_header {
  border-bottom: solid 2px #46c0eb;
}
#dog_overview .section_body .upcoming_section_value,
#contact_overview .section_body .upcoming_section_value,
#user_settings .section_body .upcoming_section_value,
#user_referrals .section_body .upcoming_section_value,
#user_profile_overview .section_body .upcoming_section_value,
#user_billing_overview .section_body .upcoming_section_value {
  font-style: italic;
}
#dog_overview .section_body tr.connection,
#contact_overview .section_body tr.connection,
#user_settings .section_body tr.connection,
#user_referrals .section_body tr.connection,
#user_profile_overview .section_body tr.connection,
#user_billing_overview .section_body tr.connection {
  cursor: pointer;
}
#dog_overview .section_body tr.connection td.litter_link,
#contact_overview .section_body tr.connection td.litter_link,
#user_settings .section_body tr.connection td.litter_link,
#user_referrals .section_body tr.connection td.litter_link,
#user_profile_overview .section_body tr.connection td.litter_link,
#user_billing_overview .section_body tr.connection td.litter_link {
  padding: 2px 5px;
  width: auto !important;
  border: solid thin #d2ced0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
#dog_overview .section_body tr.connection td.litter_link:hover,
#contact_overview .section_body tr.connection td.litter_link:hover,
#user_settings .section_body tr.connection td.litter_link:hover,
#user_referrals .section_body tr.connection td.litter_link:hover,
#user_profile_overview .section_body tr.connection td.litter_link:hover,
#user_billing_overview .section_body tr.connection td.litter_link:hover {
  background-color: #fceeac;
}
#dog_overview .section_body td,
#contact_overview .section_body td,
#user_settings .section_body td,
#user_referrals .section_body td,
#user_profile_overview .section_body td,
#user_billing_overview .section_body td {
  padding-bottom: 5px;
}
#dog_overview .section_body td.column,
#contact_overview .section_body td.column,
#user_settings .section_body td.column,
#user_referrals .section_body td.column,
#user_profile_overview .section_body td.column,
#user_billing_overview .section_body td.column {
  font-weight: bold;
  padding-right: 5px;
  width: 130px;
}
#dog_overview .section_body td.value,
#contact_overview .section_body td.value,
#user_settings .section_body td.value,
#user_referrals .section_body td.value,
#user_profile_overview .section_body td.value,
#user_billing_overview .section_body td.value {
  width: 180px;
}
#dog_overview .section_body td.small_value,
#contact_overview .section_body td.small_value,
#user_settings .section_body td.small_value,
#user_referrals .section_body td.small_value,
#user_profile_overview .section_body td.small_value,
#user_billing_overview .section_body td.small_value {
  width: auto;
}
.contact_dogs .dog_name,
.contact_dogs .sire,
.contact_dogs .dam {
  min-width: 200px;
}
.contact_dogs .owner,
.contact_dogs .breeder,
.contact_dogs .guardian {
  min-width: 150px;
}
.contact_dogs [data-dog-link],
.contact_dogs [data-contact-link] {
  padding: 2px 5px;
  border: solid thin #d2ced0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
.contact_dogs [data-dog-link]:hover,
.contact_dogs [data-contact-link]:hover {
  background-color: #fceeac;
}
#kennel_contracts tr {
  cursor: auto;
}
#kennel_contracts .creating_contract {
  display: block;
}
#contract_templates_list .buttons_cell {
  width: 85px;
  text-align: right;
}
#contract_templates_list .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
}
#contract_templates_list .buttons_cell i:hover {
  color: black;
}
#contract_list .esign_icon_buyer,
#contract_list .esign_icon_breeder {
  vertical-align: middle;
  font-size: 22px;
  margin-right: 5px;
}
#contract_list .esign_icon_buyer {
  color: #b33791;
  color: #d9534f;
}
#contract_list .esign_icon_breeder {
  color: #1B3C53;
  color: #579ceb;
}
#contract_list .esign_link {
  vertical-align: middle;
}
#contract_list .creating_contract {
  display: block;
}
#contract_list .contract_name {
  width: 200px;
}
#contract_list .description {
  width: 200px;
}
#contract_list .contact_name {
  width: 150px;
}
#contract_list .dog_name {
  width: 150px;
}
#contract_list .view {
  text-align: center;
  width: 60px;
}
#contract_list .view-signed-contract {
  text-align: left;
  min-width: 120px;
  width: fit-content;
}
#contract_list .view-signed-contract .message_p {
  color: #d9534f;
  margin: 5px 0;
  font-size: 0.9em;
}
#contract_list .buttons_cell {
  width: 35px;
}
#contract_list .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
#contract_list .buttons_cell i.delete_template {
  padding-left: 4px;
}
#contract_list .buttons_cell i:hover {
  color: black;
}
#contract_list button {
  white-space: nowrap;
  margin-bottom: 5px;
  margin-left: 2px;
}
#dog_overview .dog_link_container {
  margin-bottom: 5px;
}
#dog_overview .newowner {
  padding: 2px 5px;
  border: solid thin #d2ced0;
  border-radius: 3px;
  cursor: pointer;
  display: inline-block;
}
#dog_overview .newowner:hover {
  background-color: #fceeac;
}
#dog_overview .sub_title {
  font-weight: bold;
  text-decoration: underline;
}
#dog_overview .dog_link_items div.vis-only-no-siblings {
  display: none;
}
#dog_overview .dog_link_items div.vis-only-no-siblings:only-child {
  display: flex;
}
#dog_overview .dog_link_items {
  display: flex;
  flex-direction: column;
  row-gap: 3px;
}
#dog_overview .dog_link_items div.connection {
  display: flex;
  cursor: pointer;
}
#dog_overview .dog_link_items div.connection_text {
  margin-top: 2px;
}
#dog_overview .flex_rows {
  display: flex;
  flex-direction: row;
  row-gap: 3px;
  padding-top: 3px;
}
#dog_overview .flex_rows .flex_column {
  font-weight: bold;
  padding-right: 10px;
  min-width: 130px;
}
#dog_overview #puppy_details .section_header {
  float: left;
}
#dog_overview #puppy_details button {
  float: right;
  color: white;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: normal;
  background-color: #46c0eb;
  border-color: #46c0eb;
  display: inline-block;
}
#dog_overview #sharing tr.ul_item td:first-of-type {
  padding-left: 20px;
}
#dog_overview #sharing td {
  width: 33%;
}
.fa-facebook {
  color: #4267b2;
}
.fa-twitter {
  color: #1da1f2;
}
#dog_genetics {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
#dog_genetics .phenotype_block {
  display: inline-block;
  width: 20%;
  height: 100%;
  background-color: #3d3d3d;
  padding-top: 2vh;
}
@media (max-width: 769px) {
  #dog_genetics .phenotype_block {
    width: 30%;
  }
}
#dog_genetics .phenotype_block .phenotype_image {
  position: relative;
  width: 85%;
  background-color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  margin: 0 auto;
  text-align: center;
}
#dog_genetics .phenotype_block .phenotype_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
}
#dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
  color: #3d3d3d;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #dog_genetics .phenotype_block .phenotype_image .phenotype_image_no_image {
    font-size: 20px;
  }
}
#dog_genetics .phenotype_block .phenotype_image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#dog_genetics .phenotype_block .phenotype_description {
  padding: 2vh;
  text-align: center;
}
#dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
  font-weight: 600;
}
@media (max-width: 640px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #dog_genetics .phenotype_block .phenotype_description .phenotype_heading {
    font-size: 20px;
  }
}
#dog_genetics .phenotype_block .phenotype_description .phenotype_hidden {
  padding-top: 2vh;
}
#dog_genetics .phenotype_block .phenotype_description p {
  color: #d2ced0;
  font-weight: 500;
}
@media (max-width: 640px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_genetics .phenotype_block .phenotype_description p {
    font-size: 16px;
  }
}
#dog_genetics .genetic_description_block {
  width: fit-content;
  float: left;
  clear: none;
  margin-right: 10px;
  background-color: white;
}
#dog_genetics .genetic_description_block .gene_block {
  background-color: #f4f4f4;
  width: 260px;
  max-width: 450px;
  margin-bottom: 5px;
  border: thin solid #d2ced0;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container {
  display: inline-block;
  height: 100%;
  width: 100%;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
  display: inline-block;
  background-color: #3d3d3d;
  height: 100%;
  width: 10%;
  color: #d2ced0;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 640px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header {
    font-size: 30px;
  }
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .gene_header p {
  vertical-align: middle;
  display: inline-block;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body {
  display: inline-block;
  color: #3d3d3d;
  vertical-align: top;
  padding: 1%;
  width: 87%;
  height: 100%;
  overflow-y: auto;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_header {
  font-weight: bold;
  font-size: 16px;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_selection {
  margin-left: 5px;
  font-weight: normal;
  font-weight: 16px;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_selection .not-null {
  font-weight: bold;
  color: #579ceb;
}
#dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
  padding-top: 5px;
  font-weight: 500;
  white-space: normal;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}
@media (max-width: 640px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #dog_genetics .genetic_description_block .gene_block .gene_description_container .description_body .description_detail {
    font-size: 13px;
  }
}
#genetic_forecast_container {
  position: relative;
  width: 100%;
  color: #d2ced0;
}
#genetic_forecast_container .phenotype_visible {
  font-weight: bold;
  color: #579ceb;
}
#genetic_forecast_container .phenotype_hidden {
  font-weight: bold;
  color: #f3a030;
}
#genetic_forecast_container .phenotype_carried {
  font-weight: bold;
  color: #d04fc8;
}
#genetic_forecast_container .genetic_forecast_info_container {
  width: 100%;
  background-color: #3d3d3d;
}
#genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
  font-weight: 600;
  text-align: center;
  background-color: #232323;
  padding: 1vh 0 1vh 0;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_heading {
    font-size: 20px;
  }
}
#genetic_forecast_container .genetic_forecast_info_container .genetic_offspring_instruction_spacer {
  height: 20px;
  width: 100%;
  background-color: white;
}
#genetic_forecast_container .genetic_forecast_info_container .instruction_body {
  font-weight: 500;
  padding: 1vh 3vh 1vh 3vh;
  text-align: center;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_forecast_info_container .instruction_body {
    font-size: 14px;
  }
}
#genetic_forecast_container .genetic_parents_container {
  position: relative;
  display: table;
  table-layout: fixed;
  min-height: 30%;
}
#genetic_forecast_container .genetic_parents_container .genetic_selection_detail_block .locus .input_column select {
  width: calc(100% - 20px) !important;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block {
  display: table-cell;
  width: 49%;
  height: 100%;
  background-color: #3d3d3d;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .sub_title {
  font-size: 20px;
  display: inline-block;
  margin: 0 0 5px;
  color: white;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block hr {
  margin-bottom: 10px;
  border-top: 1px solid #d2ced0;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
#genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  color: #3d3d3d;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes {
    height: 30px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block #sires_with_color_genes:focus,
#genetic_forecast_container .genetic_parents_container .genetic_dog_block #dams_with_color_genes:focus {
  background-color: white;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
  font-weight: 500;
  background-color: #232323;
  text-align: center;
  padding: 5px;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_heading {
    font-size: 24px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent {
  display: none;
  height: 12vh;
  padding: 2vh;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container {
  display: inline-block;
  width: 98%;
  vertical-align: center;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
  display: inline-block;
  font-weight: 500;
  width: 30%;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container p {
    font-size: 20px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_select_parent .input_container input {
  display: inline-block;
  width: 67%;
  float: right;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .or_spacer {
  display: none;
  background-color: #515151;
  text-align: center;
  height: 4vh;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .or_spacer p {
  display: inline-block;
  vertical-align: middle;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 60%;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_right {
  padding-left: 3vh;
  width: 60% !important;
}
@media (max-width: 480px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_right {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_right {
    padding-right: 3vh;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_right {
    width: 100% !important;
  }
}
@media (min-width: 770px) and (max-width: 900px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_right {
    padding-right: 3vh;
    width: 100% !important;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right {
    float: left !important;
  }
}
@media (min-width: 641px) and (max-width: 769px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right {
    float: right !important;
  }
}
@media (min-width: 770px) and (max-width: 900px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right {
    float: left !important;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_left {
  float: left;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right {
  float: right;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_left {
    margin: auto;
    width: 100% !important;
  }
}
@media (min-width: 770px) and (max-width: 900px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_right,
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .image_block_left {
    margin: auto;
    width: 100% !important;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
  padding-right: 3vh;
  width: 60% !important;
}
@media (max-width: 480px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
    padding-left: 5px;
    padding-right: 5px;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
    width: 100% !important;
  }
}
@media (min-width: 481px) and (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
    padding-left: 3vh;
  }
}
@media (min-width: 641px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
    overflow: hidden;
  }
}
@media (min-width: 770px) and (max-width: 900px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .detail_block_left {
    padding-left: 3vh;
    width: 100% !important;
    padding-top: 0 !important;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block {
  display: block;
  width: 40%;
  vertical-align: top;
  padding: 20px;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_phenotype {
  width: 100%;
  text-align: center;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_phenotype .sire_phenotype,
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_phenotype .dam_phenotype {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .genetic_image {
  display: block;
  width: 120px;
  height: 120px;
  background-color: white;
  border-radius: 5px;
  padding: 3px;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .genetic_image img {
  width: 100%;
  height: 100%;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
  color: #3d3d3d;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .no_image {
    font-size: 16px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
  text-align: center;
  font-weight: 500;
  padding: 20px 10px 0 10px;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_color_label {
    font-size: 20px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
  text-align: center;
  font-weight: 500;
  padding-top: 10px;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .parent_hidden_label {
    font-size: 16px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
  position: relative;
  color: white;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 3px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 4px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 5px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field {
    margin-bottom: 6px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column {
    height: 30px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
  color: #d2ced0;
  margin: 0;
  cursor: default;
  font-weight: 500;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 28px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    line-height: 30px;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .label_column .edit_h {
    font-size: 14px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column {
  display: inline-block;
  position: relative;
  width: 50%;
  margin-left: -5px;
  color: #46c0eb;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
  background-image: url('../img/btn_cal_right_blue.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
  color: #3d3d3d;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_blue.png");
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input {
    height: 30px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input:focus {
  background-color: white;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
  background-image: url('../img/btn_cal_right_white.png');
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #6cbb3c;
  color: white;
  background-repeat: no-repeat;
  background-position: 97%;
  background-size: auto;
  background-image: url("../img/btn_cal_right_white.png");
  padding-left: 4px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match {
    height: 30px;
  }
}
#genetic_forecast_container .genetic_parents_container .genetic_dog_block .block_genetic_selecting .genetic_selection_detail_block .edit_text_field .input_column .select_input_match:focus {
  background-color: #6cbb3c;
  color: white;
  border: 1px solid white !important;
}
#genetic_forecast_container .genetic_parents_container .block_spacer {
  display: table-cell;
  background-color: white;
  width: 2%;
  height: 100%;
}
#genetic_forecast_container .genetic_offspring_container {
  width: 100%;
  min-height: 20%;
  background-color: #3d3d3d;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_top_spacer {
  background-color: white;
  width: 100%;
  height: 30px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
  font-weight: 500;
  background-color: #232323;
  text-align: center;
  padding: 5px;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_heading {
    font-size: 24px;
  }
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body {
  padding: 20px;
  font-size: 16px;
  background-color: #f4f4f4;
  color: #3d3d3d;
  border: solid thin #d2ced0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .please_select_k {
  text-align: center;
  display: block;
  font-size: 22px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .forecast_sections {
  max-width: 850px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .forecast_sections .delayed_images_note {
  margin-bottom: 10px;
  display: block;
  color: grey;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast_section,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_squares_section {
  width: 100%;
  border: thin solid lightgrey;
  border-radius: 5px;
  margin-bottom: 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_header {
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  display: inline-block;
  width: 100%;
  padding: 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_header .hide_section_icon,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_header .show_section_icon {
  margin-left: 5px;
  margin-right: 10px;
  float: right;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_header.hide_section {
  background-color: #d2ced0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_header.show_section:hover {
  background-color: #d2ced0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .section_body {
  padding: 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section {
  font-size: 20px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section .simple_percentage {
  font-weight: bold;
  margin-right: 5px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section p {
  margin-bottom: 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section .locus_description {
  font-weight: bold;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section .notes {
  margin-top: 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast_section .notes h3 {
  font-size: 22px;
  font-weight: bold;
  text-decoration: underline;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast .no_genetic_img,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .no_genetic_img {
  width: 120px;
  height: 120px;
  text-align: center;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast .genetic_image,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .genetic_image {
  padding: 5px 10px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast .genetic_image img,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .genetic_image img {
  width: 120px;
  height: 120px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast .genetic_image div,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .genetic_image div {
  width: 120px;
  height: 120px;
  text-align: center;
  border-radius: 5px;
  border: thin solid;
  font-size: 18px;
  padding: 6px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .simple_forecast td {
  padding: 0 5px 10px 0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast td,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast th {
  padding: 3px;
  text-align: center;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .percentage {
  width: 70px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .detailed_forecast .phenotype {
  text-align: left;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations {
  border: 1px solid #d2ced0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations td,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations th {
  border: 1px solid #d2ced0;
  padding: 3px;
  text-align: center;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations th {
  font-weight: bold;
  padding: 3px 5px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations th.locus {
  width: 70px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations th.permutations {
  width: 110px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .locus_permutations th.punnet_square_th {
  width: 200px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_square {
  border: 1px solid #d2ced0;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_square td,
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_square th {
  border: 1px solid #d2ced0;
  text-align: center;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_td {
  background-color: #fde1b7;
  width: 60px;
  height: 60px;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .punnet_th {
  width: 30px;
  height: 30px;
  font-weight: bold;
  background-color: #f0f4f8;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line {
  width: 100%;
  text-align: center;
  padding: 4vh 0 2vh 0;
  vertical-align: top;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case {
  width: 15%;
  display: inline-block;
  margin: 0 1vw 0 1vw;
  vertical-align: top;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image {
  width: 100%;
  background-color: white;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: relative;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  height: 80%;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
  color: #3d3d3d;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image .no_image {
    font-size: 16px;
  }
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_image:before {
  content: "";
  display: block;
  padding-top: 100%;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
  padding-top: 10px;
  font-weight: 500;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_percentage {
    font-size: 24px;
  }
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
  padding-top: 5px;
  font-weight: 500;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_color {
    font-size: 20px;
  }
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
  padding-top: 5px;
  font-weight: 500;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .genetic_case_hidden {
    font-size: 16px;
  }
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body .genetic_offspring_line .genetic_case .genetic_case_detail .offspring_genotype {
  color: pink;
  overflow-wrap: break-word;
}
#genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
  display: block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0px;
  outline: none;
  bottom: 3vh;
  margin: 0 auto;
  width: 30%;
  height: 40px;
  background-color: #e0ac27;
  color: white;
  font-weight: 600;
}
@media (max-width: 640px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #genetic_forecast_container .genetic_offspring_container .genetic_offspring_body #btn_genetic_forecast_generate {
    font-size: 16px;
  }
}
.ancestor_analysis .summary,
.progeny_analysis .summary {
  margin-bottom: 15px;
}
.ancestor_analysis table thead .generations {
  border-left: thin solid white;
  border-bottom: thin solid white;
}
.ancestor_analysis table thead .appearances {
  border-left: thin solid white;
  border-right: thin solid white;
  border-bottom: thin solid white;
}
.ancestor_analysis table thead .combined {
  border-left: thin solid white;
}
.ancestor_analysis table thead .end_appearances {
  border-right: thin solid white;
}
#dog_health .section_body table.dewormings .is_deworming,
#dog_health .section_body table.dewormings .is_heartworm,
#dog_health .section_body table.dewormings .is_flea_and_tick {
  text-align: center;
}
#dog_health .section_body table.dewormings .buttons_cell i {
  color: #666566;
  font-size: 19px;
  cursor: pointer;
}
#dog_health .section_body table.dewormings .buttons_cell i.delete_deworming {
  padding-left: 4px;
}
#dog_health .section_body table.dewormings .buttons_cell i:hover {
  color: black;
}
.ancestor_analysis h3,
.progeny_analysis h3,
.siblings_analysis h3 {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .ancestor_analysis,
  .progeny_analysis,
  .siblings_analysis {
    font-size: 10px;
  }
}
@media (min-width: 768px) {
  .ancestor_analysis table,
  .progeny_analysis table,
  .siblings_analysis table {
    width: 100%;
  }
  .ancestor_analysis th.date,
  .progeny_analysis th.date,
  .siblings_analysis th.date {
    width: 110px;
  }
}
.ancestor_analysis .section,
.progeny_analysis .section,
.siblings_analysis .section {
  margin-bottom: 15px;
}
.ancestor_analysis .note,
.progeny_analysis .note,
.siblings_analysis .note {
  font-weight: normal;
  font-style: italic;
}
@media (max-width: 640px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  .ancestor_analysis .note,
  .progeny_analysis .note,
  .siblings_analysis .note {
    font-size: 20px;
  }
}
.ancestor_analysis .note_small,
.progeny_analysis .note_small,
.siblings_analysis .note_small {
  font-weight: normal;
  font-style: italic;
}
@media (max-width: 640px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .ancestor_analysis .note_small,
  .progeny_analysis .note_small,
  .siblings_analysis .note_small {
    font-size: 16px;
  }
}
.ancestor_analysis thead tr,
.progeny_analysis thead tr,
.siblings_analysis thead tr {
  background-color: #232323;
  border: solid thin black;
}
.ancestor_analysis tbody tr,
.progeny_analysis tbody tr,
.siblings_analysis tbody tr {
  border: solid thin #d5e4e9;
  background-color: #f4f4f4;
  color: black;
  cursor: pointer;
}
.ancestor_analysis tbody tr:hover,
.progeny_analysis tbody tr:hover,
.siblings_analysis tbody tr:hover {
  background-color: #d2ced0;
  border: solid thin #d2ced0;
}
.ancestor_analysis td.gender,
.progeny_analysis td.gender,
.siblings_analysis td.gender {
  font-size: 22px;
}
.ancestor_analysis .gender,
.progeny_analysis .gender,
.siblings_analysis .gender {
  width: 40px;
  text-align: center;
}
.ancestor_analysis .gender_sign_male,
.progeny_analysis .gender_sign_male,
.siblings_analysis .gender_sign_male {
  color: #46c0eb;
}
.ancestor_analysis .gender_sign_female,
.progeny_analysis .gender_sign_female,
.siblings_analysis .gender_sign_female {
  color: #da4790;
}
.ancestor_analysis th,
.progeny_analysis th,
.siblings_analysis th {
  color: white;
}
.ancestor_analysis th,
.progeny_analysis th,
.siblings_analysis th,
.ancestor_analysis td,
.progeny_analysis td,
.siblings_analysis td {
  padding: 2px 3px;
}
.ancestor_analysis .dog_clickable,
.progeny_analysis .dog_clickable,
.siblings_analysis .dog_clickable {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  cursor: pointer;
}
.ancestor_analysis .dog_clickable:hover,
.progeny_analysis .dog_clickable:hover,
.siblings_analysis .dog_clickable:hover {
  background-color: #fceeac;
}
#num_generations {
  font-size: 18px;
  color: white;
  background-color: #46c0eb;
  border: thin solid #46c0eb;
  display: inline-block;
  padding: 5px;
  margin-bottom: 10px;
}
#num_generations select {
  color: black;
  margin-left: 10px;
}
#thisdog {
  font-size: 16px;
  margin-bottom: 5px;
}
#thisdog .dogname {
  font-size: 18px;
  padding-right: 5px;
}
#thisdog .dogname,
#thisdog .title {
  font-weight: bold;
}
#dog_pedigree {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
#dog_pedigree .classic_generation_block {
  border-left: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
  float: left;
  height: 100%;
}
#dog_pedigree .classic_generation_block .parent_gen_0_pos_0 {
  padding: 0 !important;
}
#dog_pedigree .classic_generation_block .parent_gen_0_pos_0 .classic_parent_data {
  width: 100%;
  text-align: center;
}
#dog_pedigree .classic_generation_block .parent_gen_0_pos_0 .classic_parent_data img {
  padding: 20px 20px 20px 20px;
}
#dog_pedigree .classic_generation_block .classic_parent_block {
  border-top: 1px solid #d2ced0;
  padding-left: 3px;
  font-weight: 400;
  position: relative;
  overflow: hidden;
}
@media (max-width: 640px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  #dog_pedigree .classic_generation_block .classic_parent_block {
    font-size: 11px;
  }
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_edit {
  z-index: 20;
  float: right;
  cursor: pointer;
  margin: 2px 2px 0 2px;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 25px;
  height: 25px;
  color: black;
  display: flex;
  justify-content: center;
  align-items: center;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_edit:hover {
  background-color: #d2ced0;
  border: thin solid #46c0eb;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: default;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_title {
  display: inline-block;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
  font-weight: 600;
  display: inline-block;
  cursor: pointer;
}
@media (max-width: 640px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_name {
    font-size: 13px;
  }
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_birth {
  display: inline-block;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_parent_wright {
  display: inline-block;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_1 {
  color: #e74c3c;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_2 {
  color: #9b59b6;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_3 {
  color: #2980b9;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_4 {
  color: #1abc9c;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_5 {
  color: #f1c40f;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_6 {
  color: #e67e22;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_7 {
  color: #13830a;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_8 {
  color: #7e0a66;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_9 {
  color: #5dade2;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_10 {
  color: #f421c8;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_11 {
  color: #f4215f;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_12 {
  color: #f44d21;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_13 {
  color: #f4b721;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_14 {
  color: #c8f421;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_15 {
  color: #5ef421;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_16 {
  color: #b03d3d;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_17 {
  color: #b0773d;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_18 {
  color: #b0b03d;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_19 {
  color: #77b03d;
}
#dog_pedigree .classic_generation_block .classic_parent_block .classic_parent_data .classic_duplicate_color_20 {
  color: #3db03d;
}
#dog_pedigree .classic_generation_block .classic_male_block {
  background-color: #f9f9f9;
}
#dog_pedigree .classic_generation_block .classic_female_block {
  background-color: white;
}
#dog_pedigree .classic_duplicate_block_color_1 {
  background-color: rgba(231, 76, 60, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_2 {
  background-color: rgba(155, 89, 182, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_3 {
  background-color: rgba(41, 128, 185, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_4 {
  background-color: rgba(26, 188, 156, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_5 {
  background-color: rgba(241, 196, 15, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_6 {
  background-color: rgba(230, 126, 34, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_7 {
  background-color: rgba(19, 131, 10, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_8 {
  background-color: rgba(126, 10, 102, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_9 {
  background-color: rgba(93, 173, 226, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_10 {
  background-color: rgba(244, 33, 200, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_11 {
  background-color: rgba(244, 33, 95, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_12 {
  background-color: rgba(244, 77, 33, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_13 {
  background-color: rgba(244, 183, 33, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_14 {
  background-color: rgba(200, 244, 33, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_15 {
  background-color: rgba(94, 244, 33, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_16 {
  background-color: rgba(176, 61, 61, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_17 {
  background-color: rgba(176, 119, 61, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_18 {
  background-color: rgba(176, 176, 61, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_19 {
  background-color: rgba(119, 176, 61, 0.2) !important;
}
#dog_pedigree .classic_duplicate_block_color_20 {
  background-color: rgba(61, 176, 61, 0.2) !important;
}
#dog_pedigree #dog_pedigree_canvas {
  position: absolute;
}
#dog_notes .section_heading {
  display: none;
}
#dog_notes .notes_section_spacer {
  display: none;
}
#dog_notes .section_body .item_body {
  position: relative;
  background-color: #3d3d3d;
  color: white;
  cursor: pointer;
  margin-bottom: 8px;
  width: 100%;
}
#dog_notes .section_body .item_body .note_list_item {
  padding: 15px;
  overflow: hidden;
  display: table-cell;
  height: 100%;
}
#dog_notes .section_body .item_body .note_date {
  font-weight: 500;
}
@media (max-width: 640px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 16px;
  }
}
#dog_notes .section_body .item_body .note_date_section {
  display: inline-block;
}
#dog_notes .section_body .item_body .note_detail_section {
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #666566;
}
#dog_notes .section_body .item_body .note_detail_section .note_title {
  width: 33%;
  vertical-align: top;
  font-weight: 600;
  color: #46c0eb;
  background-color: #666566;
  border-right: 1px solid #232323;
}
@media (max-width: 640px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 16px;
  }
}
#dog_notes .section_body .item_body .note_detail_section .note_text {
  width: 65%;
  vertical-align: top;
  overflow: hidden;
  font-weight: 500;
}
@media (max-width: 640px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 16px;
  }
}
#dog_notes .section_body .item_body .note_detail_section .note_detail {
  overflow: hidden;
}
#dog_notes .section_body .item_body .note_detail_section p {
  word-wrap: break-word;
}
@media (min-width: 770px) {
  #dog_notes .section_heading {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: default;
  }
  #dog_notes .notes_section_spacer {
    display: block;
    margin-bottom: 20px;
  }
  #dog_notes .section_body .item_body {
    display: table;
    table-layout: fixed;
    min-height: 12vh;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  #dog_notes .section_body .item_body:hover {
    background-color: #232323;
  }
  #dog_notes .section_body .item_body .note_list_item {
    vertical-align: top;
    padding: 15px;
  }
  #dog_notes .section_body .item_body .note_date {
    width: 15%;
    font-weight: 500;
  }
  #dog_notes .section_body .item_body .note_date_section {
    display: block;
  }
  #dog_notes .section_body .item_body .note_detail_section {
    display: inline-block;
    width: 75%;
    height: 100%;
    background-color: transparent;
  }
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    display: inline-table;
    width: 25%;
    height: 100%;
    font-weight: 600;
    background-color: #666566;
    border-right: 0px;
  }
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    width: 70%;
    height: 100%;
    display: inline-table;
    font-weight: 500;
    background-color: transparent;
  }
  #dog_notes .section_body .item_body .note_detail_section .note_detail {
    overflow: hidden;
  }
  #dog_notes .section_body .item_body .note_detail_section p {
    word-wrap: break-word;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_notes .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_notes .section_heading {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_date {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_detail_section .note_title {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_notes .section_body .item_body .note_detail_section .note_text {
    font-size: 16px;
  }
}
.gallery_item_container {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 3px;
  background-color: white;
  display: flex;
  align-content: center;
}
.gallery_item_container .icon-tag {
  position: absolute;
  color: #d2ced0;
  background-color: transparent;
}
.gallery_item_container .current-profile-pic {
  background-color: white;
  color: #ff5d5d !important;
}
.gallery_item_container .fa-portrait {
  font-size: 1.6em;
}
.gallery_item_container .fa-portrait:hover {
  color: #46c0eb;
}
.gallery_item_container .make-profile-pic {
  cursor: pointer;
  font-size: 1.6em;
  background-color: white;
  color: #0d5974;
}
.gallery_item_container .make-profile-pic:hover {
  color: #46c0eb;
}
.gallery_item_container .delete-gallery-image {
  cursor: pointer;
  font-size: 1.3em;
  line-height: 1.1em;
  background-color: white;
  color: #0d5974;
}
.gallery_item_container .delete-gallery-image:hover {
  color: #46c0eb;
}
.gallery_item_container .not-public {
  color: red !important;
}
.gallery_item_container .public-gallery-image {
  cursor: pointer;
  font-size: 1.3em;
  line-height: 1.1em;
  background-color: white;
  color: #0d5974;
}
.gallery_item_container .public-gallery-image:hover {
  color: #46c0eb;
}
.gallery_item_container .top-left {
  top: 8px;
  left: 8px;
}
.gallery_item_container .top-right {
  top: 8px;
  right: 8px;
}
.gallery_item_container .bottom-left {
  bottom: 8px;
  left: 8px;
}
.gallery_item_container .bottom-right {
  bottom: 8px;
  right: 8px;
}
#gallery_preview #gallery_images,
#gallery_preview #dog_gallery,
#gallery_preview #contact_gallery {
  background: #f1f2f4;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  padding: 0;
  margin: 0;
}
#gallery_preview #gallery_images li,
#gallery_preview #dog_gallery li,
#gallery_preview #contact_gallery li {
  display: flex;
  height: auto;
}
#gallery_preview #gallery_images .gallery_image,
#gallery_preview #dog_gallery .gallery_image,
#gallery_preview #contact_gallery .gallery_image {
  object-fit: cover;
  height: 154px;
  width: 154px;
}
#gallery_preview #gallery_images .gallery_image:hover,
#gallery_preview #dog_gallery .gallery_image:hover,
#gallery_preview #contact_gallery .gallery_image:hover {
  object-fit: contain !important;
}
#gallery_preview #gallery_images img,
#gallery_preview #dog_gallery img,
#gallery_preview #contact_gallery img {
  vertical-align: middle;
  border-radius: 3px;
  border: thin solid lightgrey;
}
#gallery_images,
#dog_gallery,
#contact_gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  padding-left: 0;
}
#gallery_images li,
#dog_gallery li,
#contact_gallery li {
  display: flex;
  height: 180px;
}
#gallery_images .gallery_image,
#dog_gallery .gallery_image,
#contact_gallery .gallery_image {
  cursor: pointer;
  height: 174px;
}
#gallery_images img,
#dog_gallery img,
#contact_gallery img {
  vertical-align: middle;
  border-radius: 3px;
  border: thin solid lightgrey;
}
#gallery_images .gallery_image_preview_container,
#dog_gallery .gallery_image_preview_container,
#contact_gallery .gallery_image_preview_container {
  width: 100%;
  background-color: #3d3d3d;
  margin-top: 8px;
  height: fit-content;
  color: white;
}
#gallery_images .gallery_image_preview_container .image_preview,
#dog_gallery .gallery_image_preview_container .image_preview,
#contact_gallery .gallery_image_preview_container .image_preview {
  display: block;
  width: 60%;
  height: 100%;
  float: left;
}
@media (max-width: 769px) {
  #gallery_images .gallery_image_preview_container .image_preview,
  #dog_gallery .gallery_image_preview_container .image_preview,
  #contact_gallery .gallery_image_preview_container .image_preview {
    width: 100%;
  }
}
#gallery_images .gallery_image_preview_container .image_preview img,
#dog_gallery .gallery_image_preview_container .image_preview img,
#contact_gallery .gallery_image_preview_container .image_preview img {
  max-height: 100%;
  max-width: 100%;
  margin: 20px;
}
#gallery_images .gallery_image_preview_container .image_metadata,
#dog_gallery .gallery_image_preview_container .image_metadata,
#contact_gallery .gallery_image_preview_container .image_metadata {
  display: inline-block;
  width: 40%;
  min-width: 300px;
  height: 100%;
  vertical-align: top;
  position: relative;
  padding: 20px;
}
#gallery_images .gallery_image_preview_container .image_metadata .label_container,
#dog_gallery .gallery_image_preview_container .image_metadata .label_container,
#contact_gallery .gallery_image_preview_container .image_metadata .label_container {
  color: white;
}
#gallery_images .gallery_image_preview_container .image_metadata .label_container .sub_label,
#dog_gallery .gallery_image_preview_container .image_metadata .label_container .sub_label,
#contact_gallery .gallery_image_preview_container .image_metadata .label_container .sub_label {
  color: #d2ced0;
}
#gallery_images .gallery_image_preview_container .image_metadata .label_container .inline_button_container,
#dog_gallery .gallery_image_preview_container .image_metadata .label_container .inline_button_container,
#contact_gallery .gallery_image_preview_container .image_metadata .label_container .inline_button_container {
  overflow: unset;
  margin-top: 15px;
}
#gallery_images .gallery_image_preview_container .image_metadata .gallery_buttons,
#dog_gallery .gallery_image_preview_container .image_metadata .gallery_buttons,
#contact_gallery .gallery_image_preview_container .image_metadata .gallery_buttons {
  margin-top: 20px;
}
#gallery_images .gallery_image_preview_container .image_metadata .gallery_button,
#dog_gallery .gallery_image_preview_container .image_metadata .gallery_button,
#contact_gallery .gallery_image_preview_container .image_metadata .gallery_button {
  margin: 10px 10px 0px 0px;
  outline: none;
  background-color: white;
  border: 1px solid white;
  border-radius: 5px;
  color: #656565;
  padding: 5px;
  cursor: pointer;
  text-decoration: none;
}
#gallery_images .gallery_image_preview_container .image_metadata .gallery_button:hover,
#dog_gallery .gallery_image_preview_container .image_metadata .gallery_button:hover,
#contact_gallery .gallery_image_preview_container .image_metadata .gallery_button:hover {
  color: #46c0eb;
}
#gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
#dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
#contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
  font-weight: 400;
  float: right;
}
@media (max-width: 640px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #gallery_images .gallery_image_preview_container .image_metadata .image_preview_close,
  #dog_gallery .gallery_image_preview_container .image_metadata .image_preview_close,
  #contact_gallery .gallery_image_preview_container .image_metadata .image_preview_close {
    font-size: 20px;
  }
}
.puppy_table .puppy_galleries_table {
  table-layout: fixed;
}
.puppy_table .puppy_galleries_table th.puppy_col {
  width: 120px;
}
.puppy_table .puppy_galleries_table td.puppy_gallery_item {
  background-color: white;
  padding: 0;
  margin: 0;
}
.puppy_table .puppy_galleries_table td.puppy_gallery_action {
  background-color: white;
}
.puppy_table .puppy_galleries_table ul {
  margin: 0;
  padding-inline-start: 0;
}
.puppy_table .puppy_galleries_table .add_gallery_images {
  cursor: pointer;
}
.puppy_table .puppy_galleries_table .add_gallery_images:hover {
  color: #46c0eb;
}
.puppy_gallery {
  background: #f5f5f5;
  display: flex;
  flex-wrap: nowrap;
  gap: 5px;
  overflow-x: auto;
}
.puppy_gallery .gallery_item_container {
  flex-wrap: wrap;
}
.puppy_gallery .gallery_item_container .fa-portrait {
  font-size: 1.3em;
}
.puppy_gallery .gallery_item_container .make-profile-pic {
  cursor: pointer;
  font-size: 1.2em;
  background-color: white;
  color: #0d5974;
}
.puppy_gallery .gallery_item_container .make-profile-pic:hover {
  color: #46c0eb;
}
.puppy_gallery .gallery_item_container .delete-gallery-image {
  cursor: pointer;
  font-size: 1.1em;
  background-color: white;
  color: #0d5974;
}
.puppy_gallery .gallery_item_container .delete-gallery-image:hover {
  color: #46c0eb;
}
.puppy_gallery .gallery_item_container .not-public {
  color: red !important;
}
.puppy_gallery .gallery_item_container .public-gallery-image {
  cursor: pointer;
  font-size: 1.1em;
  background-color: white;
  color: #0d5974;
}
.puppy_gallery .gallery_item_container .public-gallery-image:hover {
  color: #46c0eb;
}
.puppy_gallery .gallery_item_container .top-left {
  top: 3px;
  left: 3px;
}
.puppy_gallery .gallery_item_container .top-right {
  top: 3px;
  right: 3px;
}
.puppy_gallery .gallery_item_container .bottom-left {
  bottom: 3px;
  left: 3px;
}
.puppy_gallery .gallery_item_container .bottom-right {
  bottom: 3px;
  right: 3px;
}
.puppy_gallery li {
  list-style: none;
  float: left;
  margin: 3px;
  border: thin solid #ccc;
  border-radius: 3px;
  width: 80px;
  height: 80px;
}
.puppy_gallery img {
  max-height: 73px;
  max-width: 73px;
}
.puppy_gallery_item #file_upload_form,
#detail_container_body #file_upload_form {
  width: 100%;
  margin-bottom: 1em;
}
.puppy_gallery_item #file_upload_form div.message_div,
#detail_container_body #file_upload_form div.message_div {
  margin: 0;
  height: 0;
}
.puppy_gallery_item #file_upload_form .file_upload_container,
#detail_container_body #file_upload_form .file_upload_container {
  display: flex;
  align-items: flex-end;
  justify-content: space-evenly;
}
.puppy_gallery_item #file_upload_form .file_upload_container button,
#detail_container_body #file_upload_form .file_upload_container button {
  height: 27px;
  margin: 3px 3px;
}
.puppy_gallery_item #file_upload_form .drag_drop_container,
#detail_container_body #file_upload_form .drag_drop_container {
  width: 75%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 2px dashed #515151;
  cursor: pointer;
  position: relative;
  text-align: center;
}
.puppy_gallery_item #file_upload_form .drag_drop_container .file_input,
#detail_container_body #file_upload_form .drag_drop_container .file_input {
  display: none;
}
.puppy_gallery_item #file_upload_form .drag_drop_container .file_drop_label,
#detail_container_body #file_upload_form .drag_drop_container .file_drop_label {
  font-weight: 600;
  color: #3d3d3d;
}
.puppy_gallery_item #file_upload_form .upload_progress_container,
#detail_container_body #file_upload_form .upload_progress_container {
  color: #3d3d3d;
  padding: 15px 0 15px 0;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container {
  padding: 6px;
  width: 100%;
  vertical-align: top;
  background-color: #f5f5f5;
  font-weight: 500;
  margin-bottom: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #d2ced0;
  font-size: 10px;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container {
  float: right;
  vertical-align: top;
  position: relative;
  border: 1px solid #d2ced0;
  width: 30%;
  height: 100%;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: white;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_text,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_text {
  position: relative;
  z-index: 5;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_indicator,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_indicator {
  background-color: #7fc241;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 4;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_error,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container .selected_file_progress_container .progress_error {
  background-color: red;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  z-index: 4;
}
.puppy_gallery_item #file_upload_form .upload_progress_container .selected_file_container .attachment_size,
#detail_container_body #file_upload_form .upload_progress_container .selected_file_container .attachment_size {
  float: right;
  padding-right: 20px;
}
#home_shows .show_location,
#dog_shows .show_location {
  font-size: 0.9em;
  color: #a0a1a7;
}
#home_shows .dog_name,
#dog_shows .dog_name {
  font-weight: bold;
  background-color: #F9F0C1;
  padding: 2px 4px;
  border-radius: 3px;
}
#home_shows .awards_title,
#dog_shows .awards_title {
  font-weight: bold;
}
#home_shows .awards,
#dog_shows .awards {
  display: block;
  padding-inline-start: 10px;
  margin-left: 10px;
}
#home_shows .note,
#dog_shows .note {
  font-style: italic;
}
#home_shows .points,
#dog_shows .points {
  background-color: #F5EFF1;
  padding: 2px;
  border-radius: 3px;
  border: thin solid #D3D3D3;
}
#home_shows hr,
#dog_shows hr {
  margin: 7px 0;
}
#home_shows .show-details-subtable,
#dog_shows .show-details-subtable {
  width: 100%;
  border-collapse: collapse;
}
#home_shows .show-details-subtable tr,
#dog_shows .show-details-subtable tr {
  height: auto !important;
}
#home_shows .show-details-subtable tr:nth-child(even),
#dog_shows .show-details-subtable tr:nth-child(even) {
  background-color: inherit !important;
}
#home_shows .show-details-subtable tr:not(:last-child),
#dog_shows .show-details-subtable tr:not(:last-child) {
  border-bottom: 1px solid #A9A9A9;
}
#home_shows .show-details-subtable td,
#dog_shows .show-details-subtable td {
  padding: 4px 8px;
  vertical-align: top;
}
#home_shows .dog-name-cell,
#dog_shows .dog-name-cell {
  width: 20%;
  font-weight: bold;
}
#home_shows .details-cell,
#dog_shows .details-cell {
  width: 50%;
}
#home_shows .awards-cell,
#dog_shows .awards-cell {
  width: 30%;
}
#dog_shows .dbp-table-wrapper.dog_show_tally {
  max-width: 500px;
  cursor: auto;
}
#dog_shows .buttons_cell {
  width: 85px;
}
#dog_shows .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
#dog_shows .buttons_cell i.delete_genetic_test,
#dog_shows .buttons_cell i.delete_health_test {
  padding: 0 4px;
}
@media (min-width: 770px) {
  #dog_shows .section_heading {
    display: block;
    font-weight: 600;
    margin-bottom: 10px;
    cursor: default;
  }
  #dog_shows .shows_section_spacer {
    display: block;
    margin-bottom: 20px;
  }
  #dog_shows .section_body .item_body {
    display: table;
    table-layout: fixed;
    min-height: 12vh;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
  #dog_shows .section_body .item_body:hover {
    background-color: #232323;
  }
  #dog_shows .section_body .item_body .show_list_item {
    vertical-align: top;
    padding: 15px;
  }
  #dog_shows .section_body .item_body .show_date {
    width: 15%;
    font-weight: 600;
  }
  #dog_shows .section_body .item_body .show_date .show_date_section {
    display: block;
  }
  #dog_shows .section_body .item_body .show_detail_section {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: transparent;
  }
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    display: inline-table;
    width: 20%;
    height: 100%;
    font-weight: 600;
    background-color: #666566;
    border-right: 0px;
  }
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    width: 75%;
    height: 100%;
    display: inline-table;
    font-weight: 500;
    background-color: transparent;
  }
  #dog_shows .section_body .item_body .show_detail_section .show_detail {
    overflow: hidden;
  }
  #dog_shows .section_body .item_body .show_detail_section .show_detail_last {
    padding-bottom: 10px;
  }
  #dog_shows .section_body .item_body .show_detail_section p {
    word-wrap: break-word;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_shows .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_shows .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_shows .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_shows .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_shows .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_shows .section_heading {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_shows .section_body .item_body .show_date {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_shows .section_body .item_body .show_detail_section .show_title {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_shows .section_body .item_body .show_detail_section .show_text {
    font-size: 16px;
  }
}
.dog_notes .date,
#dog_health .date {
  width: 210px;
}
.dog_notes .buttons_cell i,
#dog_health .buttons_cell i {
  color: #666566;
  font-size: 19px;
  cursor: pointer;
}
.dog_notes .buttons_cell i.delete_dog_note,
#dog_health .buttons_cell i.delete_dog_note {
  padding: 0 4px;
}
#dog_health {
  padding: 10px 5px;
}
#dog_health h3 {
  margin-top: 0px;
}
#dog_health .due-date-info {
  color: #46c0eb;
  margin-left: 5px;
}
#dog_health .health_table {
  width: 100%;
  min-width: 800px;
  border-collapse: collapse;
  text-rendering: optimizeLegibility;
  border-radius: 5px;
}
#dog_health .health_table .message_div {
  color: #ffa800;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  #dog_health .health_table .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_health .health_table .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_health .health_table .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_health .health_table .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .health_table .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_health .health_table .message_div {
    font-size: 16px;
  }
}
#dog_health table.genetic_tests .test_name,
#dog_health table.health_tests .test_name {
  font-weight: bold;
}
#dog_health table.genetic_tests .buttons_cell,
#dog_health table.health_tests .buttons_cell {
  width: 85px;
}
#dog_health table.genetic_tests .buttons_cell i,
#dog_health table.health_tests .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
#dog_health table.genetic_tests .buttons_cell i.delete_genetic_test,
#dog_health table.health_tests .buttons_cell i.delete_genetic_test,
#dog_health table.genetic_tests .buttons_cell i.delete_health_test,
#dog_health table.health_tests .buttons_cell i.delete_health_test {
  padding: 0 4px;
}
#dog_health .section_heading {
  font-weight: 600;
  margin-bottom: 10px;
  cursor: default;
}
@media (max-width: 640px) {
  #dog_health .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_health .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_health .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_health .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #dog_health .section_heading {
    font-size: 20px;
  }
}
#dog_health .section_heading .health_category_section {
  display: inline-block;
  cursor: pointer;
  padding-right: 15px;
  color: #d2ced0;
}
#dog_health .section_heading .health_category_section:hover {
  color: #46c0eb;
}
#dog_health .section_heading .category_left_border {
  padding-left: 20px;
  border-left: 2px solid #d2ced0;
}
#dog_health .section_heading .selected_category {
  color: #232323 !important;
}
#dog_health .health_section_spacer {
  margin-bottom: 20px;
}
#dog_health .section_body .item_body {
  position: relative;
  background-color: #666566;
  color: white;
  margin-bottom: 8px;
  width: 100%;
}
#dog_health .section_body .item_body .health_list_item {
  padding: 15px;
  overflow: hidden;
}
#dog_health .section_body .item_body .health_date {
  font-weight: 600;
}
@media (max-width: 640px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_health .section_body .item_body .health_date {
    font-size: 16px;
  }
}
#dog_health .section_body .item_body .health_date .health_date_section {
  display: inline-block;
}
#dog_health .section_body .item_body .health_detail {
  overflow: hidden;
  font-weight: 500;
  background-color: #3d3d3d;
}
@media (max-width: 640px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_health .section_body .item_body .health_detail {
    font-size: 16px;
  }
}
#dog_health .section_body .item_body .health_detail .detail_heading {
  font-weight: 600;
  color: #46c0eb;
}
@media (max-width: 640px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_health .section_body .item_body .health_detail .detail_heading {
    font-size: 16px;
  }
}
#dog_health .section_body .item_body p {
  word-wrap: break-word;
}
@media (min-width: 770px) {
  #dog_health .due-date-info {
    color: #46c0eb;
    margin-left: 5px;
  }
  #dog_health .section_heading {
    font-weight: 600;
    margin-bottom: 10px;
    cursor: default;
  }
  #dog_health .section_heading .health_category_section {
    display: inline-block;
    cursor: pointer;
    padding-right: 15px;
    color: #d2ced0;
  }
  #dog_health .section_heading .health_category_section:hover {
    color: #46c0eb;
  }
  #dog_health .section_heading .category_left_border {
    padding-left: 20px;
    border-left: 2px solid #d2ced0;
  }
  #dog_health .section_heading .selected_category {
    color: #232323 !important;
  }
  #dog_health .health_section_spacer {
    margin-bottom: 20px;
  }
  #dog_health .section_body .item_body {
    display: table;
    table-layout: fixed;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    min-height: 12vh;
    width: 100%;
  }
  #dog_health .section_body .item_body:hover .health_detail {
    background-color: #232323;
  }
  #dog_health .section_body .item_body .health_list_item {
    display: table-cell;
    height: 100%;
    vertical-align: top;
  }
  #dog_health .section_body .item_body .health_date {
    width: 15%;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_health .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_health .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_health .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_health .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_health .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_health .section_heading {
    font-size: 20px;
  }
}
.label_format {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid;
  border-radius: 2px;
  background-color: #ff5d5d;
  border-color: #ff5d5d;
  color: white;
  font-size: 14px;
  font-weight: normal;
}
.future_label {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid;
  border-radius: 2px;
  background-color: #ff5d5d;
  border-color: #ff5d5d;
  color: white;
  font-size: 14px;
  font-weight: normal;
  background-color: #e0ac27;
  border-color: #e0ac27;
}
.overdue_label {
  display: inline-block;
  padding: 0 5px;
  border: 1px solid;
  border-radius: 2px;
  background-color: #ff5d5d;
  border-color: #ff5d5d;
  color: white;
  font-size: 14px;
  font-weight: normal;
}
#dog_breeding .puppy_documents button {
  color: white;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: normal;
  background-color: #46c0eb;
  border-color: #46c0eb;
  margin: 5px 10px 5px 0;
}
#dog_breeding .section_heading {
  font-weight: 600;
  margin-bottom: 10px;
  cursor: default;
}
@media (max-width: 640px) {
  #dog_breeding .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_heading {
    font-size: 20px;
  }
}
#dog_breeding .section_heading .breeding_category_section {
  display: inline-block;
  cursor: pointer;
  padding-right: 15px;
  color: #d2ced0;
}
#dog_breeding .section_heading .breeding_category_section:hover {
  color: #46c0eb;
}
#dog_breeding .section_heading .category_left_border {
  padding-left: 20px;
  border-left: 2px solid #d2ced0;
}
#dog_breeding .section_heading .selected_category {
  color: #232323 !important;
}
#dog_breeding .breeding_section_spacer {
  margin-bottom: 20px;
}
#dog_breeding .average_heat_cycle_duration {
  font-size: 16px;
  margin-bottom: 10px;
}
#dog_breeding .average_heat_cycle_duration .title {
  padding: 3px;
  font-weight: bold;
  display: inline-block;
  margin-top: 5px;
}
#dog_breeding .breeding_cycles {
  width: 100%;
  font-size: 16px;
}
#dog_breeding .breeding_cycles thead tr {
  background-color: #232323;
  color: white;
  border: solid thin black;
}
#dog_breeding .breeding_cycles th {
  height: 40px;
  text-align: center;
  font-size: 20px;
}
#dog_breeding .breeding_cycles td {
  height: 100px;
  width: 25%;
  padding: 5px;
  border: solid thin #d5e4e9;
  border-bottom: solid 1px darkgray;
  font-size: 18px;
}
#dog_breeding .breeding_cycles td:first-child {
  border-left: solid 1px darkgray;
}
#dog_breeding .breeding_cycles td:last-child {
  border-right: solid 1px darkgray;
}
#dog_breeding .breeding_cycles tbody tr {
  border: solid thin #d5e4e9;
  border-bottom: 2px;
  background-color: #f4f4f4;
  color: black;
  cursor: pointer;
}
#dog_breeding .section_body .breeding_table tbody tr td.print_trial_buttons button,
#dog_breeding .section_body .breeding_table .print_litter_buttons button {
  color: white;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: normal;
  background-color: #46c0eb;
  border-color: #46c0eb;
  display: inline-block;
  margin-top: 4px;
  white-space: nowrap;
}
#dog_breeding .section_body .breeding_table tbody tr td.print_trial_buttons button.print_pedigree,
#dog_breeding .section_body .breeding_table .print_litter_buttons button.print_pedigree {
  margin-bottom: 5px;
}
#dog_breeding .section_body .breeding_table .buttons_cell {
  width: 85px;
}
#dog_breeding .section_body .breeding_table .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
#dog_breeding .section_body .breeding_table .buttons_cell i.delete_trial_mating,
#dog_breeding .section_body .breeding_table .buttons_cell i.delete_heat {
  padding: 0 4px;
}
#dog_breeding .section_body .breeding_table .dog_clickable {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  cursor: pointer;
}
#dog_breeding .section_body .breeding_table .dog_clickable:hover {
  background-color: #fceeac;
}
#dog_breeding .section_body .breeding_table.litters {
  min-width: 800px;
  margin-bottom: 0;
}
#dog_breeding .section_body .breeding_table.litters .start_date {
  width: 150px;
}
#dog_breeding .section_body .breeding_table.litters .sire,
#dog_breeding .section_body .breeding_table.litters .male_pups,
#dog_breeding .section_body .breeding_table.litters .female_pups,
#dog_breeding .section_body .breeding_table.litters .note,
#dog_breeding .section_body .breeding_table.litters .print_litter_buttons {
  width: 15%;
}
#dog_breeding .section_body .breeding_table.leases .start_date,
#dog_breeding .section_body .breeding_table.leases .return_date {
  width: 150px;
}
#dog_breeding .section_body .breeding_table.heats {
  min-width: 700px;
  margin-bottom: 0;
}
#dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: 600;
  font-weight: normal;
  font-size: 16px !important;
  color: white;
  margin-right: 5px;
  background-color: #46c0eb;
  border-color: #46c0eb;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .breeding_table.heats .will_not_breed_label {
    font-size: 16px;
  }
}
#dog_breeding .section_body .breeding_table .future_status span {
  display: inline-block;
  padding: 1px 5px;
  border: 1px solid;
  border-radius: 2px;
  font-weight: 600;
  font-weight: normal;
  font-size: 16px !important;
  color: white;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .breeding_table .future_status span {
    font-size: 16px;
  }
}
#dog_breeding .section_body .breeding_table .future_status span.future {
  background-color: #e0ac27;
  border-color: #e0ac27;
}
#dog_breeding .section_body .breeding_table .future_status span.unconfirmed_forecast {
  background-color: #c33837;
  border-color: #c33837;
}
#dog_breeding .section_body .breeding_table .future_status span.est_litter_date {
  color: black;
  border: none;
  margin-left: 5px;
  font-size: 14px !important;
}
#dog_breeding .section_body .breeding_table .future_status span .field-info {
  font-size: 16px;
}
@media (max-width: 769px) {
  #dog_breeding .section_body div#heat_cycle_forecast {
    margin-bottom: 20px;
    padding: 5px 10px;
    border: thin solid #179ac9;
    border-radius: 5px;
    width: fit-content;
  }
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    color: #c33837;
    font-weight: 500;
    margin-bottom: 10px;
    display: none;
  }
  #dog_breeding .section_body div#heat_cycle_forecast #heat_cycle_weeks {
    width: 35px !important;
    text-align: center;
    margin: 5px;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button {
    margin: 5px 0;
    padding: 7px 7px;
    border: 1px solid;
    border-radius: 2px;
    font-weight: 600;
    font-weight: normal;
    background-color: #46c0eb;
    border-color: #46c0eb;
    color: white;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button:hover {
    background-color: #232323;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button:focus {
    background-color: #232323;
  }
}
@media (max-width: 769px) and (max-width: 640px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 12px;
  }
}
@media (max-width: 769px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 1920px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 16px;
  }
}
@media (max-width: 769px) and (max-width: 640px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 12px;
  }
}
@media (max-width: 769px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (max-width: 769px) and (min-width: 1920px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 16px;
  }
}
#dog_breeding .section_body .item_body_heat .breeding_item_detail {
  background-color: #3d3d3d;
}
#dog_breeding .section_body .item_body_heat .heat_start_image {
  background-color: #7fc241;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_heat_started_small.png');
}
#dog_breeding .section_body .item_body_heat .heat_end_image {
  background-color: #e0ac27;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_heat_ended_small.png');
}
#dog_breeding .section_body .item_body_heat .heat_bleeding_image {
  background-color: #c33837;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_heat_bleeding_small.png');
}
#dog_breeding .section_body .item_body_heat .heat_attractiveness_image {
  background-color: #34b2b9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_heat_attractive_small.png');
}
#dog_breeding .section_body .item_body_mating .breeding_date {
  background-color: #3d3d3d;
}
#dog_breeding .section_body .item_body_mating .mating_mated_to {
  width: 100%;
  text-align: center;
}
#dog_breeding .section_body .item_body_mating .mating_detail {
  overflow: hidden;
  font-weight: 500;
  background-color: #3d3d3d;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 16px;
  }
}
#dog_breeding .section_body .item_body_mating .mating_detail .false_pregnancy_image {
  background-color: #ffc0cb;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_mating_false_pregnancy_small.png');
}
#dog_breeding .section_body .item_body_mating .mating_detail .mating_place_image {
  background-color: white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_mating_place_small.png');
}
#dog_breeding .section_body .item_body_mating .mating_detail .mating_type_image {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url('../img/breeding_mating_type_small.png');
}
#dog_breeding .section_body .litters .start_date {
  width: 150px;
}
#dog_breeding .section_body .litters .note {
  width: calc(46% - 45px);
}
#dog_breeding .section_body .item_body_litter .breeding_date {
  background-color: #3d3d3d;
}
#dog_breeding .section_body .item_body_litter .litter_sire {
  width: 100%;
  text-align: left;
}
#dog_breeding .section_body .item_body_litter .litter_sire .detail_sire {
  position: relative;
}
#dog_breeding .section_body .item_body_litter .litter_sire .detail_sire .detail_section_img {
  margin-right: 20px;
  height: 100%;
}
#dog_breeding .section_body .item_body_litter .litter_sire .detail_sire .breeding_detail_text_container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 90px;
}
#dog_breeding .section_body .item_body_litter .litter_puppies {
  overflow: hidden;
  font-weight: 500;
  background-color: #3d3d3d;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 16px;
  }
}
#dog_breeding .section_body .item_body_litter .litter_puppies .litter_container .breeding_text {
  vertical-align: middle;
}
#dog_breeding .section_body .item_body_litter .male_puppy_container {
  margin-bottom: 20px;
}
#dog_breeding .section_body .item_body_lease:hover .breeding_date,
#dog_breeding .section_body .item_body_lease:hover .lease_detail {
  background-color: #232323;
}
#dog_breeding .section_body .item_body_lease .breeding_date {
  background-color: #3d3d3d;
}
#dog_breeding .section_body .item_body_lease .lease_handler {
  width: 100%;
  text-align: center;
}
#dog_breeding .section_body .item_body_lease .lease_detail {
  overflow: hidden;
  font-weight: 500;
  background-color: #3d3d3d;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 16px;
  }
}
#dog_breeding .section_body .item_body_lease .lease_detail .leased_date_image {
  background-color: #e0ac27;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/breeding_lease_dog_leased_small.png');
}
#dog_breeding .section_body .item_body_lease .lease_detail .returned_date_image {
  background-color: #7fc241;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/breeding_lease_dog_returned_small.png');
}
#dog_breeding .section_body .item_body_lease .lease_detail .price_image {
  background-color: #7c4d9c;
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  background-image: url('../img/breeding_lease_dog_price_small.png');
}
#dog_breeding .section_body .item_body {
  position: relative;
  background-color: #666566;
  color: white;
  margin-bottom: 8px;
  width: 100%;
  overflow: hidden;
}
#dog_breeding .section_body .item_body .breeding_list_item {
  vertical-align: top;
  padding: 15px;
  overflow: hidden;
}
#dog_breeding .section_body .item_body .breeding_detail_section {
  position: relative;
  vertical-align: top;
  text-align: left;
  margin-bottom: 10px;
}
@media (min-width: 770px) {
  #dog_breeding .section_body .item_body .breeding_detail_section {
    display: inline-block;
  }
}
#dog_breeding .section_body .item_body .breeding_detail_section .breeding_detail_text_container {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 90px;
}
#dog_breeding .section_body .item_body .breeding_date {
  width: 100%;
  font-weight: 600;
  vertical-align: middle !important;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 16px;
  }
}
#dog_breeding .section_body .item_body .breeding_date .breeding_date_section {
  display: inline-block;
}
#dog_breeding .section_body .item_body .breeding_date .breeding_time {
  display: block !important;
}
#dog_breeding .section_body .item_body p {
  word-wrap: break-word;
}
#dog_breeding .section_body .breeding_comment {
  margin-top: 20px;
  border-top: 1px solid white;
  padding-top: 20px;
}
#dog_breeding .section_body .breeding_image {
  width: 70px;
  height: 70px;
  display: inline-block;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  border: 0px;
  outline: none;
  overflow: hidden;
}
@media (min-width: 770px) {
  #dog_breeding .section_body .breeding_image {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
}
#dog_breeding .section_body .breeding_heading {
  font-weight: 600;
  color: #46c0eb;
  margin-bottom: 5px !important;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .breeding_heading {
    font-size: 16px;
  }
}
#dog_breeding .section_body .breeding_text {
  font-weight: 400;
  color: white;
}
@media (max-width: 640px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #dog_breeding .section_body .breeding_text {
    font-size: 16px;
  }
}
#dogs_table {
  width: 100%;
  border-collapse: collapse;
  min-width: 468px;
}
#dogs_table thead tr {
  background-color: #232323;
  border: solid thin black;
}
#dogs_table tbody tr {
  border-top: solid thin #d5e4e9;
  background-color: #f4f4f4;
  color: black;
}
#dogs_table th {
  color: white;
}
#dogs_table th,
#dogs_table td {
  padding: 7px 8px 8px;
}
#dogs_table th.date,
#dogs_table td.date {
  text-align: left;
  width: 140px;
  min-width: 140px;
}
#dogs_table .actions {
  width: 40px;
}
#dogs_table .actions i {
  color: #666566;
  margin: 5px;
}
.contact_documents .actions,
.dog_documents .actions {
  width: 40px;
}
.contact_documents .actions i,
.dog_documents .actions i {
  color: #666566;
  margin: 5px;
}
.contact_documents .delete_file,
.dog_documents .delete_file {
  cursor: pointer;
}
.contact_documents .delete_file:hover,
.dog_documents .delete_file:hover {
  color: #232323;
}
.contact_documents td.category,
.dog_documents td.category {
  width: 140px;
}
.contact_documents .assign_category,
.dog_documents .assign_category {
  cursor: pointer;
  color: #666566;
  padding-left: 5px;
}
.contact_documents .assign_category_container,
.dog_documents .assign_category_container {
  display: none;
  background-color: #d2ced0;
  padding: 5px;
  border: solid think lightgrey;
  border-radius: 5px;
  margin-top: 10px;
  overflow: hidden;
  width: 120px;
}
.contact_documents .assign_category_container .select_assign_category,
.dog_documents .assign_category_container .select_assign_category {
  border-radius: 2px;
  border: none;
  height: 25px;
  color: black !important;
  width: 110px !important;
}
.contact_documents .assign_category_container .category_buttons,
.dog_documents .assign_category_container .category_buttons {
  float: right;
  margin-top: 4px;
}
.contact_documents .assign_category_container .cancel_edit_category,
.dog_documents .assign_category_container .cancel_edit_category,
.contact_documents .assign_category_container .save_category,
.dog_documents .assign_category_container .save_category {
  color: #333;
  vertical-align: top;
}
.contact_documents .assign_category_container .cancel_edit_category:hover,
.dog_documents .assign_category_container .cancel_edit_category:hover,
.contact_documents .assign_category_container .save_category:hover,
.dog_documents .assign_category_container .save_category:hover {
  font-weight: bold;
}
.contact_documents .assign_category_container .save_category,
.dog_documents .assign_category_container .save_category {
  font-size: 18px;
  padding-top: 2px;
}
.contact_documents .assign_category_container .cancel_edit_category,
.dog_documents .assign_category_container .cancel_edit_category {
  font-size: 22px;
  margin-right: 5px;
}
#financial_transactions {
  width: 100%;
  border-collapse: collapse;
}
#financial_transactions .export_buttons {
  padding: 1ex 0;
  line-height: 30px;
}
#financial_transactions .export_buttons button {
  margin-right: 1ex;
}
#financial_transactions .export_buttons a {
  display: inline-block;
}
#financial_transactions .export_buttons a:hover {
  color: white;
  text-decoration: none;
}
#financial_transactions .export_buttons a:visited {
  color: white;
  text-decoration: none;
}
#financial_transactions .export_buttons a:active {
  color: white;
  text-decoration: none;
}
#financial_transactions .transactions tr[data-category="expense"] .amount,
#financial_transactions .transactions tr[data-category="expense"] .tax,
#financial_transactions .transactions tr[data-category="expense"] .total {
  color: red;
}
#financial_transactions .transactions th.note,
#financial_transactions .transactions td.note {
  min-width: 200px;
}
#financial_transactions .transactions th.connection,
#financial_transactions .transactions td.connection {
  min-width: 220px;
}
#financial_transactions .transactions th.amount,
#financial_transactions .transactions td.amount {
  width: 90px;
  text-align: right;
}
#financial_transactions .transactions .buttons_cell {
  width: 40px;
}
#financial_transactions .transactions .btn_delete_transaction {
  color: #666566;
  font-size: 19px;
}
#financial_transactions .transactions .mobile_delete_button {
  display: none;
}
#dog_breeding .trial_matings {
  min-width: 750px;
}
#dog_breeding .trial_matings .sire_coi_cell,
#dog_breeding .trial_matings .dam_coi_cell,
#dog_breeding .trial_matings .litter_coi_cell {
  max-width: 180px;
  min-width: 65px;
}
#dog_breeding .trial_matings .genetic_disorders_cell .gender_label {
  font-weight: bold;
}
#dog_breeding .trial_matings .genetic_disorders_cell .no_known_disorders {
  font-style: italic;
  color: green;
}
#dog_breeding .trial_matings .genetic_disorders_cell .carrier {
  color: orange;
}
#dog_breeding .trial_matings .genetic_disorders_cell .affected {
  color: red;
}
@media (min-width: 770px) {
  #dog_breeding .section_heading {
    font-weight: 600;
    margin-bottom: 10px;
    cursor: default;
  }
  #dog_breeding .section_heading .breeding_category_section {
    display: inline-block;
    cursor: pointer;
    padding-right: 15px;
    color: #d2ced0;
  }
  #dog_breeding .section_heading .breeding_category_section:hover {
    color: #46c0eb;
  }
  #dog_breeding .section_heading .category_left_border {
    padding-left: 20px;
    border-left: 2px solid #d2ced0;
  }
  #dog_breeding .section_heading .selected_category {
    color: #232323 !important;
  }
  #dog_breeding .breeding_section_spacer {
    margin-bottom: 20px;
  }
  #dog_breeding .section_body div#heat_cycle_forecast {
    margin-bottom: 20px;
    padding: 5px 10px;
    border: thin solid #179ac9;
    border-radius: 5px;
    width: fit-content;
  }
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    color: #c33837;
    font-weight: 500;
    margin-bottom: 10px;
    display: none;
  }
  #dog_breeding .section_body div#heat_cycle_forecast #heat_cycle_weeks {
    width: 35px !important;
    text-align: center;
    margin: 5px;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button {
    margin: 5px 0;
    padding: 7px 7px;
    border: 1px solid;
    border-radius: 2px;
    font-weight: 600;
    font-weight: normal;
    background-color: #46c0eb;
    border-color: #46c0eb;
    color: white;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button:hover {
    background-color: #232323;
  }
  #dog_breeding .section_body div#heat_cycle_forecast button:focus {
    background-color: #232323;
  }
  #dog_breeding .section_body h3 {
    margin-top: 0px;
  }
  #dog_breeding .section_body .breeding_table .btn_delete_breeding {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/btn_delete_small_dbp_blue.png');
  }
  #dog_breeding .section_body .breeding_table img {
    padding-left: 5px;
  }
  #dog_breeding .section_body .item_body_heat .heat_start_image {
    background-color: #7fc241;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_heat_started_small.png');
  }
  #dog_breeding .section_body .item_body_heat .heat_end_image {
    background-color: #e0ac27;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_heat_ended_small.png');
  }
  #dog_breeding .section_body .item_body_heat .heat_bleeding_image {
    background-color: #c33837;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_heat_bleeding_small.png');
  }
  #dog_breeding .section_body .item_body_heat .heat_attractiveness_image {
    background-color: #34b2b9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_heat_attractive_small.png');
  }
  #dog_breeding .section_body .item_body_mating:hover .breeding_date,
  #dog_breeding .section_body .item_body_mating:hover .mating_detail {
    background-color: #232323;
  }
  #dog_breeding .section_body .item_body_mating .breeding_date {
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_mating .mating_mated_to {
    width: 200px;
  }
  #dog_breeding .section_body .item_body_mating .mating_mated_to .detail_handler {
    margin-right: 0 !important;
  }
  #dog_breeding .section_body .item_body_mating .mating_detail {
    overflow: hidden;
    font-weight: 500;
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_mating .mating_detail .false_pregnancy_image {
    background-color: #ffc0cb;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_mating_false_pregnancy_small.png');
  }
  #dog_breeding .section_body .item_body_mating .mating_detail .mating_type_image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_mating_type_small.png');
  }
  #dog_breeding .section_body .item_body_litter:hover .breeding_date,
  #dog_breeding .section_body .item_body_litter:hover .litter_puppies {
    background-color: #232323;
  }
  #dog_breeding .section_body .item_body_litter .breeding_date {
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_litter .litter_sire {
    width: 200px;
    text-align: center;
  }
  #dog_breeding .section_body .item_body_litter .litter_sire .detail_sire .detail_section_img {
    margin-right: 0;
  }
  #dog_breeding .section_body .item_body_litter .litter_sire .detail_sire .breeding_detail_text_container {
    position: static;
    transform: none;
  }
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    overflow: hidden;
    font-weight: 500;
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_litter .male_puppy_container {
    margin-bottom: 20px;
  }
  #dog_breeding .section_body .item_body_lease:hover .breeding_date,
  #dog_breeding .section_body .item_body_lease:hover .lease_detail {
    background-color: #232323;
  }
  #dog_breeding .section_body .item_body_lease .breeding_date {
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_lease .lease_handler {
    width: 150px;
    text-align: center;
  }
  #dog_breeding .section_body .item_body_lease .lease_detail {
    overflow: hidden;
    font-weight: 500;
    background-color: #3d3d3d;
  }
  #dog_breeding .section_body .item_body_lease .lease_detail .leased_date_image {
    background-color: #e0ac27;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_lease_dog_leased_small.png');
  }
  #dog_breeding .section_body .item_body_lease .lease_detail .returned_date_image {
    background-color: #7fc241;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_lease_dog_returned_small.png');
  }
  #dog_breeding .section_body .item_body_lease .lease_detail .price_image {
    background-color: #7c4d9c;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-image: url('../img/breeding_lease_dog_price_small.png');
  }
  #dog_breeding .section_body .item_body {
    display: table;
    table-layout: fixed;
    background-color: #666566;
    color: white;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    margin-bottom: 8px;
    min-height: 12vh;
    width: 100%;
    overflow: hidden;
  }
  #dog_breeding .section_body .item_body .breeding_list_item {
    display: table-cell;
    height: 100%;
    vertical-align: top;
    padding: 25px;
    overflow: hidden;
  }
  #dog_breeding .section_body .item_body .breeding_detail_section {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 20px;
  }
  #dog_breeding .section_body .item_body .breeding_detail_section .breeding_detail_text_container {
    position: static;
    transform: none;
  }
  #dog_breeding .section_body .item_body .breeding_date {
    width: 200px;
    font-weight: 600;
    vertical-align: middle !important;
  }
  #dog_breeding .section_body .item_body p {
    word-wrap: break-word;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_heading {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body div#heat_cycle_forecast .message_div {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body div#heat_cycle_forecast button {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body .item_body_mating .mating_detail {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body .item_body_litter .litter_puppies {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body .item_body_lease .lease_detail {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #dog_breeding .section_body .item_body .breeding_date {
    font-size: 16px;
  }
}
#contact_overview .contact_overview_block_1 {
  position: relative;
}
@media (max-width: 769px) {
  #contact_overview .contact_overview_block_1 {
    background-color: white !important;
  }
}
#contact_overview .contact_overview_block_1 #contact_overview_pic {
  margin-left: 2vh;
  margin-top: 2vh;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  width: 28vh;
  height: 28vh;
  border: 2px solid white;
  overflow: hidden;
  display: inline-block;
}
#contact_overview .contact_overview_block_1 #contact_overview_pic #overview_pic {
  width: 100%;
  height: 100%;
}
#contact_overview .contact_overview_block_1 #contact_overview_pic .overview_sample_data_pic {
  position: absolute;
  width: 26vh;
  height: 26vh;
  top: -1px;
  left: 0;
}
#contact_overview .contact_overview_block_1 #contact_name_block {
  background-color: #46c0eb;
  display: block;
  color: white;
  margin-top: -8vh;
  padding: 4vh 2vh 2vh 2vh;
}
#contact_overview .contact_overview_block_1 #contact_name_block p {
  text-align: right;
  margin: 0;
}
#contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
  font-weight: 600;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 30px;
  }
}
#contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
  font-weight: 400;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_abbreviation {
    font-size: 16px;
  }
}
#contact_overview .contact_overview_block_2 {
  position: relative;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container {
  position: relative;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block {
  background-color: #666566;
  width: 100%;
  height: 80vw;
  text-align: center;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block {
  width: 50vw;
  height: 40vw;
  padding-bottom: 35%;
  border-bottom: 1px solid #3d3d3d;
  float: left;
  background-color: #666566;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
  font-weight: 600;
  color: #232323;
  margin: 13vh 0 0 0;
  cursor: pointer;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 16px;
  }
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
  font-weight: 400;
  color: white;
  margin: 0;
  word-wrap: break-word;
  cursor: pointer;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 16px;
  }
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_landline {
  border-right: 1px solid #3d3d3d;
  border-top: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_landline.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_mobile {
  border-top: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_mobile.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_email {
  border-right: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_email.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_website {
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_website.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block {
  position: relative;
  width: 100%;
  padding-top: 10px;
  background-color: white;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .contact_info_mobile_right_border {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 11vh;
  background-color: #232323;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container {
  padding: 5px 5vh 5px 0;
  text-align: right;
  min-height: 15vh;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_image {
  float: right;
  width: 12vh;
  height: 12vh;
  -webkit-border-radius: 6vh;
  -moz-border-radius: 6vh;
  border-radius: 6vh;
  position: relative;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image {
  background-color: white;
  text-align: center;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .postal_image {
  background-color: #34b2b9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_postal.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .notes_image {
  background-color: #e0ac27;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_notes.png');
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block {
  display: inline-block;
  vertical-align: top;
  margin-right: 5vw;
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
  font-weight: 600;
  color: #46c0eb;
  cursor: pointer;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 20px;
  }
}
#contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
  font-weight: 500;
  color: #3d3d3d;
  cursor: pointer;
}
@media (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 16px;
  }
}
#contact_overview .contact_overview_block_2 .contact_color_block {
  display: none;
  position: absolute;
  height: 100%;
  width: 6vh;
  right: 0;
  top: 0;
}
#contact_overview .contact_overview_block_2 .contact_color_block .contact_color {
  width: 100%;
  height: 16.66%;
}
@media (min-width: 770px) {
  #contact_overview {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }
  #contact_overview p {
    cursor: default;
  }
  #contact_overview .contact_overview_block {
    display: table-cell;
  }
  #contact_overview .contact_overview_block_1 {
    width: 33.3333%;
    vertical-align: top;
    padding-top: 8vh;
  }
  #contact_overview .contact_overview_block_1 #contact_overview_pic {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    margin: auto;
    width: 35vh;
    height: 35vh;
    border: 2px solid white;
    cursor: pointer;
    overflow: hidden;
    display: block;
  }
  #contact_overview .contact_overview_block_1 #contact_overview_pic:hover {
    border: 2px solid #46c0eb;
  }
  #contact_overview .contact_overview_block_1 #contact_overview_pic #overview_pic {
    width: 100%;
    height: 100%;
  }
  #contact_overview .contact_overview_block_1 #contact_overview_pic .overview_sample_data_pic {
    width: 32.5vh;
    height: 32.5vh;
  }
  #contact_overview .contact_overview_block_1 #contact_name_block {
    position: absolute;
    border-top: 1px solid white;
    padding-top: 4vh;
    width: 90%;
    height: 25vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: transparent;
  }
  #contact_overview .contact_overview_block_1 #contact_name_block p {
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_1 #contact_name_block p:hover {
    color: #46c0eb;
  }
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-weight: 600;
  }
  #contact_overview .contact_overview_block_2 {
    position: relative;
    width: 66.6667%;
    height: 100%;
    border-left: 1vh solid white;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container {
    position: relative;
    margin-top: 8vh;
    padding-right: 6vh;
    width: 100%;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block {
    position: static;
    text-align: center;
    height: 10vw;
    width: 40vw;
    margin: 0 auto;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block {
    border-top: 0;
    border-right: 1px solid #3d3d3d;
    background-color: #666566;
    height: 10vw;
    width: 10vw;
    cursor: pointer;
    vertical-align: top;
    padding: 10px;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-weight: 600;
    color: #232323;
    margin: 10vh 0 0 0;
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-weight: 400;
    color: white;
    margin: 0;
    word-wrap: break-word;
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block:hover {
    background-color: #707070;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_landline {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_landline.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_landline:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_landline_hover.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_mobile {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_mobile.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_mobile:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_mobile_hover.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_email {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_email.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_email:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_email_hover.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_website {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_website.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .contact_profile_website:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_website_hover.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block {
    border-top: 1px solid #666566;
    height: 18vh;
    width: 75vh;
    margin: 4vh auto 0 auto;
    padding-top: 10px;
    background-color: transparent;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .contact_info_mobile_right_border {
    display: none;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container {
    padding: 5px 0 5px 0;
    text-align: left;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_image {
    display: inline-block;
    margin-right: 20px;
    width: 12vh;
    height: 12vh;
    -webkit-border-radius: 6vh;
    -moz-border-radius: 6vh;
    border-radius: 6vh;
    cursor: pointer;
    float: none;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_image:hover {
    border: 2px solid white;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image {
    position: relative;
    background-color: white;
    text-align: center;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .postal_image {
    background-color: #34b2b9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url('../img/user_profile_postal.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .notes_image {
    background-color: #e0ac27;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url('../img/user_profile_notes.png');
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block {
    display: inline-block;
    vertical-align: top;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-weight: 600;
    color: #46c0eb;
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading:hover {
    color: white;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-weight: 500;
    color: white;
    cursor: pointer;
  }
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail:hover {
    color: #46c0eb;
  }
  #contact_overview .contact_overview_block_2 .contact_color_block {
    display: block;
    position: absolute;
    height: 100%;
    width: 6vh;
    right: 0;
    top: 0;
  }
  #contact_overview .contact_overview_block_2 .contact_color_block .contact_color {
    width: 100%;
    height: 16.66%;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 24px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 24px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_1 #contact_name_block .contact_name {
    font-size: 30px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 11px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_block .info_block .contact_profile_info_block_data {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_heading {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #contact_overview .contact_overview_block_2 .contact_profile_block_2_container .contact_info_details_block .details_container .contact_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
#user_profile_overview .user_profile_overview_block_1 {
  position: relative;
}
@media (max-width: 769px) {
  #user_profile_overview .user_profile_overview_block_1 {
    background-color: white !important;
  }
}
#user_profile_overview .user_profile_overview_block_1 #user_profile_overview_pic {
  position: relative;
  margin-left: 2vh;
  margin-top: 2vh;
  width: 28vh;
  height: 28vh;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  border: 2px solid white;
  overflow: hidden;
  display: inline-block;
}
#user_profile_overview .user_profile_overview_block_1 #user_profile_overview_pic #overview_pic {
  width: 100%;
  height: 100%;
}
#user_profile_overview .user_profile_overview_block_1 #user_name_block {
  background-color: #46c0eb;
  display: block;
  color: white;
  margin-top: -8vh;
  padding: 4vh 2vh 2vh 2vh;
}
#user_profile_overview .user_profile_overview_block_1 #user_name_block p {
  text-align: right;
  margin: 0;
}
#user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
  font-weight: 600;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 30px;
  }
}
#user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
  font-weight: 400;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 16px;
  }
}
#user_profile_overview .user_profile_overview_block_2 {
  position: relative;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container {
  position: relative;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block {
  background-color: #666566;
  width: 100%;
  height: 80vw;
  text-align: center;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block {
  width: 50vw;
  height: 40vw;
  padding-bottom: 35%;
  border-bottom: 1px solid #3d3d3d;
  float: left;
  background-color: #666566;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
  font-weight: 600;
  color: #232323;
  margin: 13vh 0 0 0;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 16px;
  }
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
  font-weight: 400;
  color: white;
  margin: 0;
  word-wrap: break-word;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 16px;
  }
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_landline {
  border-right: 1px solid #3d3d3d;
  border-top: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_landline.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_mobile {
  border-top: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_mobile.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_email {
  border-right: 1px solid #3d3d3d;
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_email.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_website {
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 30%;
  background-image: url('../img/user_profile_website.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block {
  position: relative;
  width: 100%;
  padding-top: 10px;
  background-color: white;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .user_info_mobile_right_border {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 11vh;
  background-color: #232323;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container {
  padding: 5px 5vh 5px 0;
  text-align: right;
  min-height: 15vh;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_image {
  float: right;
  width: 12vh;
  height: 12vh;
  -webkit-border-radius: 6vh;
  -moz-border-radius: 6vh;
  border-radius: 6vh;
  position: relative;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image {
  position: relative;
  background-color: white;
  text-align: center;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .postal_image {
  background-color: #34b2b9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_postal.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .notes_image {
  background-color: #e0ac27;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_notes.png');
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block {
  vertical-align: top;
  margin-right: 25vw;
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
  font-weight: 600;
  color: #46c0eb;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 20px;
  }
}
#user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
  font-weight: 500;
  color: #3d3d3d;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 16px;
  }
}
#user_profile_overview .user_profile_overview_block_2 .user_color_block {
  display: none;
  position: absolute;
  height: 100%;
  width: 6vh;
  right: 0;
  top: 0;
}
#user_profile_overview .user_profile_overview_block_2 .user_color_block .user_color {
  width: 100%;
  height: 16.66%;
}
@media (min-width: 770px) {
  #user_profile_overview {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
  }
  #user_profile_overview p {
    cursor: default;
  }
  #user_profile_overview .user_profile_overview_block {
    display: table-cell;
  }
  #user_profile_overview .user_profile_overview_block_1 {
    position: relative;
    width: 33.3333%;
    vertical-align: top;
    padding-top: 8vh;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_profile_overview_pic {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0px;
    outline: none;
    margin: auto;
    width: 35vh;
    height: 35vh;
    border: 2px solid white;
    cursor: pointer;
    overflow: hidden;
    display: block;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_profile_overview_pic:hover {
    border: 2px solid #46c0eb;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_profile_overview_pic #overview_pic {
    width: 100%;
    height: 100%;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_name_block {
    position: absolute;
    border-top: 1px solid white;
    padding-top: 4vh;
    width: 90%;
    height: 25vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: transparent;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_name_block p {
    text-align: right;
    margin: 0;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    display: block;
    font-weight: 800;
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name:hover {
    color: #46c0eb;
  }
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-weight: 400;
  }
  #user_profile_overview .user_profile_overview_block_2 {
    position: relative;
    width: 66.6667%;
    border-left: 1vh solid white;
    text-align: center;
    overflow: hidden;
    vertical-align: top;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container {
    position: relative;
    margin-top: 8vh;
    padding-right: 6vh;
    height: 100%;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block {
    text-align: center;
    height: 18vh;
    width: 40vw;
    margin: 0 auto;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block {
    border-top: 0;
    border-right: 1px solid #3d3d3d;
    background-color: #666566;
    height: 10vw;
    width: 10vw;
    cursor: pointer;
    vertical-align: top;
    padding: 10px;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-weight: 600;
    color: #232323;
    margin: 10vh 0 0 0;
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-weight: 400;
    color: white;
    margin: 0;
    word-wrap: break-word;
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block:hover {
    background-color: #707070;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_landline {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_landline.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_landline:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_landline_hover.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_mobile {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_mobile.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_mobile:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_mobile_hover.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_email {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_email.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_email:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_email_hover.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_website {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_website.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .user_profile_website:hover {
    background-repeat: no-repeat;
    background-position: center 22%;
    background-size: 7.5vh;
    background-image: url('../img/user_profile_website_hover.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block {
    border-top: 1px solid #666566;
    height: 18vh;
    width: 75vh;
    margin: 4vh auto 0 auto;
    padding-top: 10px;
    background-color: transparent;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container {
    padding: 5px 0 5px 0;
    text-align: left;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_image {
    display: inline-block;
    margin-right: 20px;
    width: 12vh;
    height: 12vh;
    -webkit-border-radius: 6vh;
    -moz-border-radius: 6vh;
    border-radius: 6vh;
    cursor: pointer;
    float: none;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_image:hover {
    border: 2px solid white;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image {
    position: relative;
    background-color: white;
    text-align: center;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-weight: 600;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .postal_image {
    background-color: #34b2b9;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url('../img/user_profile_postal.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .notes_image {
    background-color: #e0ac27;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    background-image: url('../img/user_profile_notes.png');
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-weight: 600;
    color: #46c0eb;
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading:hover {
    color: white;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-weight: 500;
    color: white;
    cursor: pointer;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail:hover {
    color: #46c0eb;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .user_info_mobile_right_border {
    display: none;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_color_block {
    display: block;
    position: absolute;
    height: 100%;
    width: 6vh;
    right: 0;
    top: 0;
  }
  #user_profile_overview .user_profile_overview_block_2 .user_color_block .user_color {
    width: 100%;
    height: 16.66%;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 22px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_name {
    font-size: 24px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_1 #user_name_block .user_kennel {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 11px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_block .info_block .user_profile_info_block_data {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_heading {
    font-size: 20px;
  }
}
@media (min-width: 770px) and (max-width: 640px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 10px;
  }
}
@media (min-width: 770px) and (min-width: 641px) and (max-width: 854px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 855px) and (max-width: 960px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 961px) and (max-width: 1280px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1281px) and (max-width: 1919px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 770px) and (min-width: 1920px) {
  #user_profile_overview .user_profile_overview_block_2 .user_profile_block_2_container .user_info_details_block .details_container .user_info_details_text_block .section_detail {
    font-size: 14px;
  }
}
#user_billing_overview {
  height: calc(100vh - 45px);
}
#user_billing_overview .user_billing_overview_block_1 {
  position: relative;
}
#user_billing_overview .user_billing_overview_block_1 #user_billing_overview_pic {
  position: relative;
  margin-left: 2vh;
  margin-top: 2vh;
  width: 28vh;
  height: 28vh;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  background-color: transparent;
}
#user_billing_overview .user_billing_overview_block_1 #user_billing_overview_pic #overview_pic {
  width: 100%;
  height: 100%;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block {
  background-color: #46c0eb;
  display: block;
  color: white;
  margin-top: -8vh;
  padding: 4vh 2vh 2vh 2vh;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block p {
  text-align: right;
  margin: 0;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
  font-weight: 800;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 24px;
  }
}
#user_billing_overview .user_billing_overview_block_2 {
  position: relative;
  height: 100%;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container {
  height: 100%;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block {
  text-align: center;
  height: 27vh;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block {
  display: inline-block;
  background-color: white;
  height: 100%;
  width: 100vw;
  vertical-align: top;
  padding: 10px;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
  font-weight: 600;
  color: #232323;
  margin: 15vh 0 0 0;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
  font-weight: 400;
  color: white;
  margin: 0;
  word-wrap: break-word;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 11px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .user_subscription_type {
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 26%;
  background-image: url('../img/user_subscription_type.png');
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block {
  border-top: 1px solid #666566;
  height: 18vh;
  padding: 10px 0 0 10px;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container {
  padding: 5px 0 5px 0;
  text-align: left;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_info_details_image {
  display: inline-block;
  margin-right: 20px;
  width: 12vh;
  height: 12vh;
  -webkit-border-radius: 6vh;
  -moz-border-radius: 6vh;
  border-radius: 6vh;
  cursor: pointer;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_info_details_image:hover {
  border: 2px solid white;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image {
  position: relative;
  background-color: white;
  text-align: center;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .billing_image {
  background-color: #7fc241;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_postal.png');
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block {
  display: inline-block;
  vertical-align: top;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
  font-weight: 600;
  color: #46c0eb;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 20px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading:hover {
  color: white;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
  font-weight: 500;
  color: white;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail:hover {
  color: #46c0eb;
}
#user_billing_overview .user_billing_overview_block_2 .user_color_block {
  display: none;
  position: absolute;
  height: 100%;
  width: 6vh;
  right: 0;
  top: 0;
}
#user_billing_overview .user_billing_overview_block_2 .user_color_block .user_color {
  width: 100%;
  height: 16.66%;
}
#user_billing_overview {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 78.1668vh;
}
#user_billing_overview p {
  cursor: default;
}
#user_billing_overview .user_billing_block {
  display: table-cell;
}
#user_billing_overview .user_billing_overview_block_1 #user_billing_overview_pic {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0px;
  outline: none;
  margin: auto;
  width: 35vh;
  height: 35vh;
  cursor: pointer;
  overflow: hidden;
  display: block;
}
#user_billing_overview .user_billing_overview_block_1 #user_billing_overview_pic #overview_pic {
  width: 100%;
  height: 100%;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block {
  position: absolute;
  border-top: 1px solid white;
  padding-top: 4vh;
  width: 90%;
  height: 25vh;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: white;
  background-color: transparent;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block p {
  text-align: right;
  margin: 0;
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
  font-weight: 800;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_name {
    font-size: 24px;
  }
}
#user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
  font-weight: 400;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_1 #user_name_block .user_kennel {
    font-size: 16px;
  }
}
#user_billing_overview .user_billing_overview_block_2 {
  border-left: 1vh solid white;
  background-color: #3d3d3d;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block {
  text-align: center;
  height: 18vh;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block {
  display: inline-block;
  margin-left: -3px;
  background-color: #666566;
  height: 100%;
  width: 18vh;
  cursor: pointer;
  vertical-align: top;
  padding: 10px;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
  font-weight: 600;
  color: #232323;
  margin: 8vh 0 0 0;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_title {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
  font-weight: 400;
  color: white;
  margin: 0;
  word-wrap: break-word;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block .user_profile_info_block_data {
    font-size: 13px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .info_block:hover {
  background-color: #707070;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .user_subscription_type {
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 7.5vh;
  background-image: url('../img/user_subscription_type.png');
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_billing_info_block .user_subscription_type:hover {
  background-repeat: no-repeat;
  background-position: center 22%;
  background-size: 7.5vh;
  background-image: url('../img/user_subscription_type_hover.png');
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block {
  border-top: 1px solid #666566;
  height: 18vh;
  width: 75vh;
  margin: 4vh auto 0 auto;
  padding-top: 10px;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container {
  padding: 5px 0 5px 0;
  text-align: left;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_info_details_image {
  display: inline-block;
  margin-right: 20px;
  width: 12vh;
  height: 12vh;
  -webkit-border-radius: 6vh;
  -moz-border-radius: 6vh;
  border-radius: 6vh;
  cursor: pointer;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_info_details_image:hover {
  border: 2px solid white;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image {
  position: relative;
  background-color: white;
  text-align: center;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .kennel_image .kennel_logo {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .billing_image {
  background-color: #7fc241;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 80%;
  background-image: url('../img/user_profile_postal.png');
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block {
  display: inline-block;
  vertical-align: top;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
  font-weight: 600;
  color: #46c0eb;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading {
    font-size: 20px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_heading:hover {
  color: white;
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
  font-weight: 500;
  color: white;
  cursor: pointer;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail {
    font-size: 14px;
  }
}
#user_billing_overview .user_billing_overview_block_2 .user_billing_block_2_container .user_info_details_block .details_container .user_billing_details_text_block .section_detail:hover {
  color: #46c0eb;
}
#user_billing_overview .user_billing_overview_block_2 .user_color_block {
  display: inline;
  position: absolute;
  height: 100%;
  width: 6vh;
  right: 0;
  top: 0;
}
#user_billing_overview .user_billing_overview_block_2 .user_color_block .user_color {
  width: 100%;
  height: 16.66%;
}
#user_billing_overview .user_billing_overview_block_new_subscriber {
  width: 100%;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container {
  padding: 0 10px;
  min-height: 30vh;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  color: white;
  font-weight: 500;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row {
    font-size: 24px;
  }
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row .header_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
  padding: 10px 5px 10px 5px;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row .header_description {
  border-right: 1px solid #3d3d3d;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row .header_standard {
  border-right: 1px solid #d2ced0;
  background-color: #3d3d3d;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_heading_row .header_premium {
  border-right: 1px solid #3d3d3d;
  background-color: #3d3d3d;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-weight: 500;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row {
    font-size: 20px;
  }
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row .price_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
  padding: 10px 5px 10px 5px;
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_price_row .pricing_description {
  border-bottom: 0 !important;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row {
  display: table;
  table-layout: fixed;
  width: 100%;
  max-height: 37px !important;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .row_cell {
  display: table-cell;
  width: 33%;
  text-align: center;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .row_cell img {
  height: 70%;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .row_description {
  text-align: right;
  padding: 8px 10px 8px 5px;
  border-right: 1px solid #d2ced0;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .cell_standard {
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .cell_premium {
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell {
  padding: 20px 0 10px 5px;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
  vertical-align: top;
  font-weight: 400;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #46c0eb;
  padding: 0 8px 0 8px;
  box-sizing: border-box;
  height: 40px !important;
  width: 130px;
  font-size: 16px !important;
  font-weight: bold;
  padding-right: 0;
  float: right;
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button {
    height: 30px;
  }
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_row .button_cell button:hover {
  background-color: #3d3d3d;
}
#user_billing_overview .user_billing_overview_block_new_subscriber .user_billing_block_2_container .subscription_options_container .subscription_marks_container {
  padding-top: 5vh;
  text-align: right;
}
#planned_maintenance_view .section_body {
  font-size: 16px;
  max-width: 1100px;
}
@media (max-width: 769px) {
  #planned_maintenance_view .section_body {
    margin-top: 17px;
  }
}
#planned_maintenance_view .section_body .section {
  margin: 0 15px 15px 0;
  padding: 15px;
}
#planned_maintenance_view .section_body .section_header,
#planned_maintenance_view .section_body .upcoming_section_header {
  display: inline-block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 17px;
}
#addresses #addr_container div.vis-only-no-siblings {
  display: none;
}
#addresses #addr_container div.vis-only-no-siblings:only-child {
  display: block;
}
#tags,
#all_tags,
#tags_section {
  width: 100%;
}
#tags #tags_container,
#all_tags #tags_container,
#tags_section #tags_container,
#tags #all_tags_container,
#all_tags #all_tags_container,
#tags_section #all_tags_container {
  display: flex;
  flex-wrap: wrap;
}
#tags #tags_container div.vis-only-no-siblings,
#all_tags #tags_container div.vis-only-no-siblings,
#tags_section #tags_container div.vis-only-no-siblings,
#tags #all_tags_container div.vis-only-no-siblings,
#all_tags #all_tags_container div.vis-only-no-siblings,
#tags_section #all_tags_container div.vis-only-no-siblings {
  display: none;
}
#tags #tags_container div.vis-only-no-siblings:only-child,
#all_tags #tags_container div.vis-only-no-siblings:only-child,
#tags_section #tags_container div.vis-only-no-siblings:only-child,
#tags #all_tags_container div.vis-only-no-siblings:only-child,
#all_tags #all_tags_container div.vis-only-no-siblings:only-child,
#tags_section #all_tags_container div.vis-only-no-siblings:only-child {
  display: block;
}
#tags .tag,
#all_tags .tag,
#tags_section .tag {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  user-select: none;
}
#tags .tag.togglable,
#all_tags .tag.togglable,
#tags_section .tag.togglable {
  cursor: pointer;
}
#tags .tag.selected,
#all_tags .tag.selected,
#tags_section .tag.selected {
  background-color: #46c0eb;
}
#groups {
  width: 100%;
}
#groups .message_div {
  color: red;
  text-align: center;
  font-weight: 500;
  margin-bottom: 10px;
  display: none;
}
@media (max-width: 640px) {
  #groups .message_div {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #groups .message_div {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #groups .message_div {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #groups .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #groups .message_div {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #groups .message_div {
    font-size: 16px;
  }
}
#groups #groups_container div.vis-only-no-siblings {
  display: none;
}
#groups #groups_container div.vis-only-no-siblings:only-child {
  display: block;
}
.add_icon {
  color: #0056b3;
  cursor: pointer;
  margin-left: 8px;
  font-size: 20px;
  font-weight: bold;
}
.add_icon:hover {
  color: #003d82;
  text-decoration: none;
}
.edit-button {
  color: #6c757d;
  cursor: pointer;
  margin-left: 8px;
  font-size: 14px;
}
.edit-button:hover {
  color: #0056b3;
}
.group {
  display: block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 8px;
  margin: 5px 0;
  background-color: #f8f9fa;
  color: #495057;
  position: relative;
}
.group .group-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold;
  margin-bottom: 5px;
}
.group .group-header .group-name-display {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.group .group-header .group-name-display .group-name-text {
  margin-right: 8px;
}
.group .group-header .group-name-display .group-edit-icon {
  color: #6c757d;
  cursor: pointer;
  font-size: 12px;
}
.group .group-header .group-name-display .group-edit-icon:hover {
  color: #0056b3;
}
.group .group-header .group-name-edit {
  flex-grow: 1;
  display: flex;
  align-items: center;
}
.group .group-header .group-name-edit .group-name-input {
  flex: 0 0 65%;
  border: 1px solid #ced4da;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 12px;
  margin-right: 8px;
}
.group .group-header .group-name-edit .edit-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.group .group-header .group-name-edit .group-save-icon,
.group .group-header .group-name-edit .group-cancel-icon {
  cursor: pointer;
  font-size: 12px;
}
.group .group-header .group-name-edit .group-save-icon {
  color: #28a745;
}
.group .group-header .group-name-edit .group-save-icon:hover {
  color: #1e7e34;
}
.group .group-header .group-name-edit .group-cancel-icon {
  color: #dc3545;
}
.group .group-header .group-name-edit .group-cancel-icon:hover {
  color: #c82333;
}
.group .group-header .group-remove {
  color: #dc3545;
  cursor: pointer;
  font-size: 20px;
  font-weight: bold;
  padding: 0 5px;
}
.group .group-header .group-remove:hover {
  color: #c82333;
}
.group .group-members {
  padding-left: 10px;
}
.group .group-members .group-member {
  padding: 2px 0;
}
.group .group-members .group-member .member-name {
  margin-right: 5px;
  cursor: pointer;
  color: #0d5974;
  text-decoration: underline;
}
.group .group-members .group-member .member-name:hover {
  color: #0056b3;
  font-weight: bold;
  text-decoration: underline;
}
.group .group-members .group-member .member-role {
  color: #6c757d;
  font-style: italic;
}
.group .group-members .no-other-members {
  padding: 2px 0;
}
.group .group-members .no-other-members .no-members-text {
  color: #6c757d;
  font-style: italic;
  font-size: 11px;
}
.tags_container {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
}
.tags_container #add_edit_tags {
  padding: 5px;
}
.tags_container #add_edit_tags i#manage_tags {
  cursor: pointer;
  color: #0d5974;
  margin-left: 3px;
  white-space: nowrap;
}
.tags_container #add_edit_tags i#manage_tags:hover {
  color: #46c0eb;
}
.tags_container #add_edit_tags i#manage_tags span {
  font-family: "Lato", "Verdana", "Geneva", "Arial";
  font-style: normal;
  font-weight: bold;
}
.list_filter_tag_combine_container {
  padding-top: 10px;
  background-color: #d2ced0;
  width: 100%;
  height: 3em;
}
.list_filter_tag_combine_container button {
  margin-left: 10px;
  height: 25px;
  color: white;
  background-color: #46c0eb;
}
.list_filter_tag_combine_container button:hover {
  color: black !important;
  background-color: #46c0eb !important;
}
.list_filter_tag_combine_container div {
  float: right;
  padding-right: 7px;
}
.list_filter_tag_combine_container div label {
  padding-right: 3px;
}
.list_filter_tag_combine_container div button {
  height: 25px;
  color: white;
  background-color: #46c0eb;
}
.list_filter_tag_combine_container div button:hover {
  color: black !important;
  background-color: #46c0eb !important;
}
#filter_tags .list_filter_tags_container {
  display: flex;
  flex-wrap: wrap;
}
#filter_tags .list_filter_tags_container div.vis-only-no-siblings {
  display: none;
}
#filter_tags .list_filter_tags_container div.vis-only-no-siblings:only-child {
  display: block;
  padding-left: 5px;
}
#filter_tags .tag {
  display: inline-block;
  border: thin solid #232323;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  user-select: none;
  cursor: pointer;
  color: #0d5974;
  background-color: white;
  margin-left: 3px;
  white-space: nowrap;
}
#filter_tags .tag:hover {
  color: #46c0eb;
}
#filter_tags .tag.togglable {
  cursor: pointer;
}
#filter_tags .tag.selected {
  background-color: #46c0eb;
}
#filter_tags .tag.selected:hover {
  color: white;
}
.bg-white {
  background-color: white !important;
}
.confirm_dialog .dialog_button_container_new {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.confirm_dialog .dialog_button_container_new #dismiss-for {
  width: 100%;
}
.confirm_dialog .dialog_button_container_new #dismiss-for input[type="checkbox"] {
  float: left;
  margin-right: 5px;
}
.confirm_dialog .dialog_button_container_new #dismiss-for label {
  font-weight: normal;
}
.page_container_table_based_sm {
  min-width: 600px;
}
.page_container_table_based_md {
  min-width: 700px;
}
.page_container_table_based_md div.min_c {
  width: min-content;
}
@media screen and (max-width: 959px) {
  .page_container_table_based_md div.min_c .div_vw {
    width: 89vw;
  }
}
@media screen and (min-width: 960px) {
  .page_container_table_based_md div.min_c .div_vw {
    width: calc(90vw - 250px);
  }
}
#referrals_subscribed table {
  border-collapse: collapse;
}
.help_sub_section {
  float: left;
}
.help_sub_section:not(:last-of-type) {
  margin-right: 30px;
}
#help_view {
  font-size: 16px;
}
.help_section {
  clear: both;
}
.help_section:not(:first-of-type) {
  margin-top: 30px;
}
.help_section h4 {
  font-weight: bold;
}
#dog_weight_chart_section {
  height: 350px;
}
.show_class {
  font-weight: bold;
}
.filepond--drop-lable,
.filepond--panel-root {
  background-color: #BABABA;
}
.section_title {
  display: block;
  font-size: 20px;
  margin-bottom: 5px;
}
.edit_calendar_event_container .flex_date_time {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.edit_calendar_event_container .date_fields {
  margin-right: 1em;
}
.edit_calendar_event_container .time_fields input {
  width: 60px !important;
  display: inline-block !important;
  margin-right: 5px;
  padding: 6px 8px !important;
  text-align: center;
}
.edit_calendar_event_container .time_fields input:first-of-type {
  margin-left: 0;
  margin-right: 2px;
}
.edit_calendar_event_container .time_fields input:last-of-type {
  margin-left: 2px;
  margin-right: 5px;
}
.edit_calendar_event_container .time_fields input:invalid {
  border: 2px solid red !important;
}
.edit_calendar_event_container .time_fields select {
  width: 60px !important;
  display: inline-block !important;
  padding: 6px 8px !important;
}
.ui-dialog {
  box-shadow: 0 0 0 7px rgba(0, 0, 0, 0.1);
}
.ui-dialog span.title {
  font-weight: bold;
  margin-right: 3px;
}
.ui-dialog .dog_name {
  display: inline-block;
  color: #337ab7;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  border: thin solid;
  border-radius: 3px;
  padding: 4px 6px;
  margin-top: 5px;
  margin-left: 5px;
}
.ui-dialog .dog_name:hover {
  background-color: #d2ced0;
  text-decoration: underline;
}
.ui-dialog .dog_name:last-child {
  margin-bottom: 5px;
}
.ui-dialog-titlebar {
  border: none;
  background-color: white;
}
.ui-dialog-titlebar .ui-dialog-title {
  text-align: center;
  font-size: 18px;
  width: calc(100% - 70px);
}
.ui-dialog-titlebar .dialog_buttons {
  float: right;
  margin-top: -3px;
}
.ui-dialog-titlebar .dialog_buttons i {
  vertical-align: bottom;
  cursor: pointer;
  padding: 5px;
}
.ui-dialog-titlebar .dialog_buttons .close_dialog {
  padding-left: 15px;
}
#cal_event_detail_dialog {
  max-height: 190px !important;
}
#calendar_page {
  height: calc(100vh - 180px);
  width: 100%;
}
#calendar_page .pg_calendar_container {
  width: 98%;
  margin: auto;
}
#calendar_page .pg_calendar_container *[data-event-type="health"],
#calendar_page .pg_calendar_container *[data-event-type="deworming"],
#calendar_page .pg_calendar_container *[data-event-type="breeding"],
#calendar_page .pg_calendar_container *[data-event-type="shows_and_trials"] {
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
  margin: 3px 1px !important;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#calendar_page .pg_calendar_container *[data-event-type="health"] .event_title,
#calendar_page .pg_calendar_container *[data-event-type="deworming"] .event_title,
#calendar_page .pg_calendar_container *[data-event-type="breeding"] .event_title,
#calendar_page .pg_calendar_container *[data-event-type="shows_and_trials"] .event_title {
  font-weight: normal !important;
}
#calendar_page .pg_calendar_container *[data-event-type="health"] .event_title .category,
#calendar_page .pg_calendar_container *[data-event-type="deworming"] .event_title .category,
#calendar_page .pg_calendar_container *[data-event-type="breeding"] .event_title .category,
#calendar_page .pg_calendar_container *[data-event-type="shows_and_trials"] .event_title .category {
  font-weight: 600;
  margin-right: 3px;
}
#calendar_page .pg_calendar_container *[data-event-type="health"],
#calendar_page .pg_calendar_container *[data-event-type="deworming"] {
  background-color: #bcc3e5;
}
#calendar_page .pg_calendar_container *[data-event-type="breeding"] {
  background-color: #f3beb9;
}
#calendar_page .pg_calendar_container *[data-event-type="shows_and_trials"] {
  background-color: #85c0a1;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value {
  position: relative;
  height: 85px;
  width: 100%;
  padding: 0 5px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container {
  position: absolute;
  left: 0;
  bottom: 15px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
  display: inline-block;
  font-weight: 500;
  color: #232323;
  cursor: default;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container .pg_cal_header_selected_date {
    font-size: 30px;
  }
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
  font-weight: 400 !important;
  color: #666566;
  margin-left: 8px;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_month_heading_container #pg_cal_text_heading_year {
    font-size: 30px;
  }
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container {
  margin: auto;
  width: calc(4 * 70px);
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  color: #3d3d3d;
  width: 70px;
  height: 28px;
  line-height: 26px;
  cursor: pointer;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  border-left: 1px solid #d2ced0;
  border-top: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_button {
    font-size: 14px;
  }
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_day {
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_year {
  border-right: 1px solid #d2ced0;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_toggle_container .pg_cal_toggle_active {
  background-color: #3d3d3d;
  color: white !important;
  border-top: 1px solid #3d3d3d;
  border-bottom: 1px solid #3d3d3d;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container {
  position: absolute;
  right: 10px;
  margin-right: 2%;
  bottom: 15px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
  background-color: white;
  border: 0px;
  outline: none;
  font-weight: 400;
  border: 1px solid #d2ced0;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button {
    font-size: 14px;
  }
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_navigation_button:active {
  background-color: #f5f5f5;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_today {
  width: 80px;
  margin-right: 5px;
  margin-left: 5px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_back {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#calendar_page .pg_calendar_container .pg_calendar_header_value .pg_cal_navigation_container .pg_cal_forward {
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#calendar_page .pg_calendar_container .pg_cal_body {
  width: calc(100% - 20px);
  height: calc(100vh - 215px);
  position: relative;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block {
  margin-bottom: 5px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day {
  height: 100%;
  cursor: default;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
  width: 100%;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  color: #232323;
  font-weight: 500;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 20px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block {
  height: calc(100vh - 245px);
  overflow-y: scroll;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block {
  height: 6vh;
  min-height: 50px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
  width: 50px;
  float: left;
  padding: 5px;
  vertical-align: middle;
  font-weight: 400;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time .pg_cal_day_time_value {
  color: #d2ced0;
  width: 100%;
  text-align: right;
  padding-right: 4px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time .pg_cal_day_time_value p {
  line-height: 15px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_time .pg_cal_day_time_value_last {
  height: 15px !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_all_day_spacer {
  height: 9px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
  border-bottom: 1px solid #d2ced0;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour {
  width: calc(100% - 50px);
  height: 100%;
  float: right;
  position: relative;
  background-color: #f5f5f5;
  border-bottom: 1px solid #d2ced0;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
  font-weight: 500;
  cursor: pointer;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  background: rgba(117, 207, 240, 0.2);
  padding: 2px 0 0 8px;
  border-left: 2px solid #75cff0;
  z-index: 10;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_title {
  white-space: nowrap;
  float: left;
  overflow: hidden;
  color: #3d3d3d;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
  white-space: nowrap;
  font-weight: 500;
  color: #46c0eb;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .pg_cal_event_mid {
  top: -1px !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail_selected {
  background: rgba(117, 207, 240, 0.7) !important;
  color: white !important;
  z-index: 20 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail_selected .cal_event_title {
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_hour .cal_event_detail_selected .cal_event_time {
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_weekend {
  background-color: #f5f5f5;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_d_day_block .pg_d_hour_block .pg_cal_day_weekend .pg_day_number {
  color: #a4a3a3;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block {
  display: table-row;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_time_column {
  display: table-cell;
  height: 1px;
  width: 70px;
}
@media (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_time_column {
    width: calc(100% / 8);
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_scrollbar_column {
  display: table-cell;
  height: 1px;
  width: 14px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day {
  height: 100%;
  display: table-cell;
  padding-bottom: 5px;
  width: calc((100% - 85px) / 7);
  cursor: default;
  border-right: thin solid white;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day {
    width: calc((100% - 1px) / 8);
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
  width: 100%;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  text-align: center;
  color: #232323;
  font-weight: 500;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
  color: #46c0eb !important;
  font-weight: 600;
  color: #46c0eb;
  font-weight: bold;
  font-size: larger;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_today {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_heading_block_table .pg_w_day_heading_block .pg_cal_body_day .pg_cal_day_weekend {
  color: #d2ced0 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block {
  height: calc(100vh - 245px);
  overflow-y: scroll;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
  width: 70px;
  float: left;
  font-weight: 400;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
}
@media (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    width: calc(100% / 8);
  }
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time .pg_cal_day_time_value {
  color: #d2ced0;
  width: 100%;
  height: 6vh;
  min-height: 50px;
  text-align: right;
  padding-right: 4px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time .pg_cal_day_time_value p {
  line-height: 15px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_time .pg_cal_day_time_value_last {
  height: 15px !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
  position: relative;
  float: left;
  overflow: hidden;
  width: calc((100% - 71px) / 7);
  background-color: white;
  border-right: 1px solid #d2ced0;
  font-weight: 400;
}
@media (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    width: calc((100% - 1px) / 8);
  }
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day .pg_cal_all_day_spacer {
  height: 9px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
  border-bottom: 1px solid #d2ced0;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour {
  width: 100%;
  height: 6vh;
  min-height: 50px;
  position: relative;
  border-bottom: 1px solid #d2ced0;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
  font-weight: 500;
  cursor: pointer;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  background: rgba(117, 207, 240, 0.2);
  padding: 2px 0 0 8px;
  border-left: 2px solid #75cff0;
  z-index: 10;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_title {
  white-space: nowrap;
  float: left;
  overflow: hidden;
  color: #3d3d3d;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
  white-space: nowrap;
  font-weight: 500;
  color: #46c0eb;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail .cal_event_time {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .pg_cal_event_mid {
  top: -1px !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail_selected {
  background: rgba(117, 207, 240, 0.7) !important;
  color: white !important;
  z-index: 20 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail_selected .cal_event_title {
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_hour .cal_event_detail_selected .cal_event_time {
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_last {
  border-right: 0px !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_weekend {
  background-color: #f5f5f5;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_w_day_block .pg_cal_day_weekend .pg_day_number {
  color: #a4a3a3;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block {
  height: 30px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day {
  height: 100%;
  width: calc((100% - 1px) / 7);
  float: left;
  cursor: default;
  position: relative;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
  position: absolute;
  right: 10px;
  bottom: 8px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  color: #232323;
  font-weight: 500;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_name {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_heading_block .pg_cal_body_day .pg_cal_day_weekend {
  color: #d2ced0 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block {
  height: calc(100vh - 245px);
  min-height: calc(60px * 6);
  border-right: 1px solid #d2ced0;
  border-bottom: 1px solid #d2ced0;
}
@media (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block {
    width: 100%;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day_today .pg_day_number {
  color: #46c0eb !important;
  font-weight: bold;
  font-size: larger;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
  position: relative;
  float: left;
  width: calc((100% - 1px) / 7);
  height: calc((100vh - 246px) / 6);
  min-height: 60px;
  border-left: 1px solid #d2ced0;
  border-top: 1px solid #d2ced0;
  font-weight: 400;
  background-color: white;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .pg_day_number {
  padding: 5px 10px 0 0;
  text-align: center;
  cursor: default;
  font-size: 13px;
  line-height: 16px;
  min-height: 16px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
  font-weight: 500;
  cursor: pointer;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  position: relative;
  clear: both;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 1px;
  width: 100%;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail {
    font-size: 14px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_popover_event_dot {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #46c0eb;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_title {
  padding-left: 12px;
  white-space: nowrap;
  float: left;
  overflow: hidden;
  width: calc(((100vw - 281px) / 7) - 75px);
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
  width: 65px;
  white-space: nowrap;
  float: right;
  text-align: right;
  padding-right: 2px;
  margin-right: 6px;
  font-weight: 500;
  color: #adadad;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_time {
    font-size: 13px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail:hover .cal_popover_event_dot {
  background-color: #e0ac27;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail:hover {
  background-color: #d2ced0;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .event_time_title {
  color: #3c4043;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .event_time_title .event_title {
  font-weight: 600;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .event_time_title .event_time {
  font-weight: 400;
  font-size: 13px;
  margin-right: 5px;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail .cal_event_dot {
  margin: 0 5px 3px 5px;
  width: 6px;
  height: 6px;
  display: inline-block;
  vertical-align: middle;
  background-color: #46c0eb;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
  font-weight: 600;
  color: #3c4043;
  cursor: default;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  margin-left: 6px;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_more {
    font-size: 14px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail_selected {
  background-color: #75cff0 !important;
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_detail_selected .cal_event_time {
  color: white !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_single {
  margin-left: 2px;
  margin-right: 2px;
  width: calc(100% - 4px);
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_multi_start {
  margin-left: 2px;
  background-color: #d1effa;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_multi_end {
  margin-right: 2px;
  background-color: #d1effa;
  text-align: right;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day .cal_event_multi_mid {
  background-color: #d1effa;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day_current .pg_day_number {
  color: #232323;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day_not_current .pg_day_number {
  color: #d2ced0 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day_weekend {
  background-color: #f5f5f5;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_m_day_block .pg_cal_day_weekend .pg_day_number {
  color: #a4a3a3;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month {
  position: relative;
  float: left;
  width: calc(89% / 4);
  height: calc(89% * (3 / 4));
  margin: 7% / 8;
  padding: 0 2%;
  margin-bottom: 2vh;
}
@media (max-width: 400px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month {
    width: calc(95% / 2);
    height: calc((95vw / 2) * (4 / 5));
  }
}
@media (min-width: 401px) and (max-width: 769px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month {
    width: calc(89% / 2);
    height: calc((70vw / 2));
  }
}
@media (min-width: 770px) and (max-width: 1000px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month {
    width: calc(89% / 3);
    height: calc((70vw / 3) * (4 / 5));
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
  font-weight: 400;
  color: #46c0eb;
  height: 28px;
  padding-bottom: 5px;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
  cursor: default;
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_month_heading {
    font-size: 20px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
  float: left;
  cursor: default;
  text-align: center;
  color: #a4a3a3;
  width: calc((100% - 1px) / 7);
  height: calc(100% / 7);
  font-weight: 400;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 600px) and (max-height: 999px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-weight: 400;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 10px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 1000px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-weight: 400;
  }
}
@media (min-height: 1000px) and (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 12px;
  }
}
@media (min-height: 1000px) and (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_heading {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
  position: relative;
  float: left;
  cursor: default;
  text-align: center;
  width: calc((100% - 1px) / 7);
  height: calc(100% / 7);
  font-weight: 400;
  /* iOS Safari */
  /* Chrome/Safari/Opera */
  /* Konqueror */
  /* Firefox */
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently not supported by any browser */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  -khtml-user-select: none;
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently not supported by any browser */
}
@media (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 11px;
  }
}
@media (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 13px;
  }
}
@media (min-height: 600px) and (max-height: 999px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-weight: 400;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 10px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-height: 600px) and (max-height: 999px) and (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-height: 1000px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-weight: 400;
  }
}
@media (min-height: 1000px) and (max-width: 640px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 12px;
  }
}
@media (min-height: 1000px) and (min-width: 641px) and (max-width: 854px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 855px) and (max-width: 960px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 961px) and (max-width: 1280px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 1281px) and (max-width: 1919px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 14px;
  }
}
@media (min-height: 1000px) and (min-width: 1920px) {
  #calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day {
    font-size: 16px;
  }
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day .pg_day_number {
  position: relative;
  z-index: 1;
  height: calc((((100vh - 4vh - 265px) / 3) - 28px) / 7);
  line-height: calc((((100vh - 4vh - 265px) / 3) - 28px) / 7);
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_current .pg_day_number {
  color: #232323;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_not_current .pg_day_number {
  color: #d2ced0 !important;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_today .pg_day_number {
  color: #46c0eb;
  font-weight: bold;
  font-size: larger;
}
#calendar_page .pg_calendar_container .pg_cal_body .pg_y_day_block .pg_cal_month .pg_cal_day_weekend .pg_day_number {
  color: #a4a3a3;
}
.puppies_on_hand .span_title {
  font-weight: bold;
  color: #656565;
}
.puppies_on_hand tr.puppy_row {
  background-color: white !important;
}
.puppies_on_hand tr.puppy_row:last-child td {
  border-bottom: solid thin rgba(0, 0, 0, 0.12);
}
.puppies_on_hand tr.puppy_row:hover {
  background-color: #d2ced0 !important;
}
.puppies_on_hand .litter_overview {
  background-color: #f5f5f5 !important;
  cursor: default !important;
  font-size: 16px;
}
.puppies_on_hand .litter_overview .link-icon {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer;
}
.puppies_on_hand .litter_overview td {
  padding: 3px 8px 3px 2px;
  border: none;
  border-bottom: thin solid rgba(0, 0, 0, 0.12);
}
.puppies_on_hand .litter_overview .date_title {
  font-weight: bold;
}
.puppies_on_hand .litter_overview .dam {
  border-bottom: 2px solid lightpink;
}
.puppies_on_hand .litter_overview .sire {
  border-bottom: 2px solid #46c0eb;
}
.puppies_on_hand .litter_overview .dam,
.puppies_on_hand .litter_overview .sire {
  padding-bottom: 1px;
  margin: 0 5px;
}
.puppies_on_hand .litter_overview .litter_text {
  padding: 0 1px;
  width: fit-content;
  height: 100%;
  margin: 10px 0 5px;
}
.puppies_on_hand .puppy_img_and_name {
  min-width: 200px;
}
.puppies_on_hand .puppy_img_and_name .puppy_img {
  float: left;
}
.puppies_on_hand .puppy_img_and_name .puppy_img .puppy_thumbnail {
  height: 70px;
  margin-right: 5px;
  border-radius: 3px;
  border: thin solid #ccc;
}
.puppies_on_hand .puppy_img_and_name .dog_name {
  padding-left: 2px;
}
.puppies_on_hand .puppy_img_and_name .dog_name.male {
  border-left: 5px solid #46c0eb;
}
.puppies_on_hand .puppy_img_and_name .dog_name.female {
  border-left: 5px solid lightpink;
}
.puppies_on_hand .puppy_row td:first-of-type {
  border-left: solid thin rgba(0, 0, 0, 0.12);
}
.puppies_on_hand .puppy_row td:last-of-type {
  border-right: solid thin rgba(0, 0, 0, 0.12);
}
.puppies_on_hand .puppy_row .fa-circle {
  margin-right: 5px;
}
.puppies_on_hand .puppy_row .fa-circle.sold {
  color: #ffedf4;
}
.puppies_on_hand .puppy_row .fa-circle.available {
  color: #cae5a8;
}
.puppies_on_hand .puppy_row .fa-circle.reserved {
  color: #fac898;
}
.puppy_call_name {
  font-weight: bold;
  color: white;
  background-color: #0d5974;
  padding: 1px 3px;
  border-radius: 3px;
  margin-right: 3px;
}
@keyframes dbp-animation-droparea-activate {
  0% {
    background-color: #46c0eb;
  }
  100% {
    background-color: white;
  }
}
.dbp-table-wrapper {
  border: thin solid #179ac9;
  border-radius: 5px;
  margin-bottom: 25px;
  width: 100%;
  padding: 5px;
  background-color: white;
}
.dbp-table-wrapper.standard table tbody tr:hover {
  background-color: #d2ced0;
  cursor: pointer;
}
.dbp-table-wrapper.nopointer table tbody tr:hover {
  cursor: default !important;
}
.dbp-table-wrapper th.toggle-buttons {
  width: 30px;
}
.dbp-table-wrapper .short-rows-fold-all-action {
  display: inline;
}
.dbp-table-wrapper .short-rows-fold-all-action:hover {
  cursor: pointer;
}
.dbp-table-wrapper .short-rows-unfold-all-action {
  display: none;
}
.dbp-table-wrapper .short-rows-unfold-all-action:hover {
  cursor: pointer;
}
.dbp-table-wrapper .short-row-fold-action,
.dbp-table-wrapper .short-row-unfold-action {
  display: none;
}
.dbp-table-wrapper .short-row-show-only-when-short-li {
  display: none;
}
.dbp-table-wrapper.short-rows tr td {
  padding-top: 1px;
  padding-bottom: 1px;
}
.dbp-table-wrapper.short-rows td > * {
  max-height: 48px;
  overflow-y: hidden;
}
.dbp-table-wrapper.short-rows .short-rows-fold-all-action {
  display: none;
}
.dbp-table-wrapper.short-rows .short-rows-unfold-all-action {
  display: inline-block;
}
.dbp-table-wrapper.short-rows .short-row-fold-action {
  display: none;
}
.dbp-table-wrapper.short-rows .short-row-unfold-action {
  display: inline-block;
}
.dbp-table-wrapper.short-rows tr.unfolded td > * {
  max-height: none;
}
.dbp-table-wrapper.short-rows tr.unfolded td > * .short-row-fold-action {
  display: inline-block;
}
.dbp-table-wrapper.short-rows tr.unfolded td > * .short-row-unfold-action {
  display: none;
}
.dbp-table-wrapper.short-rows tr.unfolded td > * .short-row-show-only-when-short-li {
  display: none;
}
.dbp-table-wrapper.short-rows .short-row-show-only-when-short-li {
  display: list-item;
}
.dbp-table-wrapper .dbp-table-title {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 6px 0;
}
.dbp-table-wrapper .section-header {
  font-weight: bold;
  font-size: 16px;
  color: #0d5974;
  padding-bottom: 5px;
}
.dbp-table-wrapper .section-header.blue-hr {
  border-bottom: 2px solid #179ac9;
}
.dbp-table-wrapper .section-content {
  padding-top: 5px;
}
.dbp-table-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  color: rgba(0, 0, 0, 0.87);
  width: 100%;
}
.dbp-table-wrapper table tr td,
.dbp-table-wrapper table tr th {
  border-bottom: solid thin rgba(0, 0, 0, 0.12);
}
.dbp-table-wrapper table thead tr {
  height: 35px;
  color: white;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  background-color: #179ac9;
}
.dbp-table-wrapper table tbody tr {
  height: 40px;
}
.dbp-table-wrapper table tbody tr:last-child td {
  border-bottom: none;
}
.dbp-table-wrapper table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
.dbp-table-wrapper table tbody tr.droparea td {
  text-align: center;
  background-color: white;
  animation: dbp-animation-droparea-activate 1s normal;
}
.dbp-table-wrapper table tbody tr.is-dragging td {
  background-color: #46c0eb;
}
.dbp-table-wrapper table th,
.dbp-table-wrapper table td {
  padding: 3px 8px;
}
.dbp-table-wrapper table th.date,
.dbp-table-wrapper table td.date {
  text-align: left;
  width: 100px;
}
.dbp-table-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.dbp-table-wrapper ul li {
  line-height: 24px;
}
.text_clickable {
  display: inline-block;
  float: left;
  border: solid thin #ccc;
  background-color: rgba(13, 89, 116, 0.1);
  border-radius: 2px;
  padding: 2px 3px;
  margin: 3px;
  cursor: pointer;
}
.text_clickable:hover {
  background-color: #fffff0;
  transition: background-color 200ms linear;
}
#dashboard {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 80px;
}
#dashboard .dbp-table-wrapper table {
  table-layout: fixed;
}
#dashboard table tr.calendar_event {
  cursor: pointer;
}
#dashboard h2 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  clear: both;
}
#dashboard h4 {
  margin-top: 0px;
  font-weight: bold;
  color: #8c8c8c;
}
#dashboard .preferences {
  padding-top: 20px;
  overflow: hidden;
  font-size: 16px;
}
#dashboard .preferences #dashboard_period_group,
#dashboard .preferences #litter_period_group,
#dashboard .preferences #hide_empty,
#dashboard .preferences #birthday_years_group {
  display: inline-block;
  float: left;
  width: 150px !important;
}
#dashboard .preferences #dashboard_period_group,
#dashboard .preferences #litter_period_group,
#dashboard .preferences #hide_empty {
  margin-right: 15px;
  padding-bottom: 5px;
}
#dashboard .preferences #dashboard_period,
#dashboard .preferences #litterperiod_weeks,
#dashboard .preferences #hide_empty_sections,
#dashboard .preferences #birthday_years {
  width: 100% !important;
}
#dashboard .preferences label {
  width: 90%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#dashboard .field-info {
  font-size: 16px;
  color: #46c0eb;
  margin-left: 5px;
}
#dashboard .group-header {
  clear: both;
  display: block;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
#dashboard .section-group {
  display: flex;
  row-gap: 10px;
  column-gap: 20px;
  flex-direction: column;
}
#dashboard .section-header {
  display: block;
  font-weight: bold;
  font-size: 16px;
  color: #0d5974;
  margin-bottom: 5px;
}
#dashboard .current-litters-header.section-header {
  margin-top: -25px;
}
#dashboard .dam,
#dashboard .dogname {
  text-overflow: ellipsis;
  overflow: hidden;
}
#dashboard span.dog_name {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}
#dashboard .litters .no_puppies_added {
  display: inline-block;
  background-color: #ffedf4;
  padding: 2px 3px;
  border: thin solid #ccc;
  border-radius: 3px;
}
#dashboard .litters .male_pups,
#dashboard .litters .female_pups {
  width: 25px;
}
#dashboard .litters th.male_pups,
#dashboard .litters th.female_pups {
  font-size: 15px;
  font-weight: bold;
}
@media screen and (max-width: 790px) {
  #dashboard .grid {
    margin-right: 10px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1139px) {
  #dashboard .grid {
    margin-left: -10px;
  }
}
#dashboard .section {
  float: left;
}
@media screen and (max-width: 790px) {
  #dashboard .section {
    max-width: 100%;
    width: 100%;
  }
}
@media screen and (min-width: 960px) and (max-width: 1139px) {
  #dashboard .section {
    max-width: 100%;
    width: calc(100% - 30px);
    margin: 0 10px;
  }
}
@media screen and (min-width: 789px) and (max-width: 959px) {
  #dashboard .section {
    width: calc((100% - 40px)/2);
    max-width: 100%;
  }
}
@media screen and (min-width: 1140px) and (max-width: 1534px) {
  #dashboard .section {
    width: calc((100% - 50px)/2);
    max-width: 100%;
  }
}
@media screen and (min-width: 1535px) {
  #dashboard .section {
    width: calc((100% - 75px)/3);
    max-width: 100%;
  }
}
#dashboard .section[data-type="health"] .dbp-table-wrapper table thead tr {
  background-color: #e2a027;
}
#dashboard .section[data-type="health"] .dbp-table-wrapper .no_items {
  border-top: solid 2px #e2a027;
}
#dashboard .section[data-type="events"] .dbp-table-wrapper table thead tr {
  background-color: #179ac9;
}
#dashboard .section[data-type="events"] .dbp-table-wrapper .no_items {
  border-top: solid 2px #179ac9;
}
#dashboard .section[data-type="breeding"] .dbp-table-wrapper table thead tr {
  background-color: #b52074;
}
#dashboard .section[data-type="breeding"] .dbp-table-wrapper .no_items {
  border-top: solid 2px #b52074;
}
#dashboard .vertical {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}
#dashboard .no_items {
  display: inline-block;
  width: 100%;
  padding: 5px;
}
#dashboard .current-litters-header-section {
  overflow: hidden;
  position: relative;
  padding-top: 5px;
  margin-top: -19px;
}
#dashboard .age {
  width: 70px;
}
#dashboard .item-link,
#dashboard .event-link {
  width: 40px;
}
#dashboard .link-icon {
  font-size: 20px;
  margin-left: 5px;
  cursor: pointer;
}
#dashboard .litter_clickable {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  cursor: pointer;
}
#dashboard .litter_clickable:hover {
  background-color: #fceeac;
}
#dashboard span.overdue {
  border-bottom: solid 2px #ff5d5d;
}
#dashboard .will_not_breed_label {
  display: inline-block;
  float: left;
  padding: 2px 3px;
  margin: 3px;
  border: solid thin #ccc;
  border-radius: 2px;
  font-weight: normal;
  font-size: 14px;
  color: #656565;
  background-color: #f2cbe1;
  text-align: center;
}
#dashboard .show_more {
  height: 30px;
  cursor: pointer;
}
#dashboard .show_more td {
  text-align: center;
  font-size: 14px;
  padding: 0;
  background-color: #0d59741a;
}
#dashboard .show_more td .show_more_chevron,
#dashboard .show_more td .show_less_chevron {
  float: right;
  margin-right: 10px;
  margin-top: 4px;
}
.is_deworming,
.is_heartworm,
.is_flea_and_tick {
  text-align: center;
  width: 28px;
}
.litter_group {
  background-color: rgba(13, 89, 116, 0.1);
  border: thin solid lightgrey;
  border-radius: 2px;
  padding: 3px;
  font-weight: bold;
  margin: 3px;
  display: inline-block;
}
.litter_group:hover {
  background-color: #ffedf4;
}
.litter_group .title {
  cursor: pointer;
}
.litter_group .dog_name {
  background-color: white;
  border: thin solid grey;
  font-weight: normal;
  display: inline-block;
}
.litter_group .dog_name:hover {
  background-color: #fffff0;
}
.litter_group .dog_hidden {
  display: none;
}
.litter_group .hide-litter-pups {
  display: none;
  margin-left: 3px;
  margin-right: 3px;
}
.litter_group .show-litter-pups {
  margin-left: 3px;
  margin-right: 3px;
}
.vet_visits .reason {
  width: 140px;
}
.vet_visits .reason .clinic {
  font-style: italic;
  font-size: 12px;
  color: #555555;
}
.vaccinations .type {
  width: 130px;
}
/* Kennel Documents Category Editing */
.kennel_documents th.file_actions {
  width: 80px;
  text-align: right;
}
.kennel_documents td.actions {
  text-align: right;
  white-space: nowrap;
}
.kennel_documents td.actions i {
  margin-left: 8px;
  cursor: pointer;
  color: #666;
}
.kennel_documents td.actions i:hover {
  color: #333;
}
.kennel_documents td.actions i.toggle_favorite:not(.favorite).fas {
  color: #444;
}
.kennel_documents td.actions i.toggle_favorite.favorite {
  color: #3498db;
}
.kennel_documents td.actions i.toggle_favorite.favorite:hover {
  color: #2980b9;
}
.kennel_documents .category {
  position: relative;
}
.kennel_documents .category .category-display {
  display: flex;
  align-items: center;
}
.kennel_documents .category .category-display .category-text {
  margin-right: 5px;
}
.kennel_documents .category .category-display .assign_category {
  cursor: pointer;
  color: #666;
}
.kennel_documents .category .category-display .assign_category:hover {
  color: #333;
}
.kennel_documents .category .category-edit {
  display: flex;
  align-items: center;
  margin: 4px 0;
  max-width: 200px;
}
.kennel_documents .category .category-edit .select_assign_category {
  flex: 1;
  min-width: 120px;
  margin-right: 5px;
  padding-left: 5px;
  border-radius: 3px;
}
.kennel_documents .category .category-edit .category_buttons {
  display: flex;
  align-items: center;
}
.kennel_documents .category .category-edit .category_buttons i {
  cursor: pointer;
  margin-left: 5px;
  color: #666;
}
.kennel_documents .category .category-edit .category_buttons i.cancel_edit_category:hover {
  color: #dc3545;
}
.kennel_documents .category .category-edit .category_buttons i.save_category:hover {
  color: #28a745;
}
.kennel_documents .category .category-edit.hidden {
  display: none;
}
.kennel_documents .filename {
  position: relative;
}
.kennel_documents .filename .filename-display {
  display: flex;
  align-items: center;
}
.kennel_documents .filename .filename-display .filename-text {
  margin-right: 5px;
}
.kennel_documents .filename .filename-display .edit_filename {
  cursor: pointer;
  color: #666;
  margin-left: 5px;
}
.kennel_documents .filename .filename-display .edit_filename:hover {
  color: #333;
}
.kennel_documents .filename .filename-edit {
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.kennel_documents .filename .filename-edit .input_filename {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 5px;
}
.kennel_documents .filename .filename-edit .filename_buttons {
  display: flex;
  align-items: center;
}
.kennel_documents .filename .filename-edit .filename_buttons i {
  cursor: pointer;
  margin-left: 5px;
  color: #666;
}
.kennel_documents .filename .filename-edit .filename_buttons i.cancel_edit_filename:hover {
  color: #dc3545;
}
.kennel_documents .filename .filename-edit .filename_buttons i.save_filename:hover {
  color: #28a745;
}
.kennel_documents .filename .filename-edit.hidden {
  display: none;
}
/* Mobile Responsive Styles for Kennel Documents Tables */
@media (max-width: 767px) {
  .dbp-table-wrapper.standard,
  .dbp-table-wrapper.nopointer {
    overflow-x: auto;
  }
  .dbp-table-wrapper.standard table.kennel_documents,
  .dbp-table-wrapper.nopointer table.kennel_documents {
    min-width: 450px;
  }
  .dbp-table-wrapper.standard table.kennel_documents th.date,
  .dbp-table-wrapper.nopointer table.kennel_documents th.date,
  .dbp-table-wrapper.standard table.kennel_documents td.date,
  .dbp-table-wrapper.nopointer table.kennel_documents td.date {
    width: 85px;
    min-width: 85px;
  }
  .dbp-table-wrapper.standard table.kennel_documents th.category,
  .dbp-table-wrapper.nopointer table.kennel_documents th.category,
  .dbp-table-wrapper.standard table.kennel_documents td.category,
  .dbp-table-wrapper.nopointer table.kennel_documents td.category {
    width: 100px;
    min-width: 100px;
  }
  .dbp-table-wrapper.standard table.kennel_documents th.file_actions,
  .dbp-table-wrapper.nopointer table.kennel_documents th.file_actions,
  .dbp-table-wrapper.standard table.kennel_documents td.actions,
  .dbp-table-wrapper.nopointer table.kennel_documents td.actions {
    width: 70px;
    min-width: 70px;
  }
}
#home_kennel_notes .kennel_notes {
  width: 100%;
}
#home_kennel_notes .kennel_notes th.note_date {
  width: 100px;
}
#home_kennel_notes .kennel_notes th.buttons_cell {
  width: 50px;
  text-align: center;
}
#home_kennel_notes .kennel_notes td.date {
  white-space: nowrap;
}
#home_kennel_notes .kennel_notes td.note_title {
  font-weight: 500;
}
#home_kennel_notes .kennel_notes td.note {
  max-width: 400px;
}
#home_kennel_notes .kennel_notes td.buttons_cell {
  text-align: center;
  white-space: nowrap;
}
#home_kennel_notes .kennel_notes td.buttons_cell i {
  cursor: pointer;
  color: #666;
  margin-left: 8px;
}
#home_kennel_notes .kennel_notes td.buttons_cell i:hover {
  color: #333;
}
#home_kennel_notes #kennel_note_modal .modal-dialog {
  width: 600px;
}
#home_kennel_notes #kennel_note_modal #note_dialog_title,
#home_kennel_notes #kennel_note_modal #note_dialog_date {
  max-width: 100%;
}
#home_kennel_notes #kennel_note_modal #note_dialog_textbox {
  resize: vertical;
  min-height: 100px;
}
#home_kennel_notes #kennel_note_modal #message_p {
  color: red;
  min-height: 20px;
}
/* Dog Documents and Contact Documents styling */
.dbp-table-wrapper.standard table.dog_documents,
.dbp-table-wrapper.nopointer table.dog_documents,
.dbp-table-wrapper.standard table.contact_documents,
.dbp-table-wrapper.nopointer table.contact_documents {
  width: 100%;
}
.dbp-table-wrapper.standard table.dog_documents th.date,
.dbp-table-wrapper.nopointer table.dog_documents th.date,
.dbp-table-wrapper.standard table.contact_documents th.date,
.dbp-table-wrapper.nopointer table.contact_documents th.date,
.dbp-table-wrapper.standard table.dog_documents td.date,
.dbp-table-wrapper.nopointer table.dog_documents td.date,
.dbp-table-wrapper.standard table.contact_documents td.date,
.dbp-table-wrapper.nopointer table.contact_documents td.date {
  width: 110px;
  min-width: 110px;
  white-space: nowrap;
}
.dbp-table-wrapper.standard table.dog_documents th.category,
.dbp-table-wrapper.nopointer table.dog_documents th.category,
.dbp-table-wrapper.standard table.contact_documents th.category,
.dbp-table-wrapper.nopointer table.contact_documents th.category,
.dbp-table-wrapper.standard table.dog_documents td.category,
.dbp-table-wrapper.nopointer table.dog_documents td.category,
.dbp-table-wrapper.standard table.contact_documents td.category,
.dbp-table-wrapper.nopointer table.contact_documents td.category {
  width: 150px;
  min-width: 120px;
  position: relative;
}
.dbp-table-wrapper.standard table.dog_documents th.category i.assign_category,
.dbp-table-wrapper.nopointer table.dog_documents th.category i.assign_category,
.dbp-table-wrapper.standard table.contact_documents th.category i.assign_category,
.dbp-table-wrapper.nopointer table.contact_documents th.category i.assign_category,
.dbp-table-wrapper.standard table.dog_documents td.category i.assign_category,
.dbp-table-wrapper.nopointer table.dog_documents td.category i.assign_category,
.dbp-table-wrapper.standard table.contact_documents td.category i.assign_category,
.dbp-table-wrapper.nopointer table.contact_documents td.category i.assign_category {
  cursor: pointer;
  margin-left: 5px;
  color: #666;
}
.dbp-table-wrapper.standard table.dog_documents th.category i.assign_category:hover,
.dbp-table-wrapper.nopointer table.dog_documents th.category i.assign_category:hover,
.dbp-table-wrapper.standard table.contact_documents th.category i.assign_category:hover,
.dbp-table-wrapper.nopointer table.contact_documents th.category i.assign_category:hover,
.dbp-table-wrapper.standard table.dog_documents td.category i.assign_category:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.category i.assign_category:hover,
.dbp-table-wrapper.standard table.contact_documents td.category i.assign_category:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.category i.assign_category:hover {
  color: #333;
}
.dbp-table-wrapper.standard table.dog_documents th.category .assign_category_container,
.dbp-table-wrapper.nopointer table.dog_documents th.category .assign_category_container,
.dbp-table-wrapper.standard table.contact_documents th.category .assign_category_container,
.dbp-table-wrapper.nopointer table.contact_documents th.category .assign_category_container,
.dbp-table-wrapper.standard table.dog_documents td.category .assign_category_container,
.dbp-table-wrapper.nopointer table.dog_documents td.category .assign_category_container,
.dbp-table-wrapper.standard table.contact_documents td.category .assign_category_container,
.dbp-table-wrapper.nopointer table.contact_documents td.category .assign_category_container {
  display: none;
  position: absolute;
  background-color: white;
  border: thin solid #ccc;
  border-radius: 3px;
  padding: 5px;
  margin-top: 5px;
  z-index: 10;
  min-width: 150px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}
.dbp-table-wrapper.standard table.dog_documents th.category .assign_category_container select,
.dbp-table-wrapper.nopointer table.dog_documents th.category .assign_category_container select,
.dbp-table-wrapper.standard table.contact_documents th.category .assign_category_container select,
.dbp-table-wrapper.nopointer table.contact_documents th.category .assign_category_container select,
.dbp-table-wrapper.standard table.dog_documents td.category .assign_category_container select,
.dbp-table-wrapper.nopointer table.dog_documents td.category .assign_category_container select,
.dbp-table-wrapper.standard table.contact_documents td.category .assign_category_container select,
.dbp-table-wrapper.nopointer table.contact_documents td.category .assign_category_container select {
  width: 100%;
  margin-bottom: 5px;
  border-radius: 3px;
  border: thin solid #ccc;
  padding: 3px;
}
.dbp-table-wrapper.standard table.dog_documents th.category .assign_category_container .category_buttons,
.dbp-table-wrapper.nopointer table.dog_documents th.category .assign_category_container .category_buttons,
.dbp-table-wrapper.standard table.contact_documents th.category .assign_category_container .category_buttons,
.dbp-table-wrapper.nopointer table.contact_documents th.category .assign_category_container .category_buttons,
.dbp-table-wrapper.standard table.dog_documents td.category .assign_category_container .category_buttons,
.dbp-table-wrapper.nopointer table.dog_documents td.category .assign_category_container .category_buttons,
.dbp-table-wrapper.standard table.contact_documents td.category .assign_category_container .category_buttons,
.dbp-table-wrapper.nopointer table.contact_documents td.category .assign_category_container .category_buttons {
  display: flex;
  justify-content: flex-end;
}
.dbp-table-wrapper.standard table.dog_documents th.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.nopointer table.dog_documents th.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.standard table.contact_documents th.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.nopointer table.contact_documents th.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.standard table.dog_documents td.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.nopointer table.dog_documents td.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.standard table.contact_documents td.category .assign_category_container .category_buttons i,
.dbp-table-wrapper.nopointer table.contact_documents td.category .assign_category_container .category_buttons i {
  cursor: pointer;
  margin-left: 8px;
  color: #666;
}
.dbp-table-wrapper.standard table.dog_documents th.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.nopointer table.dog_documents th.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.standard table.contact_documents th.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.nopointer table.contact_documents th.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.standard table.dog_documents td.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.standard table.contact_documents td.category .assign_category_container .category_buttons i:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.category .assign_category_container .category_buttons i:hover {
  color: #333;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions,
.dbp-table-wrapper.standard table.contact_documents th.file_actions,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions,
.dbp-table-wrapper.standard table.dog_documents td.actions,
.dbp-table-wrapper.nopointer table.dog_documents td.actions,
.dbp-table-wrapper.standard table.contact_documents td.actions,
.dbp-table-wrapper.nopointer table.contact_documents td.actions {
  width: 70px;
  min-width: 70px;
  white-space: nowrap;
  text-align: center;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions i,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions i,
.dbp-table-wrapper.standard table.contact_documents th.file_actions i,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions i,
.dbp-table-wrapper.standard table.dog_documents td.actions i,
.dbp-table-wrapper.nopointer table.dog_documents td.actions i,
.dbp-table-wrapper.standard table.contact_documents td.actions i,
.dbp-table-wrapper.nopointer table.contact_documents td.actions i {
  cursor: pointer;
  color: #666;
  margin-left: 8px;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions i.toggle_favorite:hover,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions i.toggle_favorite:hover,
.dbp-table-wrapper.standard table.contact_documents th.file_actions i.toggle_favorite:hover,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions i.toggle_favorite:hover,
.dbp-table-wrapper.standard table.dog_documents td.actions i.toggle_favorite:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.actions i.toggle_favorite:hover,
.dbp-table-wrapper.standard table.contact_documents td.actions i.toggle_favorite:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.actions i.toggle_favorite:hover {
  color: #444;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions i.toggle_favorite.favorite,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions i.toggle_favorite.favorite,
.dbp-table-wrapper.standard table.contact_documents th.file_actions i.toggle_favorite.favorite,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions i.toggle_favorite.favorite,
.dbp-table-wrapper.standard table.dog_documents td.actions i.toggle_favorite.favorite,
.dbp-table-wrapper.nopointer table.dog_documents td.actions i.toggle_favorite.favorite,
.dbp-table-wrapper.standard table.contact_documents td.actions i.toggle_favorite.favorite,
.dbp-table-wrapper.nopointer table.contact_documents td.actions i.toggle_favorite.favorite {
  color: #3498db;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.standard table.contact_documents th.file_actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.standard table.dog_documents td.actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.standard table.contact_documents td.actions i.toggle_favorite.favorite:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.actions i.toggle_favorite.favorite:hover {
  color: #2980b9;
}
.dbp-table-wrapper.standard table.dog_documents th.file_actions i.delete_file:hover,
.dbp-table-wrapper.nopointer table.dog_documents th.file_actions i.delete_file:hover,
.dbp-table-wrapper.standard table.contact_documents th.file_actions i.delete_file:hover,
.dbp-table-wrapper.nopointer table.contact_documents th.file_actions i.delete_file:hover,
.dbp-table-wrapper.standard table.dog_documents td.actions i.delete_file:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.actions i.delete_file:hover,
.dbp-table-wrapper.standard table.contact_documents td.actions i.delete_file:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.actions i.delete_file:hover {
  color: #e74c3c;
}
.dbp-table-wrapper.standard table.dog_documents td.filename,
.dbp-table-wrapper.nopointer table.dog_documents td.filename,
.dbp-table-wrapper.standard table.contact_documents td.filename,
.dbp-table-wrapper.nopointer table.contact_documents td.filename {
  position: relative;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-display,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-display,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-display,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-display {
  display: flex;
  align-items: center;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-display .filename-text,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-display .filename-text,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-display .filename-text,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-display .filename-text {
  margin-right: 5px;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-display .edit_filename,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-display .edit_filename,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-display .edit_filename,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-display .edit_filename {
  cursor: pointer;
  color: #666;
  margin-left: 5px;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-display .edit_filename:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-display .edit_filename:hover,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-display .edit_filename:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-display .edit_filename:hover {
  color: #333;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit {
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit .input_filename,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit .input_filename,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit .input_filename,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit .input_filename {
  flex: 1;
  min-width: 200px;
  max-width: 300px;
  padding: 3px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-right: 5px;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit .filename_buttons,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit .filename_buttons,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit .filename_buttons,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit .filename_buttons {
  display: inline-flex;
  align-items: center;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit .filename_buttons i,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit .filename_buttons i,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit .filename_buttons i,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit .filename_buttons i {
  cursor: pointer;
  margin-left: 5px;
  color: #666;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit .filename_buttons i.cancel_edit_filename:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit .filename_buttons i.cancel_edit_filename:hover,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit .filename_buttons i.cancel_edit_filename:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit .filename_buttons i.cancel_edit_filename:hover {
  color: #dc3545;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit .filename_buttons i.save_filename:hover,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit .filename_buttons i.save_filename:hover,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit .filename_buttons i.save_filename:hover,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit .filename_buttons i.save_filename:hover {
  color: #28a745;
}
.dbp-table-wrapper.standard table.dog_documents td.filename .filename-edit.hidden,
.dbp-table-wrapper.nopointer table.dog_documents td.filename .filename-edit.hidden,
.dbp-table-wrapper.standard table.contact_documents td.filename .filename-edit.hidden,
.dbp-table-wrapper.nopointer table.contact_documents td.filename .filename-edit.hidden {
  display: none;
}
/* Mobile Responsive Styles for Dog and Contact Document Tables */
@media (max-width: 767px) {
  .dbp-table-wrapper.standard,
  .dbp-table-wrapper.nopointer {
    overflow-x: auto;
  }
  .dbp-table-wrapper.standard table.dog_documents,
  .dbp-table-wrapper.nopointer table.dog_documents,
  .dbp-table-wrapper.standard table.contact_documents,
  .dbp-table-wrapper.nopointer table.contact_documents {
    min-width: 450px;
  }
  .dbp-table-wrapper.standard table.dog_documents th.date,
  .dbp-table-wrapper.nopointer table.dog_documents th.date,
  .dbp-table-wrapper.standard table.contact_documents th.date,
  .dbp-table-wrapper.nopointer table.contact_documents th.date,
  .dbp-table-wrapper.standard table.dog_documents td.date,
  .dbp-table-wrapper.nopointer table.dog_documents td.date,
  .dbp-table-wrapper.standard table.contact_documents td.date,
  .dbp-table-wrapper.nopointer table.contact_documents td.date {
    width: 85px;
    min-width: 85px;
  }
  .dbp-table-wrapper.standard table.dog_documents th.category,
  .dbp-table-wrapper.nopointer table.dog_documents th.category,
  .dbp-table-wrapper.standard table.contact_documents th.category,
  .dbp-table-wrapper.nopointer table.contact_documents th.category,
  .dbp-table-wrapper.standard table.dog_documents td.category,
  .dbp-table-wrapper.nopointer table.dog_documents td.category,
  .dbp-table-wrapper.standard table.contact_documents td.category,
  .dbp-table-wrapper.nopointer table.contact_documents td.category {
    width: 100px;
    min-width: 100px;
  }
  .dbp-table-wrapper.standard table.dog_documents th.file_actions,
  .dbp-table-wrapper.nopointer table.dog_documents th.file_actions,
  .dbp-table-wrapper.standard table.contact_documents th.file_actions,
  .dbp-table-wrapper.nopointer table.contact_documents th.file_actions,
  .dbp-table-wrapper.standard table.dog_documents td.actions,
  .dbp-table-wrapper.nopointer table.dog_documents td.actions,
  .dbp-table-wrapper.standard table.contact_documents td.actions,
  .dbp-table-wrapper.nopointer table.contact_documents td.actions {
    width: 70px;
    min-width: 70px;
  }
}
#puppy_new_owner_dialog .documents_header {
  color: #0d5974;
  font-weight: bold;
  font-size: 16px;
}
.no-wrap {
  white-space: nowrap;
}
#dashboard table.litter_birthdays .item-link {
  width: 70px;
  text-align: center;
}
#dashboard table.litter_birthdays .item-link .link-icon {
  margin-left: 5px;
}
#dashboard table.litter_birthdays .item-link .link-icon:first-child {
  margin-left: 0;
}
#widget_settings_modal .modal-content {
  background-color: white;
}
#mating_cycle_modal {
  overflow-y: auto;
}
#edit_dog_breeding {
  min-height: 320px;
}
#add_edit_puppy_modal .modal-dialog {
  background-color: white;
  border-radius: 5px;
}
#edit_dog_breeding_form .no_available_heats,
#edit_dog_breeding_form .no_matings {
  margin-left: 3px;
  font-size: 16px;
}
#edit_dog_breeding_form .pregnancy_no_heat_selected {
  font-size: 16px;
}
#edit_dog_breeding_form .sire_mated_to_text {
  color: black;
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
}
#edit_dog_breeding_form #add_new_mating {
  background-color: #46c0eb;
  color: white;
  font-size: 16px;
  font-weight: normal;
  border-radius: 5px;
  border: thin solid #46c0eb;
  height: 35px;
  margin-left: 10px;
}
#edit_dog_breeding_form .new_mating_form {
  background-color: lightblue;
  border: solid thin grey;
  padding: 10px;
  margin-top: 10px;
}
#edit_dog_breeding_form .new_mating_form button {
  background-color: grey;
}
#edit_dog_breeding_form .heat_section {
  margin-top: 0px;
}
#edit_dog_breeding_form .user_info {
  font-style: italic;
  display: inline-block;
  width: 100%;
  font-size: 20px;
  text-align: center;
  margin-bottom: 5px;
}
#edit_dog_breeding_form .matings_table {
  overflow-x: auto;
}
#edit_dog_breeding_form .matings_table table {
  width: 100%;
  margin-top: 10px;
  font-size: 16px;
  cursor: pointer;
}
#edit_dog_breeding_form .matings_table table th {
  color: white;
  background-color: #232323;
  font-weight: bold;
}
#edit_dog_breeding_form .matings_table table th:last-child {
  border-right: thin solid #232323;
}
#edit_dog_breeding_form .matings_table table th:first-child {
  border-left: thin solid #232323;
}
#edit_dog_breeding_form .matings_table table thead tr:hover {
  cursor: auto;
}
#edit_dog_breeding_form .matings_table table tbody tr:hover td {
  color: white;
  background-color: #666566;
  cursor: pointer;
}
#edit_dog_breeding_form .matings_table table tbody tr:hover td.delete_mating:hover {
  color: #ff5d5d;
}
#edit_dog_breeding_form .matings_table table tr.edit_in_process {
  background-color: lightblue;
}
#edit_dog_breeding_form .matings_table table td {
  border: thin solid #d2ced0;
  padding: 2px;
  vertical-align: top;
}
#edit_dog_breeding_form .matings_table table td.delete_mating {
  color: #666566;
  vertical-align: middle;
  text-align: center;
}
#dog_mating_cycles {
  width: 100%;
}
#dog_mating_cycles table.mating_cycles .buttons_cell {
  width: 85px;
}
#dog_mating_cycles table.mating_cycles .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
#dog_mating_cycles table.mating_cycles .buttons_cell i.delete_genetic_test,
#dog_mating_cycles table.mating_cycles .buttons_cell i.delete_health_test {
  padding: 0 4px;
}
#dog_mating_cycles table.mating_cycles .label {
  color: black;
  font-size: 14px;
  font-weight: bold;
  padding-left: 0;
}
/* Breeding Cycle Detail Styles */
.breeding_cycle_detail_container {
  padding: 15px;
}
.breeding_cycle_header {
  padding-bottom: 15px;
}
.breeding_cycle_header h3 {
  margin: 10px 0 0 0;
  color: #333;
}
.breeding_section_table {
  margin-bottom: 30px;
  border: 1px solid darkslategray;
  border-radius: 5px;
  overflow: hidden;
}
.breeding_cycle_section_header {
  background-color: #f8f9fa;
  padding: 15px 20px;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.breeding_cycle_section_header h4 {
  margin: 0;
  color: #333;
  font-weight: 600;
}
.puppy_section_header {
  background-color: #e9ecef;
  padding: 10px 20px;
  border-top: 1px solid #dee2e6;
  margin: 0;
}
.puppy_section_header h5 {
  margin: 0;
  color: #495057;
  font-weight: 600;
}
.puppy_table {
  margin-bottom: 0;
}
.puppy_table th {
  background-color: #f1f3f4;
  font-weight: 600;
  color: #495057;
  padding: 10px;
  font-size: 0.9em;
}
.puppy_table td {
  padding: 10px;
  vertical-align: middle;
  font-size: 0.9em;
}
.puppy_name_cell {
  font-weight: 600;
}
.heat_status.past {
  color: #6c757d;
}
.heat_status.future {
  color: #007bff;
}
.heat_status.unconfirmed_forecast {
  color: #ffc107;
}
.heat_status.confirmed_forecast {
  color: #28a745;
}
.pregnancy_status.confirmed {
  color: #28a745;
}
.pregnancy_status.suspected {
  color: #ffc107;
}
.pregnancy_status.not_pregnant {
  color: #dc3545;
}
.puppy_gender.male {
  color: #007bff;
}
.puppy_gender.female {
  color: #e83e8c;
}
.litter_size {
  font-weight: 600;
  color: #28a745;
}
.no_data_message {
  text-align: center;
  padding: 40px 20px;
  color: #6c757d;
  background-color: #f8f9fa;
}
.no_data_message p {
  margin-bottom: 15px;
}
.breeding_cycle_table {
  margin-bottom: 0;
  width: 100%;
}
.breeding_cycle_table th {
  background-color: #f8f9fa;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  vertical-align: middle;
  padding: 12px;
}
.breeding_cycle_table td {
  padding: 12px;
  vertical-align: middle;
  border-bottom: 1px solid #dee2e6;
}
.breeding_cycle_table .btn {
  margin-right: 5px;
}
.breeding_cycle_table .btn:last-child {
  margin-right: 0;
}
/* Badge styling */
.badge {
  font-size: 0.8em;
}
.will-not-breed-badge {
  background-color: #46c0eb !important;
  color: black !important;
  margin-left: 10px;
  padding: 5px 10px;
}
/* Progesterone Section */
.progesterone_section {
  padding: 0 20px 20px;
  border-radius: 5px;
}
.pregnancy_progesterone_section h5,
.progesterone_section h5 {
  margin-bottom: 15px;
  color: #333;
  font-weight: 600;
}
.progesterone_table {
  margin-bottom: 20px;
}
.progesterone_table th {
  background-color: #e9ecef;
  font-weight: 600;
  color: #495057;
}
/* Specific styling for pregnancy progesterone charts */
#pregnancy_progesterone_chart_section.chart_section,
#dialog_progesterone_chart_section.chart_section {
  margin-top: 23px;
  padding-right: 15px;
}
#progesterone_chart {
  max-width: 100%;
  height: auto !important;
}
#pregnancy_progesterone_chart {
  max-width: 100%;
  height: 250px !important;
}
/* Progesterone Responsive Layout */
.progesterone_content_wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.progesterone_table_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
}
.progesterone_chart_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
}
.progesterone_table_container .progesterone_table {
  margin-bottom: 0;
  width: 100%;
}
.progesterone_chart_container .chart_section {
  margin-top: 0 !important;
  padding-top: 0;
  padding-right: 15px;
  height: 250px;
  width: 100%;
}
/* When stacked vertically on smaller screens */
@media (max-width: 768px) {
  .progesterone_content_wrapper {
    flex-direction: column !important;
  }
  .progesterone_content_wrapper,
  .temperature_content_wrapper {
    padding-right: 0 !important;
  }
  .progesterone_table_container,
  .progesterone_chart_container {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
  .pregnancy_temperature_section .temperature_content_wrapper,
  .temperature_content_wrapper {
    flex-direction: column !important;
    padding-right: 0;
  }
  .pregnancy_temperature_section .temperature_table_container,
  .pregnancy_temperature_section .temperature_chart_container,
  .temperature_table_container,
  .temperature_chart_container {
    flex: 1 1 100% !important;
    width: 100% !important;
  }
}
/* Heat Data Responsive Layout */
.heat_content_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  padding: 20px;
}
.heat_details_container {
  flex: 1;
  min-width: 300px;
}
.heat_note_container {
  flex: 1;
  min-width: 300px;
}
/* Pregnancy Data Responsive Layout */
.pregnancy_content_wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
  padding: 20px;
}
.pregnancy_details_container {
  flex: 1;
  min-width: 300px;
}
.pregnancy_note_container {
  flex: 1;
  min-width: 300px;
}
/* Matings Data Layout */
.matings_content_wrapper {
  padding: 20px;
}
/* Matings table Actions column styling */
.breeding_cycle_table .actions-column {
  width: 1%;
  white-space: nowrap;
}
.matings_content_wrapper .btn i {
  font-size: 1.3em;
}
/* Heat data mobile layout */
@media (max-width: 768px) {
  .heat_content_wrapper {
    flex-direction: column;
    padding: 15px;
  }
  .heat_details_container,
  .heat_note_container {
    min-width: 100%;
    flex: 1;
  }
}
/* Pregnancy data mobile layout */
@media (max-width: 768px) {
  .pregnancy_content_wrapper {
    flex-direction: column;
    padding: 15px;
  }
  .pregnancy_details_container,
  .pregnancy_note_container {
    min-width: 100%;
    flex: 1;
  }
}
/* Matings data mobile layout - keep current UI (no padding) */
@media (max-width: 768px) {
  .matings_content_wrapper {
    padding: 0;
  }
}
/* Pregnancy Temperature Section */
.pregnancy_temperature_section h4 {
  margin-bottom: 15px;
  color: #333;
  font-size: 18px;
}
.pregnancy_temperature_section h4 .fas {
  margin-right: 8px;
  color: #FF6B6B;
}
.pregnancy_temperature_section .temperature_content_wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
}
.pregnancy_temperature_section .temperature_table_container {
  flex: 0 0 50% !important;
  width: 50%;
  min-width: 0;
}
.pregnancy_temperature_section .temperature_table_container .temperature_table {
  margin-top: 0;
  margin-bottom: 0;
  width: 100%;
}
.pregnancy_temperature_section .temperature_chart_container {
  flex: 0 0 50% !important;
  width: 50%;
  min-width: 0;
  min-height: 250px;
}
.pregnancy_temperature_section .temperature_chart_container .chart_section {
  height: 250px;
  position: relative;
  margin-top: 0 !important;
  padding: 0 15px 0 0 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.pregnancy_temperature_section .temperature_chart_container .chart_section canvas {
  max-width: 100%;
  height: 100%;
}
.pregnancy_temperature_section .temperature_table {
  margin-bottom: 0;
  font-size: 14px;
}
.pregnancy_temperature_section .temperature_table th {
  background-color: #f5f5f5;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
  padding: 12px 8px;
}
.pregnancy_temperature_section .temperature_table td {
  padding: 10px 8px;
  vertical-align: middle;
}
.pregnancy_temperature_section .temperature_table tr.temperature-critical {
  background-color: rgba(255, 107, 107, 0.1);
}
.pregnancy_temperature_section .temperature_table tr.temperature-drop {
  background-color: rgba(78, 205, 196, 0.1);
}
.pregnancy_temperature_section .temperature_table tr.temperature-normal {
  background-color: rgba(69, 183, 209, 0.1);
}
.pregnancy_temperature_section .temperature_table tr.temperature-other {
  background-color: rgba(150, 206, 180, 0.1);
}
.pregnancy_temperature_section .no_pregnancy_temperature_data {
  text-align: center;
  color: #666;
  font-style: italic;
  margin-top: 15px;
  padding: 20px;
}
.add_pregnancy_progesterone,
.add_pregnancy_temperature {
  border: thin solid lightgrey;
}
/* Temperature Dialog Styles */
.pregnancy_temperature_section,
.pregnancy_progesterone_section {
  padding: 0 20px 20px;
  background-color: inherit;
}
.temperature_add_section {
  margin-top: 20px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 5px;
}
.temperature_add_section h5 {
  margin-bottom: 15px;
  color: #333;
}
.temperature_add_section .table {
  margin-bottom: 0;
}
.temperature_add_section .table input {
  border: 1px solid #ddd;
  width: 100%;
  padding: 6px 12px;
}
.dialog_buttons {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #dee2e6;
}
.temp_section {
  margin-bottom: 20px;
}
#temperature_data {
  width: 100%;
  border-collapse: collapse;
}
#temperature_data th,
#temperature_data td {
  padding: 8px 12px;
  border: 1px solid #ddd;
  text-align: left;
}
#temperature_data th {
  background-color: #f8f9fa;
  font-weight: 600;
}
#temperature_data .temp_data:hover {
  background-color: #f8f9fa;
}
#temperature_data .input_temp_date,
#temperature_data .input_temp_time,
#temperature_data .input_temp_value {
  display: inline-block;
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
}
.temperature_chart_container {
  padding: 15px;
  background-color: white;
  border-radius: 5px;
}
#pregnancy_temperature_chart {
  max-width: 100%;
  height: 250px !important;
}
.breeding_cycle_sub_section_header {
  display: inline-block;
  margin-right: 10px;
  font-size: 18px;
  margin-bottom: 15px;
}
/* Responsive design */
@media (max-width: 768px) {
  .breeding_cycle_table,
  .puppy_table {
    font-size: 0.8em;
  }
  .breeding_cycle_table th,
  .breeding_cycle_table td,
  .puppy_table th,
  .puppy_table td {
    padding: 8px;
  }
  .breeding_cycle_section_header {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  .breeding_cycle_section_header h4 {
    margin-bottom: 5px;
  }
}
@media (max-width: 576px) {
  .breeding_cycle_detail_container {
    padding: 10px;
  }
  .breeding_cycle_table,
  .puppy_table {
    font-size: 0.75em;
  }
  .breeding_cycle_table th,
  .breeding_cycle_table td,
  .puppy_table th,
  .puppy_table td {
    padding: 6px;
  }
}
/* Temperature and Progesterone sections side-by-side layout */
.progesterone_content_wrapper,
.temperature_content_wrapper {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
  padding-right: 20px;
}
.progesterone_table_container,
.temperature_table_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  /* Allow shrinking below min-content */
}
.progesterone_chart_container,
.temperature_chart_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  /* Allow shrinking below min-content */
}
.progesterone_table,
.temperature_table {
  margin-bottom: 0;
  width: 100%;
}
/* =============================================================================
   DogBreederPro Chart Utilities
   Reusable chart styling for consistent chart behavior across the application
   ============================================================================= */
/* Base Chart Section Styling */
.chart_section {
  position: relative;
  height: 300px;
  width: 100%;
  margin-top: 20px;
  background-color: white;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* Chart Canvas Styling - Prevents Text Scaling Issues */
.chart_section canvas {
  max-height: 300px;
  width: 100% !important;
  height: 300px !important;
}
/* Standard Chart Container Layout */
.chart_content_wrapper {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  align-items: flex-start;
  width: 100%;
}
.chart_table_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  /* Allow shrinking below min-content */
}
.chart_chart_container {
  flex: 0 0 50%;
  width: 50%;
  min-width: 0;
  /* Allow shrinking below min-content */
}
.chart_table_container .chart_table {
  margin-bottom: 0;
  width: 100%;
}
.chart_chart_container .chart_section {
  margin-top: 0 !important;
  padding-top: 0;
  height: 300px;
  width: 100%;
}
/* Specific Chart Canvas Styling */
.standard_chart_canvas {
  max-width: 100%;
  height: 250px !important;
}
/* Chart Section Variations */
.chart_section.compact {
  height: 250px;
  margin-top: 15px;
}
.chart_section.compact canvas {
  max-height: 250px;
  height: 250px !important;
}
/* Responsive Chart Layout */
@media (max-width: 1200px) {
  .chart_content_wrapper {
    flex-direction: column;
  }
  .chart_table_container,
  .chart_chart_container {
    flex: 1 1 100%;
    width: 100%;
  }
  .chart_chart_container {
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .chart_section {
    margin-top: 15px;
    padding: 10px;
  }
  .chart_section canvas {
    max-height: 250px;
    height: 250px !important;
  }
}
.no-width-mobile {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media screen and (max-width: 959px) {
  #menu #menu_container #menu_sub.no-width-mobile {
    width: 0 !important;
  }
}
@media screen and (min-width: 960px) {
  #menu #menu_container #menu_sub.no-width-mobile {
    width: 250px !important;
  }
}
#menu #menu_container #screen_dim {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 200;
  background-color: #d2ced0;
  display: none;
  opacity: 0.9;
}
#menu #menu_container #screen_dim.mobile_main_open {
  opacity: 0.4;
}
#menu #menu_container #menu_main {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 51;
  width: 100%;
  height: 45px;
  background-color: #0d5974;
}
#menu #menu_container #menu_main .main_menu_logo_container {
  display: none;
  float: left;
  margin: 5px 20px 0 17px;
  background-color: #0d5974;
  text-align: center;
}
#menu #menu_container #menu_main .main_menu_logo_container img {
  height: 40px;
}
#menu #menu_container #menu_main .main_menu_image_helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
#menu #menu_container #menu_main .main_menu_image_container {
  display: inline-block;
  background-color: #666566;
  height: 30px;
  width: 30px;
  margin-right: 10px;
  vertical-align: middle;
  text-align: center;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
#menu #menu_container .main_menu_button {
  display: none;
  float: left;
  height: 45px;
  margin-right: 15px;
  margin-top: 2px;
  vertical-align: middle;
  color: #d2ced0;
  cursor: pointer;
}
#menu #menu_container .main_menu_button i {
  font-size: 16px;
  letter-spacing: 1.4px;
  color: #46c0eb;
  position: relative;
}
#menu #menu_container .main_menu_button p {
  display: inline-block;
  font-weight: 400;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1.4px;
  text-align: center;
  color: #ffffff;
}
#menu #menu_container .main_menu_button:hover {
  background-color: transparent !important;
}
#menu #menu_container .main_menu_button:hover p {
  color: #46c0eb !important;
}
#menu #menu_container .main_menu_button.selected_main_menu p {
  color: #46c0eb;
}
#menu #menu_container #menu_main_profile,
#menu #menu_container #menu_main_help {
  float: right !important;
  min-width: 0;
  padding: 0;
}
@media (max-width: 1240px) {
  #menu #menu_container #menu_main_profile p,
  #menu #menu_container #menu_main_help p {
    display: none;
  }
}
#menu #menu_container #menu_main_profile:hover p,
#menu #menu_container #menu_main_help:hover p {
  color: #46c0eb;
}
#menu #menu_container .menu_main_logout {
  float: right;
  min-width: 0;
  padding: 0;
}
#menu #menu_container .menu_main_logout p {
  padding: 0 20px 0 2px;
}
#menu #menu_container .menu_main_logout:hover p {
  color: #46c0eb;
}
#menu #menu_container #menu_sub {
  position: fixed;
  overflow-y: auto;
  z-index: 201;
  top: 45px;
  right: 0;
  height: calc(100vh - 45px);
  width: 250px;
  background-color: #232323;
  padding-bottom: 80px;
}
#menu #menu_container #menu_sub .numdogs {
  color: black;
  padding-left: 3px;
}
#menu #menu_container #menu_sub .filter-info {
  color: #46c0eb;
  margin-left: 5px;
}
#menu #menu_container #menu_sub .wl_cat_count {
  margin-left: 5px;
  font-weight: bold;
}
#menu #menu_container #menu_sub .sub_menu_button,
#menu #menu_container #menu_sub .sub_menu_button_no_js {
  height: 40px;
  padding: 10px 15px 10px 15px;
  font-weight: 500;
  color: white;
}
@media (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    font-size: 30px;
  }
}
#menu #menu_container #menu_sub .sub_menu_button img,
#menu #menu_container #menu_sub .sub_menu_button_no_js img {
  display: none;
}
#menu #menu_container #menu_sub .sub_menu_button_no_js[data-waitlist-menu-item] {
  height: auto !important;
  min-height: 35px !important;
}
#menu #menu_container #menu_sub .sub_menu_button_no_js[data-waitlist-menu-item] p {
  max-width: 160px;
}
#menu #menu_container #menu_sub #menu_trial_days {
  display: none;
}
#menu #menu_container #menu_sub #menu_notification {
  display: none;
}
@media (max-width: 959px) {
  #menu #menu_container #menu_sub .menu_section {
    display: inline-block;
    font-size: 16px;
    background-color: #f1f2f4;
    width: 100%;
    padding-top: 5px;
  }
  #menu #menu_container #menu_sub .sub_dropdown_menu_container,
  #menu #menu_container #menu_sub .sub_dropdown_menu_container_no_js {
    background-color: grey;
    padding-left: 10px;
  }
  #menu #menu_container #menu_sub .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_button_no_js {
    padding: 3px 3px;
    height: 28px;
    font-size: 16px;
  }
  #menu #menu_container #menu_sub .mobile_sub_menu_button {
    color: white;
    padding: 3px 5px;
    height: 28px;
    font-size: 14px;
  }
  #menu #menu_container #menu_sub .custom_filter_heading {
    margin-top: 10px;
  }
  #menu #menu_container #menu_sub .list_filter_heading_submenu {
    color: black;
    background-color: white;
    font-weight: bold;
    padding: 3px 2px;
  }
  #menu #menu_container #menu_sub .btn_add_filter,
  #menu #menu_container #menu_sub .filter_edit_button {
    border: thin solid #46c0eb;
    border-radius: 3px;
    padding: 1px 3px;
    color: white;
    background-color: #46c0eb;
    font-size: smaller;
    font-weight: bold;
  }
  #menu #menu_container #menu_sub .btn_add_filter {
    float: right;
    margin-right: 20px;
  }
  #menu #menu_container #menu_sub .filter_edit_button {
    margin: 0 5px;
  }
  #menu #menu_container #menu_sub .selected_filter {
    background-color: #d2ced0 !important;
    color: black !important;
  }
}
@media (min-width: 770px) and (max-width: 1180px) {
  #menu #menu_container #menu_main .selected_main_menu i {
    color: white;
  }
  #menu #menu_container #menu_main .main_menu_button {
    margin-top: 3px;
  }
  #menu #menu_container #menu_main .main_menu_button p.main_menu_button_text_right,
  #menu #menu_container #menu_main .main_menu_button p.main_menu_button_text {
    display: none;
  }
  #menu #menu_container #menu_main .main_menu_button i {
    font-size: 20px;
  }
  #menu #menu_container #menu_main .main_menu_button i:hover {
    color: white;
  }
}
@media (min-width: 770px) and (max-width: 1352px) {
  #menu #menu_container #menu_main .main_menu_button p.main_menu_button_text_right {
    display: none;
  }
}
@media (min-width: 1181px) {
  #menu #menu_container .main_menu_button {
    margin-right: 15px !important;
  }
  #menu #menu_container .main_menu_button p {
    font-size: 16px !important;
  }
}
@media (min-width: 960px) {
  #menu #menu_container .main_menu_logo_container {
    display: inline-block !important;
  }
  #menu #menu_container .main_menu_button {
    display: inline;
    margin-right: 34px;
  }
  #menu #menu_container .menu_main_logout,
  #menu #menu_container #menu_main_profile,
  #menu #menu_container #menu_main_help {
    display: inline;
    margin-right: 20px;
  }
  #menu #menu_container #menu_sub {
    top: 110px;
    left: 21px;
    height: calc(100vh - 130px);
    width: 240px;
    background-color: #d2ced0;
    padding-top: 0;
    z-index: 101;
  }
  #menu #menu_container #menu_sub .sub_menu_container {
    background-color: #3d3d3d;
    position: relative;
  }
  #menu #menu_container #menu_sub .sub_menu_container .menu_section {
    display: inline-block;
    font-size: 16px;
    background-color: #f1f2f4;
    width: 100%;
    padding-top: 5px;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button,
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button_no_js {
    height: 35px;
    font-size: 15px;
    padding: 0 0 0 5px;
    box-sizing: content-box;
    border-bottom: 1px solid white;
    color: white;
    cursor: pointer;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button p,
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button_no_js p {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button .sub_menu_image_helper,
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button_no_js .sub_menu_image_helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button img,
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_button_no_js img {
    display: inline;
    height: 25px;
    width: 25px;
    vertical-align: middle;
  }
  #menu #menu_container #menu_sub .sub_menu_container .selected_sub_menu .sub_dropdown_text {
    border: none !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .selected_sub_menu .sub_dropdown_text p {
    color: white !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .selected_sub_menu .sub_dropdown_box_circle {
    display: inline-block !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js {
    display: none;
    background-color: white;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container.unfolded,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js.unfolded {
    display: block;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button {
    padding: 0;
    color: #3d3d3d;
    margin-left: 10px;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_box:before,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_box:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_box,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_box {
    float: left;
    height: 35px;
    width: 40px;
    background-color: #3d3d3d;
    border-right: 1px solid white;
    vertical-align: middle;
    text-align: center;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_box .sub_dropdown_box_circle,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_box .sub_dropdown_box_circle {
    display: none;
    width: 35%;
    height: 35%;
    border: 1px solid white;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    vertical-align: middle;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_text:before,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_text:before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_text,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_text {
    height: 100%;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid #3d3d3d;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container .sub_dropdown_menu_button .sub_dropdown_text:hover,
  #menu #menu_container #menu_sub .sub_menu_container .sub_dropdown_menu_container_no_js .sub_dropdown_menu_button .sub_dropdown_text:hover {
    color: white;
  }
  #menu #menu_container #menu_sub .sub_menu_container .sub_menu_arrow {
    float: right;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
    vertical-align: middle;
    margin: 15px 10px 0 0;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    color: white;
    font-weight: 500;
    /* iOS Safari */
    /* Chrome/Safari/Opera */
    /* Konqueror */
    /* Firefox */
    /* Internet Explorer/Edge */
    /* Non-prefixed version, currently not supported by any browser */
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Chrome/Safari/Opera */
    -khtml-user-select: none;
    /* Konqueror */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently not supported by any browser */
    cursor: default;
    padding: 8px 5px;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu .btn_add_filter {
    border: thin solid #46c0eb;
    border-radius: 3px;
    padding: 1px 3px;
    color: white;
    background-color: #46c0eb;
    font-size: smaller;
    font-weight: bold;
    float: right;
    margin-right: 10px;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #d2ced0;
    right: 5px;
    outline: none;
    font-weight: 500;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #3d3d3d;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button:hover {
    background-color: #46c0eb;
    color: white;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container {
    padding: 15px 0 15px 0;
    background-color: #d2ced0;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    display: block;
    background-color: #d2ced0;
    font-weight: 500;
    height: 30px;
    padding-left: 10px;
    cursor: pointer;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter:hover,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter:hover {
    background-color: #666566;
    color: white;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter:hover .filter_edit_button:hover,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter:hover .filter_edit_button:hover {
    background-color: #46c0eb;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter .filter_edit_button,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter .filter_edit_button {
    margin: 0 5px;
    background-color: #666566;
    border: 1px solid white;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: white;
    outline: none;
    padding: 1px 3px;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter .filter_edit_button img,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter .filter_edit_button img {
    width: 18px;
    height: 17px;
    vertical-align: top;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .selected_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .selected_filter {
    background-color: #46c0eb !important;
    color: white !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .selected_filter .filter_edit_button,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .selected_filter .filter_edit_button {
    background-color: #46c0eb !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .selected_filter .filter_edit_button:hover,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .selected_filter .filter_edit_button:hover {
    background-color: #666566 !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .add_filter:hover,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .add_filter:hover {
    background-color: #e0ac27 !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .center_text_container p {
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
  }
  #menu #menu_container #menu_sub .sub_menu_container .center_text_container .sub_menu_image_helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
  }
  #menu #menu_container #menu_sub .sub_menu_container .trial_label_visible {
    display: block !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container .notification_label_visible {
    display: block !important;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    width: 100%;
    text-align: center;
    padding: 5px 0 5px 0;
    color: white;
    background-color: #7fc241;
    font-weight: 500;
    cursor: pointer;
    height: 45px;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days .buy_now_text {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days .days_left_text {
    font-size: 16px;
    margin-left: 10px;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    width: 100%;
    text-align: center;
    padding: 5px 0 5px 0;
    color: white;
    background-color: #c33837;
    font-weight: 500;
    cursor: pointer;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification .notification_text {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
  }
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification .time_left_text {
    font-size: 16px;
    margin-left: 10px;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu {
    font-size: 16px;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 11px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_heading_submenu button {
    font-size: 13px;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_standard_container .list_filter,
  #menu #menu_container #menu_sub .sub_menu_container .list_filter_custom_container .list_filter {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_trial_days {
    font-size: 14px;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 12px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #menu #menu_container #menu_sub .sub_menu_container #menu_notification {
    font-size: 14px;
  }
}
#menu #menu_container #menu_mobile {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  height: 45px;
  width: 100%;
  background-color: #0d5974;
}
#menu #menu_container #menu_mobile .menu_mobile_main_button {
  padding: 5px 0 0 10px;
  width: 55px;
  height: 45px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/mobile/mobile_main_menu_center.png');
}
#menu #menu_container #menu_mobile .menu_mobile_sub_button {
  float: right;
  padding: 5px 10px 0 0;
  width: 55px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/mobile/mobile_sub_menu_dots.png');
}
#menu #menu_container #menu_mobile .menu_mobile_back_button {
  float: left;
  padding: 5px 0 0 10px;
  width: 55px;
  height: 45px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70%;
  background-image: url('../img/mobile/mobile_menu_back.png');
}
@media (min-width: 960px) {
  #menu #menu_container #menu_mobile {
    display: none;
  }
}
#menu #menu_container #menu_mobile_main {
  position: fixed;
  z-index: 1040;
  top: 0;
  left: -250px;
  width: 250px;
  height: 100%;
  background-color: #3d3d3d;
}
#menu #menu_container #menu_mobile_main .menu_mobile_main_container {
  height: 100%;
  overflow-y: auto;
}
#menu #menu_container #menu_mobile_main .menu_main_mobile_top_space {
  height: 46px;
  background-color: #232323;
  border-bottom: 1px solid #d2ced0;
}
#menu #menu_container #menu_mobile_main .main_menu_mobile_button,
#menu #menu_container #menu_mobile_main .main_menu_mobile_button_logout {
  height: 40px;
  padding: 10px 15px 10px 15px;
  font-size: 18px;
  font-weight: normal;
  color: white;
}
#menu #menu_container #menu_mobile_main .main_menu_mobile_button a,
#menu #menu_container #menu_mobile_main .main_menu_mobile_button_logout a {
  text-decoration: none;
  color: white;
}
#menu #menu_container #menu_mobile_main .menu_mobile_external_link {
  height: 40px;
  padding: 10px 15px 10px 15px;
  font-size: 18px;
  font-weight: normal;
  color: white;
}
#menu #menu_container #menu_mobile_main .menu_mobile_external_link a {
  text-decoration: none;
  color: white;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_help {
  border-top: 1px solid #46c0eb;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_trial {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #7fc241;
  text-align: center;
  padding: 0px;
  height: 45px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_trial .buy_now_text {
  font-size: 20px;
  font-weight: bold;
  margin-top: -5px;
  display: inline-block;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_trial .days_left_text {
  font-size: 16px;
  margin-left: 10px;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
  font-weight: 600;
  color: white;
  padding: 11px 0 11px 0;
}
@media (max-width: 640px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_trial .trial_label {
    font-size: 20px;
  }
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_notification {
  display: none;
  position: absolute;
  bottom: 45px;
  left: 0;
  width: 100%;
  background-color: #c33837;
  text-align: center;
  padding: 0px;
  height: 145px;
  margin-top: 10px;
  margin-bottom: 5px;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_text {
  font-size: 20px;
  font-weight: bold;
  margin-top: -5px;
  display: inline-block;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_notification .time_left_text {
  font-size: 16px;
  margin-left: 10px;
}
#menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
  font-weight: 600;
  color: white;
  padding: 11px 0 11px 0;
}
@media (max-width: 640px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #menu_mobile_main #menu_main_mobile_notification .notification_label {
    font-size: 20px;
  }
}
#menu #menu_container #mobile_dialog_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  z-index: 1050;
  background-color: white;
  border-bottom: 1px solid #3d3d3d;
}
#menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: #46c0eb;
  font-weight: 500;
}
@media (max-width: 640px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #mobile_dialog_menu .mobile_dialog_header_button {
    font-size: 30px;
  }
}
#menu #menu_container #mobile_dialog_menu .mobile_dialog_header_done {
  float: right;
}
#menu #menu_container #mobile_dialog_menu .mobile_dialog_header_cancel {
  float: left;
}
#menu #menu_container #mobile_popover_menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 45px;
  z-index: 1060;
  background-color: #d2ced0;
  border-bottom: 1px solid #3d3d3d;
}
#menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: #46c0eb;
  font-weight: 500;
}
@media (max-width: 640px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #mobile_popover_menu .mobile_popover_header_button {
    font-size: 30px;
  }
}
#menu #menu_container #mobile_popover_menu .mobile_popover_option_button {
  display: none;
  float: right;
}
#menu #menu_container #mobile_popover_menu .mobile_popover_header_cancel {
  float: left;
}
#menu #menu_container #mobile_popover_menu_footer {
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 45px;
  z-index: 1060;
  background-color: #d2ced0;
  border-top: 1px solid #3d3d3d;
}
#menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: none;
  color: #46c0eb;
  font-weight: 500;
}
@media (max-width: 640px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 16px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 20px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 20px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 24px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 24px;
  }
}
@media (min-width: 1920px) {
  #menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_button {
    font-size: 30px;
  }
}
#menu #menu_container #mobile_popover_menu_footer .mobile_popover_footer_choose {
  float: left;
}
#sub_menu_waiting_list .sub_menu_button_no_js {
  overflow: hidden;
}
#sub_menu_waiting_list .sub_menu_button_no_js:hover,
#sub_menu_waiting_list .sub_menu_button_no_js.active {
  background-color: #6b6167;
}
#sub_menu_waiting_list .sub_menu_button_no_js.selected_sub_menu .sub_dropdown_text {
  color: white;
}
#sub_menu_waiting_list .sub_dropdown_menu_button.selected_sub_menu,
#sub_menu_waiting_list .sub_dropdown_menu_button:hover {
  background-color: #857a80;
}
.admin_section_format {
  width: 100%;
  min-height: 165px;
  margin-top: 20px;
  border: 1px solid white;
  color: white;
  text-align: left;
}
.admin_container #data-container {
  height: 100%;
  min-width: 1250px;
}
#admin_console_container {
  padding: 30px 30px 0px 30px;
  text-align: center;
  background-color: #3d3d3d;
  height: 100%;
}
#admin_console_container h2 {
  margin: 0px;
  padding-top: 15px;
  text-align: center;
}
#admin_console_container .admin_console_heading {
  width: 100%;
  height: 80px;
}
#admin_console_container .analytics_section {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#admin_console_container .info_cell {
  display: block;
}
#admin_console_container .cell_spacer {
  width: 20px;
  display: table-cell;
}
#admin_console_container .info_block {
  width: 100%;
  height: 250px;
  border: 1px solid #d2ced0;
  color: white;
}
#admin_console_container .info_block .info_details_table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
}
#admin_console_container .info_block .info_details_table .info_number {
  display: inline-block;
  font-size: 130px;
  width: 40%;
  height: 190px;
  overflow: hidden;
  color: #7ec241;
}
#admin_console_container .info_block .info_details_table .info_details {
  display: inline-block;
  width: 60%;
  height: 190px;
  padding-top: 35px;
  overflow: hidden;
}
#admin_console_container .info_block .info_details_table .info_details .info_details_labels {
  display: inline-block;
  text-align: left;
  width: 49%;
}
#admin_console_container .info_block .info_details_table .info_details .info_details_numbers {
  display: inline-block;
  text-align: right;
  width: 49%;
  padding-right: 20px;
}
#admin_console_container #breed_table {
  display: table;
  table-layout: fixed;
  width: 100%;
  margin-top: 20px;
}
#admin_console_container #breed_table .info_block_breed {
  width: 1%;
  height: 400px;
  border: 1px solid #d2ced0;
  color: white;
  display: table-cell;
}
#admin_console_container #breed_table .info_block_breed .info_details_table .popover {
  background-color: #232323;
  max-width: none;
}
#admin_console_container #breed_table .info_block_breed .info_details_table .popover .arrow:after {
  border-top-color: #232323;
}
#admin_console_container #breed_table .info_block_breed .info_details_table .popover .popover-content {
  color: white;
  max-width: none;
  overflow: hidden;
  padding: 0px;
  margin: 10px 0px 10px 0px;
}
#admin_console_container #breed_table .info_block_breed .info_details_table #image_profile {
  cursor: pointer;
}
#admin_console_container #breed_table .info_block_breed #breed_select {
  color: black;
  width: 370px;
}
#admin_console_container #breed_table .info_block_breed #breed_thumbnail {
  width: 250px;
  height: 250px;
  margin-top: 30px;
  cursor: pointer;
}
#admin_console_container #breed_table .info_block_breed .sample_image {
  width: 150px;
  height: 150px;
  border: 1px solid white;
  margin: 5px;
  cursor: pointer;
}
#admin_console_container #breed_capture_container {
  width: 100%;
  min-height: 165px;
  margin-top: 20px;
  border: 1px solid white;
  color: white;
  text-align: left;
}
#admin_console_container #breed_capture_container .breed_name_container .item_label {
  display: inline-block;
  line-height: 26px;
  margin: 0;
  width: 150px;
}
#admin_console_container #breed_capture_container .breed_name_container input {
  outline: none;
}
#admin_console_container #breed_capture_container .breed_name_container .breed_found {
  border: 3px solid red;
}
#admin_console_container #breed_capture_container .breed_name_container .breed_not_found {
  border: 3px solid green;
}
#admin_console_container #breed_capture_container .breed_name_container .change_existing {
  background-color: #98ff98;
}
#admin_console_container #breed_capture_container .breed_name_container .input_long {
  display: inline-block;
  vertical-align: top;
  width: 400px;
  color: #3d3d3d;
}
#admin_console_container #breed_capture_container .breed_name_container button {
  background-color: #46c0eb;
}
#admin_console_container #breed_capture_container .breed_name_container p {
  display: block;
  margin: 15px 0px 0px 155px;
  color: red;
}
#admin_console_container .trial_accounts_section {
  width: 100%;
  min-height: 165px;
  margin-top: 20px;
  border: 1px solid white;
  color: white;
  text-align: left;
}
#admin_console_container .reports_section {
  width: 100%;
  min-height: 165px;
  margin-top: 20px;
  border: 1px solid white;
  color: white;
  text-align: left;
}
#admin_console_container #admin_console_footer {
  height: 100px;
}
#admin_console_container #admin_console_footer #btn_save_breed {
  width: 100px;
  height: 30px;
  display: none;
  background-color: #46c0eb;
  margin: 20px 0px 20px 0px;
}
.form_widget button {
  background-color: #46c0eb;
  color: white;
  border-radius: 5px;
  border: 1px solid #46c0eb;
  height: 28px;
}
.form_widget button:hover {
  background-color: #3d3d3d;
}
.form_widget button,
.form_widget input,
.form_widget select {
  height: 28px;
}
@media (min-width: 1920px) {
  .form_widget {
    font-size: 16px;
  }
  .form_widget button,
  .form_widget input,
  .form_widget select {
    height: 30px;
  }
}
#edit_puppy_request_form .contact-select-extra-fields .extra-user-field-label {
  font-weight: bold;
  padding-left: 10px;
}
#edit_puppy_request_form .contact-select-extra-fields input,
#edit_puppy_request_form .contact-select-extra-fields select {
  color: #555555;
  background-color: #fffff0;
}
.widget_select_contact {
  width: 100%;
  padding: 0;
  margin: 0;
}
.widget_select_contact .contact-select-contact-name {
  display: flex;
}
.widget_select_contact .contact-select-extra-fields .label-value {
  margin-top: 6px;
  display: flex;
}
.widget_select_contact .contact-select-extra-fields .label-value .extra-user-field-label {
  color: #232323;
  flex: 1;
}
.widget_select_contact .contact-select-extra-fields .label-value .extra-user-field-value {
  color: #46c0eb;
  background-color: #232323;
  flex: 1;
  width: 100%;
}
.widget_select_contact.active .contact-select-ui {
  display: block;
}
.widget_select_contact.active button {
  display: block;
}
.widget_select_contact .contact-select-ui {
  border: 0px;
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
  font-weight: 500;
  background-color: white;
  color: #232323;
  border: 1px solid #46c0eb;
  display: none;
  cursor: default;
  top: 32px;
  line-height: 28px;
}
.widget_select_contact .contact-select-ui .add-new-contact {
  background-color: #d2ced0;
  color: #232323;
  padding-left: 8px;
  overflow-y: scroll;
}
.widget_select_contact .contact-select-ui .add-new-contact.enabled {
  background-color: #46c0eb;
  color: white;
}
.widget_select_contact .contact-select-ui ol {
  max-height: 196px;
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}
.widget_select_contact .contact-select-ui img {
  height: 28px;
  display: block;
  float: right;
}
@media (min-width: 1920px) {
  .widget_select_contact .contact-select-ui {
    top: 36px;
    line-height: 30px;
  }
  .widget_select_contact .contact-select-ui ol {
    max-height: 210px;
  }
  .widget_select_contact .contact-select-ui img {
    height: 30px;
  }
}
.widget_select_contact .contact-select-ui .contact {
  padding-left: 8px;
}
.widget_select_contact .contact-select-ui .contact.selected {
  background-color: #46c0eb;
  color: white;
}
.widget_select_contact button {
  display: none;
  margin-left: 4px;
}
.widget_select_contact .contact-name-input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  background-color: #232323;
  color: #46c0eb;
  padding-left: 8px;
  flex: 1;
}
.widget_select_contact .contact-name-input:focus {
  background-color: #d2ced0;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
.on-empty-loading:empty {
  margin: auto;
  min-height: 30px;
  width: 30px;
  background-image: url("/img/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.health_vaccinations .no_results,
.health_dewormings .no_results,
.health_vet_visits .no_results {
  display: inline-block;
  width: 100%;
}
.health_vaccinations .vaccinations_table th .timestring,
.health_dewormings .vaccinations_table th .timestring,
.health_vet_visits .vaccinations_table th .timestring,
.health_vaccinations .dewormings_table th .timestring,
.health_dewormings .dewormings_table th .timestring,
.health_vet_visits .dewormings_table th .timestring,
.health_vaccinations .vet_visits_table th .timestring,
.health_dewormings .vet_visits_table th .timestring,
.health_vet_visits .vet_visits_table th .timestring,
.health_vaccinations .vaccinations_table td .timestring,
.health_dewormings .vaccinations_table td .timestring,
.health_vet_visits .vaccinations_table td .timestring,
.health_vaccinations .dewormings_table td .timestring,
.health_dewormings .dewormings_table td .timestring,
.health_vet_visits .dewormings_table td .timestring,
.health_vaccinations .vet_visits_table td .timestring,
.health_dewormings .vet_visits_table td .timestring,
.health_vet_visits .vet_visits_table td .timestring,
.health_vaccinations .vaccinations_table th .datestring,
.health_dewormings .vaccinations_table th .datestring,
.health_vet_visits .vaccinations_table th .datestring,
.health_vaccinations .dewormings_table th .datestring,
.health_dewormings .dewormings_table th .datestring,
.health_vet_visits .dewormings_table th .datestring,
.health_vaccinations .vet_visits_table th .datestring,
.health_dewormings .vet_visits_table th .datestring,
.health_vet_visits .vet_visits_table th .datestring,
.health_vaccinations .vaccinations_table td .datestring,
.health_dewormings .vaccinations_table td .datestring,
.health_vet_visits .vaccinations_table td .datestring,
.health_vaccinations .dewormings_table td .datestring,
.health_dewormings .dewormings_table td .datestring,
.health_vet_visits .dewormings_table td .datestring,
.health_vaccinations .vet_visits_table td .datestring,
.health_dewormings .vet_visits_table td .datestring,
.health_vet_visits .vet_visits_table td .datestring {
  display: inline-block;
  clear: both;
  float: left;
}
.health_vaccinations .vaccinations_table th .future_label,
.health_dewormings .vaccinations_table th .future_label,
.health_vet_visits .vaccinations_table th .future_label,
.health_vaccinations .dewormings_table th .future_label,
.health_dewormings .dewormings_table th .future_label,
.health_vet_visits .dewormings_table th .future_label,
.health_vaccinations .vet_visits_table th .future_label,
.health_dewormings .vet_visits_table th .future_label,
.health_vet_visits .vet_visits_table th .future_label,
.health_vaccinations .vaccinations_table td .future_label,
.health_dewormings .vaccinations_table td .future_label,
.health_vet_visits .vaccinations_table td .future_label,
.health_vaccinations .dewormings_table td .future_label,
.health_dewormings .dewormings_table td .future_label,
.health_vet_visits .dewormings_table td .future_label,
.health_vaccinations .vet_visits_table td .future_label,
.health_dewormings .vet_visits_table td .future_label,
.health_vet_visits .vet_visits_table td .future_label,
.health_vaccinations .vaccinations_table th .overdue_label,
.health_dewormings .vaccinations_table th .overdue_label,
.health_vet_visits .vaccinations_table th .overdue_label,
.health_vaccinations .dewormings_table th .overdue_label,
.health_dewormings .dewormings_table th .overdue_label,
.health_vet_visits .dewormings_table th .overdue_label,
.health_vaccinations .vet_visits_table th .overdue_label,
.health_dewormings .vet_visits_table th .overdue_label,
.health_vet_visits .vet_visits_table th .overdue_label,
.health_vaccinations .vaccinations_table td .overdue_label,
.health_dewormings .vaccinations_table td .overdue_label,
.health_vet_visits .vaccinations_table td .overdue_label,
.health_vaccinations .dewormings_table td .overdue_label,
.health_dewormings .dewormings_table td .overdue_label,
.health_vet_visits .dewormings_table td .overdue_label,
.health_vaccinations .vet_visits_table td .overdue_label,
.health_dewormings .vet_visits_table td .overdue_label,
.health_vet_visits .vet_visits_table td .overdue_label {
  margin-bottom: 3px;
  float: left !important;
}
.health_vaccinations .vaccinations_table .buttons_cell,
.health_dewormings .vaccinations_table .buttons_cell,
.health_vet_visits .vaccinations_table .buttons_cell,
.health_vaccinations .dewormings_table .buttons_cell,
.health_dewormings .dewormings_table .buttons_cell,
.health_vet_visits .dewormings_table .buttons_cell,
.health_vaccinations .vet_visits_table .buttons_cell,
.health_dewormings .vet_visits_table .buttons_cell,
.health_vet_visits .vet_visits_table .buttons_cell {
  width: 83px;
}
.health_vaccinations .vaccinations_table .buttons_cell i,
.health_dewormings .vaccinations_table .buttons_cell i,
.health_vet_visits .vaccinations_table .buttons_cell i,
.health_vaccinations .dewormings_table .buttons_cell i,
.health_dewormings .dewormings_table .buttons_cell i,
.health_vet_visits .dewormings_table .buttons_cell i,
.health_vaccinations .vet_visits_table .buttons_cell i,
.health_dewormings .vet_visits_table .buttons_cell i,
.health_vet_visits .vet_visits_table .buttons_cell i {
  color: #666566;
  font-size: 19px;
  margin: 10px 5px;
  cursor: pointer;
  float: right;
}
.health_vaccinations .vaccinations_table .buttons_cell i.delete_vaccination,
.health_dewormings .vaccinations_table .buttons_cell i.delete_vaccination,
.health_vet_visits .vaccinations_table .buttons_cell i.delete_vaccination,
.health_vaccinations .dewormings_table .buttons_cell i.delete_vaccination,
.health_dewormings .dewormings_table .buttons_cell i.delete_vaccination,
.health_vet_visits .dewormings_table .buttons_cell i.delete_vaccination,
.health_vaccinations .vet_visits_table .buttons_cell i.delete_vaccination,
.health_dewormings .vet_visits_table .buttons_cell i.delete_vaccination,
.health_vet_visits .vet_visits_table .buttons_cell i.delete_vaccination {
  padding: 0 4px;
}
.health_vaccinations .vaccinations_table .buttons_cell i:hover,
.health_dewormings .vaccinations_table .buttons_cell i:hover,
.health_vet_visits .vaccinations_table .buttons_cell i:hover,
.health_vaccinations .dewormings_table .buttons_cell i:hover,
.health_dewormings .dewormings_table .buttons_cell i:hover,
.health_vet_visits .dewormings_table .buttons_cell i:hover,
.health_vaccinations .vet_visits_table .buttons_cell i:hover,
.health_dewormings .vet_visits_table .buttons_cell i:hover,
.health_vet_visits .vet_visits_table .buttons_cell i:hover {
  color: #46c0eb;
}
.health_vaccinations .vaccinations_table .dog_clickable,
.health_dewormings .vaccinations_table .dog_clickable,
.health_vet_visits .vaccinations_table .dog_clickable,
.health_vaccinations .dewormings_table .dog_clickable,
.health_dewormings .dewormings_table .dog_clickable,
.health_vet_visits .dewormings_table .dog_clickable,
.health_vaccinations .vet_visits_table .dog_clickable,
.health_dewormings .vet_visits_table .dog_clickable,
.health_vet_visits .vet_visits_table .dog_clickable {
  display: inline-block;
  border: thin solid #d2ced0;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 3px;
  cursor: pointer;
}
.health_vaccinations .vaccinations_table .dog_clickable:hover,
.health_dewormings .vaccinations_table .dog_clickable:hover,
.health_vet_visits .vaccinations_table .dog_clickable:hover,
.health_vaccinations .dewormings_table .dog_clickable:hover,
.health_dewormings .dewormings_table .dog_clickable:hover,
.health_vet_visits .dewormings_table .dog_clickable:hover,
.health_vaccinations .vet_visits_table .dog_clickable:hover,
.health_dewormings .vet_visits_table .dog_clickable:hover,
.health_vet_visits .vet_visits_table .dog_clickable:hover {
  background-color: #fceeac;
}
.health_vaccinations .vaccinations_table td.dogs_col .reason_dogs_container,
.health_dewormings .vaccinations_table td.dogs_col .reason_dogs_container,
.health_vet_visits .vaccinations_table td.dogs_col .reason_dogs_container,
.health_vaccinations .dewormings_table td.dogs_col .reason_dogs_container,
.health_dewormings .dewormings_table td.dogs_col .reason_dogs_container,
.health_vet_visits .dewormings_table td.dogs_col .reason_dogs_container,
.health_vaccinations .vet_visits_table td.dogs_col .reason_dogs_container,
.health_dewormings .vet_visits_table td.dogs_col .reason_dogs_container,
.health_vet_visits .vet_visits_table td.dogs_col .reason_dogs_container {
  clear: both;
  float: left;
  display: inline-flex;
  align-items: baseline;
}
.health_vaccinations .vaccinations_table td.dogs_col .reason_dogs_container .reason,
.health_dewormings .vaccinations_table td.dogs_col .reason_dogs_container .reason,
.health_vet_visits .vaccinations_table td.dogs_col .reason_dogs_container .reason,
.health_vaccinations .dewormings_table td.dogs_col .reason_dogs_container .reason,
.health_dewormings .dewormings_table td.dogs_col .reason_dogs_container .reason,
.health_vet_visits .dewormings_table td.dogs_col .reason_dogs_container .reason,
.health_vaccinations .vet_visits_table td.dogs_col .reason_dogs_container .reason,
.health_dewormings .vet_visits_table td.dogs_col .reason_dogs_container .reason,
.health_vet_visits .vet_visits_table td.dogs_col .reason_dogs_container .reason {
  white-space: nowrap;
}
#field_message_p {
  padding: 5px;
  color: red;
  text-align: center;
  font-size: 16px;
}
#health_vaccinations_modal .dbp_label_inline,
#health_dewormings_modal .dbp_label_inline {
  display: inline-block !important;
}
#health_vaccinations_modal .field_conflict,
#health_dewormings_modal .field_conflict {
  color: red;
  width: 25px;
  height: 30px;
  padding-top: 6px;
  margin-left: 5px;
}
.field_conflict_message {
  width: 100%;
  color: black;
  font-weight: bold;
  font-size: 16px;
  background-color: rgba(255, 0, 0, 0.1);
  border: thin solid red;
  padding: 8px;
  border-radius: 5px;
}
#dog_multiselect_btn {
  background-color: #46c0eb;
  color: white;
  font-weight: 500;
  font-size: 16px;
  border-radius: 3px;
  border: thin solid #46c0eb;
  float: right;
  margin-top: 5px;
  padding: 3px 5px;
}
.due-date-info {
  color: #46c0eb;
  margin-left: 5px;
}
.days_label {
  color: black;
  font-weight: bold;
  font-size: 16px;
  padding-left: 5px;
}
.dialog_container_new form .edit_text_field .input_column input:required,
.dialog_container_new form .edit_text_field .input_column select:required,
.dialog_container_new form .edit_text_field .input_column textarea:required {
  background-color: #ffedf4;
}
.dialog_container_new form .edit_text_field .input_column input,
.dialog_container_new form .edit_text_field .input_column select {
  height: 34px;
}
.dialog_container_new form .edit_text_field .input_column input,
.dialog_container_new form .edit_text_field .input_column select,
.dialog_container_new form .edit_text_field .input_column textarea {
  display: block;
  width: 100%;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #f5f5f5;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.time_fields select {
  width: 60px !important;
  display: inline-block !important;
  padding: 6px 8px !important;
}
.time_fields input:first-of-type {
  margin-left: 0;
  margin-right: 2px;
}
.time_fields input {
  width: 60px !important;
  display: inline-block !important;
  margin-right: 5px;
  padding: 6px 8px !important;
  text-align: center;
}
#vet_visit_dog_row_weight_lb_kg,
#vet_visit_dog_row_weight_oz_g,
#vet_visit_dog_row_weight_bcs {
  width: 35% !important;
  display: inline-block;
}
.edit_large_popover.dog_selection_popover {
  width: 80%;
  display: block;
  padding: 0 10px;
}
.edit_large_popover.dog_selection_popover .popover_heading {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  margin-top: 20px;
  background-color: #d2ced0;
  padding: 10px;
}
.edit_large_popover.dog_selection_popover .selected_dog {
  color: #3d3d3d;
}
#health_dialog_next_due_date_interval_number {
  display: inline-block !important;
  width: auto !important;
  margin-right: 5px;
}
#health_dialog_next_due_date_interval_type {
  display: inline-block !important;
  width: calc(100% - 60px) !important;
}
.language_support.none {
  color: red;
}
.language_support.partial {
  color: orange;
}
.language_support.full {
  color: green;
}
.language_support:after {
  content: ", ";
}
.language_support:last-of-type:after {
  content: "";
}
[data-item="WaitingListFieldsView"] {
  background-color: lightsalmon;
  color: black !important;
}
[data-item="WebEnquiriesView"] {
  background-color: lightcoral;
  color: black !important;
}
#waiting_list_fields .edit_buttons {
  width: 45px;
}
#waiting_list_fields .edit_buttons .delete {
  float: right;
}
#menu #menu_sub #sub_menu_waiting_list .sub_menu_button_no_js[data-waitlist-menu-item] {
  position: relative;
  padding-top: 3px;
  padding-bottom: 3px;
}
.waitlist_name_text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
input.waitlist_name {
  color: black !important;
  height: 25px;
  margin-top: 5px;
  border: thin dotted lightgrey;
  padding-left: 5px;
  width: 165px;
}
p.waitlist_name {
  width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.waitlist_add_edit_buttons {
  float: right;
  padding-top: 8px;
  padding-right: 10px;
  font-size: 12px;
}
.waitlist_add_edit_buttons .delete_waitlist,
.waitlist_add_edit_buttons .edit_waitlist_name {
  margin-right: 4px;
}
.waitlist_add_edit_buttons .delete_waitlist:hover,
.waitlist_add_edit_buttons .edit_waitlist_name:hover {
  color: lightgrey;
}
.waitlist_add_edit_buttons .delete_waitlist {
  margin-right: 4px;
}
.waitlist_add_edit_buttons .edit_waitlist_name {
  margin-right: 6px;
}
.new_waitlist {
  background-color: white;
  padding: 15px 0;
}
.new_waitlist #new_waitlist_button {
  text-align: center;
  font-size: 16px;
  cursor: pointer;
  color: #46c0eb;
}
.new_waitlist #new_waitlist_button i {
  margin-right: 8px;
}
.new_waitlist #add_waitlist_form,
.new_waitlist > form {
  border: thin solid lightgrey;
  border-radius: 5px;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
  height: 68px;
}
.new_waitlist #add_waitlist_form input,
.new_waitlist > form input {
  width: 100%;
  height: 24px;
  margin: 0 0 5px 0;
  border: thin solid lightgrey;
  padding-left: 5px;
}
.new_waitlist #add_waitlist_form .buttons,
.new_waitlist > form .buttons {
  float: right;
}
.new_waitlist #add_waitlist_form button,
.new_waitlist > form button {
  height: 26px;
  border: solid thin lightgrey;
  border-radius: 3px;
  margin-left: 5px;
}
.waitlist_submenu_spacer {
  background-color: white !important;
}
.page_container_table_based {
  min-width: 1200px;
}
#puppy_waiting_list button.get_emails {
  float: left;
  background-color: #e0ac27;
  border: thin solid #e0ac27;
  border-radius: 4px;
  height: 30px;
  margin: 0 0 4px 10px;
}
#puppy_waiting_list button.get_emails:hover {
  background-color: #e0ac27 !important;
  border: thin solid #e0ac27 !important;
}
#puppy_waiting_list .move_buttons,
#puppy_waiting_list .edit_buttons {
  color: grey;
  font-size: 16px;
}
#puppy_waiting_list .move_buttons .top,
#puppy_waiting_list .edit_buttons .top {
  position: relative;
  top: 0;
}
#puppy_waiting_list .move_buttons .move_up,
#puppy_waiting_list .edit_buttons .move_up,
#puppy_waiting_list .move_buttons .move_down,
#puppy_waiting_list .edit_buttons .move_down,
#puppy_waiting_list .move_buttons .delete,
#puppy_waiting_list .edit_buttons .delete,
#puppy_waiting_list .move_buttons .edit,
#puppy_waiting_list .edit_buttons .edit,
#puppy_waiting_list .move_buttons .short-row-fold-action,
#puppy_waiting_list .edit_buttons .short-row-fold-action,
#puppy_waiting_list .move_buttons .short-row-unfold-action,
#puppy_waiting_list .edit_buttons .short-row-unfold-action,
#puppy_waiting_list .move_buttons .print,
#puppy_waiting_list .edit_buttons .print {
  margin: 2px 5px;
  padding: 3px;
  border-radius: 3px;
}
@media (hover: hover) {
  #puppy_waiting_list .move_buttons .move_up:hover,
  #puppy_waiting_list .edit_buttons .move_up:hover,
  #puppy_waiting_list .move_buttons .move_down:hover,
  #puppy_waiting_list .edit_buttons .move_down:hover,
  #puppy_waiting_list .move_buttons .delete:hover,
  #puppy_waiting_list .edit_buttons .delete:hover,
  #puppy_waiting_list .move_buttons .edit:hover,
  #puppy_waiting_list .edit_buttons .edit:hover,
  #puppy_waiting_list .move_buttons .short-row-fold-action:hover,
  #puppy_waiting_list .edit_buttons .short-row-fold-action:hover,
  #puppy_waiting_list .move_buttons .short-row-unfold-action:hover,
  #puppy_waiting_list .edit_buttons .short-row-unfold-action:hover,
  #puppy_waiting_list .move_buttons .print:hover,
  #puppy_waiting_list .edit_buttons .print:hover {
    background-color: #46c0eb;
    color: white;
    border-radius: 3px;
  }
}
#puppy_waiting_list .move_buttons .move_up:active,
#puppy_waiting_list .edit_buttons .move_up:active,
#puppy_waiting_list .move_buttons .move_down:active,
#puppy_waiting_list .edit_buttons .move_down:active,
#puppy_waiting_list .move_buttons .delete:active,
#puppy_waiting_list .edit_buttons .delete:active,
#puppy_waiting_list .move_buttons .edit:active,
#puppy_waiting_list .edit_buttons .edit:active,
#puppy_waiting_list .move_buttons .short-row-fold-action:active,
#puppy_waiting_list .edit_buttons .short-row-fold-action:active,
#puppy_waiting_list .move_buttons .short-row-unfold-action:active,
#puppy_waiting_list .edit_buttons .short-row-unfold-action:active,
#puppy_waiting_list .move_buttons .print:active,
#puppy_waiting_list .edit_buttons .print:active {
  background-color: #46c0eb;
  color: white;
  border-radius: 3px;
}
#puppy_waiting_list .move_buttons .delete,
#puppy_waiting_list .edit_buttons .delete,
#puppy_waiting_list .move_buttons .edit,
#puppy_waiting_list .edit_buttons .edit,
#puppy_waiting_list .move_buttons .print,
#puppy_waiting_list .edit_buttons .print {
  padding-top: 6px;
  padding-bottom: 6px;
}
#puppy_waiting_list th.toggle-buttons {
  text-align: center;
}
#puppy_waiting_list .dbp-table-wrapper.short-rows .move_buttons i {
  margin-top: 0;
}
#puppy_waiting_list .move_buttons {
  font-size: 18px;
  width: 45px;
}
#puppy_waiting_list th.toggle-buttons {
  width: 30px;
}
#puppy_waiting_list table.filters {
  margin: 0;
}
#puppy_waiting_list table tbody a {
  padding-bottom: 1px;
}
#puppy_waiting_list table tbody a:hover {
  background-color: #FFFFE0;
  text-decoration: none;
}
#puppy_waiting_list table tbody a:visited,
#puppy_waiting_list table tbody a:active {
  text-decoration: none;
}
#puppy_waiting_list table tbody td.contact_info {
  min-width: 200px;
}
#puppy_waiting_list table tbody td.date_added {
  min-width: 150px;
}
#puppy_waiting_list table tbody td.note {
  width: 25%;
  min-width: 200px;
}
#puppy_waiting_list table tbody .contact_name {
  color: #337ab7;
  font-weight: bold;
  font-size: 15px;
}
#puppy_waiting_list table tbody i[data-contact-link],
#puppy_waiting_list table tbody i[data-copy-tel],
#puppy_waiting_list table tbody i[data-copy-email] {
  font-size: 15px;
  margin-left: 2px;
  color: #333 !important;
}
#puppy_waiting_list table tbody i[data-contact-link]:hover,
#puppy_waiting_list table tbody i[data-copy-tel]:hover,
#puppy_waiting_list table tbody i[data-copy-email]:hover {
  font-size: 16px;
}
#puppy_waiting_list table tbody .item_label {
  font-weight: bold;
}
#puppy_waiting_list table tbody .method_of_contact {
  margin-left: 5px;
}
#puppy_waiting_list table tbody tr {
  cursor: pointer;
}
@media (hover: hover) {
  #puppy_waiting_list table tbody tr:hover {
    background-color: #d1effa;
  }
}
#puppy_waiting_list table tbody tr:active {
  background-color: #d1effa;
}
#puppy_waiting_list table tbody tr i.far {
  color: grey;
}
#puppy_waiting_list table .toggle_icons {
  float: right;
  padding-right: 10px;
}
#puppy_waiting_list table .toggle_icons:hover {
  cursor: grab;
}
#puppy_waiting_list table .toggle_icons .fa-minus {
  display: inline;
}
#puppy_waiting_list table .toggle_icons .fa-plus {
  display: none;
}
#puppy_waiting_list table.folded tbody {
  display: none;
}
#puppy_waiting_list table.folded .toggle_icons .fa-minus {
  display: none;
}
#puppy_waiting_list table.folded .toggle_icons .fa-plus {
  display: inline;
}
#possible_edit_value_container {
  width: 100%;
}
#possible_edit_value_container button {
  margin-bottom: 5px;
}
#possible_edit_value_container .edit_text_field .input_column {
  display: flex;
  align-items: center;
  padding: 5px;
}
#possible_edit_value_container .edit_text_field .input_column input {
  flex-grow: 1;
  box-sizing: border-box;
}
#possible_edit_value_container .edit_text_field .input_column i {
  box-sizing: border-box;
  vertical-align: baseline;
  margin: 0 4px;
}
.customer_enquiry_checkbox_label {
  text-wrap: wrap;
  max-width: calc(100% - 20px);
  padding-right: 10px;
  float: left;
}
.dialog_container_new [name="edit_settings_customer_enquiries"] input[type="checkbox"].customer_enquiry_checkbox_checkbox {
  float: left;
  margin: 5px 0 0 0;
}
.enquiry_actions {
  float: right;
  width: 160px;
}
.to_waitlist {
  margin-left: 10px;
  background-color: lightblue;
  padding: 4px;
  border-radius: 2px;
  cursor: pointer;
}
.address_header {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: bold;
}
.address {
  line-height: 1.3em;
  margin-left: 4px;
  margin-bottom: 4px;
}
.has-float-label {
  display: block;
  position: relative;
}
.has-float-label .form-control {
  width: 100% !important;
  font-size: 16px !important;
}
.has-float-label label,
.has-float-label > span {
  position: absolute;
  cursor: text;
  font-size: 16px;
  color: #0d5974;
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
}
.has-float-label label::after,
.has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  height: 2px;
  top: 50%;
  left: -0.2em;
  right: -0.2em;
  z-index: -1;
}
.has-float-label label {
  top: -17px;
}
.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
  transition: all 0.2s;
}
.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: all 0.2s;
}
.has-float-label .form-control::placeholder {
  opacity: 1;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  font-size: 120%;
  opacity: 0.5;
  top: 0.3em;
  font-weight: 400;
  color: #555555;
}
.input-group .has-float-label {
  display: table-cell;
}
.input-group .has-float-label .form-control {
  border-radius: 4px;
}
.input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
.has-float-label .form-control {
  font-size: 14px;
}
.filepond--root {
  /* Base styling */
  font-family: inherit;
  font-size: 16px;
  max-width: 500px;
  min-width: 300px;
  border-radius: 5px;
  cursor: pointer;
  /* Drop area */
  --panel-background-color: #f1f5f9;
  --panel-border-radius: 4px;
  /* Labels and text */
  --label-info-color: #555;
  --label-font-size: 14px;
  /* File items */
  --item-height: 40px;
  --item-padding: 6px;
  --item-background-color: #fff;
  --item-border-radius: 4px;
}
.filepond--item {
  border-radius: 5px;
  height: 45px !important;
}
.filepond--drop-lable,
.filepond--panel-root {
  background-color: #BABABA;
}
#dog_gallery_container #filepond_container,
#contact_gallery_container #filepond_container {
  margin: 0 !important;
  padding: 0 !important;
}
/* Gallery upload close button styling */
.close_upload_x {
  position: absolute;
  top: 5px;
  right: 5px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #ddd;
  border-radius: 50%;
  font-size: 16px;
  color: #666;
  cursor: pointer;
  z-index: 1000;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.close_upload_x:hover {
  background: #fff;
  color: #333;
  border-color: #bbb;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.close_upload_x:active {
  transform: scale(0.95);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
/**
 * Autocomplete Dropdown Styling
 * Styles for jQuery UI autocomplete dropdowns used by AutocompleteUtils
 */
.ui-autocomplete {
  position: absolute !important;
  z-index: 9999 !important;
  background: #ffffff;
  border: 1px solid #ddd;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-family: inherit;
  font-size: 14px;
  min-width: 120px !important;
  width: fit-content !important;
  width: -moz-fit-content !important;
  width: -webkit-fit-content !important;
  max-height: 240px;
  overflow-x: hidden;
  overflow-y: auto;
  scroll-behavior: smooth;
}
.ui-autocomplete::-webkit-scrollbar {
  width: 8px;
}
.ui-autocomplete::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.ui-autocomplete::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.ui-autocomplete::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.ui-autocomplete.ui-autocomplete-short {
  overflow-y: hidden !important;
  max-height: none !important;
}
.ui-autocomplete.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  border: solid 1px #999999;
}
.ui-autocomplete.ui-menu li.ui-menu-item {
  margin: 0;
  padding: 0;
  border: none;
}
.ui-autocomplete.ui-menu li.ui-menu-item:not(:last-child) {
  border-bottom: 1px solid #999999 !important;
}
.ui-autocomplete.ui-menu li.ui-menu-item .ui-menu-item-wrapper {
  padding: 10px 15px;
  cursor: pointer;
  border: none;
  background: transparent;
  color: #333;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  display: block;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  transition: all 0.2s ease;
}
.ui-autocomplete.ui-menu li.ui-menu-item .ui-menu-item-wrapper:hover,
.ui-autocomplete.ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-active,
.ui-autocomplete.ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background: #1976d2;
  color: #ffffff;
  border: none;
  outline: none;
}
.ui-autocomplete.ui-menu li.ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background: #1976d2;
  color: #ffffff;
  font-weight: 500;
}
.ui-autocomplete.ui-menu li.ui-menu-item:first-child .ui-menu-item-wrapper {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ui-autocomplete.ui-menu li.ui-menu-item:last-child .ui-menu-item-wrapper {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-autocomplete.ui-autocomplete-empty .ui-menu-item .ui-menu-item-wrapper {
  color: #999;
  font-style: italic;
  cursor: default;
}
.ui-autocomplete.ui-autocomplete-empty .ui-menu-item .ui-menu-item-wrapper:hover {
  background: transparent;
}
.modal .ui-autocomplete,
.dialog .ui-autocomplete,
#dialog_edit_dog .ui-autocomplete {
  z-index: 10000 !important;
}
.ui-autocomplete-loading {
  background-image: url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wjRvqaqkyOFNxkUt1mO2BO2GrTLKoCFqnX2HDdaWv6jUqSCgNOYUKgKxIAAAh+QQJCgAAACwAAAAAEAAQAAADOAi63P7wyM5LUKn8ZJWUYRqYyj+aUgq+wkI+ZHCy8Xkk5xGO/4YXgIwKNR9FdZZUm8VNcgtKTgVhAAwHYwAAIfkECQoAAAAsAAAAABAAEAAAAzQIujJiKb2VQ9N4ZYT52Zst6KGmJzlzM5LPa4a5OE4Rt9vZ+rxcQhOlj6h0YXBXjMGMOq8JAAMBAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P5ajOhOYYR5hIL1jU6ZqJu6yqKxLLEHSkd4hnX1C7wEqoE/HFfW2lG6oRGHZOUJAAA7') !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  padding-right: 35px !important;
}
@media (prefers-contrast: high) {
  .ui-autocomplete {
    border-color: #000;
  }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
    background: #000;
    color: #fff;
  }
}
@media (prefers-color-scheme: dark) {
  .ui-autocomplete {
    background: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
  }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    color: #e2e8f0;
  }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper:hover,
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #4a5568;
  }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
    background: #3182ce;
    color: #fff;
  }
  .ui-autocomplete::-webkit-scrollbar-track {
    background: #4a5568;
  }
  .ui-autocomplete::-webkit-scrollbar-thumb {
    background: #718096;
  }
  .ui-autocomplete::-webkit-scrollbar-thumb:hover {
    background: #a0aec0;
  }
}
@media (max-width: 768px) {
  .ui-autocomplete {
    left: 0 !important;
    right: 0 !important;
    width: auto !important;
    min-width: auto;
    max-width: none;
  }
  .ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
    padding: 12px 15px;
    font-size: 16px;
  }
}
.ui-autocomplete {
  animation: fadeInDropdown 0.2s ease-out;
}
@keyframes fadeInDropdown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.ui-autocomplete-theme-compact .ui-menu-item .ui-menu-item-wrapper {
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.2;
}
.ui-autocomplete-theme-minimal {
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
}
.ui-autocomplete-theme-minimal .ui-menu-item:not(:last-child) {
  border-bottom: none;
}
.ui-autocomplete-theme-minimal .ui-menu-item .ui-menu-item-wrapper {
  padding: 8px 12px;
}
.ui-autocomplete-theme-minimal .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-autocomplete-theme-minimal .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f5f5f5;
}
.ui-autocomplete-theme-minimal .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background: #f0f0f0;
  color: #333;
  font-weight: normal;
}
.ui-autocomplete-theme-modern {
  border: none;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.ui-autocomplete-theme-modern .ui-menu-item .ui-menu-item-wrapper {
  padding: 12px 16px;
  border-radius: 6px;
  margin: 2px 4px;
}
.ui-autocomplete-theme-modern .ui-menu-item .ui-menu-item-wrapper:hover,
.ui-autocomplete-theme-modern .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background: #f8f9fa;
  transform: translateX(2px);
  transition: all 0.2s ease;
}
.ui-autocomplete-theme-modern .ui-menu-item .ui-menu-item-wrapper.ui-state-focus {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  font-weight: 500;
  transform: translateX(4px);
}
.ui-autocomplete-theme-modern .ui-menu-item:first-child .ui-menu-item-wrapper {
  border-radius: 6px;
}
.ui-autocomplete-theme-modern .ui-menu-item:last-child .ui-menu-item-wrapper {
  border-radius: 6px;
}
html {
  height: 100%;
}
.alert_note {
  display: inline-block;
  width: 100%;
  background-color: #ffedf4;
  padding: 10px;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
}
body {
  font-family: "Lato", "Verdana", "Geneva", "Arial";
  font-style: normal;
  height: 100%;
  padding-right: 0 !important;
}
#data-container {
  margin: 45px 5px 0;
}
p,
h1,
h2 {
  margin: 0;
}
.container-fluid {
  height: 100%;
  padding: 0px;
  overflow: hidden;
}
.center {
  text-align: center;
}
.v-align-top {
  vertical-align: top;
}
.t-align-right {
  text-align: right;
}
.comma-separated-seq:after {
  content: ", ";
}
.comma-separated-seq:last-child:after {
  content: "";
}
.loading_backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: none;
  opacity: 0.1;
  z-index: 1051;
}
.loading_backdrop .loading_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}
.loading_backdrop .loading_block .saving_message {
  color: white;
  margin-top: 2vh;
  font-size: 3vh;
}
.loading_backdrop .loading_block .waiting_div {
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin: 0.2vh;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
}
.loading_backdrop .loading_block_dark .waiting_div {
  -moz-animation: loading_animate_dark 0.5s infinite alternate;
  -webkit-animation: loading_animate_dark 0.5s infinite alternate;
  -o-animation: loading_animate_dark 0.5s infinite alternate;
  animation: loading_animate_dark 0.5s infinite alternate;
}
.loading_backdrop .loading_block_white .waiting_div {
  -moz-animation: loading_animate_white 0.5s infinite alternate;
  -webkit-animation: loading_animate_white 0.5s infinite alternate;
  -o-animation: loading_animate_white 0.5s infinite alternate;
  animation: loading_animate_white 0.5s infinite alternate;
}
.loading_backdrop .loading_container .opacity_div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.8;
}
/* *** SAVING_BACKDROP START *** */
.saving_backdrop {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  z-index: 1080;
}
.saving_backdrop .saving_container {
  width: 100%;
  height: 100%;
  vertical-align: top;
  position: relative;
}
.saving_backdrop .saving_container .saving_container_block {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.saving_backdrop .saving_container .saving_container_block .saving_block {
  width: 100%;
  height: 35vh;
}
.saving_backdrop .saving_container .saving_container_block .saving_right_block {
  position: relative;
  float: left;
  background-color: #d2ced0;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  border-radius: 5px;
  border: thin solid #ccc;
}
.saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
  color: #656565;
  margin-top: 8px;
  font-weight: 600;
}
@media (max-width: 640px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  .saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .saving_message {
    font-size: 16px;
  }
}
.saving_backdrop .saving_container .saving_container_block .saving_right_block .saving_animation_container .waiting_div {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  -moz-animation: saving_animate 0.6s infinite alternate;
  -webkit-animation: saving_animate 0.6s infinite alternate;
  -o-animation: saving_animate 0.6s infinite alternate;
  animation: saving_animate 0.6s infinite alternate;
}
/* *** SAVING_ANIMATE START *** */
@-webkit-keyframes saving_animate {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-moz-keyframes saving_animate {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@-o-keyframes saving_animate {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
@keyframes saving_animate {
  0% {
    background-color: white;
  }
  80% {
    background-color: #46c0eb;
  }
}
/* *** SAVING_ANIMATE END *** */
.global_image_helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
/* *** DETAIL_CONTAINER START *** */
#detail_container {
  width: 100vw;
  max-width: 100%;
}
#detail_container #detail_container_header {
  width: 100%;
  height: 46px;
  padding: 5px 0;
  margin-bottom: 10px;
  overflow: hidden;
  border-bottom: thin solid #d2ced0;
  position: fixed;
  top: 45px;
  z-index: 100;
  margin-left: -5px;
  background-color: white;
  padding-right: 10px;
  padding-left: 10px;
}
#detail_container #detail_container_header .heading_top_bar {
  float: left;
  margin-left: 6px;
}
#detail_container #detail_container_header .heading_top_bar #main_heading {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 959px) {
  #detail_container #detail_container_header .heading_top_bar.no_sub_heading {
    position: absolute;
    margin-top: 3px;
  }
  #detail_container #detail_container_header .heading_top_bar.no_sub_heading #main_heading {
    font-size: 20px;
  }
  #detail_container #detail_container_header .heading_top_bar.no_sub_heading #sub_heading {
    display: none;
  }
}
@media screen and (max-width: 420px) {
  #detail_container #detail_container_header .heading_top_bar {
    margin-left: 0;
    margin-top: -3px;
  }
  #detail_container #detail_container_header .heading_top_bar #main_heading {
    max-width: calc(100vw - 180px);
    font-size: 14px;
    font-weight: bold;
  }
  #detail_container #detail_container_header .heading_top_bar #sub_heading {
    display: block;
    margin-top: -3px;
    font-size: 12px;
    max-width: calc(100vw - 260px);
    overflow: hidden;
    white-space: nowrap;
  }
}
@media screen and (min-width: 421px) and (max-width: 500px) {
  #detail_container #detail_container_header .heading_top_bar {
    margin-top: -4px;
  }
  #detail_container #detail_container_header .heading_top_bar #main_heading {
    max-width: calc(100vw - 180px);
    font-size: 16px;
    font-weight: bold;
  }
  #detail_container #detail_container_header .heading_top_bar #sub_heading {
    display: block;
    margin-top: -6px;
    font-size: 14px;
  }
}
@media screen and (min-width: 501px) and (max-width: 959px) {
  #detail_container #detail_container_header .heading_top_bar {
    margin-top: -4px;
  }
  #detail_container #detail_container_header .heading_top_bar #main_heading {
    max-width: calc(100vw - 180px);
    font-size: 16px;
    font-weight: bold;
  }
  #detail_container #detail_container_header .heading_top_bar #sub_heading {
    display: block;
    margin-top: -6px;
    font-size: 14px;
  }
}
@media screen and (min-width: 960px) {
  #detail_container #detail_container_header .heading_top_bar {
    margin-left: 12px;
  }
  #detail_container #detail_container_header .heading_top_bar #main_heading {
    max-width: 500px;
    font-size: 24px;
  }
  #detail_container #detail_container_header .heading_top_bar #sub_heading {
    display: none;
  }
}
#detail_container #detail_container_header #detail_header_options {
  float: right;
}
#detail_container #detail_container_header #detail_header_options #edit_item {
  padding-right: 5px !important;
}
#detail_container #detail_container_header #detail_header_options .option_button {
  display: none;
  float: right;
  align-items: center;
  margin-right: 5px;
  font-weight: 400;
  padding: 10px;
  border: 0px;
  outline: none;
  color: white;
  background-color: #46c0eb;
  border: 1px solid #46c0eb;
  margin: 0 0 0 10px;
}
#detail_container #detail_container_header #detail_header_options .option_button .option_dropdown_image {
  width: 12px;
  vertical-align: top;
  padding-top: 4px;
}
#detail_container #detail_container_header #detail_header_options .option_button i {
  font-size: 20px;
}
#detail_container #detail_container_header #detail_header_options .option_menu_container {
  display: none;
  margin-left: -5px;
}
#detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
  background-color: #d2ced0;
  margin-left: 5px;
  margin-top: 2vh;
}
@media (max-width: 640px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 30px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 34px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 38px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 42px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 46px;
  }
}
@media (min-width: 1920px) {
  #detail_container #detail_container_header #detail_header_options .option_menu_container .option_menu_button {
    height: 50px;
  }
}
#detail_container #detail_container_header #detail_header_options #search_item_textbox {
  display: block;
  float: right;
  margin-left: 10px;
  width: 100px !important;
  height: 35px !important;
  box-sizing: border-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
  font-weight: 400;
  color: black;
  padding-left: 8px;
  background-color: #d2ced0;
  border: solid 1px #46c0eb;
}
@media (max-width: 640px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 12px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 14px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 14px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 14px;
  }
}
@media (min-width: 1920px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    font-size: 16px;
  }
}
@media (max-width: 640px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 28px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 28px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 28px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 28px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 28px;
  }
}
@media (min-width: 1920px) {
  #detail_container #detail_container_header #detail_header_options #search_item_textbox {
    height: 30px;
  }
}
#detail_container #detail_container_header #detail_header_options #search_item_textbox:focus {
  background-color: #f4f4f4;
  color: #232323;
  border: 1px solid #46c0eb !important;
}
#detail_container #detail_container_header #detail_header_options #search_item_textbox.search_filter_active {
  background-color: pink;
}
#detail_container #detail_container_header .option_button_submenu_container {
  display: none;
}
#detail_container #detail_container_header #heading_user_detail_container {
  display: none;
}
#detail_container #detail_container_body {
  overscroll-behavior: none;
  margin: 105px 5px 10px 5px;
  height: calc(100vh - 110px);
  overflow-y: auto;
}
#detail_container #detail_container_body .loading_container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}
#detail_container #detail_container_body .loading_container .loading_block {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  display: none;
}
#detail_container #detail_container_body .loading_container .loading_block .saving_message {
  color: #3d3d3d;
  margin-top: 2vh;
  font-size: 3vh;
}
#detail_container #detail_container_body .loading_container .loading_block .waiting_div {
  display: inline-block;
  width: 3vh;
  height: 3vh;
  margin: 0.2vh;
  background-color: #46c0eb;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 0px;
  outline: none;
}
#detail_container #detail_container_body .loading_container .loading_block_dark .waiting_div {
  -moz-animation: loading_animate_dark 0.5s infinite alternate;
  -webkit-animation: loading_animate_dark 0.5s infinite alternate;
  -o-animation: loading_animate_dark 0.5s infinite alternate;
  animation: loading_animate_dark 0.5s infinite alternate;
}
#detail_container #detail_container_body .loading_container .loading_block_white .waiting_div {
  -moz-animation: loading_animate_white 0.5s infinite alternate;
  -webkit-animation: loading_animate_white 0.5s infinite alternate;
  -o-animation: loading_animate_white 0.5s infinite alternate;
  animation: loading_animate_white 0.5s infinite alternate;
}
#detail_container #detail_container_body .no_data_container {
  position: relative;
  width: 100%;
  height: calc(100% - 100px);
  text-align: center;
}
#detail_container #detail_container_body .no_data_container .detail_container_no_data_image {
  vertical-align: middle;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button {
  vertical-align: middle;
  font-weight: 600;
  margin-left: -160px;
  width: 154px;
  height: 154px;
  background-color: #46c0eb;
  -webkit-border-radius: 154px / 2;
  -moz-border-radius: 154px / 2;
  border-radius: 154px / 2;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
}
@media (max-width: 640px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 13px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 14px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 16px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 16px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 18px;
  }
}
@media (min-width: 1920px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button {
    font-size: 20px;
  }
}
#detail_container #detail_container_body .no_data_container .no_data_add_button:hover {
  background-color: #3d3d3d !important;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button:focus {
  background-color: #3d3d3d;
  border: 1px solid #46c0eb;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button:active {
  border: 3px solid #46c0eb;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
  vertical-align: middle;
  font-weight: 600;
  width: 100px;
  height: 100px;
  background-color: #46c0eb;
  -webkit-border-radius: 100px / 2;
  -moz-border-radius: 100px / 2;
  border-radius: 100px / 2;
  border: 0px;
  outline: none;
  padding: 0;
  color: white;
}
@media (max-width: 640px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 14px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 16px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 18px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 20px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 22px;
  }
}
@media (min-width: 1920px) {
  #detail_container #detail_container_body .no_data_container .no_data_add_button_mobile {
    font-size: 24px;
  }
}
#detail_container #detail_container_body .no_data_container .no_data_add_button_mobile:hover {
  background-color: #3d3d3d !important;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button_mobile:focus {
  background-color: #3d3d3d;
  border: 1px solid #46c0eb;
}
#detail_container #detail_container_body .no_data_container .no_data_add_button_mobile:active {
  border: 3px solid #46c0eb;
}
@media (min-width: 960px) {
  #detail_container {
    height: 100%;
    max-width: 100%;
    overflow: hidden;
  }
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    display: inline-block;
    font-weight: 500;
    cursor: pointer;
    padding-left: 10px;
  }
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link:hover {
    color: #46c0eb;
  }
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_profile {
    padding-right: 4px;
  }
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_settings {
    border-left: 1px solid #232323;
    padding-right: 4px;
  }
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_logout {
    border-left: 1px solid #232323;
  }
  #detail_container #detail_container_header #detail_header_options .option_menu_container {
    display: none;
  }
  #detail_container #detail_container_body {
    padding: 0;
    margin-left: 285px;
    margin-top: 65px;
    width: calc(100vw - 300px);
    height: calc(100vh - 130px);
    overflow-y: auto;
  }
  #detail_container #detail_container_body .loading_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
  #detail_container #detail_container_body .loading_container .loading_block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: none;
  }
  #detail_container #detail_container_body .loading_container .loading_block .saving_message {
    color: #3d3d3d;
    margin-top: 2vh;
    font-size: 3vh;
  }
  #detail_container #detail_container_body .loading_container .loading_block .waiting_div {
    display: inline-block;
    width: 3vh;
    height: 3vh;
    margin: 0.2vh;
    background-color: #46c0eb;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0px;
    outline: none;
  }
  #detail_container #detail_container_body .loading_container .loading_block_dark .waiting_div {
    -moz-animation: loading_animate_dark 0.5s infinite alternate;
    -webkit-animation: loading_animate_dark 0.5s infinite alternate;
    -o-animation: loading_animate_dark 0.5s infinite alternate;
    animation: loading_animate_dark 0.5s infinite alternate;
  }
  #detail_container #detail_container_body .loading_container .loading_block_white .waiting_div {
    -moz-animation: loading_animate_white 0.5s infinite alternate;
    -webkit-animation: loading_animate_white 0.5s infinite alternate;
    -o-animation: loading_animate_white 0.5s infinite alternate;
    animation: loading_animate_white 0.5s infinite alternate;
  }
}
@media (min-width: 960px) and (max-width: 640px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 641px) and (max-width: 854px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 855px) and (max-width: 960px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 961px) and (max-width: 1280px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 10px;
  }
}
@media (min-width: 960px) and (min-width: 1281px) and (max-width: 1919px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 11px;
  }
}
@media (min-width: 960px) and (min-width: 1920px) {
  #detail_container #detail_container_header .heading_top_bar #heading_user_detail_container .user_detail_link {
    font-size: 13px;
  }
}
.notification-bottom {
  display: none;
  position: fixed;
  z-index: 9999;
  bottom: 0;
  left: 0;
  height: 1.6em;
  text-align: center;
  line-height: 1.6em;
  cursor: pointer;
  font-size: 18px;
  margin: 0 10px 10px;
  width: calc(100% - 20px);
  border-radius: 5px;
  color: white;
  background-color: #fc3903;
}
.notification-bottom.pi-notification {
  background-color: #e2a027;
}
.notification-bottom.referrals-notification {
  background-color: #e2a027;
}
.notification-close-x {
  float: right;
  margin-top: 7px;
  font-size: 16px;
  margin-right: 10px;
}
.option_button_submenu_container {
  position: absolute;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.option_button_submenu_container .option_button_submenu_item {
  cursor: pointer;
}
.option_button_submenu_container .option_button_submenu_item p {
  font-weight: 400;
  padding: 10px;
  border: 0px;
  outline: none;
  color: white;
  background-color: #46c0eb;
  border: 1px solid #46c0eb;
  font-weight: 500;
  padding: 5px 10px 5px 10px !important;
  width: 100%;
}
@media (max-width: 640px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 10px;
  }
}
@media (min-width: 641px) and (max-width: 854px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 10px;
  }
}
@media (min-width: 855px) and (max-width: 960px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 10px;
  }
}
@media (min-width: 961px) and (max-width: 1280px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 10px;
  }
}
@media (min-width: 1281px) and (max-width: 1919px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 10px;
  }
}
@media (min-width: 1920px) {
  .option_button_submenu_container .option_button_submenu_item p {
    font-size: 11px;
  }
}
i.clickable-icon {
  padding: 3px;
  font-size: 20px;
  margin-right: 0.1em;
}
i.clickable-icon:hover {
  border: 2px solid black;
  padding: 1px;
  cursor: pointer;
}
@media (max-width: 1200px) {
  i.clickable-icon {
    margin: 0 0.3em 0 0;
  }
}
@media (max-width: 800px) {
  i.clickable-icon {
    margin: 0.2em 0.3em 0 0;
  }
}
/* *** DETAIL_CONTAINER END *** */