html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
body {
line-height: 1
}
ol,
ul {
list-style: none
}
blockquote,
q {
quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
.clear {
clear: both !important;
float: none !important;
margin: 0px !important;
padding: 0px !important;
height: 0px !important;
width: 0px !important
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
img {
display: block;
}
.oldBrowser {
display: none !important
}
.center {
width: 960px;
margin: 0 auto;
text-align: left;
position: relative;
}
.inner-center {
padding: 0 10px;
}
body {
transition: background-color 0.2s ease-out;
background: #ffffff;
font-family: sans-serif;
font-size: 15px;
line-height: 20px;
color: #333333;
font-weight: 400;
width: 100%;
top: 0 !important;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
a {
text-decoration: none;
}
.box-right {
float: right;
}
.header-controlMenuButton svg {
fill: #ffffff;
}
#hit-menu {
position: fixed;
left: 0;
top: 0;
z-index: 10000;
height: 100%;
background-color: transparent;
display: none;
}
/*HEADER*/
#header {
position: fixed;
height: 60px;
width: 100%;
left: 0;
top: 0;
z-index: 997;
}
.header-topo {
background-color: #3c61c5;
background-image: linear-gradient(to bottom right, #3c61c5, #3754a1);
border-bottom: 2px solid #354d8d;
height: 60px;
position: relative;
}
.brand-icon {
position: absolute;
margin: 9px 0px 0px 10px;
width: auto;
height: 40px;
border: 0px;
}
.header-controlMenuButton {
position: absolute;
left: 200px;
height: 60px;
width: 60px;
background-color: #294387;
text-align: center;
cursor: pointer;
}
.header-controlMenuButton .spt {
display: inline-block;
}
.header-controlMenuButton:hover {
background-color: #243b79;
}
.header-search {
width: 260px;
float: left;
position: absolute;
left: 0;
}
#ekenneluserlogo {
display: inline-block;
vertical-align: middle;
margin-right: 7px;
margin-left: 7px;
margin-top: -4px;
width: 28px;
height: 28px;
border-radius: 16px;
cursor: pointer;
}
#header .menu-modulos {
float: left;
width: 100%;
height: 50px;
}
#header .menu-modulos .menu-modulosInner {
padding: 0 120px 0 280px;
}
#header .menu-modulos .menu-modulosWrapper {
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}
#header .menu-modulos .menu-modulosBt {
position: relative;
display: inline-block;
padding: 0 10px;
margin: 0 5px;
}
#header .menu-modulos .menu-modulosBt-mainBt {
display: block;
font-weight: normal;
text-align: center;
padding: 15px 0;
font-size: 14px;
color: #848484;
}
#header .menu-modulos .menu-modulosFeed {
position: absolute;
width: 100%;
bottom: 0;
height: 2px;
left: 0;
display: none;
background-color: #3c61c5;
}
#header .menu-modulos .menu-modulosBt:hover .menu-modulosFeed {
display: block;
}
#header .menu-modulos .menu-modulosBt:hover .menu-modulosBt-mainBt {
color: #333333;
}
.header-nomeEmpresa {
margin: 17px 0 0 20px;
float: left;
color: #ffffff;
font-size: 20px;
line-height: 25px;
font-weight: 300;
}
.header-nomeEmpresa_mobile {
margin: 20px 0 0 5px;
display: none;
}
.button-menu-mobile {
display: none;
height: 80px;
cursor: pointer;
background: rgba(0,0,0,0);
border: 0px;
}
.button-menu-mobile {
height: 60px;
float: left;
width: 40px;
margin-left: 10px;
}
.button-menu-mobile .box-stripes {
position: relative;
width: 20px;
}
.button-menu-mobile span {
position: absolute;
width: 100%;
background-color: #ffffff;
height: 2px;
top: 0;
}
#header .stripe-top {
margin-top: -6px;
}
#header .stripe-bottom {
margin-top: 6px;
}
#header .header-inner {
/*margin-left: 260px; */
position: relative;
-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
[contenteditable] {
-webkit-user-select: text;
user-select: text;
}
#menu {
position: fixed;
top: 0;
left: 0;
height: 100%;
z-index: 100;
background-color: #ffffff;
width: 260px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#menu .menu-wrapper-inner {
padding-top: 112px;
}
#menu .menu-wrapper {
position: relative;
overflow-x: hidden;
overflow-y: auto;
height: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #3c61c5 #f1f1f1;
scrollbar-width: thin;
}
#menu .menu-wrapper::-webkit-scrollbar {
width: 8px;
}
#menu .menu-wrapper::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
#menu .menu-wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#menu .menu {
width: 260px;
float: left;
}
#menu .menu-item {
position: relative;
transition: .2s all;
}
#menu .menu-item:hover {
background-color: #ebf0ff;
}
.menu-item-active {
background-color: #dae2f8;
}
.menu-item-inactive {
background-color: #ffffff;
}
.menu-item-settings-menu {
width: 260px;
background: #fff;
}
#menu .menu-item a {
padding: 15px 30px;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #333333;
display: block;
}
#menu .menu-item .spt {
position: absolute;
right: 25px;
top: 50%;
margin-top: -5px;
}
#menu .menu-slider {
position: relative;
width: 2000px;
left: 0;
}
#menu .submenu {
display: none;
}
.menu-back {
background: #fff;
}
#menu .submenu-back {
border-bottom: 1px solid #eeeeee;
}
#menu .submenu-back .spt {
left: 25px;
}
#menu .submenu-back a {
padding-left: 40px;
font-size: 12px;
}
.header-menu {
position: relative;
-webkit-overflow-scrolling: touch;
padding: 0;
width: auto;
white-space: nowrap;
height: 50px;
}
.menu-header {
position: absolute;
z-index: 10;
width: 100%;
background-color: #385091;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
}
.shape-remove-shadow_white {
position: absolute;
background: #ffffff;
height: 50px;
width: 10px;
right: -3px;
top: 60px;
}
.shape-remove-shadow_green {
position: absolute;
background: #3c61c5;
height: 60px;
width: 10px;
right: -3px;
top: 0;
}
.menu-mobile-background {
opacity: 0;
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 600;
background: rgba(0, 0, 0, 0.8);
}
#bcplayout {
width: 100%;
position: relative;
height: calc(100vh - 60px);
}
#bcplayout .bcplayout-inner {
padding: 60px 0 0 260px;
font-size: 14px;
}
#bcplayout .bcplayout-wrapper {
padding: 0px;
}
#bcplayout .bcplayout-box {
background-color: #ffffff;
}
#bcplayout .bcplayout-title {
font-size: 24px;
line-height: 28px;
color: #3c61c5;
font-weight: 300;
margin-bottom: 5px;
display: block;
}
#bcplayout .bcplayout-titleSection {
margin-bottom: 15px;
}
#bcplayout .breadcrumb-link {
color: #929394;
display: inline-block;
font-size: 14px;
}
#bcplayout .breadcrumb-separator {
display: inline-block;
}
#bcplayout .breadcrumb-link_ativo {
color: #afb0b1;
}
#bcplayout .bcplayout-boxInner {
padding: 0px;
}
.button-actions {
position: fixed;
bottom: 0;
right: 40px;
cursor: pointer;
}
.borderradius .button-actions {
background-color: #3c61c5;
width: 56px;
height: 56px;
bottom: 20px;
right: 60px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.6);
}
.borderradius .button-actions .spt {
display: none;
}
.borderradius .button-actions .plus {
position: absolute;
width: 14px;
height: 14px;
top: 50%;
left: 50%;
margin: -7px 0 0 -7px;
}
.borderradius .button-actions .plus .vert {
position: absolute;
height: 100%;
width: 2px;
background-color: #ffffff;
left: 6px;
top: 0;
}
.borderradius .button-actions .plus .hor {
position: absolute;
width: 100%;
height: 2px;
background-color: #ffffff;
left: 0;
top: 6px;
}
.borderradius .button-actions:hover {
background-color: #006945;
}
.borderradius .button-actions.active .vert {
display: none;
}
.boxWrapperActions {
position: fixed;
bottom: 90px;
right: 80px;
}
.boxWrapperActions-wrapper {
display: none;
}
.boxWrapperActions-box {
border: 1px solid #bebebe;
}
.boxWrapperActions .boxWrapperActions-box {
background-color: #ffffff;
border-color: #e6e6e6;
min-width: 130px;
-webkit-box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.boxWrapperActions .boxWrapperActions-title {
border-bottom: 1px solid #dcdcdc;
padding: 12px 20px;
font-weight: 400;
}
.boxWrapperActions ul {
padding: 15px 0;
}
.boxWrapperActions ul li:hover {
background-color: #eeeeee;
}
.boxWrapperActions ul li a {
padding: 5px 20px;
display: block;
}
.boxOptions {
position: absolute;
right: 0;
top: 0;
padding-right: 10px;
}
.boxOptions .boxOptions-item_language {
float: left;
}
.boxOptions .boxOptions-item_user {
float: left;
}
.boxOptions .boxOptions-button {
height: 50px;
padding: 0 10px;
cursor: pointer;
}
.boxOptions .boxOptions-button.active,
.boxOptions .boxOptions-button:hover {
background-color: #ececec;
}
.boxOptions .boxOptions-item {
position: relative;
}
.boxOptionsWrapper {
position: absolute;
right: 0;
top: 60px;
}
.boxOptionsWrapper-container {
display: none;
}
.boxOptionsWrapper-content {
background-color: #ffffff;
border-color: #e6e6e6;
min-width: 130px;
-webkit-box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 6px 30px 0px rgba(0, 0, 0, 0.3);
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
.boxOptionsWrapper-content ul li:hover {
background-color: #eeeeee;
}
.boxOptionsWrapper-content ul li a {
padding: 5px 20px;
display: block;
font-size: 14px;
}
#onetimepopupbottomleft {
position: fixed;
bottom: 10px;
left: 10px;
border: 2px solid #3e3e3e;
border-radius: 4px;
width: 310px;
background-color: rgba(23, 23, 23, 0.93);
padding: 10px;
display: none;
color: #f5f5f5;
font-size: 12px;
text-align: center;
box-shadow: 0px 0px 4px #060606;
z-index: 1005;
}
.btn-primary {
color: #fff !important;
background-color: #4871e0;
border: 2px solid #7895e4 !important;
padding: 6px 12px!important;
}
.btn-primary:hover {
background-color: #3d60be;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: " "
}
.form-horizontal .form-group:after {
clear: both
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
display: table;
content: " "
}
.form-horizontal .form-group:after {
clear: both
}
@media(min-width:768px){.form-horizontal .control-label {
text-align: right
}
}
.btn {
color: #000;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none
}
.btn:focus {
outline: 0px;
}
.btn:hover,
.btn:focus {
color: #333;
text-decoration: none
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none
}
.btn-default {
color: #000;
background-color: #fff;
border: 2px solid #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #333;
background-color: #ebebeb;
border-color: #adadad
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #fff;
border-color: #ccc
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
transition: opacity .15s linear
}
.fade.in {
opacity: 1
}
.collapse {
display: none
}
.collapse.in {
display: block
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
transition: height .35s ease
}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7;width:100%;text-align:center;}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right; margin-top:-29px;font-size:21px;font-weight:bold;line-height:1;color:#fff;}.close:hover,.close:focus{color:#5a5a5a;text-decoration:none;cursor:pointer;}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden;}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:50px;right:0;bottom:0;left:0;z-index:800;display:none;overflow:hidden;}.modalbreeds{position:fixed;top:50px;right:0;bottom:0;left:0;z-index:400;display:none;overflow:hidden;background-color:rgba(0,0,0,0.5);}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{margin-top:47px;z-index:301;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border-radius:2px;outline:0;background-clip:padding-box;box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600 !important;background-color:#000;}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=5)}.modal-header{min-height:16.428571429px;padding:15px;text-align:center;}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:10px;background-color:#fff;text-align:center;width:auto;}.modal-footer{background-color:#fff;padding:5px;border-radius:0px 0px 4px 4px;text-align:right;}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:auto;padding-top:30px;padding-bottom:30px}}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}}
#btnuploadfile {
cursor: pointer;
}
#viewalldogs {
float: right;
font-size: 16px;
padding: 3px 0px;
}
#statbtndogscontainer {
width: calc(25% - 0.25em);
margin: 0.25em;
margin-left: auto;
border-top: 6px solid #3676ad;
border-bottom: 1px solid #e0f1ff;
background: #4284bd;
border-radius: 2px;
transition: .3s all;
display: inline-block;
}
#statbtndogsdamscontainer {
width: calc(25% - 0.5em);
margin: 0.25em;
border-top: 6px solid #fb7c94;
border-bottom: 1px solid #ffedf1;
background: #fc8ba0;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#statbtndogsretiredcontainer {
width: calc(25% - 0.25em);
margin: 0.25em;
margin-right: auto;
border-top: 6px solid #698e96;
border-bottom: 1px solid #e9eeef;
background: #759ea7;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
.statbtn-font-black {
text-align: right;
padding: 0.7em 0.7em 0.5em 0.7em;
border-radius: 2px;
color: #fff;
}
#statbtndogssirescontainer {
width: calc(25% - 0.5em);
margin: 0.25em;
border-top: 6px solid #4aaad8;
border-bottom: 1px solid #e4f6ff;
background: #57b4e1;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#statbtnpuppiescontainer {
width: calc(25% - 0.25em);
margin: 0.25em;
margin-bottom: 0px;
margin-left: auto;
border-top: 6px solid #52b3bd;
border-bottom: 1px solid #dae6e7;
background: #5ebfca;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#statbtnvisitorscontainer {
width: calc(25% - 0.5em);
margin: 0.25em;
margin-bottom: 0px;
border-top: 6px solid #66a1b2;
border-bottom: 1px solid #d0e6ec;
background: #71aec0;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#statbtnsalescontainer {
width: calc(25% - 0.25em);
margin: 0.25em;
margin-bottom: 0px;
margin-right: auto;
border-top: 6px solid #72c378;
border-bottom: 1px solid #d9f1db;
background: #7ace80;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#statbtnpdfcontainer {
width: calc(25% - 0.5em);
margin: 0.25em;
margin-bottom: 0px;
border-top: 6px solid #66b68a;
border-bottom: 1px solid #d7eee1;
background: #6ec294;
border-radius: 2px;
display: inline-block;
transition: .3s all;
}
#dogstatstablediv {
width: auto;
}
#animalstatspanel {
display: inline-block;
width: calc(100% - (150px + 0.3em));
margin: auto;
}
.dashboard-grey-line {
width: auto;
background: #ddd;
height: 1px;
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
text-align: center;
border: 0px;
padding: 0px;
}
#upcominginvoicetable {
height: auto;
max-height: 30vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #248e79 #f1f1f1;
scrollbar-width: thin;
}
#upcominginvoicetable::-webkit-scrollbar {
width: 8px;
}
#upcominginvoicetable::-webkit-scrollbar-thumb {
background-color: #248e79;
}
#upcominginvoicetable::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#upcomingheat-table {
height: auto;
max-height: 30vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #4c79a0 #f1f1f1;
scrollbar-width: thin;
}
#upcomingheat-table::-webkit-scrollbar {
width: 8px;
}
#upcomingheat-table::-webkit-scrollbar-thumb {
background-color: #4c79a0;
}
#upcomingheat-table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dashboard-upcoming-heats-table td {
width: 25%;
font-size: 12px;
padding: 3px;
border-collapse: collapse;
overflow: hidden;
background-color: #3f9478;
text-align: center;
}
.dashboard-upcoming-heats-table th {
position: sticky;
top: 0;
background-color: #5f8eb7;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.dashboard-upcoming-litters-table td {
width: 25%;
font-size: 12px;
padding: 3px;
border-collapse: collapse;
overflow: hidden;
background-color: #3f9478;
text-align: center;
}
.dashboard-upcoming-litters-table th {
position: sticky;
top: 0;
background-color: #4fb191;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#upcomingtablecells {
white-space: nowrap;
width: 100%;
}
#upcomingtablecells tr:nth-child(even) {
background: #ffffff;
}
#upcomingtablecells tr:nth-child(even):hover {
background: #ebedf1;
}
#upcomingtablecells tr:nth-child(odd) {
background: #f9f9f9;
}
#upcomingtablecells tr:nth-child(odd):hover {
background: #ebedf1;
}
#upcoming-litters-table {
white-space: nowrap;
width: 100%;
}
#upcoming-litters-table tr:nth-child(even) {
background: #ffffff;
}
#upcoming-litters-table tr:nth-child(even):hover {
background: #ebedf1;
}
#upcoming-litters-table tr:nth-child(odd) {
background: #f9f9f9;
}
#upcoming-litters-table tr:nth-child(odd):hover {
background: #ebedf1;
}
#upcomingtablecells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: nowrap;
overflow-wrap: normal;
}
#statsinvoicetable {
text-align: center;
margin: auto;
font-size: 14px;
border-radius: 2px;
color: #fff;
height: auto;
float: right;
width: calc(50% - 0.25em);
}
#statsinvoicetableheader {
background: #3d977a;
width: auto;
padding: 5px;
height: auto;
color: #fff;
border-radius: 2px 2px 0px 0px;
}
#statslitterstable {
font-size: 14px;
color: #fff;
height: auto;
float: left;
width: calc(50% - 0.25em);
}
#statslitterstableheader {
background: #4f7ca4;
width: auto;
padding: 5px;
height: auto;
color: #fff;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
.dashboard-notifications-container-general {
background-color: #ffffff;
height: auto;
max-height: 35vh;
margin-bottom: 0.5em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #5a5a5a #f1f1f1;
scrollbar-width: thin;
}
.dashboard-notifications-container-general::-webkit-scrollbar {
width: 8px;
}
.dashboard-notifications-container-general::-webkit-scrollbar-thumb {
background-color: #5a5a5a;
}
.dashboard-notifications-container-general::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dashboard-notifications-container-medical {
background-color: #ffffff;
height: auto;
max-height: 35vh;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #a65959 #f1f1f1;
scrollbar-width: thin;
}
.dashboard-notifications-container-medical::-webkit-scrollbar {
width: 8px;
}
.dashboard-notifications-container-medical::-webkit-scrollbar-thumb {
background-color: #a65959;
}
.dashboard-notifications-container-medical::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dashboard-notifications-container-closed-medical {
background-color: #ffffff;
height: auto;
max-height: 30vh;
border-radius: 2px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #a65959 #f1f1f1;
scrollbar-width: thin;
}
.dashboard-notifications-container-closed-medical::-webkit-scrollbar {
width: 8px;
}
.dashboard-notifications-container-closed-medical::-webkit-scrollbar-thumb {
background-color: #a65959;
}
.dashboard-notifications-container-closed-medical::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dashboard-notifications-container-closed-general {
background-color: #ffffff;
height: auto;
max-height: 30vh;
margin-bottom: 0.5em;
border-radius: 2px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #5a5a5a #f1f1f1;
scrollbar-width: thin;
}
.dashboard-notifications-container-closed-general::-webkit-scrollbar {
width: 8px;
}
.dashboard-notifications-container-closed-general::-webkit-scrollbar-thumb {
background-color: #5a5a5a;
}
.dashboard-notifications-container-closed-general::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#defaultpagewrapper {
width: 100%;
text-align: center;
height: 27.3em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: 0.5em;
scrollbar-color: #5a5a5a #f1f1f1;
scrollbar-width: thin;
}
#defaultpagewrapper::-webkit-scrollbar {
width: 8px;
}
#defaultpagewrapper::-webkit-scrollbar-thumb {
background-color: #5a5a5a;
}
#defaultpagewrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.btnaddnewalert {
text-decoration: none;
color: #36c940 !important;
background-color: #e4e7f0 !important;
}
a {
outline: none;
}
#tophowtomessage {
margin-top: 1em;
background-color: #697b9a;
color: #fff;
padding: 3px;
font-size: 14px;
text-shadow: 0px 0px 3px #444;
}
.dashboard-notifications-general-table {
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
width: 100%;
white-space: normal;
}
.dashboard-notifications-general-table th {
position: sticky;
top: 0;
background-color: #75777b;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
}
.dashboard-notifications-general-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
}
.dashboard-notifications-general-table tr:nth-child(even) {
background: #ffffff;
}
.dashboard-notifications-general-table tr:nth-child(even):hover {
background: #ebedf1;
}
.dashboard-notifications-general-table tr:nth-child(odd) {
background: #f9f9f9;
}
.dashboard-notifications-general-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.dashboard-notifications-medical-table {
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
width: 100%;
white-space: normal;
}
.dashboard-notifications-medical-table th {
position: sticky;
top: 0;
background-color: #ba6464;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: normal;
}
.dashboard-notifications-medical-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
white-space: normal;
}
.dashboard-notifications-medical-table tr:nth-child(even) {
background: #ffffff;
}
.dashboard-notifications-medical-table tr:nth-child(even):hover {
background: #ebedf1;
}
.dashboard-notifications-medical-table tr:nth-child(odd) {
background: #f9f9f9;
}
.dashboard-notifications-medical-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.dashboard-notification-empty {
text-align: center;
margin: auto;
padding: 1em;
background: #f7f7f7;
color: #777;
font-size: 14px;
border-radius: 2px;
}
.dashboard-notification-empty-inner {
text-align: center;
margin: auto;
margin-top: 0.5em;
padding: 1em;
background: #fff;
color: #333;
font-size: 14px;
border-radius: 2px;
}
#tablegeneralclosedcells {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 2px;
height: 2em;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #fff;
width: 100%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#tablemedicalclosedcells {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 2px;
font-size: 12px;
width: 100%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#tablemedicalclosedcells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
color: #333;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
background-color: #fff;
text-align: center;
}
#tablemedicalclosedtable {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-radius: 2px;
height: 2em;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
background-color: #fff;
font-size: 12px;
width: 100%;
}
#tablegeneralclosedtable td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
font-size: 12px;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#tablegeneralclosedcells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
background-color: #fff;
text-align: center;
color: #333;
}
#generalclosedheadercontainer {
text-align: center;
font-size: 12px;
background-color: #6492c1;
border-radius: 3px 3px 0px 0px;
color: #fff;
border: 2px solid #5381b1;
line-height: 20px;
margin-top: 1em;
cursor: pointer;
padding: 2px;
transition: .3s all;
}
#generalclosedheadercontainer:hover {
background-color: #5381b1;
}
#waitlisttable {
display: inline-block;
width: calc(50% - 0.6em);
font-size: 14px;
color: #fff;
height: auto;
border-radius: 2px;
margin-right: 0.3em;
margin-left: 0.3em;
margin-bottom: 0.6em;
}
.waitlisttable-table {
width: 100%;
}
.waitlisttableheader {
width: auto;
font-size: 14px;
border-collapse: collapse;
overflow: visible;
white-space: nowrap;
color: #fff;
position: relative;
padding: 3px 5px 3px 10px;
text-align: left;
margin: auto;
border-radius: 2px 2px 0px 0px;
}
.waitlistsavebtnbg {
background: #fff;
width: auto;
display: inline-block;
}
.waitlisttable-buttons {
display: none;
position: relative;
z-index: 30;
float: right;
margin-bottom: -100%;
border-radius: 0px 0px 2px 2px;
background: #fff;
text-align: center;
box-shadow: 0px 2px 2px 0px rgba(69, 69, 69, 0.2);
}
.waitlisttable-menu-button {
cursor: pointer;
float: right;
margin-top: 1px;
}
.waitlisttable-buttons-background {
display: inline-block;
position: relative;
box-shadow: 0px 2px 2px 0px rgba(69, 69, 69, 0.2);
}
#userwishlisttable td {
font-size: 18px;
border-collapse: collapse;
overflow: hidden;
background-color: #eceae4;
color: #333;
padding: 8px;
z-index: 200;
text-align: center;
}
#waitlisttablecells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
white-space: normal;
overflow-wrap: normal;
}
#waitlisttablecells th {
position: sticky;
top: 0;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.waitlisttable-table tr:nth-child(even) {
background: #f9f9f9;
}
.waitlisttable-table tr:nth-child(even):hover {
background: #ebedf1;
}
.waitlisttable-table tr:nth-child(odd) {
background: #ffffff;
}
.waitlisttable-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.waitlist-note-btn-edit {
padding: 5px 4px;
text-align: center;
color: #fff;
background-color: #369ff3;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
opacity: 0.6;
transition: .3s all;
display: inline-block;
}
.waitlist-note-btn-edit:hover {
opacity: 1;
}
.waitlist-note-btn-delete {
padding: 5px 4px;
text-align: center;
color: #fff;
background-color: #e83e3e;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
opacity: 0.6;
transition: .3s all;
display: inline-block;
}
.waitlist-note-btn-delete:hover {
opacity: 1;
}
.addnewwaitlistbtn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #449ac8;
cursor: pointer;
border: 0px;
padding: 6px 10px;
transition: .3s all;
text-align: center;
opacity: 0.8;
}
.addnewwaitlistbtn:hover {
opacity: 1;
}
.addnewwaitlistbtn:disabled {
display: none;
}
.deletewaitlistbtn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
cursor: pointer;
border: 0px;
padding: 6px 10px;
transition: .3s all;
text-align: center;
opacity: 0.8;
}
.deletewaitlistbtn:hover {
opacity: 1;
}
.deletewaitlistbtn:disabled {
display: none;
}
#frmAddWaitList {
display: none;
float: right;
font-size: 12px;
color: #333;
}
#waitlistinput {
width: 25%;
min-width: 240px;
margin-right: 0.1em;
}
.waitlist-btn-create {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.waitlist-btn-create:hover {
opacity: 1;
}
.waitlist-btn-print {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.waitlist-btn-print:hover {
opacity: 1;
}
.waitlist-btn-print-menu {
font-size: 14px;
margin-left: -0.52em;
text-decoration: none;
color: #fff;
background: #4d9f90;
border: 1px solid #4d9f90;
border-radius: 0px 2px 2px 0px;
text-align: center;
cursor: pointer;
display: none;
transition: .3s all;
opacity: 0.9;
}
.waitlist-btn-print-menu-btn {
text-decoration: none;
color: #fff;
background: #4d9f90;
display: inline-block;
text-align: center;
padding: 6px 10px;
transition: .3s all;
opacity: 0.9;
}
.waitlist-btn-print-menu-btn:hover {
opacity: 1;
}
.contacts-notes-print-menu-btn {
text-decoration: none;
color: #fff;
background: #4d9f90;
display: inline-block;
text-align: center;
padding: 6px 10px;
transition: .3s all;
opacity: 0.9;
}
.contacts-notes-print-menu-btn:hover {
opacity: 1;
}
#alertcheck {
color: #fff;
background-color: #3eb547 !important;
cursor: pointer;
opacity: 0.6;
transition: .3s all;
}
#alertcheck:hover {
opacity: 1;
}
#completeAlert {
color: #fff !important;
}
#deleteAlert {
color: #fff !important;
}
.litter-owner-edit-btn {
padding: 6px 5px;
color: #fff;
background-color: #369ff3;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
opacity: 0.6;
transition: .3s all;
}
.litter-owner-edit-btn:hover {
opacity: 1;
}
.dogmedicalrecordeditbtn {
color: #fff;
background-color: #369ff3;
cursor: pointer;
padding: 6px 10px;
text-align: center;
margin: auto;
overflow: visible !important;
opacity: 0.6;
transition: .3s all;
}
.dogmedicalrecordeditbtn:hover {
opacity: 1;
}
.dogmedicalrecorddeletebtn {
color: #fff;
background-color: #e83e3e;
cursor: pointer;
padding: 6px 11px;
text-align: center;
margin: auto;
overflow: visible !important;
opacity: 0.6;
transition: .3s all;
}
.dogmedicalrecorddeletebtn:hover {
opacity: 1;
}
.financial-category-manager-save-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 0.7em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.financial-category-manager-save-btn {
opacity: 1;
}
.financial-categories-subcat-table {
background: #fff;
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
text-align: left;
padding: 3px;
padding-left: 26px;
text-align: left;
}
.financial-categories-subcat-table:hover {
background: #ebedf1;
}
.invoice-list-btn-paid {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #4caf50;
text-align: center;
cursor: pointer;
width: 25px;
padding: 0px;
transition: .3s all;
text-align: center;
opacity: .6;
}
.invoice-list-btn-paid:hover {
opacity: 1;
}
#alertdelete {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
opacity: .6;
}
#alertdelete:hover {
opacity: 1;
}
#alertdelete2 {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
opacity: .6;
}
#alertdelete2:hover {
opacity: 1;
}
.alertdelete {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
opacity: .6;
}
.alertdelete:hover {
opacity: 1;
}
.alertdelete2 {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
opacity: .6;
}
.alertdelete2:hover {
opacity: 1;
}
.btnsavemethod {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
margin-top: 1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.btnsavemethod:hover {
opacity: 1;
}
.btnsavemethod:disabled {
opacity: 0.2;
}
.btnchoosemethod {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #636363;
padding: 4px 10px;
border: 2px solid #828282;
border-radius: 2px;
text-align: center;
width: auto;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
}
.btnchoosemethod:hover {
background: #828282;
color: #fff;
}
.ekennelbtnchoosephoto {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #5082b6;
padding: 5px 8px;
border: 1px solid #6f98c3;
border-radius: 2px;
text-align: center;
width: 160px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
margin-top: 0.8em;
margin-bottom: 0.3em;
opacity: 0.8;
}
.ekennelbtnchoosephoto:hover {
opacity: 1;
}
.litters-seller-btnchoosephoto {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #3c5eb9;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
display: inline-block;
opacity: .8;
}
.litters-seller-btnchoosephoto:hover {
opacity: 1;
}
.setupalertheader {
background-color: #e55858;
width: auto;
border-radius: 2px 2px 0px 0px;
padding: 5px;
text-align: center;
}
.modal-contentalerts {
position: relative;
background-color: #fff;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
background-clip: padding-box;
}
.modal-bodyalerts {
position: relative;
text-align: center;
display: inline-block;
width: auto;
max-width: 300px;
vertical-align: middle;
margin: auto .5em;
padding: 1em .5em 0em .5em;
font-size: 12px;
}
.modal-footeralerts {
background-color: #fff;
padding: 5px;
border-top: none;
border-radius: 0px 0px 2px 2px;
text-align: right;
}
#addnewalertbuttondash {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#addnewalertbuttondash:hover {
opacity: 1;
}
.dashboard-notifications-closed-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #515869;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dashboard-notifications-closed-btn:hover {
opacity: 1;
}
#addnewwaitlistbuttondash {
position: relative;
left: 0px;
top: 2px;
cursor: pointer;
z-index: 1;
padding-right: 5px;
color: #444;
opacity: 0.7;
transition: .3s all;
padding-bottom: 6px;
}
#addnewwaitlistbuttondash:hover {
opacity: 1;
}
#pagemethods {
height: auto;
max-height: 25vh;
margin-bottom: 0.5em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #5a5a5a #f1f1f1;
scrollbar-width: thin;
}
#pagemethods::-webkit-scrollbar {
width: 8px;
}
#pagemethods::-webkit-scrollbar-thumb {
background-color: #5a5a5a;
}
#pagemethods::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.pagemethodsheader {
background-color: #2c9866;
width: auto;
padding: 5px;
text-align: center;
}
.modal-contentpagemethods {
background-color: #fff;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
}
.modal-bodypagemethods {
background-color: #fff;
text-align: center;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
}
.modal-footerpagemethods {
background-color: #fff;
padding: 0.5em;
border-radius: 0px 0px 4px 4px;
text-align: right;
}
.dashboard-notification-methods-table {
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
margin: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
}
.dashboard-notification-methods-table th {
position: sticky;
top: 0;
background-color: #ba6464;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
white-space: nowrap;
}
.dashboard-notification-methods-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
}
.dashboard-notification-methods-table tr:nth-child(even) {
background: #ffffff;
}
.dashboard-notification-methods-table tr:nth-child(odd) {
background: #f9f9f9;
}
#defaultpagemethodtabletodaycells {
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
margin: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
text-align: center;
border: 1px solid #eee;
font-size: 12px;
margin: auto;
}
#defaultpagemethodtable {
background-color: #ececec;
text-align: center;
border: 1px solid #eee;
font-size: 12px;
margin: auto;
}
#defaultpagemethodtable td {
background-color: #ececec;
text-align: center !important;
border: 1px solid #eee;
font-size: 12px;
margin: auto;
}
#defaultpagemethodtabletodaycells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
}
.usericonstopbar {
position: fixed;
top: 0;
right: 0;
z-index: 998;
overflow: auto;
max-width: calc(100% - 55px);
-webkit-overflow-scrolling: touch;
}
.usericonstopbar::-webkit-scrollbar {
height: 0px;
}
#user-top-icons-menu-main {
-webkit-overflow-scrolling: touch;
white-space: nowrap;
padding-right: 20px;
box-sizing: content-box;
}
#userfinancialicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userfinancialicon:hover {
background-color: #354d8d;
}
#userpagegalleryicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagegalleryicon:hover {
background-color: #354d8d;
}
#userlittersicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userlittersicon:hover {
background-color: #354d8d;
}
#userpagedogicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagedogicon:hover {
background-color: #354d8d;
}
#userpagedogiconimg {
width: auto;
height: 31px;
border: 0px;
}
#userpagecontactsicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagecontactsicon:hover {
background-color: #354d8d;
}
#userpagehomeicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagehomeicon:hover {
background-color: #354d8d;
}
#userpageekennelicon {
display: inline-flex;
align-items: center;
justify-content: center;
background: #253765;
padding: 10px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
overflow: visible;
box-shadow: 0px 2px 2px 3px rgba(50, 50, 50, 0.15);
height: 100%;
box-sizing: border-box;
}
/* Ensure globe animation icon has consistent size on all viewports */
.globe-wrap {
width: 46px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
overflow: hidden;
margin-top: 0;
vertical-align: middle;
transform: translateZ(0);
backface-visibility: hidden;
-webkit-font-smoothing: subpixel-antialiased;
}
.globe-wrap svg {
max-width: 100%;
max-height: 100%;
width: 100%;
height: 100%;
display: block;
margin: 0;
padding: 0;
shape-rendering: geometricPrecision;
}
/* Fallback icon when Lottie doesn't load (e.g. mobile); hidden when Lottie SVG is present */
.globe-wrap .globe-fallback {
display: block;
font-size: inherit;
color: inherit;
}
.globe-wrap:has(svg) .globe-fallback {
display: none !important;
}
#userpageekennelicon:hover {
background-color: #354d8d;
color: #fff;
}
/* Globe message count badge: inside icon so .usericonstopbar overflow doesn't clip it */
#header-globe-messages-badge {
position: absolute !important;
top: 4px !important;
right: 8px !important;
z-index: 999 !important;
pointer-events: none;
}
.globe {
position: relative;
/* Mask the animation INSIDE the globe glyph */
-webkit-mask: linear-gradient(
90deg,
black 0%,
black 40%,
transparent 50%,
black 60%,
black 100%
);
-webkit-mask-size: 200% 100%;
animation:
globe-rotate 3s linear infinite,
globe-curve 3s ease-in-out infinite;
}
@keyframes globe-curve {
0% { transform: scaleX(1); }
50% { transform: scaleX(0.94); }
100% { transform: scaleX(1); }
}
/* Uniform height for all nav icons so globe doesn't push bar down */
#user-top-icons-menu-main > a {
display: inline-flex;
align-items: center;
justify-content: center;
vertical-align: top;
text-decoration: none;
line-height: 1;
height: 62px;
box-sizing: border-box;
}
#userpagetestmatingicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagetestmatingicon:hover {
background-color: #354d8d;
}
#userpagepedigreeicon {
display: inline-block;
padding: 15px 20px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpagepedigreeicon:hover {
background-color: #354d8d;
}
.pedigree-update-badge {
position: absolute;
top: -5px;
right: -5px;
background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
color: white;
font-size: 9px;
font-weight: bold;
padding: 2px 6px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.6);
z-index: 999;
animation: pulse-badge 2s infinite;
}
.financial-update-badge {
position: absolute;
top: -5px;
right: -5px;
background: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
color: white;
font-size: 9px;
font-weight: bold;
padding: 2px 6px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.6);
z-index: 999;
animation: pulse-badge 2s infinite;
}
.gallery-new-badge {
position: absolute;
top: -5px;
right: -5px;
background: linear-gradient(135deg, #27ae60 0%, #229954 100%);
color: white;
font-size: 9px;
font-weight: bold;
padding: 2px 6px;
border-radius: 3px;
text-transform: uppercase;
letter-spacing: 0.5px;
box-shadow: 0 2px 8px rgba(39, 174, 96, 0.6);
z-index: 999;
animation: pulse-badge 2s infinite;
}
@keyframes pulse-badge {
0%, 100% {
transform: scale(1);
box-shadow: 0 2px 8px rgba(231, 76, 60, 0.6);
}
50% {
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(231, 76, 60, 0.8);
}
}
.userpageproiconlabel {
position: absolute;
color: #fff;
font-size: 14px;
margin-top: 4px;
margin-left: 3px;
}
#userpageproicon {
display: inline-block;
margin-right: -40px;
-ms-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
#userpageproicontext {
display: inline-block;
background-color: #3354ad;
color: #fff;
margin-bottom: 40px;
padding: 0px 25px 0px 24px;
vertical-align: top;
font-size: 11px;
text-align: center;
transition: .3s all;
cursor: pointer;
}
#userpageproicontext:hover {
background-color: #3c61c5;
}
#userpageadminicon {
display: inline-block;
padding: 15px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
vertical-align: top;
}
#userpageadminicon:hover {
background-color: #354d8d;
}
#userpubliccontacticon {
position: relative;
top: -40px;
right: 7px;
float: right;
padding: 4px 14px;
border-radius: 2px;
color: #fff;
font-size: 14px;
transition: .3s all;
cursor: pointer;
z-index: 998;
background-color: #d45c5c;
border: 2px solid #e87272;
}
#userpubliccontacticon:hover {
background-color: #b94646;
}
#userpublicwebsiteicon {
position: fixed;
right: 2em;
top: 0px;
padding: 15px 15px 15px 15px;
color: #fff;
font-size: 2em;
transition: .3s all;
cursor: pointer;
z-index: 998;
}
#userpublicwebsiteicon:hover {
background-color: #7897e9;
}
.loadingcontentmodalDialog {
position: fixed;
padding-top: 10%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(30, 94, 187, 0.7);
z-index: 996;
opacity: 0;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
pointer-events: none;
}
.loadingcontentmodalDialog:target {
opacity: 1;
pointer-events: auto;
}
.loadingcontentmodalDialogcontent {
bottom: 0;
height: 260px;
left: 0;
margin: auto;
position: absolute;
top: 0;
right: 0;
width: 260px;
text-align: center;
}
.loading-animation-image {
width: 260px;
height: 260px;
border: 0px;
}
.btnsavewaitlistbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
margin-left: 0.5em;
margin-bottom: 0.7em;
}
.btnsavewaitlistbtn:hover {
opacity: 1;
}
input {
border-radius: 2px;
border: 0px;
border-bottom: 2px solid #d2dbf1;
color: #484848;
background-color: #fafafa;
padding: 5px;
margin-bottom: 5px;
}
input:focus {
border-bottom: 2px solid #a1e4a6;
}
select {
border-radius: 2px;
border: 0px;
border-bottom: 2px solid #d2dbf1;
color: #484848;
background-color: #fafafa;
padding: 5px;
margin-bottom: 5px;
cursor: pointer;
}
select:focus {
border-bottom: 2px solid #a1e4a6;
}
textarea {
border-radius: 2px;
border: 0px;
border-bottom: 2px solid #d2dbf1;
color: #484848;
background-color: #fafafa;
padding: 5px;
margin-bottom: 5px;
resize: none;
}
textarea:focus {
border-bottom: 2px solid #a1e4a6;
}
#chooseanimal {
background: #fff;
}
#editdeletewaitlistbtn {
background: linear-gradient(to right, #369ff3 0%, #369ff3 50%, #e3453a 50%, #e3453a 100%);
}
#doglistselect {
padding: 5px 0 5px 10px;
cursor: pointer;
width: 100%;
border-bottom: 1px solid #eee;
line-height: 22px;
font-size: 14px;
}
#doglistselect:hover {
background-color: #ebf0ff;
}
.contactslistselect {
padding: 5px 0 5px 10px;
cursor: pointer;
width: 100%;
border-bottom: 1px solid #eee;
line-height: 22px;
font-size: 14px;
}
.contactslistselect:hover {
background-color: #ebf0ff;
}
.litterlistselect {
padding: 5px 0 5px 10px;
cursor: pointer;
width: auto;
border-bottom: 1px solid #eee;
line-height: 22px;
font-size: 14px;
}
.litterlistselect:hover {
color: #444;
background-color: #ebf0ff;
}
#createanimal {
font-size: 12px;
text-align: center;
margin: auto;
color: #555;
}
.createanimal-details {
max-width: 900px;
text-align: center;
margin: auto;
}
#createanimal input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
#createanimal input:focus {
border-bottom: 2px solid #a1e4a6;
}
#createanimal select {
width: 100%;
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
#createanimal select:focus {
border-bottom: 2px solid #a1e4a6;
}
.createanimal-addnew-all {
display: none;
}
.createanimal-addnew-basic {
margin: auto;
text-align: left;
width: calc(33.3% - 0.7em);
display: inline-block;
padding-left: 0.25em;
padding-right: 0.25em;
vertical-align: top;
}
#createdog-inputboxes-breedandlittername {
display: inline-block;
}
.active {
background-color: #ebf0ff;
}
.dogs-media-images-container {
width: 100%;
text-align: center;
margin: auto;
}
.settings-referral {
font-size: 12px;
text-align: center;
margin: auto;
color: #555;
}
.settings-referral input {
width: 110px;
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.settings-referral input:focus {
border-bottom: 2px solid #a1e4a6;
}
.settings-referral-code {
text-align: center;
margin: 1em auto auto auto;
}
.settings-referral-table {
max-width: 400px;
margin: 0.5em auto auto auto;
}
.settings-referral-table th {
position: sticky;
top: 0;
color: #fff;
background-color: #77838c;
box-shadow: 0px 2px 2px 0px rgba(88, 126, 182, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.settings-referral-table tr:nth-child(odd) {
background: #f9f9f9;
}
.settings-referral-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.settings-referral-table tr:nth-child(even) {
background: #fff;
}
.settings-referral-table tr:nth-child(even):hover {
background: #ebedf1;
}
.settings-referral-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: center;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
}
#referral-code-hidden {
display: none;
}
#thumbnailbox {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-radius: 2px;
white-space: nowrap;
padding: 0.5em;
scrollbar-color: #4575c0 #f1f1f1;
scrollbar-height: thin;
}
#thumbnailbox::-webkit-scrollbar {
height: 8px;
}
#thumbnailbox::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#thumbnailbox::-webkit-scrollbar-thumb {
background-color: #4575c0;
transition: .3s all;
}
.petportal-gallery-container {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-radius: 2px;
white-space: nowrap;
padding: 0.5em;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-height: thin;
}
.petportal-gallery-container::-webkit-scrollbar {
height: 8px;
}
.petportal-gallery-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.petportal-gallery-container::-webkit-scrollbar-thumb {
background-color: #cccccc;
transition: .3s all;
}
.media-upload-status-response {
display: none;
}
.dogs-media-picture-img {
max-height: 15vh;
min-height: 5em;
word-wrap: normal;
white-space: nowrap;
cursor: pointer;
transition: .3s all;
display: inline-block;
background: #fff;
margin: 0em 0.25em;
vertical-align: middle;
padding: 0.25em 0.25em 1em 0.25em;
border: 1px solid #ddd;
transform: rotate(-1deg);
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.1);
}
.dogs-media-picture-img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
background: #ebedf1;
}
.pictureframeimg {
height: 50px;
width: auto;
word-wrap: normal;
white-space: nowrap;
display: inline-block;
cursor: pointer;
opacity: 0.9;
border: 1px solid #ddd;
border-radius: 2px;
transition: .3s all;
margin: 0.15em;
}
.pictureframeimg:hover {
opacity: 1;
}
.financial-media-picture-img {
height: 40px;
word-wrap: normal;
white-space: nowrap;
cursor: pointer;
transition: .3s all;
display: inline-block;
background: #fff;
margin: 0em 0.25em;
vertical-align: middle;
padding: 0.25em 0.25em 1em 0.25em;
border: 1px solid #ddd;
transform: rotate(-1deg);
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.1);
}
.financial-media-picture-img:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
background: #ebedf1;
}
#financial-record-receipts-load {
display: inline-block;
vertical-align: middle;
}
#financial-record-receipts-images-load {
display: inline-block;
vertical-align: middle;
}
.financial-record-receipts-data-load {
vertical-align: top;
background: #fff;
font-size: 12px;
margin: auto;
text-align: center;
padding: 0em 0em 1em 0em;
width: 240px;
height: 185px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: right 3s;
-moz-transition: right 3s;
-o-transition: right 3s;
transition: right 3s;
scrollbar-color: #94b5e8 #f1f1f1;
scrollbar-width: thin;
}
.financial-record-receipts-data-load::-webkit-scrollbar {
width: 8px;
}
.financial-record-receipts-data-load::-webkit-scrollbar-thumb {
background-color: #94b5e8;
}
.financial-record-receipts-data-load::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#frm-comment {
display: none;
margin: auto;
text-align: center;
width: calc(100% - 1em);
font-size: 12px;
padding-bottom: 1em;
}
.notes-createnote-div {
min-width: 280px;
width: calc(50% - 1em);
margin: auto;
}
.comment-row-div-comments-textarea {
text-align: left;
width: calc(100% - 10px);
height: auto;
min-height: 4em;
margin-bottom: 0;
background-color: #f9f9f9;
}
.comment-row-div-comments-textarea-btns {
height: auto;
text-align: right;
margin-top: -6px;
background-color: #f9f9f9;
}
.comment-row-div-comments-textarea-btn-save {
position: relative;
display: inline-block;
padding: 5px 10px;
font-size: 12px;
background: #41ad49;
color: #fff;
transition: all 0.3s;
opacity: 0.6;
cursor: pointer;
}
.comment-row-div-comments-textarea-btn-save:hover {
opacity: 1;
}
.comment-row {
text-align: left;
display: inline-block;
font-size: 14px;
height: auto;
width: calc(50% - 0.6em);
margin-bottom: 0.6em;
margin-left: 0.3em;
margin-right: 0.3em;
border-radius: 2px;
vertical-align: top;
}
.cat-comment-row {
width: 100%;
display: block;
margin-left: 0;
margin-right: 0;
}
.comment-text {
display: inline-block;
width: calc(100% - 10px);
text-align: left;
font-size: 12px;
padding: 3px;
padding-left: 7px;
height: auto;
color: #333;
border-bottom: 0px;
background: #ffffff;
}
.comment-menu {
display: none;
position: relative;
float: right;
z-index: 5;
width: auto;
border-radius: 0px 0px 2px 2px;
margin-bottom: -100%;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(69, 69, 69, 0.2);
}
.comment-info {
width: auto;
font-size: 14px;
border-collapse: collapse;
overflow: visible;
white-space: nowrap;
color: #fff;
position: relative;
padding: 3px 5px 3px 10px;
text-align: left;
margin: auto;
border-radius: 2px 2px 0 0;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
}
#startdisplaynone {
display: none;
}
#startdisplaynonepanels {
display: none;
}
#showHeats {
display: none;
margin: 2em 0.5em auto 0.5em;
display: inline-block;
width: auto;
max-width: 280px;
text-align: center;
}
.dogs-heat-container {
max-width: 280px;
text-align: center;
margin: auto;
}
#addHeatbtn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
transition: .3s all;
opacity: 0.8;
}
#addHeatbtn:hover {
opacity: 1;
}
#addHeatbtn:disabled {
display: none;
}
#heattr th {
position: sticky;
top: 0;
background-color: #5f8eb7;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border: 0px;
color: #fff;
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#deleteheat {
color: #fff;
cursor: pointer;
}
#addHeatTable td {
position: relative;
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
text-align: center;
}
.heatstablabelbreeds {
width: 100%;
text-align: left;
margin: auto;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding-left: 18px;
}
.dogs-heats-table {
width: 100%;
margin: auto;
border-radius: 2px;
}
.dogs-heats-table td {
border-collapse: collapse;
overflow: hidden;
position: relative;
font-size: 12px;
margin: auto;
text-align: left;
padding: 2px;
padding-left: 7px;
}
.dogs-heats-table tr:nth-child(even) {
background: #ffffff;
}
.dogs-heats-table tr:nth-child(even):hover {
background: #ebedf1;
}
.dogs-heats-table tr:nth-child(odd) {
background: #f9f9f9;
}
.dogs-heats-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.ui-widget {
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.ui-widget-header {
background: #3c61c5 !important;
border: 0px !important;
padding: 2px !important;
border-radius: 2px !important;
}
.ui-widget-content {
background: #fff !important;
color: #595a5e !important;
border: 1px solid #ddd !important;
}
.ui-dialog .ui-dialog-title {
color: #fff !important;
}
#ui-datepicker-div {
z-index: 99999 !important;
}
.ui-datepicker .ui-datepicker-title {
color: #fff !important;
}
.ui-datepicker th {
padding: .5em !important;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
color: #fff !important;
}
.ui-datepicker td span,
.ui-datepicker td a {
padding: 0.05em !important;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
background-color: #fff !important;
border: 1px solid #7291e2 !important;
font-size: 14px !important;
}
.ui-datepicker-current { display: none; }
.ui-widget-overlay {
background: #000 !important;
opacity: 0.6 !important;
z-index: 390 !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default {
border: 0px !important;
background: #fafafa !important;
color: #454545 !important;
border-radius: 3px !important;
text-align: center;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #4CAF50 !important;
color: #fff !important;
padding: 3px !important;
}
#btncreatedog {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 0.7em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#btncreatedog:hover {
opacity: 1;
}
#btnupdatedog {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#btnupdatedog:hover {
opacity: 1;
}
#btnclearform {
display: none;
}
#dogmedicalpanel {
height: auto;
max-height: 50vh;
border-radius: 2px 2px 0px 0px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #a55757 #f1f1f1;
scrollbar-width: thin;
}
#dogmedicalpanel::-webkit-scrollbar {
width: 8px;
}
#dogmedicalpanel::-webkit-scrollbar-thumb {
background-color: #a55757;
}
#dogmedicalpanel::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#dogmedicaltable {
width: 100%;
}
#createdog-more-details-hidden {
display: none;
margin-bottom: 2em;
}
#financial-advanced-details-hidden {
display: none;
margin-top: 1em;
margin-bottom: 2em;
text-align: center;
border-top: 1px solid #ddd;
padding-top: 1em;
}
#financial-advanced-expand-btn {
margin-top: 1em;
}
#financial-advanced-data-load {
padding: 1em;
font-size: 14px;
}
#financial-advanced-header-data-load {
margin-top: 1.5em;
}
.financial-advanced-table th {
color: #444;
text-align: center;
font-size: 12px;
border: 1px solid #bbb;
background: #ffffff;
}
.financial-advanced-table td {
border: 1px solid #bbb;
background: #fff;
text-align: left;
padding: 2px;
padding-left: 7px;
font-size: 12px;
}
.financial-advanced-cat-label {
text-align: left;
font-size: 14px;
margin: 0.5em 0em 0.5em 0em;
}
.financial-advanced-subcat-label {
text-align: left;
padding: 0.5em 0.5em 0.5em 1.5em;
}
.dog-details-bottom-fade {
font-size: 14px;
cursor: pointer;
margin-top: -22px;
padding-bottom: 0.5em;
width: 100%;
position: relative;
z-index: 1;
border-bottom: 1px solid #dfdfdf;
box-shadow: inset 0 -8px 8px -8px rgba(146, 146, 146, 0.5);
transition: 0.3s all;
}
.dog-details-bottom-fade-button {
transition: 0.3s all;
font-size: 14px;
cursor: pointer;
}
.dog-details-bottom-fade-button:hover {
text-decoration: underline;
}
.dog-details-bottom-fade-bottom {
transition: 0.3s all;
background: #fff;
width: auto;
padding: 0.5em;
position: relative;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.dog-details-bottom-fade-bottom:hover {
text-decoration: underline;
}
#dogmedicaltable td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
}
#dogmedicaltablecells {
width: 100%;
}
#dogmedicaltablecells tr:nth-child(even) {
background: #ffffff;
}
#dogmedicaltablecells tr:nth-child(even):hover {
background: #ebedf1;
}
#dogmedicaltablecells tr:nth-child(odd) {
background: #f9f9f9;
}
#dogmedicaltablecells tr:nth-child(odd):hover {
background: #ebedf1;
}
#dogmedicaltablecells td {
border-collapse: collapse;
overflow: hidden;
position: relative;
font-size: 12px;
margin: auto;
text-align: left;
padding: 2px;
padding-left: 7px;
white-space: normal;
}
#dog-medical-panel-add {
font-size: 12px;
width: 100%;
text-align: left;
margin: auto;
color: #555;
padding-bottom: 3em;
}
.dog-medical-panel-add-minwidth {
max-width: 1000px;
margin: auto;
margin-bottom: 1.7em;
text-align: center;
}
#dog-medical-panel-add input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#dog-medical-panel-add select {
width: 100%;
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#dog-medical-panel-add textarea {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
margin-bottom: 0px;
}
#edithealthbg {
background: linear-gradient(to right, #369ff3 0%, #369ff3 50%, #e3453a 50%, #e3453a 100%);
}
#edithealthedit {
float: left;
width: 32px;
text-align: center;
font-size: 12px;
cursor: pointer;
color: #fff;
}
#edithealthdelete {
width: 32px;
text-align: right;
font-size: 12px;
cursor: pointer;
color: #fff;
}
.dog-medical-panel-view-btns {
text-align: right;
margin-bottom: 0.7em;
}
.bcplayout-btns-container-mobilecenter {
float: right;
text-align: right;
margin-bottom: 0.7em;
}
.dogprinthealth {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dogprinthealth:hover {
opacity: 1;
}
.litters-medical-print-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.litters-medical-print-btn:hover {
opacity: 1;
}
#printschedulereport {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#printschedulereport:hover {
opacity: 1;
}
.dogs-medical-addrecord-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dogs-medical-addrecord-btn:hover {
opacity: 1;
}
.modal-contentbreed {
width: 60%;
margin: auto;
border-radius: 2px;
height: auto;
text-align: left;
max-width: 700px;
display: none;
}
.modal-contentfinancialcategories {
width: 60%;
margin: auto;
border-radius: 2px;
height: 100%;
text-align: left;
max-width: 700px;
}
#savehealthid {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: -0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#savehealthid:hover {
opacity: 1;
}
#savehealthid:disabled {
opacity: 0.2;
}
.modalDialogdogalerts {
position: fixed;
padding-top: 10%;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 300;
opacity: 0;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
pointer-events: none;
}
.modalDialogdogalerts:target {
opacity: 1;
pointer-events: auto;
}
.modalDialogdogalerts > div {
background-color: #fff;
margin: auto;
width: 35%;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.modalDialogsendemail {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 600;
opacity: 0;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
pointer-events: none;
}
.modalDialogsendemail:target {
opacity: 1;
pointer-events: auto;
}
.modalDialogsendemail > div {
background-color: #fff;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
margin: auto;
width: 40%;
border-radius: 2px;
text-align: center;
box-shadow: 0 0 2px 2px rgba(50,50,50,.2);
}
.modal-contentsendemail {
background-color: #fff;
width: 35%;
margin: auto;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
margin-top: 78px;
}
.userhometablabelsendemail {
background-color: #218cd8;
width: auto;
padding: 3px;
text-align: center;
}
#headervaluetop {
color: #333;
text-align: center;
font-size: 22px;
font-weight: bold;
}
#clearhealthform {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #7c7c7c;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
transition: .3s all;
opacity: 0.8;
}
#clearhealthform:hover {
opacity: 1;
}
#clearhealthform:disabled {
opacity: 0.2;
}
#managebreedbtn {
text-decoration: none;
color: #fff;
background: #449ac8;
padding: 4px 8px;
text-align: center;
border-radius: 2px;
margin-left: 5px;
cursor: pointer;
display: inline-block;
transition: .3s all;
opacity: 0.8;
}
#managebreedbtn:hover {
opacity: 1;
}
.bootbox.modal {
z-index: 9999 !important;
width: 40%;
text-align: center;
margin: auto;
}
.bootbox-close-button {
display: none !important;
}
#openModalAlert {
width: 35%;
text-align: center;
margin: auto;
}
.userhometablabelbreeds {
background-color: #37b88b;
padding: 5px;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
#divbreed {
width: auto;
height: calc(100vh - 200px);
min-height: 10em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #ddd;
border-top: 0px;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #49b48f #f1f1f1;
scrollbar-width: thin;
}
#divbreed::-webkit-scrollbar {
width: 8px;
}
#divbreed::-webkit-scrollbar-thumb {
background-color: #49b48f;
}
#divbreed::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#divbreed td {
width: 50%;
}
.divbreedtablecells {
width: 100%;
white-space: nowrap;
}
.divbreedtablecells td {
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
text-align: left;
padding: 2px;
padding-left: 7px;
text-align: left;
}
.divbreededitdelete {
color: #444 !important;
background: #fff;
}
.divbreededitdelete:active {
background-color: #fff !important;
color: #444 !important;
}
#formbreed {
position: relative;
width: 100%;
display: block;
margin-top: 0.7em;
}
#formbreedid {
width: 60%;
margin-bottom: 0.7em;
}
#breedmngtd {
margin-left: 17.5%;
}
#btnemailpicture {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3e64b8;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 2px;
padding: 7px 10px;
margin: 0.2em;
transition: .3s all;
opacity: 0.8;
}
#btnemailpicture:hover {
opacity: 1;
}
#btndeletepicture {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
text-align: center;
margin: 0.2em;
display: inline-block;
opacity: 0.8;
}
#btndeletepicture:hover {
opacity: 1;
}
#drop_zone {
background-color: #f9f9fb;
width: 140px;
height: 100px;
padding: 8px;
border-radius: 2px;
color: #888;
font-size: 16px;
text-align: center;
margin: 0.5em;
}
#progressBar {
margin-bottom: 0.7em;
}
.media-file-uploader-button-div {
width: 87px;
border: 0px;
margin-bottom: 0px;
margin-top: 0.5em;
box-shadow: none;
background: #fff;
border-bottom: none;
}
.uploadtablabelbreeds {
background-color: #0ca632;
border-radius: 4px 4px 0px 0px;
width: auto;
padding: 3px;
text-align: center;
color: #fff;
}
.dogs-media-files-container {
width: 100%;
}
.dogs-media-files-label {
position: relative;
font-size: 14px;
background: #4ca6aa;
width: auto;
padding: 5px;
height: auto;
color: #fff;
text-align: center;
border-radius: 2px 2px 0px 0px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.dogfilestable {
padding: 1em 0em 0.5em 0em;
text-align: center;
font-size: 12px;
}
#contactfileslist td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 2px;
}
#contactfileslistcells {
white-space: nowrap;
}
#contactfileslistcells td {
border-collapse: collapse;
overflow: hidden;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
text-align: left;
padding: 2px;
padding-left: 7px;
}
#btnemailfiles {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3e64b8;
border-radius: 2px;
text-align: center;
cursor: pointer;
margin: 0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#btnemailfiles:hover {
opacity: 1;
}
#btndeletefiles {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
border-radius: 2px;
margin: 0.2em;
text-align: center;
display: inline-block;
opacity: 0.8;
}
#btndeletefiles:hover {
opacity: 1;
}
#btnviewfiles {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
text-align: center;
cursor: pointer;
padding: 7px 10px;
margin: 0.2em;
border-radius: 2px;
transition: .3s all;
display: inline-block;
opacity: 0.8;
}
#btnviewfiles:hover {
opacity: 1;
}
#btnviewpicture {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
text-align: center;
cursor: pointer;
padding: 7px 10px;
margin: 0.2em;
border-radius: 2px;
transition: .3s all;
display: inline-block;
opacity: 0.8;
}
#btnviewpicture:hover {
opacity: 1;
}
#btnsetprofileimg {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #c2aa34;
text-align: center;
cursor: pointer;
padding: 7px 10px;
margin: 0.2em;
border-radius: 2px;
transition: .3s all;
display: inline-block;
opacity: 0.8;
}
#btnsetprofileimg:hover {
opacity: 1;
}
.btn-submit {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
padding: 6px 10px;
border: 2px solid #50c758;
border-radius: 2px;
text-align: center;
width: auto;
display: inline-block;
cursor: pointer;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.btn-submit:hover {
background: #50c758;
}
.btn-delete {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
text-align: center;
cursor: pointer;
border-radius: 0px 0px 2px 0px;
padding: 5px 10px;
transition: .3s all;
text-align: center;
display: inline-block;
opacity: .6;
}
.btn-delete:hover {
opacity: 1;
}
.btn-editnote {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #369ff3;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
display: inline-block;
opacity: .6;
}
.btn-editnote:hover {
opacity: 1;
}
.btn-savenote {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #41ad49;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
display: inline-block;
opacity: .6;
}
.btn-savenote:hover {
opacity: 1;
}
#savebreedbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
padding: 3px 10px;
border: 2px solid #50c758;
border-radius: 2px;
text-align: center;
width: auto;
margin-left: 1%;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
}
#savebreedbtn:hover {
background: #50c758;
}
input[type="radio"] {
box-shadow: none;
}
#changepasswordbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#changepasswordbtn:hover {
opacity: 1;
}
#upgradebtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background-color: #37c363;
padding: 4px 10px;
border: 2px solid #4aaa68;
border-radius: 2px;
transition: .3s all;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#upgradebtn:hover {
background-color: #279a4b;
}
.settings-notifications-div-sms {
display: inline-block;
width: calc(50% - 1.5em);
padding: 0.5em;
text-align: left;
}
.settings-notifications-div-email {
display: inline-block;
width: calc(50% - 1.5em);
padding: 0.5em;
text-align: left;
}
.settings-notifications-div-headers {
width: auto;
padding-bottom: 5px;
height: auto;
color: #333;
text-align: center;
}
#pageemailidlist td {
border-collapse: collapse;
overflow: hidden;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
font-size: 12px;
margin: auto;
text-align: left;
padding: 2px;
padding-left: 7px;
}
#pagephoneidlist td {
border-collapse: collapse;
overflow: hidden;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
font-size: 12px;
margin: auto;
text-align: left;
padding: 2px;
padding-left: 7px;
}
#addpagephoneid {
text-align: center;
transition: .3s all;
cursor: pointer;
}
#addpagephoneid:disabled {
opacity: 0.2;
}
#addpageemailid {
text-align: center;
transition: .3s all;
cursor: pointer;
}
#addpageemailid:disabled {
opacity: 0.2;
}
#pageemailid td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 12px;
}
#pagephoneid td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 12px;
}
#ownersdiv {
margin-bottom: 2.4em;
text-align: center;
}
#accountsubscriptionpanel {
display: inline-block;
margin-right: 2em;
text-align: left;
}
.financial-chart-income-pie {
display: inline-block;
width: 25%;
}
#financial-chart-income-pieheader {
width: 100%;
margin: auto;
margin-bottom: 0.5em;
text-align: center;
}
.financial-chart-monthtomonth-header {
width: 100%;
margin: auto;
margin-bottom: 0.5em;
text-align: center;
}
.financial-chart-year-profit {
display: inline-block;
width: 47%;
}
.financial-chart-income-expense-line {
display: block;
width: 100%;
}
#financial-chart-year-profitheader {
width: 100%;
margin: auto;
margin-bottom: 0.5em;
text-align: center;
}
.financial-chart-expense-pie {
display: inline-block;
width: 25%;
}
#financial-chart-expense-pieheader {
width: 100%;
margin: auto;
margin-bottom: 0.5em;
text-align: center;
}
.managecategorybtn {
text-decoration: none;
color: #fff;
background: #449ac8;
padding: 4px 8px;
text-align: center;
border-radius: 2px;
margin-left: 5px;
cursor: pointer;
display: inline-block;
transition: .3s all;
opacity: .8;
}
.managecategorybtn:hover {
opacity: 1;
}
.btnsaveincomeexpense {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 0.7em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.btnsaveincomeexpense:hover {
background: #50c758;
}
#incomecontainer {
height: auto;
max-height: 50vh;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #5fad73 #f1f1f1;
scrollbar-width: thin;
}
#incomecontainer::-webkit-scrollbar {
width: 8px;
}
#incomecontainer::-webkit-scrollbar-thumb {
background-color: #5fad73;
}
#incomecontainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#data-table {
width: 100%;
margin: auto;
text-align: center;
}
#data-table td {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 2px;
padding-left: 7px;
font-size: 12px;
min-width: 100px;
text-align: left;
}
#incomedata-table {
width: 100%;
margin: auto;
text-align: center;
}
#incomedata-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
word-break: normal;
}
#incomedata-table th {
position: sticky;
top: 0;
background-color: #6fbd74;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(64, 121, 68, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: normal;
}
#incomedata-table tr:nth-child(even) {
background: #ffffff;
}
#incomedata-table tr:nth-child(even):hover {
background: #ebedf1;
}
#incomedata-table tr:nth-child(odd) {
background: #f9f9f9;
}
#incomedata-table tr:nth-child(odd):hover {
background: #ebedf1;
}
#expensedata-table {
width: 100%;
margin: auto;
text-align: center;
}
#expensedata-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
word-break: normal;
}
#expensedata-table th {
position: sticky;
top: 0;
background-color: #ba6565;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(100, 44, 44, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: normal;
}
#expensedata-table tr:nth-child(even) {
background: #ffffff;
}
#expensedata-table tr:nth-child(even):hover {
background: #ebedf1;
}
#expensedata-table tr:nth-child(odd) {
background: #f9f9f9;
}
#expensedata-table tr:nth-child(odd):hover {
background: #ebedf1;
}
#expensecontainer {
height: auto;
max-height: 50vh;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #ad5c5c #f1f1f1;
scrollbar-width: thin;
}
#expensecontainer::-webkit-scrollbar {
width: 8px;
}
#expensecontainer::-webkit-scrollbar-thumb {
background-color: #ad5c5c;
}
#expensecontainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#exportcsv {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#exportcsv:hover {
opacity: 1;
}
.financial-export-csv-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.financial-export-csv-btn:hover {
opacity: 1;
}
.financial-invoice-table {
width: 100%;
margin: auto;
text-align: center;
}
.financial-invoice-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
word-break: normal;
}
.financial-invoice-table th {
position: sticky;
top: 0;
background-color: #77838c;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(100, 44, 44, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: none;
}
.financial-invoice-table tr:nth-child(even) {
background: #ffffff;
}
.financial-invoice-table tr:nth-child(even):hover {
background: #ebedf1;
}
.financial-invoice-table tr:nth-child(odd) {
background: #f9f9f9;
}
.financial-invoice-table tr:nth-child(odd):hover {
background: #ebedf1;
}
#invoicesystempanel {
height: auto;
max-height: 50vh;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #626c73 #f1f1f1;
scrollbar-width: thin;
}
#invoicesystempanel::-webkit-scrollbar {
width: 8px;
}
#invoicesystempanel::-webkit-scrollbar-thumb {
background-color: #626c73;
}
#invoicesystempanel::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#btnnewinvoice {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#btnnewinvoice:hover {
opacity: 1;
}
#add_row {
float:right;
font-size: 14px;
padding: 2px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#add_row:hover {
background: #77bbe0;
}
.modalcategories {
display: none;
position: fixed;
z-index: 300;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(0, 0, 0, 0.5);
}
.modal-contentcategories {
background-color: #fff;
width: 35%;
margin: auto;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
margin-top: 78px;
}
#myModal2 {
background-color: #fff;
width: 35%;
margin: auto;
border-radius: 2px;
margin-top: 78px;
height: 20.8em;
}
.modal-contentcategoriesparent {
background-color: #fff;
width: 100%;
margin: auto;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
margin-top: 78px;
}
.closecat {
float: right;
margin-top: 100px;
margin-right: 10px;
color: #333;
cursor: pointer;
font-size: 24px;
}
#divloadcatcontainer {
display: block;
width: auto;
margin-top: 0.7em;
}
.financial-categories-div {
height: auto;
max-height: calc(100vh - 280px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 20%);
scrollbar-color: #49b48f #f1f1f1;
scrollbar-width: thin;
padding-bottom: 100px;
}
.financial-categories-div::-webkit-scrollbar {
width: 8px;
}
.financial-categories-div::-webkit-scrollbar-thumb {
background-color: #49b48f;
}
.financial-categories-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.btncategoryeditsettings {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #636363;
padding: 0px 3px;
border: 2px solid #828282;
border-radius: 2px;
text-align: center;
width: auto;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.btncategoryeditsettings:hover {
background: #828282;
color: #fff;
}
#categoryform {
display: none;
font-size: 14px;
text-align: center;
width: auto;
vertical-align: top;
margin-bottom: 1em;
position: relative;
z-index: 100;
background: #fff;
padding: 15px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}
#addcategoryform {
display: none;
font-size: 14px;
text-align: center;
width: auto;
vertical-align: top;
position: relative;
z-index: 100;
background: #fff;
padding: 15px;
box-shadow: 0 4px 6px rgba(0,0,0,0.1);
margin-bottom: 1em;
}
.financial-category-buttons-div {
float: right;
margin-bottom: 0.5em;
}
#savelitter {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#savelitter:hover {
opacity: 1;
}
#savelitterbasic {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 4em;
margin-left: -100%;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#savelitterbasic:hover {
opacity: 1;
}
#deletelitterid {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
margin-left: .2em;
}
#deletelitterid:hover {
opacity: 1;
}
#deletelitterid:disabled {
display: none;
}
#menu-page-title {
position: fixed;
left: 150px;
top: 20px;
font-size: 16px;
color: #fff;
z-index: 401;
}
.litters-medical-data-load {
height: auto;
max-height: 50vh;
border-bottom: 1px solid #f6ebeb;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #a65959 #f1f1f1;
scrollbar-width: thin;
}
.litters-medical-data-load::-webkit-scrollbar {
width: 8px;
}
.litters-medical-data-load::-webkit-scrollbar-thumb {
background-color: #a65959;
}
.litters-medical-data-load::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#puppylisttable td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#puppylisttable2 td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#puppyownertable td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#puppyownertable th {
position: sticky;
top: 0;
background-color: #4c9c70;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#puppylisttable2 th {
position: sticky;
top: 0;
background-color: #4284bd;
box-shadow: 0 2px 2px 0 rgba(43, 70, 94, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
color: #fff;
}
#puppylisttable th {
position: sticky;
top: 0;
color: #fff;
background-color: #ba6464;
box-shadow: 0px 2px 2px 0px rgba(153, 74, 74, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#schedulerprogramheader th {
position: sticky;
top: 0;
background-color: #558fa9;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(85,143,169,.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#contactfileslist th {
position: sticky;
top: 0;
background-color: #ececec;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#dogmedicaltable th {
position: sticky;
top: 0;
color: #fff;
background-color: #c96868;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#addPuppyid {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#addPuppyid:hover {
opacity: 1;
}
#loadPuppyList {
display: none;
text-align: center;
margin: auto;
margin-bottom: 0.7em;
border-radius: 2px 2px 0px 0px;
}
.btnaddpuppymed {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.btnaddpuppymed:hover {
opacity: 1;
}
.puppylisttablecells {
width: 100%;
}
.puppylisttablecells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
word-break: normal;
white-space: normal;
}
.puppylisttablecells tr:nth-child(even) {
background: #ffffff;
}
.puppylisttablecells tr:nth-child(even):hover {
background: #ebedf1;
}
.puppylisttablecells tr:nth-child(odd) {
background: #f9f9f9;
}
.puppylisttablecells tr:nth-child(odd):hover {
background: #ebedf1;
}
#puppydiv {
height: auto;
max-height: 50vh;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #457a8e #f1f1f1;
scrollbar-width: thin;
}
#puppydiv::-webkit-scrollbar {
width: 8px;
}
#puppydiv::-webkit-scrollbar-thumb {
background-color: #457a8e;
}
#puppydiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#puppyownerdiv {
height: auto;
max-height: 50vh;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #3c865d #f1f1f1;
scrollbar-width: thin;
}
#puppyownerdiv::-webkit-scrollbar {
width: 8px;
}
#puppyownerdiv::-webkit-scrollbar-thumb {
background-color: #3c865d;
}
#puppyownerdiv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.medchoosemethodalert {
width: auto;
padding: 0.2em;
padding-top: 70px;
text-align: center;
}
.modal-contentmedchoosemethodalert {
position: relative;
background-color: #fff;
background-clip: padding-box;
}
.modal-bodymedchoosemethodalert {
position: relative;
text-align: left;
padding-left: 2em;
padding-top: 70px;
}
.modal-footermedchoosemethodalert {
background-color: #ececec;
padding: 5px;
border-top: none;
border-radius: 0px 0px 4px 4px;
text-align: right;
padding-top: 0px;
}
#publicurl {
text-decoration: none;
color: #3f51b5;
}
#poweredbygetstarted {
left: 12px;
padding-left: 18px;
float: left;
margin: auto;
font-size: 14px;
color: #444;
line-height: 14px;
}
#poweredby {
left: 12px;
padding-right: 18px;
float: right;
margin: auto;
font-size: 14px;
color: #444;
line-height: 14px;
}
#userpublictopname {
position: relative;
float: left;
top: -80px;
margin: auto;
margin-left: 115px;
color: #fff;
font-size: 28px;
line-height: 28px;
text-shadow: 2px 1px 3px #585858;
padding: 12px;
width: 60%;
text-align: left;
background: linear-gradient(to right, rgb(50, 50, 50) 30%, rgba(255, 255, 255, 0) 100%);
}
#userpubliccompanylogo {
border-radius: 2px;
margin-bottom: 1em;
float: left;
position: absolute;
margin-left: 15px;
margin-top: -85px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#userpubliccompanylogosm {
border-radius: 2px;
float: left;
position: absolute;
margin-left: 5px;
margin-top: -65px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
input::-webkit-calendar-picker-indicator {
opacity: 1;
cursor: pointer;
}
#searchbycatid {
width: 246px;
cursor: pointer;
padding: 6px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#public-profile-src {
display: block;
background: none transparent;
border: none;
height: 100vh;
width: 100vw;
transition: 1s all;
}
.createcontactform {
font-size: 12px;
width: auto;
text-align: center;
margin: auto;
max-width: 900px;
display: block;
color: #555;
}
.createcontactform input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.createcontactform select {
width: 100%;
font-size: 14px;
font-weight: normal;
border-bottom: 2px solid #e8eefd;
}
.btncreatecontact {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
margin: auto;
margin-top: 0.7em;
display: inline-block;
padding: 9px 10px;
transition: .3s all;
opacity: .8;
}
.btncreatecontact:hover {
opacity: 1;
}
.btncreatecontact:disabled {
opacity: 0.2;
}
#btndeletecontact {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 9px 10px;
transition: .3s all;
opacity: .8;
margin-left: 0.2em;
}
#btndeletecontact:hover {
opacity: 1;
}
#btndeletecontact:disabled {
opacity: 0.2;
}
#addwishlist {
float: right;
margin-right: -0.2em;
font-size: 14px;
padding: 4px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
margin-top: -2.5em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#addwishlist:hover {
background-color: #77bbe0;
}
#ekennelcontainer {
z-index: 2;
width: auto;
border: 1px solid #ddd;
border-top: 6px solid #5191c8;
background-color: #ffffff;
height: 12em;
margin-top: 0.5em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border-radius: 0px 0px 2px 2px;
scrollbar-color: #90a2d5 #f1f1f1;
scrollbar-width: thin;
}
#ekennelcontainer::-webkit-scrollbar {
width: 8px;
}
#ekennelcontainer::-webkit-scrollbar-thumb {
background-color: #90a2d5;
}
#ekennelcontainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#ekenneltopcells td {
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
background-color: #66a8e1;
color: #fff;
padding: 2px;
z-index: 200;
text-align: center;
}
#ekennelcontainersold {
z-index: 2;
width: auto;
border: 1px solid #ddd;
border-top: 6px solid #5cb67c;
background-color: #ffffff;
height: 12em;
margin-top: 0.7em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border-radius: 0px 0px 2px 2px;
scrollbar-color: #90a2d5 #f1f1f1;
scrollbar-width: thin;
}
#ekennelcontainersold::-webkit-scrollbar {
width: 8px;
}
#ekennelcontainersold::-webkit-scrollbar-thumb {
background-color: #90a2d5;
}
#ekennelcontainersold::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#ekenneltopcellssold td {
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
background-color: #69ca8b;
color: #fff;
padding: 2px;
z-index: 200;
text-align: center;
}
#selectedmethodtdtable td {
border-collapse: collapse;
overflow: hidden;
background-color: #d46e6e;
color: #fff;
text-align: center;
font-size: 12px;
}
.littersweeksdiv {
display: inline-block;
margin-top: 0.5em;
font-size: 12px;
text-align: right;
}
.littersweeksdiv2 {
display: inline-block;
margin-top: 0.5em;
font-size: 12px;
text-align: left;
margin-bottom: 1.5em;
}
#createdogaddnewpane {
margin: auto;
}
.createdogaddnewpane {
text-align: left;
margin: auto;
}
.createdog-inputboxes-align-div {
display: inline-block;
width: calc(33.3% - 0.7em);
text-align: left;
margin: auto;
padding-left: 0.25em;
padding-right: 0.25em;
vertical-align: top;
}
.logoutbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #d45c5c;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
transition: .3s all;
opacity: 0.8;
}
.logoutbtn:hover {
opacity: 1;
}
.quick-settings-support-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #555;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
margin-left: 0.2em;
transition: .3s all;
opacity: 0.8;
}
.quick-settings-support-btn:hover {
opacity: 1;
}
#categoryid {
width: 150px;
margin-bottom: 0.7em;
}
#catagorytable {
width: 100%;
}
#create_invoice {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
padding: 4px 14px;
border: 2px solid #50c758;
border-radius: 2px;
text-align: center;
width: auto;
margin-top: 2em;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
}
#create_invoice:hover {
background: #50c758;
}
#categorymodalgrid {
width: auto;
height: calc(60vh - 100px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #ddd;
border-top: 0px;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
scrollbar-color: #49b48f #f1f1f1;
scrollbar-width: thin;
}
#categorymodalgrid::-webkit-scrollbar {
width: 8px;
}
#categorymodalgrid::-webkit-scrollbar-thumb {
background-color: #49b48f;
}
#categorymodalgrid::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.settingsnotificationsdiv {
text-align: center;
margin: auto;
}
table {
table-layout: fixed;
white-space: nowrap;
border-spacing: 0px;
width: 100%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
td {
word-wrap: break-word;
overflow: hidden;
}
#userpageoverviewtext {
font-size: 22px;
color: #888;
padding-bottom: 1em;
}
#dogpageoverviewtext {
font-size: 22px;
color: #888;
padding-bottom: 1em;
}
#contactspageoverviewtext {
font-size: 22px;
color: #888;
padding-bottom: 1em;
}
#litterpagegeneraltext {
font-size: 22px;
color: #888;
padding-bottom: 1em;
}
.overviewtext-mobileunfloat {
font-size: 22px;
color: #888;
padding-bottom: 1em;
}
.parentcategoriesmodalheader {
background-color: #237073;
padding: 5px;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
.addnewuseralertwindow {
bottom: -100%;
position: fixed;
text-align: left;
padding-left: 2em;
margin: auto;
height: 100%;
left: 260px;
right: 0px;
border-left: 1px solid #ddd;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
z-index: 98;
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
}
.addnewuseralertwindow:target {
bottom: 0;
}
#closeAlertBtn {
float: right;
margin-top: 100px;
margin-right: 10px;
color: #333;
cursor: pointer;
font-size: 24px;
background: unset;
border: none;
}
.closebreeds {
float: right;
margin-top: 100px;
margin-right: 10px;
color: #333;
cursor: pointer;
font-size: 24px;
background: unset;
border: none;
}
.closechoosealert {
float: right;
margin-top: 97px;
margin-right: 34px;
color: #333;
cursor: pointer;
font-size: 24px;
background: unset;
border: none;
}
#alertmethodid {
display: none;
width: 100%;
text-align: center;
font-size: 12px;
background: #555555;
border-radius: 2px;
color: #fff;
}
#healthanimallitteralign {
text-align: left;
}
#frmAddDashAlert {
text-align: left;
font-size: 12px;
margin: auto;
max-width: 290px;
margin-left: 0px;
}
#frmAddDashAlert input {
text-align: left;
font-size: 14px;
width: 100%;
}
#frmAddDashAlert textarea {
text-align: left;
font-size: 14px;
width: 100%;
}
.addnewbreedwindowdiv {
top: -100%;
position: fixed;
text-align: left;
overflow: auto;
left: 260px;
right: 0px;
height: 100%;
width: auto;
padding-left: 2em;
padding-right: 2em;
z-index: 97;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
border-left: 1px solid #ddd;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.1);
}
.tutorialvideoswindowdiv {
top: -100%;
position: fixed;
text-align: left;
padding-left: 2em;
padding-right: 2em;
margin: auto;
height: 100%;
overflow: auto;
left: 260px;
right: 0px;
z-index: 97;
border-left: 1px solid #ddd;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
}
.addnewpuppymedrecord {
bottom: -100%;
position: fixed;
text-align: left;
padding-left: 2em;
padding-right: 2em;
margin: auto;
height: 100%;
overflow: auto;
left: 260px;
right: 0px;
z-index: 97;
border-left: 1px solid #ddd;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
}
.addnewcategorieswindow {
top: -100%;
position: fixed;
text-align: left;
padding-left: 2em;
padding-right: 2em;
margin: auto;
height: 100%;
overflow: auto;
left: 260px;
right: 0px;
z-index: 97;
border-left: 1px solid #ddd;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
}
#breedmanager {
width: 100%;
}
#breedmanager td {
width: 50%;
font-size: 12px;
padding: 2px;
border-collapse: collapse;
border-top: 6px solid #37b88b;
overflow: hidden;
background-color: #3f9478;
color: #fff;
z-index: 200;
text-align: center;
}
.financial-category-manager {
background: #5e6063;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #fff;
padding: 5px;
margin-top: 0.7em;
text-align: center;
}
.financial-category-manager td {
font-size: 12px;
padding: 2px;
border-collapse: collapse;
overflow: hidden;
color: #fff;
text-align: center;
}
.selectednamefloat {
top: -93px;
position: fixed;
text-align: center;
font-size: 14px;
left: 260px;
right: 0px;
height: auto;
padding: 0.5em;
width: auto;
background-color: #3c5eb9;
color: #fff;
z-index: 96;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#headervaluetopfloat {
text-align: center;
font-size: 16px;
margin-top: 61px;
}
#sendemailbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #1d9487;
padding: 6px 12px;
border: 2px solid #1cb7a6;
border-radius: 2px;
text-align: center;
width: auto;
margin-top: 10px;
cursor: pointer;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#sendemailbtn:hover {
background: #1cb7a6;
}
#littersgeneraldivsection {
font-size: 12px;
width: 100%;
text-align: center;
margin: auto;
max-width: 900px;
display: block;
color: #555;
}
#littersgeneraldivsection input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
#littersgeneraldivsection select {
width: 100%;
font-size: 14px;
font-weight: normal;
border-bottom: 2px solid #e8eefd;
}
#damnameinput-alt {
font-size: 14px;
display: none;
padding: 5px;
border-bottom: 2px solid #fff;
margin-bottom: 2px;
}
#sirenameinput-alt {
font-size: 14px;
display: none;
padding: 5px;
border-bottom: 2px solid #fff;
margin-bottom: 2px;
}
#litters-sire2-load {
font-size: 14px;
display: none;
padding: 5px;
border-bottom: 2px solid #fff;
margin-bottom: 2px;
}
#adblockerdetectscreen {
position: fixed;
width: 100%;
height: 100%;
display: none;
left: 0px;
top: 0px;
padding-top: 10%;
left: 0px;
bottom: 0px;
z-index: 1000;
background: rgba(255, 255, 255, 0.9);
color: #333;
text-align: center;
}
.stripe-button-el {
background: #425ea9 !important;
color: #fff !important;
border: 2px solid #6e8de4 !important;
border-radius: 2px !important;
padding: 2px 4px !important;
line-height: 12px !important;
font-size: 16px !important;
width: 120px;
padding-right: 2em !important;
text-align: center !important;
margin: auto !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
opacity: 1 !important;
margin-bottom: 10px;
margin-top: -10px;
}
.stripe-button-el span {
background: #3555ad !important;
color: #fff !important;
font-family: sans-serif !important;
font-weight: normal !important;
border-radius: 2px !important;
padding: 0px 16px !important;
font-size: 16px !important;
height: 2px !important;
background-image: none !important;
text-shadow: none !important;
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
-o-box-shadow: none !important;
box-shadow: none !important;
opacity: 1 !important;
width: 100% !important;
}
#community-support-contact-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
background-color: #545454;
padding: 7px 10px;
border-radius: 2px;
color: #fff;
opacity: 0.8;
transition: 0.3s all;
}
#community-support-contact-btn:hover {
opacity: 1;
}
#feedback-container {
display: none;
text-align: center;
margin: auto auto 1em auto;
width: 60%;
max-width: 380px;
min-width: 260px;
}
.community-support-contact-text {
width: calc(100% - 10px);
height: 5em;
}
#reportbugtext {
font-size: 12px;
float: right;
margin-top: -1em;
margin-right: -0.5em;
}
#upgradeaccountbtn {
background: #3555ad;
color: #fff;
font-family: sans-serif;
border-radius: 3px;
padding: 5px 8px;
font-size: 16px;
border: 2px solid #6081dc;
text-align: center;
width: 120px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
cursor: pointer;
}
.welcomeversion {
position: fixed;
z-index: 1000;
bottom: 10px;
left: 10px;
border: 2px solid #5175d6;
border-radius: 4px;
width: 255px;
background-color: #3c61c5;
padding: 10px;
display: none;
color: #f5f5f5;
text-align: center;
box-shadow: 0px 0px 4px #060606;
}
.litterspuppytableedit {
width: 36px;
text-align: center;
cursor: pointer;
background-color: #369ff3;
color: #fff;
font-size: 14px;
padding: 12px 0px;
margin-top: -4px;
margin-left: -14px;
margin-bottom: -4px;
}
.litterspuppytabledelete {
background: #e3453a;
border: 0px;
width: 36px;
text-align: center;
color: #fff;
padding: 11px 0px;
margin-top: -2px;
margin-right: -12px;
margin-bottom: -6px;
cursor: pointer;
}
.adminekennels {
height: 16em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #b85353 #f1f1f1;
scrollbar-width: thin;
}
.adminekennels::-webkit-scrollbar {
width: 8px;
}
.adminekennels::-webkit-scrollbar-thumb {
background-color: #b85353;
}
.adminekennels::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.ekennelusermenu {
display: none;
background-color: #fff;
width: 260px;
margin-left: 0px;
margin-top: 0px;
text-align: left;
border-top: none;
font-size: 14px;
line-height: 18px;
box-shadow: -3px 3px 4px rgba(0,0,0,.2);
}
.ekennelusermenu-brand {
width: auto;
background: #2571c2;
padding: 0.2em;
color: #fff;
text-align: center;
font-size: 12px;
}
.croppie-container {
width: 100%;
height: 100%;
}
.croppie-container .cr-image {
z-index: -1;
position: absolute;
top: 0;
left: 0;
transform-origin: 0 0;
max-height: none;
max-width: none;
}
.croppie-container .cr-boundary {
position: relative;
overflow: hidden;
margin: 0 auto;
z-index: 1;
width: 100%;
height: 100%;
}
.croppie-container .cr-viewport,
.croppie-container .cr-resizer {
position: absolute;
border: 2px solid #fff;
margin: auto;
top: 0;
bottom: 0;
right: 0;
left: 0;
box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
z-index: 0;
}
.croppie-container .cr-resizer {
z-index: 2;
box-shadow: none;
pointer-events: none;
}
.croppie-container .cr-resizer-vertical,
.croppie-container .cr-resizer-horisontal {
position: absolute;
pointer-events: all;
}
.croppie-container .cr-resizer-vertical::after,
.croppie-container .cr-resizer-horisontal::after {
display: block;
position: absolute;
box-sizing: border-box;
border: 1px solid black;
background: #fff;
width: 10px;
height: 10px;
content: '';
}
.croppie-container .cr-resizer-vertical {
bottom: -5px;
cursor: row-resize;
width: 100%;
height: 10px;
}
.croppie-container .cr-resizer-vertical::after {
left: 50%;
margin-left: -5px;
}
.croppie-container .cr-resizer-horisontal {
right: -5px;
cursor: col-resize;
width: 10px;
height: 100%;
}
.croppie-container .cr-resizer-horisontal::after {
top: 50%;
margin-top: -5px;
}
.croppie-container .cr-original-image {
display: none;
}
.croppie-container .cr-vp-circle {
border-radius: 50%;
}
.croppie-container .cr-overlay {
z-index: 1;
position: absolute;
cursor: move;
touch-action: none;
}
.croppie-container .cr-slider-wrap {
width: 75%;
margin: 15px auto;
text-align: center;
}
.croppie-result {
position: relative;
overflow: hidden;
}
.croppie-result img {
position: absolute;
}
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.cr-slider {
-webkit-appearance: none;
/*removes default webkit styles*/
/*border: 1px solid white; */
/*fix for FF unable to apply focus style bug */
width: 300px;
/*required for proper track sizing in FF*/
max-width: 100%;
padding-top: 8px;
padding-bottom: 8px;
background-color: transparent;
}
.cr-slider::-webkit-slider-runnable-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
}
.cr-slider:focus {
outline: none;
}
.cr-slider::-moz-range-track {
width: 100%;
height: 3px;
background: rgba(0, 0, 0, 0.5);
border: 0;
border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: -6px;
}
.cr-slider:-moz-focusring {
outline: 1px solid white;
outline-offset: -1px;
}
.cr-slider::-ms-track {
width: 100%;
height: 5px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
}
.cr-slider::-ms-thumb {
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #ddd;
margin-top: 1px;
}
.cr-slider:focus::-ms-fill-lower {
background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
position: absolute;
bottom: 5px;
left: 5px;
z-index: 1;
}
.cr-rotate-controls button {
border: 0;
background: none;
}
.cr-rotate-controls i:before {
display: inline-block;
font-style: normal;
font-weight: 900;
font-size: 22px;
}
.cr-rotate-l i:before {
content: '↺';
}
.cr-rotate-r i:before {
content: '↻';
}
#uploaded_image {
width: auto;
height: auto;
max-height: 150px;
max-width: 150px;
text-align: center;
margin: auto;
padding-bottom: 0.5em;
}
#uploaded_banner {
width: auto;
height: auto;
text-align: center;
margin: auto;
}
#upload_image {
width: 87px;
color: #fff;
background-color: #fff;
border: 0px;
box-shadow: none;
}
#upload_banner {
width: 87px;
color: #fff;
background-color: #fff;
border: 0px;
box-shadow: none;
}
.img-thumbnail {
height: auto;
width: auto;
max-height: 100%;
max-width: 100%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
}
.richtextfieldbox {
width: 100%;
height: calc(55vh - 100px);
min-height: 12.5em;
border: 1px solid #ddd;
border-radius: 0px 0px 2px 2px;
background-color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#ekennelurltocopy {
display: inline-block;
vertical-align: middle;
background: #f7f7f7;
padding: 2px 8px 1px 26px;
border-radius: 2px;
border: 1px solid #e8e8e8;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#ekenneleditselectedimg {
width: 96%;
height: auto;
float: left;
text-align: center;
margin: auto;
margin-left: 2%;
margin-bottom: 0.7em;
}
.ekennelselectedimg {
height: auto;
text-align: center;
margin: auto;
max-height: 9em;
width: auto;
border: 1px solid #a5a5a5;
border-radius: 2px;
box-shadow: 3px 2px 2px 0px rgba(150, 150, 150, 0.4);
}
.ekennel-added-row {
text-align: left;
padding: 1em 0em 1em 0.7em;
color: #333333;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
border-radius: 2px;
margin-top: 1em;
margin-bottom: 1em;
background: #fcfcfc;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.ekennel-added-row-dam {
text-align: center;
width: 48%;
padding-top: 0.5em;
display: inline-block;
margin-right: 1%;
margin-left: 1%;
color: #333333;
border-radius: 2px;
margin-top: 1em;
vertical-align: top;
background: #fafafa;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.ekennel-added-row-sire {
text-align: center;
width: 48%;
padding-top: 0.5em;
display: inline-block;
margin-right: 1%;
margin-left: 1%;
color: #333333;
border-radius: 2px;
margin-top: 1em;
vertical-align: top;
background: #fafafa;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.kennel-added-row-dogname {
text-align: left;
padding: 2px 5px;
width: auto;
color: #fff;
background: #5385a2;
border-radius: 2px 2px 0px 0px;
margin-bottom: 0.3em;
overflow: hidden;
}
#btnsavesire {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
padding: 3px 6px;
border: 2px solid #4bc053;
border-radius: 2px;
text-align: center;
margin-top: -3px;
width: auto;
cursor: pointer;
transition: .3s all;
margin-right: 0.25em;
margin-top: 0.4em;
margin-bottom: -1em;
}
#btnsavesire:hover {
background: #299431;
}
#btnsavesire:disabled {
opacity: 0.2;
}
.btnekennelsavelitter {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
padding: 3px 6px;
border: 2px solid #4bc053;
border-radius: 2px;
text-align: center;
margin-top: -3px;
width: auto;
cursor: pointer;
transition: .3s all;
margin-right: 0.25em;
margin-top: 0.2em;
margin-bottom: -1em;
}
.btnekennelsavelitter:hover {
background: #299431;
}
.btnekennelsavelitter:disabled {
opacity: 0.2;
}
.btnekenneleletelitter {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
padding: 3px 6px;
border: 2px solid #e37068;
border-radius: 2px;
text-align: center;
width: auto;
transition: .3s all;
cursor: pointer;
margin-left: 0.25em;
margin-top: 0.2em;
margin-bottom: -1em;
}
.btnekenneleletelitter:hover {
background: #d72b1f;
}
.btnekenneleletelitter:disabled {
opacity: 0.2;
}
#btnremovesire {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #606060;
padding: 3px 6px;
border: 2px solid #888888;
border-radius: 2px;
text-align: center;
width: auto;
transition: .3s all;
cursor: pointer;
margin-left: 0.25em;
margin-top: 0.2em;
margin-bottom: -1em;
opacity: 0.7;
}
#btnremovesire:hover {
opacity: 1;
}
#btnremovesire:disabled {
opacity: 0.2;
}
.litters-seller-puppy-deletebtn {
font-size: 12px;
text-decoration: none;
color: #fff;
border: 0px;
background: #e83e3e;
padding: 4px 5px;
opacity: 0.6;
text-align: center;
margin-top: 2px;
width: auto;
cursor: pointer;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.litters-seller-puppy-deletebtn:hover {
opacity: 1;
}
.litters-seller-puppy-deletebtn:disabled {
opacity: 0.2;
}
#htmleditorbtns {
background-color: #555555;
border: 1px solid #a9a9a9;
border-radius: 2px;
color: #f7f7f7;
font-weight: normal;
padding: 3px 6px;
cursor: pointer;
box-shadow: 0px 0px;
font-size: 14px;
opacity: 0.8;
display: inline;
}
#htmleditorbtns:hover {
opacity: 1;
}
#btnAddSirePicture {
cursor: pointer;
}
#btnAddLitter {
cursor: pointer;
}
#ekennelstatusmenuopen {
display: inline-block;
width: 260px;
transition: 0.3s all;
vertical-align: middle;
height: 50px;
}
#pro-menu-notification {
border-radius: 2px 0px 0px 0px;
cursor: pointer;
display: inline-block;
width: calc(100% - 220px);
margin-left: -4px;
background: #425da5;
text-align: center;
height: 50px;
vertical-align: top;
transition: all 0.3s;
}
#pro-menu-notification:hover {
background: #4c69b5;
}
#ekennelpublicsiredambox {
display: inline-block;
width: 100%;
margin-top: 1.2em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
margin-right: 0.25em;
margin-left: 0.25em;
padding: 0.6em 0em;
}
#ekennelogoeditbox {
float: right;
width: 32%;
overflow: hidden;
text-align: center;
margin: auto;
border: 1px solid #eee;
border-radius: 2px;
padding: 1%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.settings-profile-icon-div {
display: inline-block;
text-align: center;
margin: auto;
vertical-align: top;
width: 200px;
border-radius: 2px;
padding: 1em;
}
.reports-logo-container-div {
display: flex;
align-items: center;
gap: 1em;
text-align: left;
height: auto;
border-radius: 8px;
padding: 0.75em 1.25em;
margin: 0em 0em 1em 0em;
border: 1px solid #eee;
background: #f9f9f9;
max-width: 420px;
}
#user-menu-reports-logo-load {
border: 0px;
height: 60px;
width: 60px;
text-align: center;
margin: 0;
flex-shrink: 0;
}
#user-menu-reports-logo-load img {
max-height: 60px;
max-width: 60px;
object-fit: contain;
}
#user-menu-reports-logo {
background: none;
border: 0px;
text-align: center;
margin: auto;
width: 86px;
}
#ekennelbannereditbox {
width: 90%;
max-width: 980px;
text-align: center;
margin: auto;
overflow: hidden;
border-radius: 2px;
padding: 1%;
}
.btnekenneladdtopage {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #398ed2;
padding: 4px 10px;
border: 2px solid #4aa3eb;
border-radius: 2px;
text-align: center;
width: auto;
margin-left: 0.7em;
transition: .3s all;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.btnekenneladdtopage:hover {
background: #5aa6e2;
}
#btnAddDamPicture {
cursor: pointer;
}
#ekennelviewpuppybtn {
cursor: pointer;
font-size: 14px;
background-color: #efbe3f;
padding: 3px 12px;
border: 2px solid #e1af2e;
border-radius: 2px;
color: #ffffff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
width: 50%;
text-align: center;
margin: auto;
margin-bottom: 1.5em;
}
#ekennelviewpuppybtn:hover {
background-color: #e1af2e;
}
.ekennelviewpuppwindowdiv {
left: -100%;
position: fixed;
text-align: left;
top: 0px;
right: 0px;
height: 100%;
width: auto;
padding-left: 2em;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
z-index: 100;
border-left: 1px solid #ddd;
-webkit-transition: left 1s;
-moz-transition: left 1s;
-o-transition: left 1s;
transition: left 1s;
box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.1);
}
#puppygalleryiframe {
width: 1px;
height: 1px;
}
#uploadimageModal {
margin: auto;
margin-top: 30px;
width: 369px;
}
#user-menu-reports-logo-modal {
margin: auto;
margin-top: 30px;
width: 369px;
}
#uploadbannerModal {
width: 80%;
margin: auto;
margin-top: 30px;
}
#image_banner {
width: 100%;
height: auto;
}
#puppygalleryviewer {
margin-bottom: 2em;
}
#managepuppygallerybtn {
font-size: 18px;
text-decoration: none;
color: #fff;
background: #428bca;
padding: 4px 10px;
border: 2px solid #7897e9;
border-radius: 2px;
text-align: center;
width: auto;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
opacity: 0.8;
}
#managepuppygallerybtn:hover {
background: #7897e9;
}
#wysiwyg_cp {
background-color: #ebebeb;
padding: 5px 0px 0px 0px;
border: 1px solid #ddd;
border-bottom: 0px;
border-radius: 2px 2px 0px 0px;
width: 100%;
text-align: center;
margin: auto;
margin-top: 1.2em;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #777777 #f1f1f1;
scrollbar-height: thin;
}
#wysiwyg_cp::-webkit-scrollbar {
height: 8px;
}
#wysiwyg_cp::-webkit-scrollbar-thumb {
background-color: #777;
}
#wysiwyg_cp::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.ekennelofflinebubble {
position: relative;
background: #d24b41;
border-radius: .4em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
color: #fff;
font-size: 10px;
line-height: 14px;
margin-right: 8px;
padding: 2px 6px;
margin-top: -3px;
margin-bottom: -32px;
}
.ekennelofflinebubble:after {
content: '';
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #d24b41;
border-top: 0;
margin-left: 0px;
margin-top: -7px;
}
.crop_image {
float: right;
font-size: 14px;
padding: 4px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.crop_image:hover {
background-color: #77bbe0;
}
.reports-logo-crop {
float: right;
font-size: 14px;
padding: 4px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.reports-logo-crop:hover {
background-color: #77bbe0;
}
.crop_banner {
float: right;
font-size: 14px;
padding: 4px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.crop_banner:hover {
background-color: #77bbe0;
}
.uploadpuppyimage {
width: 87px;
color: #fff;
background-color: #fff;
border: 0px;
box-shadow: none;
}
.richtextcolorpickerred {
background-color: #e3453a;
width: 30px;
}
.richtextcolorpickerblack {
background-color: black;
width: 30px;
}
.richtextcolorpickergreen {
background-color: #41ad49;
width: 30px;
}
.richtextcolorpickerblue {
background-color: #568ce5;
width: 30px;
}
#supportcentervideoleft {
float: left;
width: 58%;
text-align: center;
margin: auto;
}
#supportcentervideorighttext {
float: right;
width: 40%;
margin-top: 2em;
}
#supportcentervideotexticon {
margin-bottom: 1em;
}
.statusMsg {
color: #e3453a;
padding: 1em;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
border-radius: 2px;
border: 2px solid #eee;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ekennel-analytics-basic {
width: auto;
color: #fff;
margin: 0.25em;
padding: 10px 20px;
background: #4284bd;
border-top: 6px solid #3676ad;
border-bottom: 1px solid #e0f1ff;
border-radius: 2px;
display: inline-block;
}
.ekennel-analytics-details-container {
padding: 0.5em;
width: auto;
margin: auto;
text-align: center;
}
.ekennel-analytics-details-selecttime {
border-bottom: 1px solid #eee;
padding: 0.5em 2em 0.5em 2em;
font-size: 14px;
display: inline-block;
}
#ekennel-analytics-advanced {
max-width: 980px;
margin: auto;
margin-top: 0.5em;
}
.ekennel-analytics-details-selected {
font-size: 14px;
background: #f7f7f7;
padding: 0.5em;
border-radius: 2px;
margin-bottom: 0.5em;
}
.ekennel-analytics-details-popular {
display: inline-block;
vertical-align: middle;
width: 220px;
font-size: 14px;
margin-right: 15px;
}
.ekennel-analytics-details-allviews {
display: inline-block;
vertical-align: middle;
width: calc(100% - 245px);
font-size: 14px;
}
.ekennel-analytics-popular-table th {
position: sticky;
top: 0;
background-color: #ba6464;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
white-space: nowrap;
}
.ekennel-analytics-popular-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: normal;
overflow-wrap: normal;
}
.ekennel-analytics-popular-table tr:nth-child(even) {
background: #ffffff;
}
.ekennel-analytics-popular-table tr:nth-child(odd) {
background: #f9f9f9;
}
.ekennel-analytics-allviews-table th {
position: sticky;
top: 0;
background-color: #478da0;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
white-space: nowrap;
}
.ekennel-analytics-allviews-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: nowrap;
overflow-wrap: normal;
}
.ekennel-analytics-allviews-table tr:nth-child(even) {
background: #ffffff;
}
.ekennel-analytics-allviews-table tr:nth-child(odd) {
background: #f9f9f9;
}
#btnshowekennelanalytics {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #636363;
padding: 4px 10px;
border: 2px solid #828282;
border-radius: 2px;
text-align: center;
width: auto;
margin-left: 0.7em;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
cursor: pointer;
}
#btnshowekennelanalytics:hover {
background: #828282;
color: #fff;
}
.ekennel-analytics-allviews-div {
max-height: 45vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
border-top: none;
border-radius: 0px 0px 2px 2px;
scrollbar-color: #2a5f73 #f1f1f1;
scrollbar-width: thin;
}
.ekennel-analytics-allviews-div::-webkit-scrollbar {
width: 8px;
}
.ekennel-analytics-allviews-div::-webkit-scrollbar-thumb {
background-color: #2a5f73;
}
.ekennel-analytics-allviews-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#ekennelanalyticstablepageview td {
border-collapse: collapse;
padding: 3px;
background-color: #ececec;
color: #333;
font-size: 12px;
text-align: center;
}
#reportscontainer {
padding: 0.7em;
}
#newfeatureicon {
background-color: #fe3131;
border-radius: 25px;
padding: 2px 2px 1px 2px;
margin-top: 12px;
margin-right: -7px;
color: #fff;
font-size: 8px;
float: right;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
#newactivenotificationicon {
float: right;
background-color: #d24b41;
border-radius: 50%;
padding: 0px 2px 4px 2px;
text-align: center;
color: #fff;
font-size: 12px;
height: 15px;
width: 15px;
text-align: center;
margin: auto;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.user-menu-new-alert-icon {
position: absolute;
background-color: #d24b41;
border-radius: 50%;
padding: 0 2px 4px 2px;
text-align: center;
color: #fff;
font-size: 12px;
height: 15px;
width: 15px;
text-align: center;
margin: 14px 0px 0px 10px;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
-webkit-transform: rotate(20deg);
-moz-transform: rotate(20deg);
-o-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
}
.user-menu-new-alert-count-icon {
position: absolute;
z-index: 1;
margin-top: 26px;
margin-left: 20px;
font-size: 10px;
background: #444;
padding: 0px 6px;
border-radius: 25px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 20%);
}
.user-menu-default-icon {
padding: 0px 2px 4px 2px;
text-align: center;
color: #fff;
font-size: 12px;
height: 15px;
width: 15px;
text-align: center;
margin: 14px auto;
}
.user-menu-img-name {
display: inline-block;
width: 220px;
height: auto;
vertical-align: middle;
margin: 14px 0;
}
.user-quick-menu-option {
width: auto;
padding: 0.7em;
transition: .2s all;
color: #333;
cursor: pointer;
}
.user-quick-menu-option:hover {
background-color: #ebf0ff;
}
.left-menu-close-btn {
position: absolute;
margin-left: 260px;
margin-top: 25vh;
background-color: #ffffff;
padding: 8px 5px 5px 2px;
color: #385091;
cursor: pointer;
z-index: 98;
border-radius: 0px 6px 6px 0px;
box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
transition: 0.3s all;
}
.left-menu-close-btn:hover {
background-color: #385091;
color: #fff;
}
.left-menu-open-btn {
position: fixed;
left: 0px;
top: 25vh;
background-color: #ffffff;
padding: 8px 3px 5px 4px;
color: #3c61c5;
z-index: 99;
cursor: pointer;
border-radius: 0px 6px 6px 0px;
box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
transition: 0.3s all;
}
.left-menu-open-btn:hover {
background-color: #3c61c5;
color: #fff;
}
.show-status-message-box {
display: none;
position: fixed;
top: 75px;
right: 10px;
background-color: #2d2d2d;
border-radius: 2px;
color: #fff;
font-size: 18px;
padding: 10px 20px;
z-index: 999;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.admin-payments-success {
height: 16em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #3a9c48 #f1f1f1;
scrollbar-width: thin;
}
.admin-payments-success::-webkit-scrollbar {
width: 8px;
}
.admin-payments-success::-webkit-scrollbar-thumb {
background-color: #3a9c48;
}
.admin-payments-success::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.admin-payments-trial {
height: 16em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #4477b5 #f1f1f1;
scrollbar-width: thin;
}
.admin-payments-trial::-webkit-scrollbar {
width: 8px;
}
.admin-payments-trial::-webkit-scrollbar-thumb {
background-color: #4477b5;
}
.admin-payments-trial::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.admin-payments-cancelled {
height: 16em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #525252 #f1f1f1;
scrollbar-width: thin;
}
.admin-payments-cancelled::-webkit-scrollbar {
width: 8px;
}
.admin-payments-cancelled::-webkit-scrollbar-thumb {
background-color: #525252;
}
.admin-payments-cancelled::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.four_section_inputbox {
text-align: left;
width: calc(25% - 2em);
display: inline-block;
margin-right: 1.1em;
margin-left: 0.5em;
vertical-align: top;
}
#dog_general_info_advanced {
text-align: center;
font-size: 14px;
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #eee;
color: #222;
line-height: 20px;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#dog_general_info_advanced:hover {
background-color: #fcfcfc;
border: 1px solid #ddd;
}
#dog_general_info_advanced_expanded {
display: none;
text-align: center;
margin: auto;
}
#dog_general_info_advanced2 {
text-align: center;
font-size: 14px;
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #eee;
color: #222;
line-height: 20px;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#dog_general_info_advanced2:hover {
background-color: #fcfcfc;
border: 1px solid #ddd;
}
#dog_general_info_advanced_expanded2 {
display: none;
}
#dog_general_info_registration {
text-align: center;
font-size: 14px;
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #eee;
color: #222;
line-height: 20px;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#dog_general_info_registration:hover {
background-color: #fcfcfc;
border: 1px solid #ddd;
}
#dog_general_info_registration_expanded {
display: none;
text-align: center;
margin: auto;
}
#dog_general_info_forms {
text-align: center;
font-size: 14px;
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #eee;
color: #222;
line-height: 20px;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#dog_general_info_forms:hover {
background-color: #fcfcfc;
border: 1px solid #ddd;
}
#dog_general_info_forms_expanded {
display: none;
text-align: center;
margin: auto;
}
.adminekennelsonline {
height: 16em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #3b9451 #f1f1f1;
scrollbar-width: thin;
}
.adminekennelsonline::-webkit-scrollbar {
width: 8px;
}
.adminekennelsonline::-webkit-scrollbar-thumb {
background-color: #3b9451;
}
.adminekennelsonline::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.testmating-sire-column {
display: inline-block;
padding: 0.5em;
background: #f4faff;
border-radius: 2px;
width: calc(60% - 3em);
vertical-align: top;
}
.testmating-dam-column {
display: inline-block;
padding: 0.5em;
background: #fff8f9;
border-radius: 2px;
width: calc(60% - 3em);
vertical-align: top;
}
.testmating-sire-column-results {
display: inline-block;
padding: 0.5em;
background: #f4faff;
border-radius: 2px;
width: 40%;
vertical-align: top;
}
.testmating-dam-column-results {
display: inline-block;
padding: 0.5em;
background: #fff8f9;
border-radius: 2px;
width: 40%;
vertical-align: top;
}
.testmatingsiredamcolumns td {
font-size: 12px;
}
.testmating-sire-dropdown {
text-align: left;
font-size: 14px;
background-color: #57b4e1;
border-radius: 3px;
color: #fff;
line-height: 20px;
margin-top: 0.5em;
cursor: pointer;
padding: 3px 3px 3px 7px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
opacity: 0.8;
}
.testmating-sire-dropdown:hover {
opacity: 1;
}
.testmating-dam-dropdown {
text-align: left;
font-size: 14px;
background-color: #fc8ba0;
border-radius: 3px;
color: #fff;
line-height: 20px;
margin-top: 0.5em;
cursor: pointer;
padding: 3px 3px 3px 7px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
opacity: 0.8;
}
.testmating-dam-dropdown:hover {
opacity: 1;
}
.testmating-siredam-dropdown-expanded {
display: none;
text-align: left;
background: rgb(255, 255, 255);
margin-bottom: -0.5em;
padding: 0.5em;
font-size: 12px;
}
.testmatingresultsheader {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #000;
padding: 2px;
border-right: 1px solid #ddd;
font-size: 12px;
text-align: center;
border-top: 6px solid #5e5e5e;
}
.testmatingresultscells td {
border-collapse: collapse;
overflow: hidden;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
position: relative;
width: auto;
font-size: 12px;
text-align: center;
padding: 2px;
background: #fff;
white-space: normal;
}
.testmatingresultsadv {
color: #333;
border: 1px solid #ddd;
border-top: 6px solid #5cbe63;
border-radius: 2px;
vertical-align: top;
white-space: nowrap;
text-align: center;
width: 100%;
height: 100%;
max-height: 22em;
margin-top: 1em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
scrollbar-color: #45974b #f1f1f1;
scrollbar-width: thin;
}
.testmatingresultsadv::-webkit-scrollbar {
width: 8px;
}
.testmatingresultsadv::-webkit-scrollbar-thumb {
background-color: #45974b;
}
.testmatingresultsadv::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.testmatingresultsadvlist {
vertical-align: top;
padding: 0.5em;
font-size: 12px;
border-right: none;
background: #fff;
border-bottom: 1px solid #ddd;
}
.testmatingresultspanel {
width: 30%;
height: 100vh;
display: inline-block;
vertical-align: top;
background: rgba(255, 255, 255, 0.6);
position: absolute;
right: 0px;
padding: 0em 1em;
border-left: 1px solid #eee;
}
.testmatingcalculatebtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.testmatingcalculatebtn:hover {
opacity: 1;
}
#Flex1 {
width: 80%;
height: auto;
text-align: center;
margin: auto;
margin-bottom: 0.5em;
box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
border-radius: 2px;
}
#Flex2 {
width: 80%;
height: auto;
text-align: center;
margin: auto;
margin-bottom: 0.5em;
box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.3);
border-radius: 2px;
}
.testmating-dam-container {
width: calc(50% - 2.25em);
display: inline-block;
vertical-align: top;
margin: 0.5em;
background: #fff8f9;
border-radius: 2px;
padding: 0.5em;
}
.testmating-sire-container {
width: calc(50% - 2.25em);
display: inline-block;
vertical-align: top;
margin: 0.5em;
background: #f4faff;
border-radius: 2px;
padding: 0.5em;
}
.testmatingresultsheaderdiv {
text-align: center;
margin: auto;
font-size: 20px;
color: #444;
margin-bottom: 1em;
margin-top: 2em;
}
.testmatingheader-sire {
text-align: center;
margin: auto;
font-size: 18px;
padding: 0.3em;
border-radius: 4px 3px 0px 0px;
color: #333;
}
.testmatingheader-dam {
text-align: center;
margin: auto;
font-size: 18px;
padding: 0.3em;
border-radius: 4px 3px 0px 0px;
color: #333;
}
.testmatinginformation {
width: auto;
font-size: 11px;
text-align: center;
background: #f5f5f5;
padding: 0.5em;
margin: -0.5em -0.5em 0.6em -0.5em;
border-radius: 0px 0px 2px 2px;
}
#testmatingresultsdivhide {
width: 60%;
text-align: center;
margin: auto;
margin-bottom: 3em;
max-width: 600px;
margin-top: auto;
}
.testmatingcalcbuttondiv {
margin: auto;
text-align: center;
padding-top: 1em;
}
.testmatingresultsbasicbox {
width: 60%;
text-align: center;
margin: auto;
margin-top: 1em;
}
.ekennel_added-row-richtextbox {
width: 98%;
text-align: center;
margin: auto;
}
.ekennel_added-row-image {
margin-top: 0.5em;
display: inline-block;
margin-bottom: -1.5em;
}
.ekennel-image-browse-siredam {
margin-top: 0px;
background: #ffffff;
z-index: 1;
max-width: 100%;
height: auto;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
white-space: nowrap;
scrollbar-color: #7897e9 #f1f1f1;
scrollbar-height: thin;
}
.ekennel-image-browse-siredam::-webkit-scrollbar {
height: 8px;
}
.ekennel-image-browse-siredam::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.ekennel-image-browse-siredam::-webkit-scrollbar-thumb {
background-color: #7897e9;
transition: .3s all;
}
.ekennel-theme-option {
border: 3px solid #eee;
border-radius: 2px;
width: 100%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
opacity: 0.8;
transition: all 0.3s;
}
.ekennel-theme-option:hover {
opacity: 1;
border: 3px solid #77b3e8;
cursor: pointer;
}
.ekennel-theme-selected {
border: 3px solid #428bca;
border-radius: 2px;
width: 100%;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#ekennel-theme-container {
text-align: center;
margin: auto;
margin-bottom: 1em;
}
.ekennel-theme-container-table {
width: 40%;
text-align: center;
margin: auto;
}
.closeschedules {
float: right;
margin-top: 100px;
margin-right: 10px;
color: #333;
cursor: pointer;
font-size: 24px;
}
#pincardprogramcontainger {
background-color: #fefefe;
border-radius: 2px;
white-space: nowrap;
text-align: center;
margin: auto;
width: auto;
max-width: 1200px;
height: calc(100vh - 215px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #46718f #f1f1f1;
scrollbar-width: thin;
}
#pincardprogramcontainger::-webkit-scrollbar {
width: 8px;
}
#pincardprogramcontainger::-webkit-scrollbar-thumb {
background-color: #46718f;
}
#pincardprogramcontainger::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#schedulerprogramheader td {
border-collapse: collapse;
overflow: hidden;
background-color: #ececec;
color: #333;
text-align: center;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 12px;
padding: 2px;
width: 100px;
}
#schedulerprogramheaderalt td {
border-collapse: collapse;
overflow: hidden;
background-color: #558fa9;
color: #fff;
text-align: center;
font-size: 12px;
padding: 2px;
}
#litters-scheduler-table-div {
height: auto;
max-height: 50vh;
border-bottom: 1px solid #e3edf1;
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
white-space: nowrap;
font-size: 12px;
width: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #57697b #f1f1f1;
scrollbar-width: thin;
}
#litters-scheduler-table-div::-webkit-scrollbar {
width: 8px;
}
#litters-scheduler-table-div::-webkit-scrollbar-thumb {
background-color: #57697b;
}
#litters-scheduler-table-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#pincardprogramselector {
display: inline-block;
margin-bottom: 0.5em;
margin-top: 0.2em;
}
.schedulerprogramcells {
width: 100%;
}
.schedulerprogramcells td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: nowrap;
}
.schedulerprogramcells tr:nth-child(even) {
background: #ffffff;
}
.schedulerprogramcells tr:nth-child(even):hover {
background: #ebedf1;
}
.schedulerprogramcells tr:nth-child(odd) {
background: #f9f9f9;
}
.schedulerprogramcells tr:nth-child(odd):hover {
background: #ebedf1;
}
.schedulerprogramcells-select {
margin-top: 0.3em;
margin-bottom: .2em;
padding: 3px 5px;
font-size: 12px;
}
#manageschedulesbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#manageschedulesbtn:hover {
opacity: 1;
}
#frmAddPenCard {
text-align: center;
margin: auto;
}
#pencardtableheader {
background: #6ba9c6;
padding: 2px 4px 5px 8px;
border-radius: 2px 2px 0px 0px;
color: #fff;
font-size: 16px;
text-align: left;
}
#pencardtable {
border-radius: 2px;
background: #fefefe;
padding: 0.7em 0.7em 1em 0.7em;
border-bottom: 1px solid #f7f7f7;
}
#pencardbtntablecells td {
border-collapse: collapse;
overflow: hidden;
background-color: #fff;
color: #333;
text-align: center;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 12px;
}
.managescheduleswindowdiv {
top: -100%;
position: fixed;
text-align: left;
left: 260px;
right: 0px;
height: 100%;
width: auto;
padding-left: 2em;
padding-right: 2em;
z-index: 98;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
border-left: 1px solid #ddd;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.1);
}
#widgetschedulerheadercontainer {
text-align: center;
font-size: 12px;
background-color: #46778d;
border-radius: 0px 0px 2px 2px;
color: #fff;
line-height: 20px;
cursor: pointer;
padding: 2px;
transition: .3s all;
}
#widgetschedulerheadercontainer:hover {
background-color: #3a6578;
}
#user-widget-scheduler-expanded {
height: auto;
max-height: 30vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: all 0.3s;
width: auto;
text-align: center;
scrollbar-color: #57697b #f1f1f1;
scrollbar-width: thin;
}
#user-widget-scheduler-expanded::-webkit-scrollbar {
width: 8px;
}
#user-widget-scheduler-expanded::-webkit-scrollbar-thumb {
background-color: #57697b;
}
#user-widget-scheduler-expanded::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#user-widget-scheduler-widget {
text-align: center;
background: #457991;
margin: auto;
margin-top: 0.5em;
padding: 5px;
height: auto;
width: auto;
border-radius: 2px 2px 0px 0px;
color: #fff;
text-align: center;
font-size: 14px;
}
#schedulerprogram-widget-header th {
position: sticky;
top: 0;
border-collapse: collapse;
overflow: hidden;
background-color: #558fa9;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
color: #fff;
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
#user-dashboard-container {
max-width: 1200px;
text-align: center;
margin: auto;
}
#user-dashboard-switch {
margin-top: -2.5em;
margin-bottom: 0.5em;
text-align: right;
font-size: 12px;
border-radius: 2px;
}
#notifications-closed {
display: none;
}
.dashboard-notifications-btns {
float: right;
}
.dashboard-notifications-info {
text-align: left;
}
.dashboard-notifications-info-icon {
display: inline-block;
margin-right: 0.5em;
font-size: 14px;
}
.dashboard-notifications-label-general {
background: #5e6063;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #fff;
padding: 5px;
margin-top: 0.7em;
text-align: center;
}
.dashboard-notifications-label-medical {
background: #a55757;
border-radius: 2px 2px 0px 0px;
font-size: 14px;
color: #fff;
padding: 5px;
margin-top: 0.7em;
text-align: center;
}
#file-upload {
width: 94px;
color: #fff;
box-shadow: none;
padding: 5px 8px;
border-radius: 2px;
}
.marketing-image-gallery-div {
display: none;
}
.litters-marketing-email-image-list {
height: auto;
padding: 0.5em;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin: auto;
text-align: center;
width: auto;
border-radius: 2px;
white-space: nowrap;
scrollbar-color: #5a94b7 #f1f1f1;
scrollbar-height: thin;
}
.litters-marketing-email-image-list::-webkit-scrollbar {
height: 8px;
}
.litters-marketing-email-image-list::-webkit-scrollbar-thumb {
background-color: #5a94b7;
}
.litters-marketing-email-image-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.litters-marketing-email-image {
display: inline-block;
margin: 0.25em;
}
.litter-seller-options-checkcontainer {
display: block;
position: relative;
padding-left: 21px;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.litter-seller-options-checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.litter-seller-options-checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #eee;
border-radius: 2px;
transition: all 0.3s;
}
.litter-seller-options-checkcontainer:hover input ~ .litter-seller-options-checkmark {
background-color: #ccc;
}
.litter-seller-options-checkcontainer input:checked ~ .litter-seller-options-checkmark {
background-color: #4f74d9;
}
.litter-seller-options-checkmark:after {
content: "";
position: absolute;
display: none;
}
.litter-seller-options-checkcontainer input:checked ~ .litter-seller-options-checkmark:after {
display: block;
}
.litter-seller-options-checkcontainer .litter-seller-options-checkmark:after {
left: 4px;
top: 0px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.litter-scheduler-checkcontainer {
display: block;
position: relative;
padding-left: 21px;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.litter-scheduler-checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.litter-scheduler-checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #eee;
border-radius: 2px;
transition: all 0.3s;
}
.litter-scheduler-checkcontainer:hover input ~ .litter-scheduler-checkmark {
background-color: #ccc;
}
.litter-scheduler-checkcontainer input:checked ~ .litter-scheduler-checkmark {
background-color: #558fa9;
}
.litter-scheduler-checkmark:after {
content: "";
position: absolute;
display: none;
}
.litter-scheduler-checkcontainer input:checked ~ .litter-scheduler-checkmark:after {
display: block;
}
.litter-scheduler-checkcontainer .litter-scheduler-checkmark:after {
left: 4px;
top: 0px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#users-breed-list {
display: inline-block;
width: 100%;
}
.litters-marketing-textbox-subject {
width: 240px;
text-align: left;
margin: auto;
}
.litters-marketing-textbox-message {
width: calc(100% - 1em);
min-height: 4em;
text-align: left;
margin: auto;
background: #ffffe6;
border: 0px;
}
#seller-inbox-message-window {
float: right;
width: calc(100% - 81px);
background-color: #fff;
height: calc(100vh - 210px);
border-radius: 0px 2px 2px 0px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
transition: all 0.3s;
}
#idmessage {
width: calc(100% - 42px);
padding: 5px;
height: 68px;
border: none;
padding-right: 36px;
background-color: #fcfcfc;
border-top: 1px solid #ddd;
position: relative;
-webkit-overflow-scrolling: touch;
scrollbar-color: #636363 #f1f1f1;
scrollbar-width: thin;
}
#idmessage::-webkit-scrollbar {
width: 8px;
}
#idmessage::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#idmessage::-webkit-scrollbar-thumb {
background-color: #636363;
transition: .3s all;
}
#sendMessagebtn {
float: right;
margin-top: -40px;
margin-right: 10px;
position: relative;
font-size: 20px;
color: #b9b9b9;
transition: all 0.3s;
cursor: pointer;
}
#sendMessagebtn:hover {
color: #6b6b6b;
}
.seller-messaging-message-window {
padding: 0.5em 0.25em;
border-top: 1px solid #eee;
background-color: #fdfdfd;
height: calc(100vh - 243px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
font-size: 12px;
width: auto;
scrollbar-color: #3f77a9 #f1f1f1;
scrollbar-width: thin;
}
.seller-messaging-message-window::-webkit-scrollbar {
width: 8px;
}
.seller-messaging-message-window::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.seller-messaging-message-window::-webkit-scrollbar-thumb {
background-color: #3f77a9;
transition: .3s all;
}
.seller-messaging-message-reply-div {
text-align: center;
margin: auto;
}
.seller-messaging-inbox-message {
padding: 0.3em 0.8em;
font-size: 12px;
cursor: pointer;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
margin-right: -2px;
}
.seller-messaging-inbox-message:hover {
background: #edf7ff !important;
}
.seller-inbox-message-bubble {
background: #fffdee;
border: 1px solid #f3f0d9;
padding: 0.3em 0.5em;
margin: 0.5em;
border-radius: 10px;
width: 60%;
white-space: pre-line;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.seller-inbox-panel-left {
float: left;
width: 80px;
background-color: #f3f3f3;
height: calc(100vh - 150px);
min-height: 14em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
transition: all 0.3s;
scrollbar-color: #3f77a9 #f1f1f1;
scrollbar-width: thin;
}
.seller-inbox-panel-left::-webkit-scrollbar {
width: 8px;
}
.seller-inbox-panel-left::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.seller-inbox-panel-left::-webkit-scrollbar-thumb {
background-color: #3f77a9;
transition: .3s all;
}
#seller-inbox-options-images {
display: inline-block;
font-size: 20px;
color: #b9b9b9;
transition: all 0.3s;
cursor: pointer;
}
#seller-inbox-options-images:hover {
color: #6b6b6b;
}
#seller-inbox-options-images-menu {
display: none;
background: #447eb0;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
line-height: 18px;
position: relative;
text-align: center;
max-height: 20vh;
overflow-x: hidden;
overflow-y: auto;
margin: auto;
right: 0px;
z-index: 2;
padding: 0.5em 1em;
font-size: 12px;
border-radius: 0px 0px 2px 2px;
}
.seller-inbox-options-images-menu-options {
display:inline-block;
margin:0px 5px;
vertical-align:top;
margin-top: 0.2em;
}
#seller-inbox-options-files {
display: inline-block;
font-size: 20px;
color: #b9b9b9;
transition: all 0.3s;
cursor: pointer;
}
#seller-inbox-options-files:hover {
color: #6b6b6b;
}
#seller-inbox-options-files-menu {
display: none;
background: #447eb0;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
line-height: 18px;
position: relative;
text-align: center;
max-height: 20vh;
overflow-x: hidden;
overflow-y: auto;
margin: auto;
right: 0px;
z-index: 2;
padding: 0.5em 1em;
font-size: 12px;
border-radius: 0px 0px 2px 2px;
}
.seller-inbox-options-files-menu-options {
display: inline-block;
margin: 0px 5px;
vertical-align: top;
}
.seller-read-unread-text {
color: #8c8c8c;
text-align: left;
margin-left: -38px;
margin-bottom: -10px;
font-size: 11px;
}
.seller-message-image-thumbnailbox-image {
width: auto;
height: 100px;
margin: auto;
margin-left: 0.25em;
margin-right: 0.25em;
margin-top: 0.17em;
border: 0px;
box-shadow: 3px 2px 2px 0px rgba(150, 150, 150, 0.4);
text-align: center;
cursor:pointer;
opacity: 0.8;
background: #444;
transition: all 0.3s;
}
.seller-message-image-thumbnailbox-image:hover {
opacity: 1;
}
.seller-message-thumbnailbox {
background: #46637d;
z-index: 1;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border: 1px solid #5e8eb9;
border-radius: 2px;
padding: 2px;
margin-bottom: 0.5em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
white-space: nowrap;
height: 113px;
margin-top: 0.3em;
width: max-content;
min-width: 100%;
}
#seller-message-thumbnailbox {
display: none;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
height: 121px;
scrollbar-color: #6c9fcd #f1f1f1;
scrollbar-height: thin;
}
#seller-message-thumbnailbox::-webkit-scrollbar {
height: 8px;
}
#seller-message-thumbnailbox::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#seller-message-thumbnailbox::-webkit-scrollbar-thumb {
background-color: #6c9fcd;
transition: .3s all;
}
#seller-message-thumbnailbox-dogs {
display: none;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
height: 121px;
scrollbar-color: #6c9fcd #f1f1f1;
scrollbar-height: thin;
}
#seller-message-thumbnailbox-dogs::-webkit-scrollbar {
height: 8px;
}
#seller-message-thumbnailbox-dogs::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#seller-message-thumbnailbox-dogs::-webkit-scrollbar-thumb {
background-color: #6c9fcd;
transition: .3s all;
}
.seller-inbox-options {
display: none;
float: right;
margin-top: -24px;
background: #4296d9;
border-radius: 2px 0px 0px 0px;
font-size: 14px;
color: #ffffff;
cursor: pointer;
transition: 0.3s;
padding: 2px 5px;
}
.seller-message-tools-option:hover {
background-color: #ebf0ff;
}
.seller-inbox-options-menu {
float: right;
position: relative;
display: inline-block;
}
.seller-inbox-options-menu-content {
display: none;
margin-left: -74px;
position: absolute;
background-color: #fff;
margin-top: -2px;
min-width: 100px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
z-index: 1;
}
.seller-inbox-options-menu-content a {
display: block;
width: auto;
padding: 3px 5px;
font-size: 12px;
border-bottom: 1px solid #f9f9f9;
transition: .2s all;
cursor: pointer;
}
.seller-inbox-options-menu-content a:hover {
color: #333;
}
.seller-inbox-options-menu:hover .seller-inbox-options-menu-content {
display: block;
}
.seller-inbox-options-menu:hover .seller-inbox-options {
background-color: #fff;
}
#reportDiv {
display: none;
text-align: center;
margin: auto;
}
#cancelbtn {
display: none;
width: auto;
text-align: center;
margin: 1em auto;
font-size: 14px;
padding: 4px 12px;
background-color: #d45c5c;
border: 2px solid #e87272;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
color: #fff;
transition: .3s all;
cursor:pointer;
}
#cancelbtn:hover {
background-color: #e87272;
}
.cancel-user-feedback-box {
width: calc(100% - 2em);
max-width: 400px;
height: 120px;
display: none;
border: 1px solid #ddd;
margin-top: 1em;
}
.cancel-feedback-other-form {
text-align: left;
margin: auto;
width: auto;
max-width: 320px;
}
#settings-user-subscription-load {
text-align: center;
margin-bottom: 1em;
}
.settings-subscription-info {
display: inline-block;
text-align: left;
margin-right: 4.5em;
vertical-align: middle;
}
.upgradesubscription {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
.upgradesubscription:hover {
opacity: 1;
}
.cancelsubscription {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
margin-left: 0.2em;
}
.cancelsubscription:hover {
opacity: 1;
}
[tooltip] {
position: relative;
}
[tooltip]::before,
[tooltip]::after {
text-transform: none;
font-size: 14px !important;
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border: 5px solid transparent;
z-index: 501;
}
[tooltip]::after {
content: attr(tooltip);
font-family: Helvetica, sans-serif;
text-align: center;
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
background: #333;
color: #fff;
z-index: 500;
}
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
}
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: calc(100% + 8px);
border-bottom-width: 0;
border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 13px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 10px);
transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 10px);
transform: translate(.5em, -50%);
}
@keyframes tooltips-vert {
to {
opacity: 1;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: 1;
transform: translate(0, -50%);
}
}
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}
#mutipledogselectcontainer {
display: none;
text-align: center;
margin: auto;
}
.mutipledogmedcontainer {
position: relative;
background-color: #fff;
height: auto;
max-height: 20vh;
border-radius: 2px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
font-size: 12px;
width: auto;
margin: auto;
text-align: left;
padding: 1em 1em 0em 1em;
scrollbar-color: #7897e9 #f1f1f1;
scrollbar-width: thin;
}
.mutipledogmedcontainer::-webkit-scrollbar {
width: 8px;
}
.mutipledogmedcontainer::-webkit-scrollbar-thumb {
background-color: #7897e9;
}
.mutipledogmedcontainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#savemutiplehealth {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: -0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#savemutiplehealth:hover {
opacity: 1;
}
#savemutiplehealth:disabled {
opacity: 0.2;
}
.dog-medical-multiple-check-all {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #515869;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dog-medical-multiple-check-all:hover {
opacity: 1;
}
.dogmutiplehealth {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #44ab97;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: -0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dogmutiplehealth:hover {
opacity: 1;
}
#settings-user-profile-load {
font-size: 12px;
width: calc(100% - 200px);
display: inline-block;
max-width: 380px;
text-align: left;
}
.settings-security-pwd-div {
display: none;
font-size: 12px;
max-width: 300px;
margin: auto;
background: #f3f3f3;
border-radius: 2px;
padding: 1em;
}
.settings-security-pwd-div-inner {
text-align: center;
margin-top: 1em;
}
.settings-security-pwd-div input {
width: calc(100% - 10px);
}
.corner-contact-btn {
position: fixed;
right: 0px;
bottom: 0px;
width: 0;
height: 0;
border-bottom: 45px solid #333;
border-left: 45px solid transparent;
}
.corner-contact-btn span {
position: fixed;
bottom: 3px;
width: 100px;
right: -37px;
text-align: center;
font-size: 14px;
color: #fff;
}
#emailformbody {
padding: 1em 2em;
}
.searchresults-table-footer {
text-align: left;
width: 100%;
background: #eee;
padding-top: 3px;
padding-bottom: 1px;
border-radius: 0px 0px 2px 2px;
}
#settings-profile-kennel-pdfpreview {
display: none;
}
.administratorview-banner {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
background: #d23131;
color: #fff;
text-align: center;
margin: auto;
z-index: 9999;
}
.pedigree-create-info-container {
max-width: 600px;
margin: auto;
margin-top: 2em;
text-align: center;
}
.pedigree-create-info-block {
display: inline-block;
}
.pedigree-create-info-img {
border: 0px;
width: auto;
height: 180px;
text-align: center;
margin: auto;
}
#pedigree {
border-radius: 2px;
width: auto;
height: auto;
max-height: calc(100vh - 140px);
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size: 14px;
display: none;
cursor: grab;
scrollbar-color: #7897e9 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
#pedigree::-webkit-scrollbar {
width: 8px;
height: 8px;
}
#pedigree::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#pedigree::-webkit-scrollbar-thumb {
background-color: #7897e9;
transition: .3s all;
}
#pedigree-addnew-div {
display: none;
}
#pedigree-share-url {
display: none;
}
.pedigree-share-btn {
display: inline-block;
vertical-align: middle;
margin-left: 0.25em;
cursor: pointer;
font-size: 16px;
background: none;
border: 0px;
opacity: 0.8;
transition: 0.3s;
}
.pedigree-share-btn:hover {
opacity: 1;
}
.pedigree-img-uploader {
text-align: center;
margin: auto;
display: none;
margin-bottom: -0.7em;
margin-right: -5px;
}
.pedigree-img-uploadbtn {
display: none;
}
.pedigree-fullscreen {
position: fixed !important;
left: 0px;
width: 100% !important;
background: #fbfcff;
z-index: 597;
}
.pedigreefullscreenbtnfullscreen {
position: fixed !important;
top: 60px;
right: 10px;
z-index: 998;
}
.offspring {
width: auto;
}
.name-choices {
display: none;
}
.pedigree-img-dog {
width: 100px;
height: 100px;
border: 0px;
text-align: center;
margin: auto;
object-fit: cover;
}
.pedigreesavedogbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 0.35em;
margin-bottom: 0.35em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.pedigreesavedogbtn:hover {
opacity: 1;
}
.pedigreesavedogbtn:disabled {
display: none;
}
.pedigree-box-dog {
border: 1px solid #eee;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
margin: 1em;
background-color: #fff;
cursor: default;
height: auto;
}
.pedigree-box-dog-sire {
border: 1px solid #3f9ac5;
}
.pedigree-box-dog-dam {
border: 1px solid #e46880;
}
.pedigree-box-dog-left {
display: inline-block;
vertical-align: top;
text-align: center;
padding-right: 0.5em;
}
.pedigree-box-dog-right {
display: inline-block;
background: #fff;
text-align: left;
width: 230px;
padding: 0em 0.5em 0.5em 0.5em;
height: 138px;
overflow-x: hidden;
overflow-y: auto;
font-size: 12px;
scrollbar-color: #7897e9 #f1f1f1;
scrollbar-width: thin;
}
.pedigree-box-dog-right::-webkit-scrollbar {
width: 8px;
}
.pedigree-box-dog-right::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.pedigree-box-dog-right::-webkit-scrollbar-thumb {
background-color: #7897e9;
transition: .3s all;
}
.pedigree-box-dog-right input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
.pedigree-box-dog-right select {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#controls {
margin: auto;
margin-bottom: 0.7em;
text-align: center;
}
.pedigree-column {
display:inline-block;
vertical-align:middle;
}
#pedigree-column-gen1 {
display: none;
}
#pedigree-column-gen1-vertical-connect {
display: none;
height: 14em;
vertical-align: middle;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
}
#pedigree-column-gen2-vertical-connect {
display: none;
height: 38em;
vertical-align: middle;
}
#pedigree-column-gen2-vertical-connect-line1 {
height: 12em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen2-vertical-connect-line2 {
height: 12em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 13.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen3-vertical-connect {
display: none;
height: 105em;
vertical-align: middle;
}
#pedigree-column-gen3-vertical-connect-line1 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen3-vertical-connect-line2 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 16em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen3-vertical-connect-line3 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 16em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen3-vertical-connect-line4 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 15em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect {
display: none;
height: 183em;
vertical-align: middle;
}
#pedigree-column-gen4-vertical-connect-line1 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line2 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line3 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line4 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line5 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line6 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line7 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen4-vertical-connect-line8 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect {
display: none;
height: 376em;
vertical-align: middle;
}
#pedigree-column-gen6-vertical-connect {
display: none;
height: 1044em;
vertical-align: middle;
}
#pedigree-column-gen5-vertical-connect-line1 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line2 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line3 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line4 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line5 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line6 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line7 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line8 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line9 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line10 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line11 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line12 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line13 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line14 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line15 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen5-vertical-connect-line16 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line1 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line2 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line3 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line4 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line5 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line6 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line7 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line8 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line9 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line10 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line11 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line12 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line13 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line14 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line15 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line16 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line17 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line18 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line19 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line20 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line21 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line22 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line23 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line24 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line25 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line26 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line27 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.2em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line28 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line29 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line30 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line31 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.3em;
margin-right: -18px;
margin-left: -1px;
}
#pedigree-column-gen6-vertical-connect-line32 {
height: 14em;
border-left: 6px solid #93a4bb;
border-radius: 5px;
margin-top: 19.1em;
margin-right: -18px;
margin-left: -1px;
}
#offspring-connectto-s {
display: none;
margin-top: -7px;
margin-left: -1px;
}
#offspring-connectto-d {
display: none;
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-s-to-ss {
margin-left: -1px;
}
#offspring-connectto-s-to-sd {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-d-to-ds {
margin-left: -1px;
}
#offspring-connectto-d-to-dd {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-ss-to-ssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sd-to-sds {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sd-to-sdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ds-to-dss {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ds-to-dsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dd-to-dds {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dd-to-ddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sss-to-ssss {
margin-left: -1px;
}
#offspring-connectto-sss-to-sssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ssd-to-ssds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-ssd-to-ssdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sds-to-sdss {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-sds-to-sdsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sdd-to-sdds {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-sdd-to-sddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dss-to-dsss {
margin-top: 5.15em;
margin-left: -1px;
}
#offspring-connectto-dss-to-dssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dsd-to-dsds {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-dsd-to-dsdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dds-to-ddss {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-dds-to-ddsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ddd-to-ddds {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-ddd-to-dddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ssss-to-sssss {
margin-left: -1px;
}
#offspring-connectto-ssss-to-ssssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sssd-to-sssds {
margin-top: 9.15em;
margin-left: -1px;
}
#offspring-connectto-sssd-to-sssdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ssds-to-ssdss {
margin-top: 9.15em;
margin-left: -1px;
}
#offspring-connectto-ssds-to-ssdsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ssdd-to-ssdds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-ssdd-to-ssddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sdss-to-sdsss {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-sdss-to-sdssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sdsd-to-sdsds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-sdsd-to-sdsdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sdds-to-sddss {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-sdds-to-sddsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-sddd-to-sddds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-sddd-to-sdddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dsss-to-dsssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dsss-to-dssss {
margin-top: 9.15em;
margin-left: -1px;
}
#offspring-connectto-dssd-to-dssds {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-dssd-to-dssdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dsds-to-dsdss {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-dsds-to-dsdsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dsdd-to-dsdds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-dsdd-to-dsddd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ddss-to-ddsss {
margin-top: 11.15em;
margin-left: -1px;
}
#offspring-connectto-ddss-to-ddssd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ddsd-to-ddsds {
margin-top: 10.15em;
margin-left: -1px;
}
#offspring-connectto-ddsd-to-ddsdd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-ddds-to-dddss {
margin-top: 9.15em;
margin-left: -1px;
}
#offspring-connectto-ddds-to-dddsd {
margin-top: 13.15em;
margin-left: -1px;
}
#offspring-connectto-dddd-to-dddds {
margin-top: 9.15em;
margin-left: -1px;
}
#offspring-connectto-dddd-to-ddddd {
margin-top: 13.15em;
margin-left: -1px;
}
#pedigree-column-gen2 {
display: none;
}
#pedigree-column-gen3 {
display: none;
}
#pedigree-column-gen4 {
display: none;
}
#pedigree-column-gen5 {
display: none;
}
#pedigree-column-gen6 {
display: none;
}
#pedigree-viewer {
width: max-content;
text-align: center;
margin: auto;
}
.pedigree-viewer-zoom {
zoom: 0.7;
transition: 1s ease-in-out;
}
#pedigreezoombtn {
display: none;
position: absolute;
padding: 0.3em 0.4em;
background: #3c61c5;
border-bottom: 2px solid #7897e9;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
cursor: pointer;
font-size: 20px;
transition: all 0.3s;
}
#pedigreezoombtn:hover {
background: #7897e9;
}
.pedigreezoombtnfullscreen {
position: fixed !important;
top: 0px;
left: 0px;
z-index: 998;
}
#pedigree-calc-div {
display: none;
position: fixed;
background: #fff;
border-radius: 2px;
bottom: 16px;
right: 16px;
padding: 0.5em;
z-index: 600;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
}
.pedigree-help-regsearch {
display: none;
position: absolute;
font-size: 12px;
border-radius: 2px;
padding: 10px 15px;
background-color: #d1ddec;
width: 160px;
margin-left: 258px;
margin-top: 5px;
text-align: center;
display: inline-block;
vertical-align: middle;
box-shadow: 1px 1px 5px rgba(0,0,0,.1);
}
.pedigree-help-regsearch::before {
content: '';
position: absolute;
display: block;
width: 0px;
left: 0;
top: 50%;
margin-left: 0.5em;
border: 15px solid transparent;
border-left: 0;
border-right: 15px solid #d1ddec;
transform: translate(calc(-100% - 5px), -50%);
}
#breakdown {
margin-top: 0.5em;
}
.pedigree-results-table {
width: 240px;
text-align: center;
margin: auto;
margin-top: 0.7em;
padding: 0.3em;
border: 1px solid #ddd;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.pedigree-results-table-header {
background-color: #ececec;
border-collapse: collapse;
font-size: 12px;
text-align: center;
}
.pedigree-results-table td {
font-size: 12px;
padding: 2px;
}
#pedigreeclearbtn {
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #515869;
border-radius: 2px;
text-align: center;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#pedigreeclearbtn:hover {
opacity: 1;
}
.pedigreeclearbtn-fullscreen {
position: fixed;
top: 70px;
left: 10px;
z-index: 498;
}
.pedigree-btns-container {
display: none;
float: right;
background: #fff;
padding: 0.5em;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
}
.pedigree-btns-container-fullscreen {
float: none;
display: block;
position: fixed;
top: 70px;
left: 10px;
z-index: 600;
}
.pedigree-input-disabled {
border: 0px;
background: #fff;
box-shadow: unset;
margin-bottom: 7px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
#gen1-spacer-s {
display: none;
height: 6em;
}
#gen1-spacer-d {
display: none;
height: 6em;
}
#gen1-spacer-s2 {
display: none;
height: 15em;
}
#gen1-spacer-d2 {
display: none;
height: 15em;
}
#gen2-spacer-ss {
display: none;
height: 16em;
}
#gen2-spacer-sd {
display: none;
height: 8.3em;
}
#gen2-spacer-ds {
display: none;
height: 8.3em;
}
#gen2-spacer-dd {
display: none;
height: 16em;
}
#gen3-spacer-sss {
display: none;
height: 16em;
}
#gen3-spacer-ssd {
display: none;
height: 16em;
}
#gen3-spacer-sds {
display: none;
height: 16em;
}
#gen3-spacer-sdd {
display: none;
height: 8em;
}
#gen3-spacer-dss {
display: none;
height: 8em;
}
#gen3-spacer-dsd {
display: none;
height: 16em;
}
#gen3-spacer-dds {
display: none;
height: 16em;
}
#gen3-spacer-ddd {
display: none;
height: 16em;
}
#gen4-spacer-ssss {
display: none;
height: 10em;
}
#gen4-spacer-sssd {
display: none;
height: 10em;
}
#gen4-spacer-ssds {
display: none;
height: 11.5em;
}
#gen4-spacer-ssdd {
display: none;
height: 11.5em;
}
#gen4-spacer-sdss {
display: none;
height: 11.5em;
}
#gen4-spacer-sdsd {
display: none;
height: 11.5em;
}
#gen4-spacer-sdds {
display: none;
height: 11.5em;
}
#gen4-spacer-sddd {
display: none;
height: 5em;
}
#gen4-spacer-dsss {
display: none;
height: 5em;
}
#gen4-spacer-dssd {
display: none;
height: 11.5em;
}
#gen4-spacer-dsds {
display: none;
height: 11.5em;
}
#gen4-spacer-dsdd {
display: none;
height: 11.5em;
}
#gen4-spacer-ddss {
display: none;
height: 11.5em;
}
#gen4-spacer-ddsd {
display: none;
height: 11.5em;
}
#gen4-spacer-ddds {
display: none;
height: 10em;
}
#gen4-spacer-dddd {
display: none;
height: 10em;
}
#gen5-spacer-sssss {
display: none;
height: 15.5em;
}
#gen5-spacer-ssssd {
display: none;
height: 15.5em;
}
#gen5-spacer-sssds {
display: none;
height: 15.5em;
}
#gen5-spacer-sssdd {
display: none;
height: 15.5em;
}
#gen5-spacer-ssdss {
display: none;
height: 15.5em;
}
#gen5-spacer-ssdsd {
display: none;
height: 15.5em;
}
#gen5-spacer-ssdds {
display: none;
height: 15.5em;
}
#gen5-spacer-ssddd {
display: none;
height: 15.5em;
}
#gen5-spacer-sdsss {
display: none;
height: 15.5em;
}
#gen5-spacer-sdssd {
display: none;
height: 15.5em;
}
#gen5-spacer-sdsds {
display: none;
height: 15.5em;
}
#gen5-spacer-sdsdd {
display: none;
height: 15.5em;
}
#gen5-spacer-sddss {
display: none;
height: 15.5em;
}
#gen5-spacer-sddsd {
display: none;
height: 15.5em;
}
#gen5-spacer-sddds {
display: none;
height: 15.5em;
}
#gen5-spacer-sdddd {
display: none;
height: 8em;
}
#gen5-spacer-dssss {
display: none;
height: 8em;
}
#gen5-spacer-dsssd {
display: none;
height: 15.5em;
}
#gen5-spacer-dssds {
display: none;
height: 15.5em;
}
#gen5-spacer-dssdd {
display: none;
height: 15.5em;
}
#gen5-spacer-dsdss {
display: none;
height: 15.5em;
}
#gen5-spacer-dsdsd {
display: none;
height: 15.5em;
}
#gen5-spacer-dsdds {
display: none;
height: 15.5em;
}
#gen5-spacer-dsddd {
display: none;
height: 15.5em;
}
#gen5-spacer-ddsss {
display: none;
height: 15.5em;
}
#gen5-spacer-ddssd {
display: none;
height: 15.5em;
}
#gen5-spacer-ddsds {
display: none;
height: 15.5em;
}
#gen5-spacer-ddsdd {
display: none;
height: 15.5em;
}
#gen5-spacer-dddss {
display: none;
height: 15.5em;
}
#gen5-spacer-dddsd {
display: none;
height: 15.5em;
}
#gen5-spacer-dddds {
display: none;
height: 15.5em;
}
#gen5-spacer-ddddd {
display: none;
height: 15.5em;
}
.pedigree-box-connect-line {
background: #93a4bb;
height: 6px;
border: 0px;
width: 36px;
padding: 0px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.showgenbtn {
display: none;
cursor: pointer;
font-size: 18px;
padding: 0.2em 1em;
background: #ecf0f5;
border: 2px solid #f3f7fb;
border-radius: 5px;
margin-right: 1.5em;
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
transition: 0.3s all;
}
.showgenbtn:hover {
background: #f8fafd;
border-bottom: 4px solid #93a4bb;
border-top: 4px solid #93a4bb;
}
.pedigree-reportdogbtn {
display: none;
position: absolute;
font-size: 12px;
background: #bb908c;
padding: 0px 10px;
margin-top: -13px;
margin-left: -1px;
cursor: pointer;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
transition: 0.3s all;
}
.pedigree-reportdogbtn:hover {
color: #9a5751;
}
.pedigree-openbtn {
display: none;
position: absolute;
font-size: 12px;
padding: 0px 10px;
background: #7897e9;
margin-top: -13px;
margin-left: 32px;
cursor: pointer;
color: #fff;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
-webkit-transition: 0.3s all;
-moz-transition: 0.3s all;
-ms-transition: 0.3s all;
transition: 0.3s all;
}
.pedigree-openbtn:hover {
color: #3c61c5;
}
#pedigreereporttext {
width: 100%;
height: 30vh;
margin-top: 0.7em;
}
#file-upload-report {
border: 0px;
background: none;
color: #000;
width: auto;
font-weight: normal;
box-shadow: none;
}
#pedigreecanvas {
background: #fff;
}
#pedigree input[type=file] {
background: #fff;
}
.pedigreeselectoptions-disabled {
background: #fff;
border: 2px solid #fff;
box-shadow: none;
cursor: default;
-o-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.pedigree-print-select-table {
border: 0px;
width: auto;
margin: auto;
margin-top: 1em;
}
.pedigree-print-select-table td {
padding-left: 0.15em;
padding-right: 0.15em;
}
.pedigree-page-welcome-counter-global {
width: auto;
color: #fff;
margin: 0.25em;
padding: 10px 20px;
background: #496683;
border-top: 6px solid #3f5a74;
border-bottom: 1px solid #d7eee1;
border-radius: 2px;
display: inline-block;
}
:focus {
outline: 0;
}
#pedigree-siding-right {
display: none;
width: 110px;
height: 2px;
}
.pedigreezoominfo {
position: fixed;
z-index: 1000;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
border: 2px solid #4a4a4a;
border-radius: 4px;
width: 255px;
height: 40px;
background-color: #555;
padding: 20px;
display: none;
color: #f5f5f5;
text-align: center;
margin: auto;
box-shadow: 0px 0px 4px #060606;
}
#inbreedingresults {
display: none;
}
.tutorial-pro-menu {
position: fixed;
z-index: 1000;
top: 64px;
right: 2px;
border: 2px solid #4a4a4a;
border-radius: 4px;
width: auto;
background-color: #555;
padding: 5px 5px 5px 5px;
display: none;
color: #f5f5f5;
text-align: center;
font-size: 14px;
box-shadow: 0 0 4px #060606;
}
#tutorial-pro-menu-close {
position: relative;
float: left;
top: -6px;
right: 2px;
color: #fff;
cursor: pointer;
}
.tutorial-mobile-msg {
position: fixed;
z-index: 1000;
bottom: 10px;
left: 10px;
right: 10px;
border: 2px solid #4a4a4a;
border-radius: 4px;
width: auto;
background-color: #555;
padding: 5px 20px 5px 5px;
display: none;
color: #f5f5f5;
text-align: center;
font-size: 14px;
margin: auto;
box-shadow: 0 0 4px #060606;
}
#tutorial-mobile-msg-close {
position: absolute;
float: right;
top: -2px;
right: 2px;
color: #fff;
cursor: pointer;
}
.ekennel-pages-options-checkboxes {
width: auto;
text-align: center;
display: inline-block;
}
.ekennel-pages-options-checkcontainer {
display: block;
position: relative;
padding-left: 20px;
margin: 0em 0.25em 0em 0.25em;
vertical-align: middle;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ekennel-pages-options-checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.ekennel-pages-options-checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #eee;
border-radius: 2px;
transition: all 0.3s;
}
.ekennel-pages-options-checkcontainer:hover input ~ .ekennel-pages-options-checkmark {
background-color: #ccc;
}
.ekennel-pages-options-checkcontainer input:checked ~ .ekennel-pages-options-checkmark {
background-color: #4f74d9;
}
.ekennel-pages-options-checkmark:after {
content: "";
position: absolute;
display: none;
}
.ekennel-pages-options-checkcontainer input:checked ~ .ekennel-pages-options-checkmark:after {
display: block;
}
.ekennel-pages-options-checkcontainer .ekennel-pages-options-checkmark:after {
left: 4px;
top: 0px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#ekennel-enabled-pages {
margin-top: 0.5em;
margin-bottom: 1em;
}
.ekennel-meta-description-textbox {
width: 96%;
height: 5vh;
min-height: 4em;
background: #fff;
border: 1px solid #ddd;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
color: #000;
font-weight: normal;
font-family: ariel;
font-size: 16px;
}
#forumtopicsave {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: 1em;
display: inline-block;
padding: 9px 10px;
transition: .3s all;
opacity: 0.8;
}
#forumtopicsave:hover {
opacity: 1;
}
#forumtopicname {
width: calc(100% - 10px);
height: 2.5em;
}
#forumtopicdescription {
width: calc(100% - 10px);
height: 7.5em;
overflow-x: hidden;
}
.forumthreadmessage {
width: 98%;
height: auto;
padding-bottom: 2em;
overflow-x: hidden;
border-radius: 2px;
margin-top: 1em;
background: #fafafa;
border: 1px solid #ddd;
box-shadow: 0px 0px;
}
#forum-save-threadbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #1d9487;
padding: 5px 10px;
border: 2px solid #1cb7a6;
border-radius: 2px;
text-align: center;
width: auto;
cursor: pointer;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#forum-save-threadbtn:hover {
background: #1cb7a6;
}
#forum-save-threadbtn:disabled {
opacity: 0.2;
}
.forum-inthread-img {
max-width: 70%;
max-height: 65vh;
height: auto;
margin: auto;
margin-top: 0.7em;
margin-bottom: 0.7em;
text-align: center;
cursor: pointer;
}
.forum-avatar-img {
height: 40px;
width: 40px;
border-radius: 60px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.forum-thread-post-info {
display: inline-block;
width: 25%;
overflow: hidden;
white-space: nowrap;
padding: 0.5em 0.5em 0.1em 0.5em;
background: #f0f8ff;
min-height: 3.8em;
border: 1px solid #ddebf7;
border-right: 0px;
border-radius: 2px 0px 0px 2px;
}
.forum-thread-post-content {
display: inline-block;
width: 98%;
vertical-align: top;
padding: 0.5em;
padding-bottom: 1em;
border-radius: 0 2px 2px 0;
background: #ffffff;
margin-left: -1px;
margin-bottom: 0.5em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.forum-thread-box {
display: block;
width: auto;
margin-bottom: 0.7em;
}
.forum-thread-post-info-username {
display: inline-block;
margin-left: 0.3em;
vertical-align: super;
}
.forum-thread-reply-button {
float: right;
padding: 5px 10px 3px 10px;
background: #1d9487;
color: #ffffff;
margin-bottom: 0.5em;
border-radius: 3px;
border: 1px solid #1cb6a5;
cursor: pointer;
}
.forum-thread-reply-button:hover {
background: #1cb6a5;
}
.forum-thread-reply-button:disabled {
opacity: 0.2;
cursor: default;
}
.forum-thread-reply-box {
text-align: center;
margin: auto;
}
.forumtopicscommentsfeed {
margin-top: 1em;
border-top: 1px solid #eee;
padding: 10px;
padding-top: 1em;
background: #f7f7f7;
display: none;
}
.forum-thread-like-button {
width: 100px;
height: 26px;
background: #3e64c6;
color: #fff;
border-radius: 0px 0px 0px 2px;
cursor: pointer;
border: 0px;
float: right;
transition: all 0.3s;
}
.forum-thread-like-button:hover {
background: #5e80d6;
}
.forum-topics-text {
font-weight: bold;
font-size: 18px;
color: #3c61c5;
}
.forum-topics-count-likes {
float: right;
color: #5a7cd6;
}
.forum-topics-count-replies {
float: right;
margin-left: 0.5em;
color: #36978d;
}
.forum-topics-list-box {
margin-bottom: 2em;
background: #fff;
border: 1px solid #ddd;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#forumthreadview {
display: none;
}
.forum-thread-backbtn {
padding: 5px 10px 3px 10px;
background: #4e4e4e;
color: #ffffff;
border-radius: 3px;
border: 1px solid #797979;
cursor: pointer;
}
.forum-thread-backbtn:hover {
background: #797979;
}
.forum-overview-companyname {
display: inline-block;
vertical-align: top;
padding-top: 6px;
padding-bottom: 3px;
margin-left: 6px;
font-size: 16px;
border-bottom: 1px solid #eee;
}
.forum-overview-user-shortcuts {
color: #3c61c5;
cursor: pointer;
display: inline-block;
}
.forum-topics-box-stats {
float: right;
margin-left: 2em;
}
.forum-topics-box-description-text {
width: auto;
white-space: normal;
margin-top: 0.5em;
}
.ekennel-section-expand-menu {
text-align: center;
font-size: 14px;
background-color: #fcfcfc;
border-radius: 3px;
border: 1px solid #eee;
color: #222;
line-height: 20px;
margin-top: 1em;
margin-bottom: 1em;
cursor: pointer;
padding: 4px;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.ekennel-section-expand-menu:hover {
background-color: #fcfcfc;
border: 1px solid #ddd;
}
.ekennel-section-expanded {
display: none;
}
.jscolor-input-default {
color: rgba(0,0,0,0);
width: 20px;
height: 20px;
margin-left: 5px;
margin-right: 5px;
}
.ekennel-theme-colors-container {
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
padding: 0.6em 0.5em 0.3em 0.7em;
margin: auto;
text-align: center;
margin-bottom: 0.2em;
display: inline-block;
vertical-align: super;
}
.ekennel-copy-linkbtn {
position: absolute;
cursor: pointer;
font-size: 16px;
background: none;
border: 0px;
opacity: 0.7;
transition: 0.3s;
display: inline-block;
margin: 3px 0px 0px 5px;
}
.ekennel-copy-linkbtn:hover {
opacity: 1;
}
.ekennel-theme-colors-table {
width: auto;
}
.ekennel-theme-colors-table td {
width: auto;
padding: 0em 0.7em 0em 0.7em;
}
.ekennel-theme-colors-defaultbtn {
font-size: 14px;
padding: 6px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
transition: 0.3s;
}
.ekennel-theme-colors-defaultbtn:hover {
background-color: #77bbe0;
}
.litterseditpuppydisabled {
background: none;
border: 0px;
box-shadow: 0px 0px 0px 0px;
cursor: default;
font-weight: normal;
font-size: 12px;
margin-bottom: 2px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.litterseditpuppyownerdisabled {
background: none;
border: 0px;
box-shadow: 0px 0px 0px 0px;
cursor: default;
font-weight: normal;
font-size: 12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.friendschatbox {
display: none;
position: fixed;
bottom: 0px;
right: 275px;
width: 240px;
z-index: 990;
height: auto;
background: #fff;
text-align: center;
border-radius: 3px 3px 0px 0px;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
transition: all 0.5s;
}
#friendschatboxmessagetext {
width: 100%;
height: 5vh;
background: #fefeff;
box-shadow: 0px 0px;
padding: 0px;
border: 0px;
border-top: 1px solid #eee;
}
.friendschatboxmessage {
background-color: #fdfdfd;
height: 45vh;
max-height: 26em;
min-height: 18em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
font-size: 12px;
width: auto;
border-left: 1px solid #ddd;
scrollbar-color: #3f77a9 #f1f1f1;
scrollbar-width: thin;
}
.friendschatboxmessage::-webkit-scrollbar {
width: 8px;
}
.friendschatboxmessage::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.friendschatboxmessage::-webkit-scrollbar-thumb {
background-color: #3f77a9;
transition: .3s all;
}
#friendsidmessage {
width: calc(100% - 64px);
height: 40px;
border: none;
background-color: #fcfcfc;
border-radius: 0 0 2px 2px;
border-top: 1px solid #eee;
padding-right: 60px;
position: relative;
margin-bottom: -6px;
}
.friendschatboxmessage-bubble {
background: #fffdee;
border: 1px solid #f3f0d9;
padding: 0.3em 0.5em;
margin: 0.7em 0.5em;
border-radius: 10px;
width: 70%;
white-space: pre-line;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#sendMessagefriendbtn {
float: right;
margin-top: -32px;
margin-right: 10px;
position: relative;
font-size: 20px;
color: #b9b9b9;
transition: all 0.3s;
cursor: pointer;
}
#sendMessagefriendbtn:hover {
color: #6b6b6b;
}
#friendschatbar {
bottom: -1px;
position: fixed;
right: 10px;
z-index: 990;
height: auto;
background-color: #fff;
width: 240px;
background: #fff;
border-radius: 3px 3px 0px 0px;
transition: all 0.5s;
}
.friendschatbarlist {
z-index: 1;
position: relative;
height: 0em;
background: #fff;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #26428e #f1f1f1;
scrollbar-width: thin;
}
.friendschatbarlist::-webkit-scrollbar {
width: 8px;
background-color: #fff;
}
.friendschatbarlist::-webkit-scrollbar-thumb {
background-color: #26428e;
}
.friendschatbarlist::-webkit-scrollbar-track {
-webkit-box-shadow: #fff;
text-align: center;
}
.friendschatbarheader {
padding: 5px;
background: #3453a5;
color: #fff;
text-align: center;
border-radius: 3px 3px 0px 0px;
font-size: 14px;
}
.friendschatboxheader {
padding: 5px;
font-size: 14px;
background: #5578d5;
color: #fff;
text-align: center;
border-radius: 3px 3px 0px 0px;
}
.friendschatboxclosebtn {
float: right;
color: #fff;
margin-top: -1px;
font-size: 16px;
cursor: pointer;
}
.friendschatbarlistrow {
width: auto;
font-size: 12px;
background: #fff;
border-top: 1px solid #eee;
padding: 3px 4px 0px 3px;
margin-bottom: -2px;
cursor: pointer;
}
.friendschatbarlistrow:hover {
background: #ebf0ff;
}
.friendschatbarlistrowimg {
display: inline-block;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.friendschatbarlistrowtext {
display: inline-block;
vertical-align: top;
max-width: calc(100% - 145px);
}
.friendschatbarlistfriendaddiv {
border-left: 1px solid #eee;
border-right: 1px solid #eee;
padding: 0px 5px 0px 5px;
text-align: center;
font-size: 14px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
background: #fff;
height: 0em;
}
.friendschatbarlistfriendaddiv:hover {
transition: all 0.5s;
height: 100%;
}
#friendchatboxmoremenu {
background: #fff;
font-size: 12px;
width: auto;
height: 0em;
background: #fafafa;
border: 1px solid #eee;
border-top: 0px;
}
#friendchatboxmoremenu:hover {
transition: all 0.5s;
height: 100%;
}
.friendschatboxmoremenulinks {
cursor: pointer;
color: #555;
}
.friendschatboxmoremenulinks:hover {
color: #000;
text-decoration: underline;
}
.friendslistmessagebtn {
display: inline-block;
font-size: 20px;
margin-right: 10px;
color: #555;
cursor: pointer;
vertical-align: middle;
border-right: 1px solid #ddd;
padding-right: 10px;
}
.friendslistunfriendbtn {
display: inline-block;
cursor: pointer;
vertical-align: middle;
}
.friendslistrowpending {
margin-top: -25px;
margin-left: 148px;
color: #3c61c5;
text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.friendlistnewmessagealert {
-webkit-animation: friendsnewmsg 1s infinite;
-moz-animation: friendsnewmsg 1s infinite;
animation: friendsnewmsg 1s infinite;
transition: all 1s;
}
@-webkit-keyframes friendsnewmsg {
0% { background-color: #fff; }
49% { background-color: #fff; }
50% { background-color: #ff968f; }
99% { background-color: #ff968f; }
100% { background-color: #fff; }
}
@-moz-keyframes friendsnewmsg {
0% { background-color: #fff; }
49% { background-color: #fff; }
50% { background-color: #ff968f; }
99% { background-color: #ff968f; }
100% { background-color: #fff; }
}
@keyframes friendsnewmsg {
0% { background-color: #fff; }
49% { background-color: #fff; }
50% { background-color: #ff968f; }
99% { background-color: #ff968f; }
100% { background-color: #fff; }
}
#forum-newpost-box {
display: none;
}
.forum-newpost-box {
font-size: 12px;
min-width: 240px;
max-width: 480px;
text-align: left;
margin: auto;
}
.forum-topic-image-upload {
width: auto;
height: auto;
overflow: hidden;
position: absolute;
margin-top: -35px;
}
.forum-topic-image-upload > input[type="file"] {
font-size: 200px;
position: absolute;
top: 0;
right: 0;
opacity: 0;
}
.forum-topic-image-upload > .forum-topic-image-uploadbtn {
width: auto;
height: auto;
background: none;
border: 0px;
}
.forum-topic-posts-list-div {
margin: auto;
vertical-align: top;
margin-top: 2em;
max-width: 580px;
}
.forum-topics-top-edit-menu {
background: #f7f7f7;
display: inline-block;
width: 100%;
text-align: center;
border-radius: 0px 0px 0px 2px;
height: 20px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
border-right: 1px solid #d3d3d3;
}
.forum-topics-delete-btn {
float: right;
margin-top: -3px;
padding: 3px 8px 3px 8px;
background: #e3453a;
color: #fff;
opacity: 0.8;
transition: all 0.3s;
}
.forum-topics-delete-btn:hover {
opacity: 1;
}
.forum-topics-comments-viewbtn {
background: #eaeaea;
display: inline-block;
width: calc(100% - 102px);
text-align: center;
border-radius: 0px 0px 0px 2px;
height: 20px;
padding-top: 3px;
padding-bottom: 3px;
cursor: pointer;
border-right: 1px solid #d3d3d3;
}
.forum-comments-replies-box-div {
margin-bottom: 1em;
padding-bottom: 0.5em;
border-bottom: 1px solid #ddd;
}
.forum-user-overview {
background: #fcfcfc;
padding: 1em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.forum-topics-table-sort {
text-align: center;
margin-top: 2em;
}
#forum-friends-list {
margin-top: 1em;
}
.forum-pdf-marquee, .marquee-with-options, .marquee-vert-before, .marquee-vert {
display: none;
width: auto;
overflow: hidden;
border: 1px solid #eee;
padding-top: 0.5em;
padding-bottom: 0.2em;
background: #fcfcfc;
margin-bottom: 1em;
}
.forum-pdf-marquee-item {
width: auto;
height: 10vh;
min-height: 80px;
border: 0px;
margin-left: .5em;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 3px;
}
.forum-topbreeds-div {
width: auto;
margin: auto;
margin-top: 0.5em;
border-radius: 2px;
text-align: center;
white-space: nowrap;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
background: #fcfcfc;
border: 1px solid #eee;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccfd8 #f1f1f1;
scrollbar-height: thin;
}
.forum-topbreeds-div::-webkit-scrollbar {
height: 8px;
background-color: #e5e9f3;
}
.forum-topbreeds-div::-webkit-scrollbar-thumb {
background-color: #cccfd8;
}
.forum-topbreeds-div::-webkit-scrollbar-track {
-webkit-box-shadow: #e5e9f3;
text-align: center;
}
.littersmedicaloptioncheckboxes {
width: auto;
text-align: left;
margin-right: 0.5em;
display: inline-block;
}
.medical-puppy-record-print-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4d9f90;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
margin-left: 2px;
padding: 5px 8px;
transition: .3s all;
opacity: 0.8;
}
.medical-puppy-record-print-btn:hover {
opacity: 1;
}
#printACKlittersreport {
float: left;
font-size: 14px;
padding: 3px 10px;
background-color: #65a6ca;
border: 2px solid #77bbe0;
border-radius: 2px;
color: #fff;
cursor: pointer;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.1);
margin-left: .2em;
}
#printACKlittersreport:hover {
background-color: #77bbe0;
}
#user-top-icons-menu-main-tooltip {
position: relative;
display: none;
background-color: #354d8d;
border-radius: 0px 0px 0px 5px;
z-index: 999;
}
.admin-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.dashboard-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.contacts-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.dogs-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.litters-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.financial-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.gallery-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.ekennel-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.testmating-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.pedigree-menu-tooltip {
display: none;
color: #fff;
text-align: left;
padding: 2px 2px 2px 6px;
font-size: 14px;
line-height: 18px;
}
.form-bcp-logo-bw {
float: right;
height: 50px;
margin-bottom: 1em;
width: auto;
border: 0px;
}
.bcplayout-inner-widget {
padding: 20px;
background-color: #f3f3f3;
}
.bcplayout-inner-widget-content {
max-width: 1200px;
margin: auto;
background-color: #fff;
padding: 20px;
border-radius: 1px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
#dogs-page-addnew-column {
display: none;
}
#litters-page-addnew-column {
display: none;
}
#contacts-page-addnew-column {
display: none;
}
.dogs-page-welcome-counter {
width: auto;
color: #fff;
margin: 0.25em;
padding: 10px 20px;
background: #4284bd;
border-top: 6px solid #3676ad;
border-bottom: 1px solid #e0f1ff;
border-radius: 2px;
display: inline-block;
}
.dogs-page-welcome-counter-seller {
width: auto;
color: #fff;
margin: 0.25em;
padding: 10px 20px;
background: #6ec294;
border-top: 6px solid #66b68a;
border-bottom: 1px solid #d7eee1;
border-radius: 2px;
display: inline-block;
}
.dogs-page-welcome-center {
text-align: center;
margin: auto;
font-size: 14px;
}
.dog-medical-panel-add-bottom {
text-align: center;
margin: auto;
margin-top: 1em;
}
#ekennel-page-contents-hide {
display: none;
}
#ekennel-page-menu-hide {
display: none;
}
.financial-welcome-center {
text-align: center;
margin: auto;
}
#financial-page-contents-hide {
display: none;
}
#financial-page-menu-hide {
display: none;
}
#dogs-page-addnew-instruction {
display: none;
}
#contacts-page-addnew-instruction {
display: none;
}
.modalDialog-photo-full {
position: fixed;
padding-top: 15vh;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 600;
opacity: 0;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
pointer-events: none;
}
.modalDialog-photo-full:target {
opacity: 1;
pointer-events: auto;
}
.modalDialog-photo-full > div {
position: fixed;
background: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: auto;
padding: 0.5em;
width: fit-content;
max-width: 90%;
border-radius: 5px;
text-align: center;
box-shadow: 0 0 20px 20px rgba(50,50,50,.2);
}
.modalDialog-photo-full-img {
width: auto;
text-align: center;
margin: auto;
max-height: calc(65vh - 20px);
border-radius: 2px;
}
.modalDialog-photo-full-close {
position: relative;
float: right;
color: #333;
background: #fff;
cursor: pointer;
font-size: 24px;
}
#openmodalphoto-full-btns {
margin-top: 0.5em;
}
.files-list-type-icon {
display: inline-block;
text-align: center;
border-radius: 2px;
padding: 0.5em 0.7em;
cursor: pointer;
transition: .3s all;
}
.files-list-type-icon:hover {
background: #ebedf1;
}
.media-uploadbox-form {
display: none;
position: fixed;
z-index: 250;
width: auto;
bottom: 0;
right: 0;
text-align: center;
}
.media-uploadbox-form-header {
background: #4575c0;
padding: 3px;
font-size: 14px;
text-align: center;
color: #fff;
border-radius: 2px 2px 0px 0px;
}
.media-uploadbox-click-img {
display: inline-block;
border: 0px;
vertical-align: bottom;
margin-right: -4px;
height: 180px;
width: auto;
}
.media-uploadbox-upload-options {
display: inline-block;
background: #fff;
border-radius: 3px 2px 0px 0px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.media-uploadbox-div {
position: relative;
margin-top: 0.4em;
}
#openmodalfile-filetype {
font-size: 12px;
}
#openmodalfile-filesize {
font-size: 12px;
margin: 0.5em 0.5em 0em 0.5em;
}
#openmodalfile-filedate {
font-size: 12px;
margin: 0em 0.5em 0.5em 0.5em;
}
.dog-registration-button {
margin: 0.25em 0.1em 0.7em 0.1em;
font-size: 11px;
text-decoration: none;
color: #fff;
background: #449ac8;
text-align: center;
cursor: pointer;
border-radius: 2px;
display: inline-block;
padding: 5px 10px;
width: 55px;
transition: .3s all;
opacity: 0.8;
}
.dog-registration-button:hover {
opacity: 1;
}
.dogs-welcome-reports-table {
border-radius: 2px;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
width: 100%;
white-space: normal;
}
.dogs-welcome-reports-table th {
position: sticky;
top: 0;
background-color: #6392ab;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
white-space: nowrap;
}
.dogs-welcome-reports-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: nowrap;
}
.dogs-welcome-reports-table tr:nth-child(even) {
background: #ffffff;
}
.dogs-welcome-reports-table tr:nth-child(even):hover {
background: #ebedf1;
}
.dogs-welcome-reports-table tr:nth-child(odd) {
background: #f9f9f9;
}
.dogs-welcome-reports-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.dogs-welcome-reports-container {
width: auto;
max-width: 600px;
margin: auto;
}
.dogs-welcome-reports-div {
background-color: #ffffff;
height: auto;
max-height: 35vh;
margin-bottom: 0.5em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #53819a #f1f1f1;
scrollbar-width: thin;
}
.dogs-welcome-reports-div::-webkit-scrollbar {
width: 8px;
}
.dogs-welcome-reports-div::-webkit-scrollbar-thumb {
background-color: #53819a;
}
.dogs-welcome-reports-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dogs-welcome-reports-header {
width: auto;
background: #53819a;
margin-top: 1em;
padding: 5px;
height: auto;
color: #fff;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
.dogs-welcome-reports-print-btn {
font-size: 13px;
text-decoration: none;
color: #fff;
background: #3c61c5;
text-align: center;
cursor: pointer;
padding: 6px 14px;
transition: .2s all;
text-align: center;
border-radius: 4px;
display: inline-flex;
align-items: center;
gap: 6px;
}
.dogs-welcome-reports-print-btn:hover {
background: #2d4fa3;
}
.media-uploader-close-btn {
font-size: 24px;
float: right;
margin-right: 3px;
color: #fff;
cursor: pointer;
}
.dogs-details-registration-table {
margin: auto;
white-space: nowrap;
text-align: center;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #3c61c5 #f1f1f1;
scrollbar-height: thin;
}
.dogs-details-registration-table::-webkit-scrollbar {
height: 8px;
}
.dogs-details-registration-table::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
.dogs-details-registration-table::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#dog-registries-addnew-menu {
display: none;
white-space: nowrap;
overflow-y: hidden;
overflow-x: auto;
scrollbar-color: #3c61c5 #f1f1f1;
scrollbar-height: thin;
}
#dog-registries-addnew-menu::-webkit-scrollbar {
height: 8px;
}
#dog-registries-addnew-menu::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
#dog-registries-addnew-menu::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dogs-details-registries-update-btn {
display: none;
margin-top: 0.9em;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.dogs-details-registries-update-btn:hover {
opacity: 1;
}
.dogs-details-registration-div-header {
background: #4284bd;
box-shadow: 0 2px 2px 0 rgb(66 132 189 / 20%);
color: #fff;
padding: 3px;
text-align: center;
border-radius: 2px 2px 0 0;
vertical-align: middle;
}
.dogs-details-registration-div-div {
text-align: left;
width: 200px;
display: inline-block;
margin: 0.5em 0.5em 0.7em 0.5em;
padding: 0.5em;
white-space: normal;
overflow: hidden;
vertical-align: top;
box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}
.dogs-details-registration-div-content {
font-size: 12px;
background: #fff;
width: calc(100% - 1em);
white-space: normal;
padding: 0.5em;
border-top: 0px;
border-radius: 0px 0px 2px 2px;
}
.dogs-details-registration-div-content input {
width: calc(100% - 1em);
}
.dogs-details-registration-button-container {
text-align: center;
margin: auto;
}
#dogs-details-registration-div-empty {
text-align: center;
margin: auto;
padding: 1em;
background: #f7f7f7;
color: #777;
font-size: 14px;
border-radius: 2px;
margin-top: 0.5em;
}
#dog-details-update-delete-btns {
margin: auto;
text-align: center;
margin-top: 0.7em;
display: none;
}
.litters-details-update-delete-btns {
margin: auto;
text-align: center;
margin-top: 0.8em;
}
.litters-btn-savepuppy {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #41ad49;
text-align: center;
cursor: pointer;
padding: 10px;
transition: .3s all;
text-align: center;
display: inline;
opacity: 0.6;
}
.litters-btn-savepuppy:hover {
opacity: 1;
}
.litters-btn-savepuppy-edit {
padding: 6px 5px;
text-align: center;
color: #fff;
background-color: #369ff3;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
opacity: 0.6;
transition: .3s all;
display: inline-block;
}
.litters-btn-savepuppy-edit:hover {
opacity: 1;
}
.litters-btn-savepuppy-delete {
padding: 6px 5px;
text-align: center;
color: #fff;
background-color: #e83e3e;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
opacity: 0.6;
transition: .3s all;
display: inline-block;
}
.litters-btn-savepuppy-delete:hover {
opacity: 1;
}
.litters-scheduler-cells {
width: 100%;
}
.litters-scheduler-cells td {
border-collapse: collapse;
overflow: hidden;
border: 1px solid #e8eeff;
position: relative;
min-width: 100px;
font-size: 12px;
text-align: left;
padding: 2px;
padding-left: 7px;
}
.litters-scheduler-cells tr:nth-child(even) {
background: #ffffff;
}
.litters-scheduler-cells tr:nth-child(odd) {
background: #f3f9ff;
}
.litters-scheduler-cells-select {
margin-top: 0.3em;
margin-bottom: .2em;
padding: 3px 5px;
font-size: 12px;
}
.financial-addrecord-window {
display: none;
position: fixed;
z-index: 100;
bottom: 0px;
right: 0px;
text-align: center;
background: #ffffff;
height: auto;
border-radius: 2px;
box-shadow: 0px 20px 20px 2px rgb(72 97 163 / 20%);
}
.financial-addrecord-div {
display: inline-block;
width: 225px;
padding: 1em;
font-size: 12px;
color: #555;
text-align: left;
}
.financial-addrecord-div input {
width: calc(100% - 5px);
}
.financial-addrecord-div select {
width: calc(100% - 5px);
}
.financial-addrecord-uploadmedia {
display: inline-block;
padding: 1em;
}
.financial-filters-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #4562a3;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: 0.3s all;
opacity: 0.8;
}
.financial-filters-btn:hover {
opacity: 1;
}
#dogs-medical-window-notification-methods {
display: none;
transition: 0.3s all;
}
#dogs-medical-window-options-multiple {
display: none;
}
#dog-medical-panel-add-bottom-multiple {
display: none;
}
#settings-user-profile-load input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#settings-user-profile-load select {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#settings-user-profile-load textarea {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
.accountinfopanel {
text-align: center;
margin: auto;
}
.settings-include-pdf-profile-div {
padding-bottom: 1em;
padding-top: 1em;
margin: auto;
text-align: center;
}
#settings-profile-pdf-preview-info {
display: none;
text-align: center;
margin: auto;
font-size: 12px;
padding: 1em;
}
.settings-payment-cc {
display: inline-block;
padding: 1em;
background: #3f507f;
background: -webkit-linear-gradient(90deg,#3f507f 18%,#627dc5 100%);
background: linear-gradient(90deg,#3f507f 18%,#627dc5 100%);
border-radius: 8px;
transform: rotate(-0.5deg);
color: #f2f5ff;
vertical-align: middle;
}
.settings-payment-cc-number {
text-align: center;
margin: 0.5em auto;
font-size: 18px;
color: #eaf0ff;
background: #8096d0;
border-radius: 2px;
padding: 2px;
}
.settings-payment-cc-logo {
text-align: right;
padding-left: 13em;
color: #f2f5ff;
}
.settings-notifications-method-div {
display: none;
}
.settings-payment-cc-stripe {
height: 1.7em;
background: #444;
width: calc(100% + 2em);
margin-left: -1em;
margin-top: 0.25em;
}
#accountalertssmspanel {
display: inline-block;
width: calc(50% - 0.5em);
margin-right: 0.35em;
vertical-align: top;
}
#accountalertsemailpanel {
display: inline-block;
width: calc(50% - 0.5em);
margin-left: 0.35em;
vertical-align: top;
}
#timesettingscontainer {
text-align: center;
margin: auto;
margin-top: 1.5em;
padding: 1.5em .5em .5em .5em;
border-top: 1px solid #eee;
font-size: 14px;
}
.settings-invoices-table {
max-width: 300px;
margin: 0.25em auto auto auto;
}
.settings-invoices-table th {
position: sticky;
top: 0;
color: #fff;
background-color: #77838c;
box-shadow: 0px 2px 2px 0px rgba(88, 126, 182, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.settings-invoices-table tr:nth-child(odd) {
background: #f9f9f9;
}
.settings-invoices-table tr:nth-child(even) {
background: #fff;
}
.settings-invoices-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: center;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
}
.settings-notification-method th {
position: sticky;
top: 0;
color: #fff;
background-color: #587eb6;
box-shadow: 0px 2px 2px 0px rgba(88, 126, 182, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.settings-notification-method select {
margin-bottom: 0px;
border: 0px;
background: none;
}
.settings-notification-method-info {
text-align: center;
margin: auto;
font-size: 12px;
padding: 0.5em 0.5em 0em 0.5em;
}
#pwa-ios-popup {
position: fixed;
display: none;
bottom: 0px;
text-align: center;
margin: auto;
width: auto;
height: auto;
padding: 10px;
font-size: 14px;
background-color: #fff;
border: 2px solid #eee;
border-radius: 5px;
z-index: 9999;
box-shadow: 0 20px 20px 2px rgba(72,97,163,.2);
}
#settings-install-app {
display: none;
padding-bottom: 1.5em;
margin: auto;
margin-bottom: 1.5em;
border-bottom: 1px solid #eee;
text-align: center;
}
#pagephonetable-empty {
display: none;
}
#pageemailtableid-empty {
display: none;
}
.waiting-list-back-menu-btn {
display: inline-block;
margin-left: 5px;
color: #555;
cursor: pointer;
}
#waitlistcontainer {
margin-top: 0.5em;
}
#applicationscontainer {
margin-top: 0.5em;
}
#contact-waitlist-load {
text-align: center;
margin: auto;
margin-top: 1.5em;
}
.contacts-waitlist-item {
color: #fff;
padding: 0.5em 1em;
display: inline-block;
border-radius: 2px;
margin: 0.25em;
}
.bcp-loading-placeholder {
text-align: center;
margin: auto;
height: 6em;
background: #f3f3f3;
color: #777;
font-size: 14px;
border-radius: 2px;
animation: bcp-loading-anim linear 0.3s infinite alternate;
}
@keyframes bcp-loading-anim {
0%{
background: #f3f3f3;
}
100%{
background: #fdfdfd;
}
}
#testmating-sire-save-btn {
display: none;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin: 0.5em;
padding: 6px 9px;
transition: .3s all;
opacity: 0.8;
}
#testmating-sire-save-btn:hover {
opacity: 1;
}
#testmating-dam-save-btn {
display: none;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin: 0.5em;
padding: 6px 9px;
transition: .3s all;
opacity: 0.8;
}
#testmating-dam-save-btn:hover {
opacity: 1;
}
.testmating-div-container {
position: relative;
text-align: center;
margin: auto;
}
#testmating-addnew-div {
display: none;
}
#testmating-savemating-btn {
display: none;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
margin-top: -0.1em;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#testmating-savemating-btn {
opacity: 1;
}
#testmating-load-dam-hidden {
display: none;
}
#loaded-dam-pairs-load {
text-align: center;
margin: auto;
}
#testmating-create-reset-btn {
display: none;
}
.dogs-heats-label {
font-size: 14px;
background: #4f7ca4;
width: auto;
padding: 5px;
height: auto;
color: #fff;
text-align: center;
border-radius: 2px 2px 0px 0px;
}
.dogs-registries-label {
background: #51a783;
font-size: 14px;
width: auto;
padding: 5px;
height: auto;
position: relative;
color: #fff;
text-align: center;
border-radius: 2px 2px 0px 0px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.dogs-heats-prediction-text {
color: #333;
padding: 6px 12px;
border-radius: 2px;
}
.dogs-heats-table-container {
height: auto;
max-height: 240px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #53819a #f1f1f1;
scrollbar-width: thin;
}
.dogs-heats-table-container::-webkit-scrollbar {
width: 8px;
}
.dogs-heats-table-container::-webkit-scrollbar-thumb {
background-color: #53819a;
}
.dogs-heats-table-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.dogs-details-widgets-container {
margin-top: 1em;
text-align: center;
font-size: 12px;
}
.createdog-addnew-img-container {
vertical-align: bottom;
margin: 0.5em 2em;
}
.createdog-addnew-img {
border: 0;
width: auto;
height: 180px;
}
.dogs-save-note-button {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #41ad49;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
display: none;
opacity: 0.6;
float: right;
}
.dogs-save-note-button:hover {
opacity: 1;
}
.litters-save-note-button {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #41ad49;
text-align: center;
cursor: pointer;
padding: 5px 10px;
transition: 0.3s all;
display: none;
opacity: 0.6;
float: right;
}
.litters-save-note-button:hover {
opacity: 1;
}
.litters-notes-info {
width: auto;
font-size: 14px;
border-collapse: collapse;
overflow: visible;
white-space: nowrap;
color: #fff;
position: relative;
padding: 3px 5px 3px 10px;
text-align: left;
margin: 0.5em auto auto auto;
border-radius: 2px 2px 0 0;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
}
.litters-note-row {
text-align: left;
display: inline-block;
font-size: 14px;
height: auto;
width: calc(50% - 0.6em);
margin: 0.5em 0.3em 0.25em 0.3em;
border-radius: 2px;
vertical-align: top;
}
.kitten-note-row {
width: 100%;
display: block;
}
.addnew-note-button {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #449ac8;
text-align: center;
cursor: pointer;
border: 0px;
padding: 6px 10px;
transition: .3s all;
text-align: center;
opacity: 0.8;
}
.addnew-note-button:hover {
opacity: 1;
}
.addnew-note-button:disabled {
display: none;
}
.dashboard-stats-click-container {
display: inline-block;
width: 150px;
vertical-align: bottom;
margin-bottom: -1em;
}
.dashboard-stats-click-img {
width: 100%;
height: auto;
border: 0px;
}
.inbox_window {
top: 0px;
left: calc(100% + 2em);
width: 380px;
position: fixed;
text-align: left;
padding-top: 75px;
margin: auto;
height: calc(100vh - 75px);
background: #ffffff;
box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.2);
z-index: 995;
-webkit-transition: left 1s;
-moz-transition: left 1s;
-o-transition: left 1s;
transition: left 1s;
}
.inbox-window-close-btn {
font-size: 24px;
float: right;
color: #333;
margin-top: -3px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.inbox-chat-friend-img {
width: 18px;
height: 18px;
vertical-align: middle;
display: inline-block;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.inbox-friends-menu-list {
display: none;
padding: 1em;
position: relative;
height: calc(100vh - 178px);
overflow-x: hidden;
overflow-y: auto;
margin-bottom: -100%;
margin-top: -2px;
background: #fff;
z-index: 10;
-webkit-overflow-scrolling: touch;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
scrollbar-color: #b3b3b3 #f1f1f1;
scrollbar-width: thin;
}
.inbox-friends-menu-list::-webkit-scrollbar {
width: 8px;
}
.inbox-friends-menu-list::-webkit-scrollbar-thumb {
background-color: #b3b3b3;
}
.inbox-friends-menu-list::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.inbox-top-buttons-container {
text-align: center;
margin: auto;
margin-bottom: 0.7em;
}
.inbox-container {
position: absolute;
bottom: 0;
width: 100%;
}
#inbox-messages-btn {
display: none;
}
.user-inbox-message-welcome {
position: absolute;
bottom: 62px;
}
.user-inbox-message-welcome-bubble {
background: #e8f4ff;
border: 1px solid #d7ecff;
font-size: 12px;
padding: 0.3em 0.5em;
margin: 0.5em;
border-radius: 10px;
width: auto;
white-space: pre-line;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
vertical-align: text-bottom;
}
.user-inbox-header-text {
font-size: 22px;
color: #888;
padding: 0 0px 0.25em 20px;
}
.user-inbox-message-welcome-image {
width: calc(50% - 2em);
display: inherit;
min-width: 90px;
text-align: center;
margin: auto;
padding-bottom: 0.5em;
}
.user-report-weekly-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
-webkit-transition: opacity 300ms ease-in;
-moz-transition: opacity 300ms ease-in;
transition: opacity 300ms ease-in;
overflow: auto;
}
.user-report-weekly-content {
display: none;
position: absolute;
top: 10vh;
left: 0;
right: 0;
padding: 0.5em;
background-color: #fff;
width: calc(80% - 1em);
max-width: 1100px;
margin: auto;
border-radius: 2px;
box-shadow: 0px 0px 3px 2px rgba(50, 50, 50, 0.2);
z-index: 1000;
overflow-x: auto;
overflow-y: hidden;
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
}
#user-report-weekly-content-close-btn {
font-size: 24px;
float: right;
color: #333;
margin-top: 5px;
margin-bottom: 0.5em;
margin-right: 5px;
cursor: pointer;
}
.kennel-report-container {
background: #f7f7f7;
padding: 0.7em 0.5em;
}
.kennel-report-date {
float: right;
padding-left: 0.5em;
padding-bottom: 0.5em;
}
.kennel-report-user-logo {
display: inline-block;
border-radius: 2px;
width: 50px;
height: 50px;
vertical-align: middle;
margin-right: 0.7em;
box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.kennel-report-user-company {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.kennel-report-welcome-header-label {
padding: 0.5em;
text-align: center;
margin: auto;
background: #f1f7fd;
}
.kennel-report-main-content {
margin-top: 1em;
width: auto;
background: #ffffff;
border-radius: 2px;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
.kennel-report-main-content-load {
width: auto;
text-align: center;
padding: 0.5em;
background: #ffffff;
}
.kennel-report-section-header {
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
}
.kennel-report-footer {
background-color: #444;
width: auto;
padding: 0.5em;
text-align: center;
font-size: 14px;
border-radius: 0px 0px 2px 2px;
color: #fff;
}
.kennel-report-table td {
background: #fff;
border: 1px solid #eee;
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: nowrap;
}
.kennel-report-table-litters th {
position: sticky;
top: 0;
background-color: #eee;
color: #333;
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.kennel-report-section-container {
display: inline-block;
margin: 0.25em;
width: calc(50% - 0.5em);
vertical-align: top;
}
.kennel-report-section-empty {
display: inline-block;
text-align: center;
margin: 0.5em 0.25em 0.25em 0.25em;
width: calc(100% - 1.5em);
padding: 0.5em;
background: #f7f7f7;
color: #777;
font-size: 14px;
border-radius: 2px;
vertical-align: top;
}
.kennel-report-ekennel-analytics-container {
text-align: center;
margin: 1em auto 0em auto;
vertical-align: top;
background: #f6f8ff;
padding: 0.5em 0.5em 1em 0.5em;
}
.kennel-report-current-counts-container {
text-align: center;
margin: auto;
}
.kennel-report-current-counts-box {
font-size: 16px;
display: inline-block;
text-align: center;
margin: 0.25em;
padding: 0.5em 1.5em;
color: #333;
border-radius: 2px;
}
.kennel-report-column-separater {
text-align: center;
margin: 1em auto auto auto;
padding: 0.1em;
border-radius: 2px;
color: #333;
}
.kennel-report-section-header-litters {
background: #55a3c8;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-header-income {
background: #63b674;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-header-expense {
background: #57b2a5;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-header-scheduler {
background: #4e78b8;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-ekennel-analytics-header {
background: #697dbb;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-medical-alerts-header {
background: #ba6565;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-section-general-alerts-header {
background: #575757;
color: #fff;
padding: 0.2em;
width: auto;
text-align: center;
font-size: 14px;
font-weight: normal;
border-radius: 2px 2px 0px 0px;
}
.kennel-report-ekennel-analytics-monthly-div {
font-size: 14px;
padding: 0.5em;
color: #596daa;
}
.kennel-report-footer-logo {
display: inline-block;
vertical-align: middle;
width: 70px;
height: auto;
border: 0px;
text-align: left;
}
.kennel-report-footer-text {
display: inline-block;
vertical-align: middle;
width: calc(100% - 80px);
font-size: 11px;
color: #fff;
text-align: right;
}
#btndeletedog {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0px;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
margin-left: .2em;
}
#btndeletedog:hover {
opacity: 1;
}
#user-menu-community-container {
display: none;
position: fixed;
left: 270px;
background: #fff;
padding: 0.5em;
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
}
.community-support-faq {
display: none;
font-size: 12px;
padding-left: 1em;
background: #fbfbfb;
border-radius: 2px;
margin-bottom: 0.5em;
-webkit-transition: bottom 1s;
-moz-transition: bottom 1s;
-o-transition: bottom 1s;
transition: bottom 1s;
}
.community-support-faq-button {
cursor: pointer;
color: #3c61c5;
margin-bottom: 0.25em;
}
.community-support-app-support-sep {
padding: 0em 0.25em;
display: inline-block;
}
.community-support-faq-div {
width: auto;
margin-bottom: 2em;
}
.settings-customize-option-div {
display: inline-block;
width: auto;
font-size: 16px;
vertical-align: top;
padding: 1em 3em;
}
#settings-user-customize-load {
text-align: center;
margin: auto;
font-size: 16px;
}
#selectcurrency {
margin-right: 0.5em;
}
.user-change-log-container {
text-align: center;
margin: 0.25em;
}
.user-change-log {
--uiuser-change-logMainColor: #888;
--uiuser-change-logSecondaryColor: #fff;
position: relative;
padding-top: 2em;
padding-bottom: 1em;
font-size: 16px;
text-align: left;
overflow: hidden;
transition: 0.3s all;
}
.user-change-log:before{
content: "";
width: 4px;
height: 100%;
background-color: var(--uiuser-change-logMainColor);
position: absolute;
top: 0;
}
.user-change-log-group{
position: relative;
}
.user-change-log-group:not(:first-of-type){
margin-top: 3em;
}
.user-change-log-box:before{
content: "";
width: 100%;
height: 2px;
background-color: var(--uiuser-change-logMainColor);
position: absolute;
margin-bottom: 30px;
left: 0;
z-index: -1;
}
.user-change-log-date {
min-width: 50px;
position: absolute;
margin-top: -34px;
top: 0;
left: 0;
box-sizing: border-box;
border-radius: 2px;
padding: 2px 0.5em;
text-align: center;
background-color: #686868;
color: #fff;
}
.user-change-log-day {
font-size: 11px;
display: block;
}
.user-change-log-post {
margin: 1em;
padding: 0.25em 0.5em;
font-size: 12px;
border-radius: 2px;
border-left: 3px solid #686868;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.2);
background-color: #fdfdfd;
}
.user-change-log-link {
color: #3c61c5;
text-decoration: underline;
cursor: pointer;
}
#user-activity-log-fade {
display: none;
}
.user-activity-log-fade {
font-size: 14px;
cursor: pointer;
margin-top: -22px;
padding-bottom: 0.5em;
width: 100%;
position: relative;
z-index: 1;
border-bottom: 1px solid #dfdfdf;
box-shadow: inset 0 -8px 8px -8px rgba(146, 146, 146, 0.5);
transition: 0.3s all;
}
.user-activity-log-fade-button {
transition: 0.3s all;
font-size: 14px;
cursor: pointer;
}
.user-activity-log-fade-button:hover {
text-decoration: underline;
}
.user-activity-log-fade-bottom {
transition: 0.3s all;
background: #fff;
width: auto;
padding: 0.5em;
position: relative;
font-size: 14px;
text-align: center;
cursor: pointer;
}
.user-activity-log-fade-bottom:hover {
text-decoration: underline;
}
.user-activity-log-expand {
height: auto;
transition: 0.3s all;
}
.user-activity-log-collapse {
height: 250px;
transition: 0.3s all;
}
.reports-header-text-separater {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #999;
margin: 0em 0em 0em 0em;
padding: 0.75em 1em 0.5em 1em;
background: #f5f5f5;
border-bottom: 1px solid #eee;
}
.reports-section-container {
margin: 0em 0em 0em 0em;
display: flex;
flex-direction: column;
gap: 0;
}
.reports-report-box {
display: flex;
align-items: center;
text-align: left;
width: 100%;
white-space: nowrap;
font-size: 14px;
transition: 0.2s all;
cursor: pointer;
position: relative;
padding: 0.75em 1em;
border-bottom: 1px solid #f0f0f0;
box-sizing: border-box;
gap: 1em;
}
.reports-report-box:hover {
background: #f5f8fd;
}
.reports-report-box-icon {
flex-shrink: 0;
width: 38px;
height: 38px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
color: #fff;
background: #3c61c5;
overflow: hidden;
}
.reports-report-box-label {
flex: 1;
font-size: 14px;
font-weight: 500;
color: #333;
white-space: normal;
background: none;
padding: 0;
}
.reports-report-box-label small {
display: block;
font-weight: 400;
font-size: 12px;
color: #888;
margin-top: 2px;
}
#contact-connections-load .reports-report-box {
white-space: normal;
}
#contact-connections-load .reports-report-box-icon {
display: block;
width: auto;
height: auto;
background: none;
color: #555;
font-size: 13px;
border-radius: 0;
flex: 1;
text-align: left;
padding: 4px 0;
}
#contact-connections-load .reports-report-box-label {
flex: 0 0 auto;
white-space: nowrap;
font-size: 13px;
padding-left: 12px;
}
.reports-report-box-actions {
flex-shrink: 0;
display: flex;
gap: 6px;
align-items: center;
}
.reports-report-box-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
border-radius: 6px;
background: #f0f0f0;
color: #555;
font-size: 14px;
text-decoration: none;
transition: 0.2s all;
}
.reports-report-box-actions a:hover {
background: #3c61c5;
color: #fff;
}
.reports-report-box-extended {
display: none;
background: #f9fafb;
white-space: normal;
font-size: 13px;
padding: 0.75em 1em 0.75em 4.5em;
text-align: left;
width: 100%;
box-sizing: border-box;
border-bottom: 1px solid #f0f0f0;
cursor: default;
}
.reports-report-box-extended select {
padding: 6px 10px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 13px;
margin: 4px 0;
max-width: 300px;
width: 100%;
}
.reports_window {
display: none;
top: -100%;
position: fixed;
text-align: left;
padding-left: 2em;
padding-right: 2em;
padding-top: 60px;
margin: auto;
height: 100%;
overflow: auto;
left: 260px;
right: 0px;
z-index: 97;
border-left: 1px solid #ddd;
background: #fff;
white-space: normal;
box-sizing: border-box;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
}
#user-reports {
position: relative;
height: auto;
padding-bottom: 1em;
margin-left: -2em;
margin-right: -2em;
padding-left: 2em;
padding-right: 2em;
max-height: calc(100vh - 140px);
overflow-y: auto;
overflow-x: hidden;
white-space: normal;
scrollbar-color: #3c61c5 #f1f1f1;
scrollbar-width: thin;
}
#user-reports::-webkit-scrollbar {
height: 8px;
width: 8px;
}
#user-reports::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
#user-reports::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#user-reports-advanced {
display: none;
margin: 1em auto 1em auto;
}
#user-reports-advanced-btn {
float: right;
margin: -2em 0em 0em 1em;
}
.user-reports-advanced-search-section {
display: block;
vertical-align: top;
margin: 0em 0em 1em 0em;
font-size: 12px;
}
.user-reports-advanced-search-section-header {
position: relative;
display: inline-block;
font-size: 14px;
padding: 0.25em 0.25em 0.25em 7px;
width: calc(100% - 0.5em);
background: #cad3da;
border-radius: 2px;
}
.user-reports-advanced-search-section-item-main {
vertical-align: top;
display: inline-block;
background: #fff;
}
.user-reports-advanced-search-section-item-sub {
padding: 0.25em 1em;
width: 100%;
background: #e4e8f3;
}
#user-reports-advanced-preview {
display: inline-block;
vertical-align: top;
width: calc(75% - 5px);
max-width: calc(100% - 386px);
text-align: right;
background: #f3f3f3;
padding-top: 1em;
padding-bottom: 2em;
border-radius: 2px;
height: auto;
max-height: calc(100vh - 435px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
#user-reports-advanced-preview::-webkit-scrollbar {
height: 8px;
width: 8px;
}
#user-reports-advanced-preview::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
#user-reports-advanced-preview::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#user-reports-advanced-preview-loading {
display: none;
position: relative;
margin-top: -1em;
padding-top: 1em;
width: 100%;
background: rgba(0,0,0,0.2);
transition: all 0.3s;
}
.user-reports-advanced-preview-page {
text-align: left;
background: #fff;
width: calc(100% - 2em);
padding: 1em;
margin: auto;
max-width: 860px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
}
.user-reports-advanced-options-container {
display: inline-block;
width: calc(25% - 2em);
min-width: calc(380px - 2em);
padding: 1em 1em 2em 1em;
height: auto;
max-height: calc(100vh - 435px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
.user-reports-advanced-options-container::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.user-reports-advanced-options-container::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
.user-reports-advanced-options-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.reports_window-header {
position: sticky;
top: -1px;
background: #fff;
z-index: 10;
padding: 1em 2em;
border-bottom: 1px solid #ddd;
margin: 0em -2em 1em -2em;
}
.reports_window-close-btn {
float: right;
font-size: 24px;
color: #333;
cursor: pointer;
padding: 4px 8px;
border-radius: 4px;
}
.reports_window-close-btn:hover {
color: #c00;
background: #f5f5f5;
}
.user-reports-type-container {
display: block;
padding: 0;
}
.user-menu-search-container {
margin: auto;
text-align: center;
}
.user-menu-search-input {
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 10px;
margin: 0.5em;
width: calc(100% - 80px);
}
.user-menu-search-input:focus {
background: #fff;
border: 1px solid #ddd;
}
.user-menu-search-btn {
display: inline-block;
color: #000;
background: #fff;
cursor: pointer;
opacity: 0.7;
transition: all 0.3s;
}
.user-menu-search-btn:hover {
opacity: 1;
}
.user-menu-search-results-container {
display: none;
position: absolute;
text-align: center;
left: 260px;
background: #fff;
border-left: 1px solid #eee;
margin-top: -41px;
border-radius: 2px;
color: #333;
width: 360px;
max-height: 70vh;
}
.user-menu-search-results {
display: none;
background: #fff;
font-size: 12px;
text-align: left;
padding: 0em 0em 1em 0em;
margin-top: 36px;
width: auto;
max-height: 60vh;
overflow-x: hidden;
overflow-y: auto;
box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.2);
-webkit-transition: right 3s;
-moz-transition: right 3s;
-o-transition: right 3s;
transition: right 3s;
scrollbar-color: #3c61c5 #f1f1f1;
scrollbar-width: thin;
}
.user-menu-search-results::-webkit-scrollbar {
width: 8px;
}
.user-menu-search-results::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
.user-menu-search-results::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.user-menu-search-results-close-btn {
font-size: 24px;
float: right;
color: #333;
margin-top: 6px;
margin-right: 8px;
cursor: pointer;
}
.user-menu-search-header-separater {
font-size: 16px;
color: #888;
margin: 1em 0em 0.5em 1em;
}
.user-menu-search-results-result {
padding: 0.25em 0.5em;
cursor: pointer;
white-space: normal;
}
.user-menu-search-results-result:hover {
background: #ebf0ff !important;
}
.user-menu-search-result-link {
color: #3c61c5;
}
.dog-medical-window-dog-img {
display: inline-block;
vertical-align: bottom;
margin: 2em 1em 1em 2em;
}
.dogs-litters-medical-window-input-container {
display: inline-block;
width: auto;
max-width: 280px;
text-align: left;
vertical-align: middle;
margin: auto 0.5em;
margin-bottom: 1em;
padding: 1em 0.5em 1em 0.5em;
border-top: 6px solid #5e6063;
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
.dogs-litters-medical-window-option-container {
border-radius: 2px;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.1);
}
#dogs-medical-window-options {
display: none;
width: auto;
min-width: 200px;
max-width: 280px;
text-align: left;
vertical-align: middle;
margin: auto 0.5em;
padding: 0.25em 0.5em;
}
.dogs-medical-window-options-notification-header {
background: #a55757;
width: auto;
padding: 5px;
color: #fff;
text-align: center;
border-radius: 2px 2px 0 0;
}
.dogs-medical-window-options-multiple-header {
position: sticky;
background: #506bb3;
width: auto;
padding: 5px;
color: #fff;
z-index: 1;
text-align: center;
border-radius: 2px 2px 0 0;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.dogs-medical-alert-method-details {
display: none;
width: calc(100% - 1em);
text-align: center;
font-size: 11px;
padding: 0.25em 0.5em;
background: #ebebeb;
margin: 0em 0em 0.7em 0em;
border-radius: 2px;
color: #333;
}
.ekennel-create-container-bg {
width: 100%;
background: url(//breedercloudpro.com/images_v2/slidein_bg.png) center repeat #f3f3f3;
background-size: 30%;
padding-top: 1.5em;
overflow-x: hidden;
}
#ekennel-create-load {
display: none;
}
.ekennel-create-blocks-menu {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 250;
}
.ekennel-create-block-editable {
border: 1px dotted #ddd;
border-radius: 2px;
width: calc(100% - 0.8em);
white-space: normal;
}
.ekennel-create-block-editable:hover {
border: 1px dotted #eee;
border-radius: 2px;
background: #f8faff;
}
.ekennel-create-block-editable:focus {
background: #f8faff;
border: 1px dotted #eee;
}
.ekennel-create-block-add-btn {
padding: 0.6em 1em;
background: #ffffff;
color: #333;
text-align: center;
transition: .3s all;
cursor: pointer;
border-top: 1px solid #eee;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.ekennel-create-block-add-btn:hover {
background: #ebf0ff;
}
.ekennel-block-image-upload-container {
display: none;
position: fixed;
bottom: 10px;
right: 81px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
padding: 0.5em;
height: auto;
width: auto;
z-index: 250;
text-align: center;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.ekennel-create-blocks-save-btn-container {
background: #fff;
border-radius: 2px;
margin-bottom: 0.7em;
}
.ekennel-create-blocks-save-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
margin: auto;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
.ekennel-create-blocks-save-btn:hover {
opacity: 1;
}
input[name="file-banner"] {
display:none;
}
.ekennel-create-banner-upload-btn {
float: right;
position: relative;
font-size: 16px;
line-height: 18px;
background: #fff;
border-radius: 2px;
color: #444;
padding: 5px 1.5em;
z-index: 10;
margin-top: -36px;
margin-right: 11px;
cursor: pointer;
transition: .3s all;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
opacity: 0.8;
}
.ekennel-create-banner-upload-btn:hover {
opacity: 0.9;
}
#ekennel-create-settings-menu {
display: none;
position: fixed;
bottom: 10px;
right: 81px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
padding: 0.5em;
height: auto;
width: auto;
z-index: 250;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.ekennel-create-settings-menu-inline-text {
font-size: 12px;
display: inline-block;
vertical-align: middle;
}
.ekennel-color-picker-hide-input {
height: 1px;
width: 1px;
border: 0px;
background: none;
opacity: 0;
}
.ekennel-create-settings-menu-theme-btn {
padding: 0.3em 0.8em;
display: inline-block;
background: #354d8d;
color: #fff;
text-align: center;
border-radius: 2px;
}
.ekennel-settings-menu-header {
display: block;
width: auto;
font-size: 12px;
padding: 0.25em;
border-bottom: 1px solid #eee;
margin-bottom: 0.5em;
}
.ekennel-settings-menu-section {
display: block;
vertical-align: top;
margin-top: 0.5em;
}
.ekennel-user-block-text-edit-menu {
display: none;
position: absolute;
margin-top: -36px;
background: #fff;
color: #555;
padding: 1px 8px;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
z-index: 150;
}
.ekennel-user-block-text-edit-menu-btn {
display: inline-block;
font-size: 14px;
padding: 2px 4px;
opacity: 0.8;
transition: .3s all;
cursor: pointer;
}
.ekennel-user-block-text-edit-menu-btn:hover {
opacity: 1;
}
.ekennel-create-block-text-edit-menu-fontsize {
padding: 2px;
margin-bottom: 0px;
background: #6e6e6e;
color: #fff;
border: 0px;
}
.ekennel-create-block-text-edit-menu-fontsize:focus {
border: 0px;
}
.ekennel-create-block-text-edit-menu-fontcolor {
padding: 2px;
margin-bottom: 0px;
background: #000000;
color: #fff;
border: 0px;
}
.ekennel-create-block-text-edit-menu-fontcolor:focus {
border: 0px;
}
.ekennel-block-video-upload-container {
display: none;
position: fixed;
bottom: 10px;
right: 81px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
padding: 0.5em;
height: auto;
width: auto;
z-index: 250;
text-align: center;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.ekennel-user-block-delete-btn {
float: left;
position: relative;
text-align: center;
z-index: 1;
margin-top: -23px;
padding: 0em 0.25em;
border-radius: 0px 2px 0px 0px;
background: #e3453a;
color: #fff;
opacity: 0.8;
transition: all .3s;
cursor: pointer;
}
.ekennel-user-block-delete-btn:hover {
opacity: 1;
}
.ekennel-create-view-mode-link {
text-decoration: underline;
}
.ekennel-block-button-add-container {
display: none;
position: fixed;
bottom: 10px;
right: 81px;
background: #fff;
border: 1px solid #eee;
border-radius: 2px;
padding: 0.5em;
height: auto;
width: auto;
z-index: 250;
text-align: center;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.3);
}
.ekennel-block-button-add-btn {
margin: 0.5em .1em .7em .1em;
font-size: 11px;
text-decoration: none;
color: #fff;
background: #449ac8;
text-align: center;
cursor: pointer;
border-radius: 2px;
display: inline-block;
padding: 5px 10px;
width: 55px;
transition: .3s all;
opacity: .8;
}
.ekennel-block-button-add-btn:hover {
opacity: 1;
}
.ekennel-create-button-gallery {
display: none;
}
.ekennel-create-button-url {
display: none;
}
.ekennel-gallery-image-list-icon {
display: inline-block;
width: calc(12% - 0.25em);
height: auto;
transition: all 0.3s;
margin: 0.5em 0em;
padding: 0.5em 0.25em 0.25em 0.25em;
text-align: center;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
vertical-align: middle;
}
.ekennel-gallery-image-list-icon:hover {
transform: rotate(3deg) !important;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.7);
opacity: 1;
cursor: pointer;
}
.ekennel-gallery-image-list-img {
width: 100%;
height: auto;
text-align: center;
border-radius: 2px;
}
.ekennel-gallery-dogs-load-lg {
overflow: hidden;
height: calc(100vh - 120px);
text-align: left;
margin-top: 0.25em;
}
.ekennel-gallery-dogs-load-lg::-webkit-scrollbar {
width: 8px;
}
.ekennel-gallery-dogs-load-lg::-webkit-scrollbar-thumb {
background-color: #3c61c5;
}
.ekennel-gallery-dogs-load-lg::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.ekennel-gallery-dogs-load-close-btn {
font-size: 24px;
float: right;
margin-top: -2px;
color: #333;
cursor: pointer;
}
.ekennel-gallery-section-header {
padding: 5px;
margin: 0em 0em 0.5em 0em;
background: #f7f7f7;
text-align: center;
border-radius: 2px 2px 0 0;
font-size: 14px;
}
.ekennel-gallery-section-container {
margin: auto;
text-align: left;
padding: 0em 1em 1em 1em;
}
#ekennel-gallery-dogs-list-load {
margin: auto;
text-align: left;
}
.ekennel-gallery-image-icon {
display: inline-block;
width: auto;
height: 25vh;
transition: all 0.3s;
margin: 0.5em 0em;
padding: 0.5em 0.25em 0.25em 0.25em;
text-align: center;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
vertical-align: middle;
}
.ekennel-gallery-image-icon:hover {
transform: rotate(3deg) !important;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.7);
opacity: 1;
cursor: pointer;
}
.ekennel-gallery-image-img {
width: auto;
height: 100%;
text-align: center;
border-radius: 2px;
}
.ekennel-gallery-image-icon-lg {
display: inline-block;
width: 12.5%;
min-width: 128px;
height: auto;
transition: all 0.3s;
margin: 0.5em;
padding: 0.5em 0.25em 0.25em 0.25em;
text-align: center;
background: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
vertical-align: bottom;
}
.ekennel-gallery-image-icon-lg:hover {
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.7);
opacity: 1;
}
.ekennel-gallery-image-icon-lg input {
width: calc(100% - 10px);
}
.ekennel-gallery-image-img-lg {
width: 100%;
height: auto;
text-align: center;
border-radius: 2px;
cursor: default;
}
.ekennel-gallery-image-hide-show-btn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #515869;
border-radius: 0px 2px 2px 0px;
text-align: center;
cursor: pointer;
display: inline-block;
margin-top: 0.5em;
padding: 3px 6px;
transition: .3s all;
opacity: .8;
}
.ekennel-gallery-image-hide-show-btn:hover {
opacity: 1;
}
.ekennel-gallery-image-edit-btn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #369ff3;
border-radius: 2px 0px 0px 2px;
text-align: center;
cursor: pointer;
display: inline-block;
margin-top: 0.5em;
padding: 3px 6px;
transition: .3s all;
opacity: .8;
}
.ekennel-gallery-image-edit-btn:hover {
opacity: 1;
}
.ekennel-gallery-image-update-btn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #28a745;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
margin-top: 0.5em;
padding: 3px 6px;
transition: .3s all;
opacity: .8;
border: none;
outline: none;
box-shadow: none;
}
.ekennel-gallery-image-update-btn:hover {
opacity: 1;
}
#ekennel-menu-items-hidden {
display: none;
}
.ekennel-welcome-traffic-details-header {
padding: 5px;
background: #418090;
color: #fff;
border-radius: 2px 2px 0px 0px;
}
.ekennel-welcome-traffic-popular-header {
padding: 5px;
background: #ac5a5a;
color: #fff;
border-radius: 2px 2px 0px 0px;
}
#ekennel-upload-select-list {
width: calc(100% - 1.25em);
}
.ekennel-block-add-save-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
margin-left: 0.5em;
display: inline-block;
padding: 5px 8px;
transition: .3s all;
opacity: 0.8;
}
.ekennel-block-add-save-btn:hover {
opacity: 1;
}
.ekennel-create-block-move-container {
position: relative;
float: right;
margin-top: -23px;
}
.ekennel-create-block-move-arrow {
margin: auto -2px auto -2px;
display: inline-block;
background: #a1c7e4;
opacity: 0.8;
padding: 0em 0.35em;
transition: .3s all;
}
.ekennel-create-block-move-arrow:hover {
opacity: 1;
}
.ekennel-user-block-header {
position: relative;
display: inline-block;
margin-left: -2px;
padding: 0em 0.25em;
background: #d5d5d5;
opacity: 0.8;
transition: all .3s;
}
.ekennel-user-block-header:hover {
opacity: 1;
}
.business-partner-container {
padding: 15px 20px 20px 20px;
width: auto;
text-align: center;
background-color: #eaeaea;
font-size: 12px;
color: #555;
}
.business-partner-container img {
text-align: center;
margin: auto;
width: 100%;
max-width: 900px;
}
.business-partner-window {
top: -100%;
position: fixed;
text-align: left;
left: 260px;
right: 0px;
height: 100%;
width: auto;
padding-left: 2em;
padding-right: 2em;
z-index: 97;
overflow: auto;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
border-left: 1px solid #ddd;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.1);
}
.business-partner-window-logo {
border: 0px;
margin: auto;
width: 180px;
}
.business-partner-eukanuba-info-container {
text-align: center;
margin: auto;
}
.business-partner-eukanuba-info {
text-align: left;
margin: 2em 1em 1em 1em;
width: calc(50% - 2em);
max-width: 350px;
display: inline-block;
vertical-align: top;
}
.business-partner-eukanuba-info input {
width: calc(100% - 10px);
background: #fff;
border-bottom: 2px solid #ed088c;
}
.business-partner-window-close {
font-size: 24px;
float: right;
color: #333;
margin-top: 100px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.business-partner-eukanuba-submit-btn {
display: inline-block;
margin-top: 1.5em;
margin-bottom: 2em;
font-size: 14px;
background: #ed088c;
color: #fff;
padding: 7px 10px;
border-radius: 2px;
cursor: pointer;
transition: .3s all;
opacity: 0.8;
}
.business-partner-eukanuba-submit-btn:hover {
opacity: 1;
}
.business-partner-container-outer {
background: #fff;
border-radius: 2px;
padding: .25em;
font-size: 12px;
color: #555;
max-width: 900px;
margin: auto;
margin-top: 0.5em;
text-align: left;
cursor: pointer;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
}
.business-partner-container-outer-text {
margin: 0px 0px 0.25em 0.5em;
color: #868686;
}
.file-share-window-email-form {
width: auto;
display: block;
color: #555;
max-width: 300px;
text-align: left;
margin: auto;
font-size: 12px;
}
.file-share-window-email-form input {
width: calc(100% - 5px);
}
.file-share-window-email-form select {
width: calc(100% + 5px);
}
.media-share-options {
position: relative;
width: auto;
padding: 0.5em;
background: #f9f9f9;
border-radius: 2px;
display: none;
box-shadow: 0 2px 2px 0 rgba(50,50,50,0.2);
}
.user-media-share-button {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3e64b8;
border-radius: 2px;
text-align: center;
cursor: pointer;
margin: 0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-media-share-button:hover {
opacity: 1;
}
.user-media-share-ekennel-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3e64b8;
border-radius: 2px;
text-align: center;
cursor: pointer;
margin: 0.1em;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-media-share-ekennel-btn:hover {
opacity: 1;
}
#user-media-share-ekennel-file-select {
margin-top: 0.7em;
font-size: 12px;
display: none;
}
#dogs-pedigree {
display: none;
border-radius: 2px;
width: auto;
height: auto;
overflow: auto;
-webkit-overflow-scrolling: touch;
font-size: 14px;
cursor: grab;
zoom: 0.7;
scrollbar-color: #7897e9 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
#dogs-pedigree::-webkit-scrollbar {
width: 8px;
height: 8px;
}
#dogs-pedigree::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#dogs-pedigree::-webkit-scrollbar-thumb {
background-color: #7897e9;
transition: .3s all;
}
#dogs-pedigree-type-dataload {
display: inline-block;
margin-right: 5px;
font-size: 12px;
color: #444;
}
.dogs-pedigree-print-button-container {
display: inline-block;
margin-left: 2px;
}
.goog-logo-link {
display:none !important;
}
.goog-te-gadget {
color: transparent !important;
width: 155px;
}
.goog-te-gadget .goog-te-combo {
color: #000 !important;
}
iframe.goog-te-banner-frame{
display: none !important;
}
.goog-te-gadget img {
display: none !important;
}
.goog-tooltip {
display: none !important;
}
.goog-tooltip:hover {
display: none !important;
}
.goog-text-highlight {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
}
.admin-cs-widget {
position:fixed;
bottom:0px;
right:0px;
z-index:99999;
background:#fff;
width:auto;
box-shadow:0px 2px 2px 1px rgba(50, 50, 50, 0.5);
border-radius:5px 0px 0px 0px;
transition: 0.3s all;
}
.settings-referral-div {
display: inline-block;
width: 100%;
max-width: 450px;
text-align: left;
margin: auto;
padding-left: 0.25em;
padding-right: 0.25em;
vertical-align: top;
}
.litters-puppy-notes-create-btn {
float: right;
padding-bottom: 1em;
}
.alerts-recurring-div {
display: block;
padding: 0.25em;
}
#page-recurring-period {
display: none;
}
.page-recurring-period-option {
display: inline-block;
padding: 0em 0.5em;
}
.community-video-embed {
position:relative;
padding-bottom:56.25%;
padding-top:30px;
height:0;
overflow:hidden;
}
.community-video-embed iframe, .community-video-embed object, .community-video-embed embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.invoice-item-receiver-div {
font-size: 12px;
text-align: center;
margin: auto;
max-width: 900px;
padding-bottom: 2em;
}
.invoice-item-receiver-div input {
width: calc(100% - 12px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
.invoice-item-receiver-div select {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
.invoice-item-receiver-div textarea {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
}
#invoice-item-table {
width: auto;
border-collapse: collapse;
margin: 1.5em auto 0.5em auto;
}
#invoice-item-table th {
position: sticky;
top: 0;
background-color: #77838c;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(100, 44, 44, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: none;
}
#invoice-item-table td {
text-align: center;
}
.invoice-item-num {
width: 65px;
}
.invoice-item-name {
width: 160px;
}
.invoice-item-delete {
display: inline-block;
font-size: 12px;
text-decoration: none;
color: #fff;
background: #e83e3e;
cursor: pointer;
padding: 5px 10px;
transition: .3s all;
text-align: center;
opacity: .6;
}
.invoice-item-delete:hover {
opacity: 1;
}
#invoice-calc-total {
font-size: 14px;
}
#financial-logo-modal {
margin: auto;
margin-top: 30px;
width: 369px;
}
#financial-logo-upload {
width: 87px;
color: #fff;
background-color: #fff;
border: 0px;
box-shadow: none;
}
.financial-invoice-logo {
margin: auto;
height: 120px;
width: 120px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border-radius: 2px;
}
.litters-liter-separator {
width: auto;
padding: 1px;
text-align: center;
font-size: 14px;
box-shadow: 0 2px 2px 0 rgba(50,50,50,.1);
}
.litters-list-small {
font-size: 12px;
color: #385091;
}
.puppy-contract-document {
vertical-align: top;
text-align: left;
display: inline-block;
width: calc(100% - 200px);
margin-right: 10px;
max-width: 800px;
height: auto;
box-shadow: 0px 1px 1px 1px rgba(50, 50, 50, 0.3);
background: #fff;
cursor: default;
}
.puppy-contract-document-options {
vertical-align: top;
text-align: left;
display: inline-block;
width: 100%;
max-width: 160px;
height: auto;
}
.puppy-contract-document-options-header {
background: #3c61c5;
border-radius: 2px;
color: #fff;
padding: 0.25em;
text-align: center;
}
.puppy-contract-item-option {
display: none;
margin: 0.25em;
}
.puppy-contract-header {
text-align: center;
font-size: 18px;
font-weight: bold;
}
.puppy-contract-body {
margin-top: 2em;
padding: 1em;
font-size: 14px;
}
.puppy-contract-line-empty {
display: inline-block;
width: 80px;
border-bottom: 1px solid #000;
}
.puppy-contract-line-spacer {
clear: both;
height: 1em;
width: 100%;
}
.puppy-contract-item-inline {
vertical-align: top;
display: inline-block;
width: calc(50% - 1.2em);
margin: 0.25em 0.5em;
}
.puppy-contract-puppy-description {
width: 100%;
}
#puppy-contract-date {
outline: none;
border: 0px;
display: inline-block;
width: 80px;
border-bottom: 1px solid #000;
}
.puppy-contract-item-fullwidth {
margin: 0.25em 0.25em;
width: auto;
}
.puppy-contract-line-registration {
border: 0px;
border-bottom: 1px solid #000;
}
.puppy-contract-line-registration:focus {
border: 0px;
border-bottom: 1px solid #000;
}
.puppy-contract-document-back {
position: relative;
top: 0;
left: 0;
padding: 1em 0;
min-height: calc(100vh + 60px);
width: 100%;
background: #e8e8e8;
}
.puppy-contract-document-body {
font-size: 14px;
margin: 2em auto;
padding: 0.5em;
width: calc(100% - 7em);
max-width: 800px;
min-height: 100vh;
height: auto;
box-shadow: 0px 1px 6px 3px rgba(50, 50, 50, 0.2);
background: #fff;
}
.puppy-contract-document-header {
color: #000;
font-size: 18px;
font-weight: bold;
margin: 1em auto;
text-align: center;
}
.puppy-contract-document-item {
vertical-align: top;
display: inline-block;
width: calc(50% - 2em);
margin: 0.5em 1em;
}
.puppy-contract-document-item-full {
vertical-align: top;
width: calc(100% - 2em);
margin: 1em;
}
#puppy-contract-document-signature {
display: inline-block;
width: 80%;
padding: 1em;
border-radius: 2px;
background: #eee;
text-align: center;
}
#puppy-contract-document-signature-img {
display: none;
}
#puppy-contract-document-signature-data {
display: none;
}
.puppy-contract-document-completebtn {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 9px 10px;
transition: .3s all;
opacity: .8;
}
.puppy-contract-document-completebtn:hover {
opacity: 1;
}
#puppy-contract-document-downloadbtn {
display: none;
}
.puppy-contract-document-login {
min-height: calc(100vh - 78px);
font-size: 12px;
background: #fff;
padding: 1em;
text-align: center;
}
.puppy-contract-document-login-div {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -60%);
}
.puppy-contract-document-login input {
width: 100px;
background: #fff;
}
.puppy-contract-document-login-container {
display: inline-block;
text-align: left;
padding: 1em 2em;
background: #f3f6ff;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.puppy-contract-document-login-company {
font-size: 20px;
margin: auto auto 2em auto;
}
.puppy-contract-document-loginbtn {
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
margin: auto;
margin-top: 0.7em;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
.puppy-contract-document-loginbtn:hover {
opacity: 1;
}
.puppy-contract-document-login-info {
margin-top: 2em;
}
.puppy-contract-document-login-info-item {
font-size: 12px;
display: inline-block;
margin: 0.25em 1em;
opacity: 0.8;
}
.puppy-contract-document-highlite {
border: 2px solid #e26056;
border-radius: 2px;
cursor: pointer;
}
#puppy-contract-document-date {
margin-top: 0.25em;
font-size: 26px;
font-family: 'Cedarville Cursive', cursive;
}
#puppy-contract-document-date-seller {
margin-top: 0.25em;
font-size: 26px;
font-family: 'Cedarville Cursive', cursive;
}
.puppy-contract-document-signature {
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
width: 360px;
display: block;
margin: auto;
}
#puppy-contract-document-signature-generated {
position: fixed;
z-index: -999;
display: block;
overflow: visible;
padding: 0em 0em 1em 0em;
height: auto;
font-size: 24px;
font-family: 'Cedarville Cursive', cursive;
}
#user-contracts-manage-load {
max-width: 900px;
font-size: 12px;
text-align: center;
margin: auto;
padding-bottom: 1em;
color: #555;
}
.user-contracts-manage-selects input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.user-contracts-manage-selects input:focus {
border-bottom: 2px solid #a1e4a6;
}
.user-contracts-manage-selects select {
width: 100%;
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.user-contracts-manage-selects select:focus {
border-bottom: 2px solid #a1e4a6;
}
.user-contracts-content-editable {
cursor: text;
background: #ffffe6;
}
.user-contracts-templates-savebtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
margin-right: 5px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-contracts-templates-savebtn:hover {
opacity: 1;
}
.user-contracts-templates-renamebtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #2196F3;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
margin-right: 5px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.9;
}
.user-contracts-templates-renamebtn:hover {
opacity: 1;
}
.user-contracts-templates-deletebtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: none;
margin-right: 5px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-contracts-templates-deletebtn:hover {
opacity: 1;
}
.user-contracts-contract-sendbtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3e64b8;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 2px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-contracts-contract-sendbtn:hover {
opacity: 1;
}
.user-contracts-contract-generatesign-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
margin-left: 5px;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 6px 10px;
transition: .3s all;
opacity: 0.8;
}
.user-contracts-contract-generatesign-btn:hover {
opacity: 1;
}
#sig-submitBtn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
margin: auto;
margin-top: 0.7em;
margin-right: 5px;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
#sig-submitBtn {
opacity: 1;
}
.user-contracts-contract-signature-window {
font-size: 12px;
}
.user-contracts-contract-signature-draw-div {
margin-top: 1em;
}
#user-contracts-builder-templates {
display: inline;
width: auto;
}
.waitlist-orderby-selection {
font-size: 12px;
text-align: center;
margin: auto;
}
#dog-filters-category {
margin-left: 15px;
margin-top: 15px;
width: 230px;
padding: 6px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
.settings-referral-rewards-container {
font-size: 14px;
margin: auto;
max-width: 800px;
text-align: center;
}
.settings-referral-rewards-choice-month {
display: inline-block;
background: #fff;
color: #3f51b5;
margin: 0.5em;
padding: 2em 2.5em;
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 20%);
transition: all 0.3s;
cursor: pointer;
}
.settings-referral-rewards-choice-month:hover {
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 50%);
}
.settings-referral-rewards-choice-cash {
display: inline-block;
background: #fff;
color: #4caf50;
margin: 0.5em;
padding: 2em 2.5em;
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 20%);
transition: all 0.3s;
cursor: pointer;
}
.settings-referral-rewards-choice-cash:hover {
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 50%);
}
.settings-referral-rewards-choice-label {
padding: 1em 0.25em 0.25em 0.25em;
font-size: 16px;
color: #555;
}
#settings-referral-confetti {
margin: auto;
text-align: center;
width: 100%;
}
.notification-system-bcp-img {
border-radius: 25px;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
border: 0px;
}
.notification-system-bcp-click-animation {
position: absolute;
bottom: 72px;
right: 8px;
width: 72px;
height: auto;
border: 0px;
}
#contacts-list-filter-category {
display: inline-block;
}
#contacts-list-filter-search {
display: none;
}
#contacts-filters-category {
margin-left: 5px;
margin-top: 15px;
width: 206px;
padding: 6px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#contacts-list-filter-icon {
display: inline-block;
color: #888;
vertical-align: middle;
cursor: pointer;
margin-left: 10px;
margin-top: 10px;
font-size: 16px;
transition: 0.3s all;
}
#contacts-list-filter-search-input {
margin-left: 5px;
margin-top: 15px;
width: 196px;
padding: 6px;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
}
#litters-filters-category {
width: 206px;
padding: 6px;
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 20%);
}
#litters-filter-datebred {
display: inline-block;
vertical-align: middle;
margin-top: 15px;
margin-left: 5px;
}
#litters-filter-compare {
display: inline-block;
color: #888;
vertical-align: middle;
cursor: pointer;
margin-left: 10px;
margin-top: 10px;
font-size: 16px;
transition: 0.3s all;
}
.user-dashboard-notification-bubble-birthday {
display: none;
cursor: pointer;
color: #fff;
font-size: 12px;
margin-right: 1em;
text-align: center;
padding: 0.25em 1em;
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgb(50, 50, 50, 0.2);
}
.puppy-contract-seller-signature-img {
background: #ffffe6;
cursor: pointer;
height: 45px;
width: auto;
border: 0px;
transition: all 0.3s;
}
.puppy-contract-seller-signature-img:hover {
border: 2px solid #e26056;
border-radius: 2px;
}
#puppy-contract-seller-signature-date {
display: inline-block;
font-size: 16px;
font-family: 'Cedarville Cursive', cursive;
}
#marketing-selection-list-div {
width: auto;
height: auto;
max-height: calc(70vh - 70px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-width: thin;
}
#marketing-selection-list-div::-webkit-scrollbar {
width: 8px;
}
#marketing-selection-list-div::-webkit-scrollbar-thumb {
background-color: #ccc;
}
#marketing-selection-list-div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.litters-marketing-birthday-div-top {
width: auto;
border-top: 6px solid #4284bd;
background: #cde7fe;
border-radius: 2px;
padding: 0.75em 1em;
}
.litters-marketing-compaign-table {
border-radius: 2px;
white-space: nowrap;
width: 100%;
-webkit-overflow-scrolling: touch;
}
.litters-marketing-compaign-table th {
position: sticky;
top: 0;
background-color: #75777b;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
word-break: normal;
}
.litters-marketing-compaign-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
}
.litters-marketing-compaign-table tr:nth-child(even) {
background: #ffffff;
}
.litters-marketing-compaign-table tr:nth-child(even):hover {
background: #ebedf1;
}
.litters-marketing-compaign-table tr:nth-child(odd) {
background: #f9f9f9;
}
.litters-marketing-compaign-table tr:nth-child(odd):hover {
background: #ebedf1;
}
.litters-marketing-type-selection-div {
display: inline-block;
font-size: 12px;
color: #555;
}
.litters-marketing-contacts-count {
color: #3c61c5;
font-size: 11px;
}
.litters-marketing-birthday-label {
font-size: 12px;
color: #555;;
}
#marketing-birthday-data-load {
display: inline-block;
width: 45%;
vertical-align: top;
}
.litters-marketing-contacts-type {
display: none;
}
#litters-marketing-data-load-puppy {
padding: 0.5em;
}
#litters-marketing-data-load-logs {
width: auto;
height: auto;
margin-right: 2em;
max-height: calc(90vh - 100px);
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-width: thin;
}
#litters-marketing-data-load-logs::-webkit-scrollbar {
width: 8px;
}
#litters-marketing-data-load-logs::-webkit-scrollbar-thumb {
background-color: #ccc;
}
#litters-marketing-data-load-logs::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.litters-marketing-email-layout-container {
max-width: 600px;
margin: 1em auto 1em auto;
}
.litters-marketing-email-layout-outer {
background: #f1f1f1;
border-radius: 3px 3px 0px 0px;
padding: 1.5em 1em;
}
.litters-marketing-email-layout-inner {
background: #fff;
border-radius: 3px;
padding: 1em;
box-shadow: 0px 1px 1px 0px rgb(50, 50, 50, 0.2);
}
.litters-marketing-email-layout-footer {
background: #7d7d7d;
color: #fff;
padding: 0.5em;
font-size: 12px;
border-radius: 0px 0px 3px 3px;
box-shadow: 0px 1px 1px 0px rgb(50 50 50 / 20%);
}
.litters-marketing-email-layout-footer-text {
font-size: 12px;
margin: 0.5em;
float: left;
}
.litters-marketing-email-layout-footer-logo {
vertical-align: middle;
height: 35px;
width: auto;
float: right;
}
.litters-marketing-email-layout-image-container {
text-align: center;
margin: 0.5em auto 0.5em auto;
}
.litters-marketing-email-layout-image {
display: inline-block;
height: 100px;
text-align: center;
margin: auto;
width: auto;
border-radius: 2px;
box-shadow: 3px 2px 2px 0px rgb(150 150 150 / 20%);
}
.litters-marketing-email-options {
text-align: center;
margin: auto;
}
.litters-marketing-email-options-subject {
display: inline-block;
text-align: left;
margin: auto;
padding-left: 0.25em;
padding-right: 0.25em;
}
.litters-marketing-email-greeting {
padding-bottom: 1em;
font-weight: bold;
font-size: 16px;
}
.litters-marketing-email-message {
font-size: 14px;
}
.litters-marketing-email-selected-contacts-table {
margin-bottom: 0.5em;
}
.litters-marketing-email-selected-contacts {
text-align: right;
max-width: calc(600px - 2em);
margin: 1em auto auto auto;
}
.litters-marketing-email-contacts-list td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
color: #333;
word-break: normal;
white-space: normal;
border: 1px solid #eee;
}
.litters-marketing-email-contacts-list tr {
background: #ffffff;
}
.litters-marketing-email-contacts-list tr:hover {
background: #ebedf1;
}
.litters-marketing-email-clear-contacts-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #515869;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.litters-marketing-email-clear-contacts-btn:hover {
opacity: 1;
}
.litters-marketing-email-layout-buttons {
margin: auto;
text-align: center;
}
#litters-marketing-email-gallery {
display: none;
margin: auto;
text-align: right;
border-radius: 2px;
}
.litters-marketing-email-gallery-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #3795a0;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
transition: 0.3s all;
opacity: 0.8;
}
.litters-marketing-email-gallery-btn:hover {
opacity: 1;
}
.litters-marketing-image-uploader-div {
text-align: center;
margin: 1em auto auto auto;
}
.litters-marketing-gallery-buttons-div {
margin-top: 0.25em;
}
.litters-marketing-gallery-buttons-delete {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 5px 10px;
transition: .3s all;
opacity: .8;
margin-left: 0.2em;
}
.litters-marketing-gallery-buttons-delete:hover {
opacity: 1;
}
.litters-marketing-gallery-buttons-add {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #449ac8;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 5px 10px;
transition: .3s all;
opacity: 0.8;
}
.litters-marketing-gallery-buttons-add:hover {
opacity: 1;
}
.litters-marketing-birthday-selected-contacts {
text-align: right;
max-width: calc(600px - 2em);
margin: auto;
}
.litters-marketing-send-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #41ad49;
margin-bottom: 1em;
text-align: center;
cursor: pointer;
display: inline-block;
border-radius: 2px;
padding: 7px 10px;
transition: .3s all;
opacity: 0.8;
}
.litters-marketing-send-btn:hover {
opacity: 1;
}
.litters-marketings-logs-container {
width: 100%;
font-size: 14px;
background: #fff;
padding-bottom: 1em;
}
.litters-marketings-logs-contact {
font-size: 11px;
}
.litters-marketings-logs-date {
font-size: 12px;
}
.litters-mareketing-logs-header {
padding: 0.5em;
}
.litters-marketing-layout-birthday-img {
width: 100%;
max-width: 350px;
height: auto;
border: 0px;
margin: auto;
}
#marketing-create-data-load {
margin-bottom: 1em;
}
#contractscontainer {
background-color: #ffffff;
height: auto;
max-height: 50vh;
margin-bottom: 0.5em;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #707c84 #f1f1f1;
scrollbar-width: thin;
}
#contractscontainer::-webkit-scrollbar {
width: 8px;
}
#contractscontainer::-webkit-scrollbar-thumb {
background-color: #707c84;
}
#contractscontainer::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.litters-marketing-select-list-email {
display: inline-block;
margin-left: 0.5em;
font-size: 11px;
color: #4c4c4c;
}
.litters-marketing-select-list-info-sub {
font-size: 11px;
}
.inbox-link-community {
color:#446596;
}
#user-floating-notepad-builder {
display: none;
margin-top: 32px;
margin-left: 200px;
z-index: 999999;
}
.user-floating-notepad {
position: fixed;
width: 250px;
height: 250px;
padding-top: 0.5em;
overflow: hidden;
transform: rotate(1deg);
background: #fbfbd7;
z-index: 999;
box-shadow: 3px 2px 2px 0px rgb(150 150 150 / 20%);
}
.user-floating-notepad-content {
height: calc(250px - 2.5em);
overflow: auto;
background: #ffffe6;
padding: 0.5em;
-webkit-overflow-scrolling: touch;
scrollbar-color: #f3f3d3 #f1f1f1;
scrollbar-width: thin;
}
.user-floating-notepad-content::-webkit-scrollbar {
width: 8px;
}
.user-floating-notepad-content::-webkit-scrollbar-thumb {
background-color: #f3f3d3;
}
.user-floating-notepad-content::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.user-floating-notepad-bcplayout {
height: 100vh;
}
.user-floating-notepad-delete-btn {
float: right;
padding: 5px 4px;
text-align: center;
color: #fff;
background-color: #e83e3e;
cursor: pointer;
width: 25px;
text-align: center;
margin: auto;
margin-top: -0.5em;
opacity: 0.6;
transition: 0.3s all;
display: inline-block;
}
.user-floating-notepad-delete-btn:hover {
opacity: 1;
}
#pwa-contact-import-android {
display: none;
float: right;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #405b76;
border-radius: 2px;
text-align: center;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
#pwa-contact-import-android:hover {
opacity: 1;
}
.financial-advanced-generate-btn {
font-size: 14px;
display: inline-block;
margin-left: 0.25em;
text-decoration: none;
color: #fff;
background: #405b76;
border-radius: 2px;
text-align: center;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
.financial-advanced-generate-btn:hover {
opacity: 1;
}
#financial-advanced-print-btn {
display: none;
}
.activitylogs-restore-btn {
float: right;
font-size: 12px;
text-decoration: none;
color: #fff;
background: #d8a356;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
padding: 3px 6px;
transition: .3s all;
opacity: 0.8;
}
.activitylogs-restore-btn:hover {
opacity: 1;
}
#createdog-import-container {
max-width: 500px;
text-align: left;
margin: auto;
margin-top: 2em;
border-top: 1px solid #eee;
padding-top: 1em;
padding-bottom: 1em;
}
#select-importpuppy {
max-width: 50%;
margin-right: 0.5em;
}
.createdog-import-container-label {
text-align: left;
}
.createdog-import-puppy-btn {
margin-top: 0.7em;
display: inline-block;
font-size: 14px;
text-decoration: none;
color: #fff;
background: #405b76;
border-radius: 2px;
text-align: center;
cursor: pointer;
padding: 7px 10px;
transition: .3s all;
opacity: .8;
}
.createdog-import-puppy-btn:hover {
opacity: 1;
}
#litters-list-archived-load-btn {
padding: .15em 1em;
text-align: center;
font-size: 14px;
background: #f7f7f7;
transition: .3s all;
cursor: pointer;
}
#litters-list-archived-load-btn:hover {
text-decoration: underline;
}
.portal-action-button-container {
display: block;
max-width: 290px;
text-align: center;
margin: auto;
width: calc(100% - 2em);
padding: 0.5em;
border-radius: 5px;
}
.akcreunite-form-section {
display: none;
text-align: left;
max-width: 280px;
margin: 10px auto auto auto;
}
.akcreunite-form-section-info {
text-align: left;
max-width: 350px;
margin: 1.5em auto auto auto;
}
.akcreunite-form-description {
margin: 1em auto auto auto;
word-break: break-word;
font-size: 14px;
}
.akcreunite-form-section input {
width: calc(100% - 5px);
}
.rainwalk-form-section {
display: none;
text-align: left;
max-width: 280px;
margin: 10px auto auto auto;
}
.rainwalk-form-section-info {
text-align: left;
max-width: 350px;
margin: 1.5em auto auto auto;
}
.rainwalk-form-section input {
width: calc(100% - 5px);
}
.rainwalk-form-section-header {
padding: 0.5em 1em;
background: #033568;
margin-bottom: 0.25em;
text-align: center;
border-radius: 5px;
font-size: 14px;
color: #fff;
}
#rainwalk-data-load {
text-align: center;
margin: auto;
}
.rainwalk-plan-container {
display: inline-block;
margin: 1em;
width: calc(33% - 5em);
min-width: 188px;
border: 2px solid #ccc;
border-radius: 5px;
padding: 1em;
}
.rainwalk-plan-header {
margin: -1em -1em 1em -1em;
padding: 0.5em;
color: #fff;
font-weight: bold;
font-size: 16px;
}
#rainwalk-submit-policy-btn {
display: none;
}
.rainwalk-policy-checkmark {
margin: 1em 0em 0em 0em;
width: 14px;
height: 14px;
}
.rainwalk-details {
display: inline-block;
margin: 1em auto;
width: calc(100% - 1em);
max-width: 320px;
text-align: left;
padding: 0.5em 2em;
border: 1px solid #ddd;
border-radius: 2px;
font-size: 12px;
}
.settings-profile-integrations-container {
text-align: center;
margin: auto;
}
.settings-profile-integrations-box {
width: calc(50% - 2em);
max-width: 380px;
text-align: left;
font-size: 12px;
padding: 0.5em;
box-shadow: 0px 2px 2px 0px rgb(0 0 0 / 20%);
margin: 0em 1em 1em 1em;
background: #ffffff;
display: inline-block;
vertical-align: top;
}
.settings-profile-integrations-box input {
width: calc(100% - 5px);
}
.settings-profile-integrations-img {
display: inline-block;
width: 100px;
vertical-align: middle;
}
.settings-profile-integrations-info {
display: inline-block;
margin-left: 5px;
width: calc(100% - 110px);
vertical-align: middle;
}
.settings-profile-integrations-field {
margin-left: 5px;
margin-top: 0.5em;
width: calc(100% - 15px);
vertical-align: middle;
}
.ackreunite-form-section-progress-container {
display: none;
margin: -10px -10px 0px -10px;
width: auto;
padding: 10px;
background: #e1f6ff;
}
.ackreunite-form-section-progress {
display: inline-block;
padding: 0.5em 1em;
margin-bottom: 1em;
background: #054f7d;
color: #fff;
font-size: 14px;
opacity: 0.6;
cursor: pointer;
}
#akc-reunite-puppy-load {
max-height: calc(64vh - 60px);
max-width: 600px;
overflow: auto;
margin: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #888888 #f1f1f1;
scrollbar-width: thin;
}
#akc-reunite-puppy-load::-webkit-scrollbar {
width: 8px;
}
#akc-reunite-puppy-load::-webkit-scrollbar-thumb {
background-color: #888;
}
#akc-reunite-puppy-load::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.akc-reunite-nextprev-container {
text-align: center;
margin: auto;
padding: 1.5em 0px 1.5em 0px;
}
.akc-reunite-nextprev-btn {
display: inline-block;
padding: 7px 10px;
background: #054f7d;
border-radius: 2px;
color: #fff;
font-size: 14px;
opacity: 0.7;
cursor: pointer;
transition: all 0.3s;
}
.akc-reunite-nextprev-btn:hover {
opacity: 1;
}
.akc-reunite-puppy-load-cover {
position: absolute;
display: none;
width: 0px;
height: 0px;
margin: 0px -10px 0px -10px;
padding: 10px 10px 0px 10px;
background: #000;
opacity: 0.5;
z-index: 2;
}
.akc-reunite-puppy-load-cover-loading {
display: none;
text-align: center;
margin: 40% auto auto auto;
color: #fff;
z-index: 3;
}
.header-cats-icon-claw-1 {
position: absolute;
margin-top: 7px;
margin-left: 1px;
height: 5px;
width: 2px;
background: #fff;
border-radius: 10px;
}
.header-cats-icon-claw-2 {
position: absolute;
margin-top: -1px;
margin-left: 8px;
height: 5px;
width: 2px;
background: #fff;
border-radius: 10px;
}
.header-cats-icon-claw-3 {
position: absolute;
margin-top: -1px;
margin-left: 19px;
height: 5px;
width: 2px;
background: #fff;
border-radius: 10px;
}
.header-cats-icon-claw-4 {
position: absolute;
margin-top: 7px;
margin-left: 26px;
height: 5px;
width: 2px;
background: #fff;
border-radius: 10px;
}
.support-guide-page-select {
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
height: auto;
width: 100%;
}
.support-howto-page-block {
display: inline-block;
background: #f8f8f9;
padding: 0.25em;
width: 80px;
margin-top: 1em;
text-align: center;
overflow: visible;
}
.support-howto-page-block:hover {
transition: all 0.3s;
cursor: pointer;
background: #eee;
}
.support-howto-page-block-btn {
display: inline-block;
color: #555;
font-size: 28px;
text-align: center;
margin: auto;
padding: 0.25em 0.25em 0em 0.25em;
border-radius: 2px;
}
.support-howto-page-block-label {
font-size: 14px;
margin-top: 0.25em;
}
#support-guide-load {
background: #eee;
padding: 0.5em;
border-radius: 2px;
max-height: calc(100vh - 280px);
overflow-x: hidden;
overflow-y: auto;
}
.support-guide-fulltext {
width: 100%;
text-align: center;
margin: 1em 0.5em;
}
.support-guide-sidebyside {
display: inline-block;
margin: 0em 0.5em;
width: calc(50% - 1.25em);
vertical-align: middle;
text-align: center;
}
.support-guide-text-container {
margin: 1em 0em;
border-bottom: 1px solid #ddd;
padding: 1em 0em;
}
.support-guide-text-label {
font-size: 16px;
color: #555;
}
.support-floating-btn {
float: right;
margin-left: 0.5em;
background: #f3f3f3;
color: #555;
font-size: 16px;
display: none;
padding: 0.25em 0.5em;
border-radius: 25px;
opacity: 0.7;
transition: 0.3s all;
cursor: pointer;
box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);
}
.support-floating-btn:hover {
opacity: 1;
}
.support-floating-load {
display: none;
width: 30%;
max-height: 80vh;
background: #222;
padding: 0em;
position: fixed;
bottom: 5px;
right: 5px;
border-radius: 2px;
z-index: 99999;
}
.support-floating-load-full {
width: 65%;
margin: auto;
position: fixed;
top: 10%;
left: 0;
bottom: 0;
right: 0;
transform: translateY(-10%);
}
.support-floating-load-close-btn {
font-size: 22px;
float: right;
color: #f3f3f3;
cursor: pointer;
padding: 0.25em 0.5em;
}
.support-floating-load-video {
width: 550px;
height: 315px;
}
.akcreunite-litters-ad-div {
display: none;
background: #f7f7f7;
vertical-align: middle;
padding: 0.5em;
margin: 1em;
border-radius: 2px;
}
.akcreunite-litters-ad-close {
position: relative;
float: right;
margin-bottom: -100%;
margin-left: 6px;
cursor: pointer;
}
.fortis-payments-ad-div {
display: none;
background: #f7f7f7;
vertical-align: middle;
padding: 0.5em;
margin: 1em;
border-radius: 2px;
}
.fortis-payments-ad-close {
position: relative;
float: right;
margin-bottom: -100%;
margin-left: 6px;
cursor: pointer;
}
#litters-puppy-weights-buttons-load {
display: none;
width: 180px;
margin: auto;
}
#goats-milk-buttons-load {
display: none;
width: 180px;
margin: auto;
}
.puppy-weights-table {
width: 100%;
margin: auto;
text-align: center;
}
.puppy-weights-table td {
border-collapse: collapse;
overflow: hidden;
font-size: 12px;
position: relative;
text-align: left;
padding: 3px;
padding-left: 7px;
word-break: normal;
}
.puppy-weights-table th {
position: sticky;
top: 0;
background-color: #77838c;
color: #fff;
box-shadow: 0px 2px 2px 0px rgba(100, 44, 44, 0.2);
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
white-space: none;
}
.puppy-weights-table tr:nth-child(even) {
background: #ffffff;
}
.puppy-weights-table tr:nth-child(even):hover {
background: #ebedf1;
}
.puppy-weights-table tr:nth-child(odd) {
background: #f9f9f9;
}
.puppy-weights-table tr:nth-child(odd):hover {
background: #ebedf1;
}
#litters-puppy-weights-data-load {
display: inline-block;
vertical-align: top;
width: 280px;
}
.litters-puppy-weights-data-load-empty {
width: auto !important;
display: block !important;
}
#litters-puppy-weights-chart-load {
display: inline-block;
vertical-align: top;
width: calc(100% - 286px);
}
.litter-compare-checkcontainer {
display: none;
position: relative;
padding-left: 21px;
margin-bottom: 12px;
cursor: pointer;
font-size: 12px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.litter-compare-checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.litter-compare-checkmark {
position: absolute;
top: 0;
left: 0;
height: 15px;
width: 15px;
background-color: #eee;
border-radius: 2px;
transition: all 0.3s;
}
.litter-compare-checkcontainer:hover input ~ .litter-compare-checkmark {
background-color: #ccc;
}
.litter-compare-checkcontainer input:checked ~ .litter-compare-checkmark {
background-color: #4f74d9;
}
.litter-compare-checkmark:after {
content: "";
position: absolute;
display: none;
}
.litter-compare-checkcontainer input:checked ~ .litter-compare-checkmark:after {
display: block;
}
.litter-compare-checkcontainer .litter-compare-checkmark:after {
left: 4px;
top: 0px;
width: 4px;
height: 9px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#litters-list-compare-btn {
display: none;
background: #405b76;
padding: 15px 20px;
text-align: center;
font-size: 14px;
line-height: 18px;
font-weight: normal;
color: #fff;
opacity: 0.8;
cursor: pointer;
transition: 0.3s all;
}
#litters-list-compare-btn:hover {
opacity: 1;
}
.litters-compare-window {
top: 0px;
right: calc(100% + 2em);
width: 380px;
position: fixed;
text-align: left;
padding-top: 75px;
margin: auto;
height: calc(100vh - 75px);
background: #ffffff;
box-shadow: 0px 0px 2px 2px rgba(50, 50, 50, 0.2);
z-index: 98;
-webkit-transition: right 1s;
-moz-transition: right 1s;
-o-transition: right 1s;
transition: right 1s;
}
.litters-compare-window-close-btn {
font-size: 24px;
float: right;
color: #333;
margin-top: -3px;
margin-right: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.litters-compare-result-container {
margin: 1em;
padding: 0.5em;
background: #f3f3f3;
border-radius: 2px;
}
#litters-compare-data-load {
position: relative;
display: block;
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
height: calc(100% - 2em);
-webkit-overflow-scrolling: touch;
scrollbar-color: #888888 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
#litters-compare-data-load::-webkit-scrollbar {
height: 8px;
width: 8px;
}
#litters-compare-data-load::-webkit-scrollbar-thumb {
background-color: #888;
}
#litters-compare-data-load::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
#contacts-portal-data-load {
text-align: center;
margin: auto;
}
.contacts-portal-status-banner {
width: auto;
padding: 0.5em;
text-align: center;
}
.portal-main-container {
position: relative;
margin: 2em auto;
width: 100%;
max-width: 1020px;
min-height: calc(100vh - 80px);
z-index: 1;
text-align: center;
font-size: 14px;
}
.portal-section-label {
display: block;
background: #4284bd;
border-top: 6px solid #3676ad;
padding: 0.5em;
width: auto;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin: 0.5em 0em 0.5em 0em;
}
.portal-section-label-2 {
display: block;
background: #6ec294;
border-top: 6px solid #66b68a;
padding: 0.5em;
width: auto;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin: 0.5em 0em 0.5em 0em;
}
.portal-section-label-3 {
display: block;
background: #dc7e7e;
border-top: 6px solid #ce6969;
padding: 0.5em;
width: auto;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin: 0.5em 0em 0.5em 0em;
}
.portal-section-label-4 {
display: block;
background: #76c3e8;
border-top: 6px solid #57b4e1;
padding: 0.5em;
width: auto;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin: 0.5em 0em 0.5em 0em;
}
.portal-section-label-5 {
display: block;
background: #858ac0;
border-top: 6px solid #7379b0;
padding: 0.5em;
width: auto;
color: #fff;
font-size: 16px;
border-radius: 2px;
margin: 0.5em 0em 0em 0em;
}
.portal-section-full {
background: #fff;
display: block;
padding: 20px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 1px;
margin: 1em;
vertical-align: top;
}
.portal-section-halfpage-left {
background: #fff;
display: inline-block;
margin-right: 0.5em;
width: calc(50% - 4.5em);
padding: 20px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 1px;
vertical-align: top;
}
.portal-section-halfpage-right {
background: #fff;
display: inline-block;
margin-left: 0.5em;
width: calc(50% - 4.5em);
padding: 20px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 1px;
vertical-align: top;
}
.portal-section-empty {
width: auto;
height: auto;
padding: 1em;
background: #f3f3f3;
color: #555;
text-align: center;
}
.portal-header {
position: fixed;
top: 0px;
left: 0px;
padding: 0.4em;
background: #ffffff;
width: calc(100% - 0.8em);
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 10%);
z-index: 999;
}
.portal-user-options-left {
float: left;
padding: 0.25em 0px;
}
.portal-user-options-right {
padding: 0.25em 0px;
float: right;
}
.portal-user-options-icon {
display: inline-block;
padding: 2px 6px;
font-size: 26px;
opacity: 0.7;
cursor: pointer;
}
.portal-user-options-icon-notification {
cursor: pointer;
display: inline-block;
vertical-align: middle;
padding: 2px 6px;
font-size: 26px;
color: #333;
opacity: 0.7;
}
.portal-welcome-label {
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #555;
}
.portal-user-menu {
position: fixed;
left: -200px;
top: 50px;
width: 200px;
height: calc(100vh - 2.5em);
background: #fff;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
-webkit-transition: left 0.7s;
-moz-transition: left 0.7s;
-o-transition: left 0.7s;
transition: left 0.7s;
z-index: 200;
}
.portal-user-menu-item {
padding: 1em 0em 1em 1em;
font-size: 14px;
transition: all 0.3s;
cursor: pointer;
text-align: left;
}
.portal-user-menu-item:hover {
background: #ebf0ff;
}
.portal-login-animation {
height: 200px;
}
.portal-pet-section-half {
background: #fff;
display: inline-block;
width: calc(50% - 1em);
padding: 0.5em;
vertical-align: top;
text-align: left;
}
.portal-pet-medical-btns {
margin-top: 1em;
}
.portal-pet-medical-container {
max-height: 200px;
overflow: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #b14242 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
.portal-pet-medical-container::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.portal-pet-medical-container::-webkit-scrollbar-thumb {
background-color: #b14242;
}
.portal-pet-medical-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.portal-personal-form {
font-size: 12px;
width: auto;
text-align: center;
margin: auto;
max-width: 900px;
display: block;
color: #555;
display: none;
overflow: hidden;
}
.portal-personal-form input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.portal-personal-form select {
width: 100%;
font-size: 14px;
font-weight: normal;
border-bottom: 2px solid #e8eefd;
}
.portal-welcome-screen-bg {
top: 0px;
left: 0px;
width: 100%;
min-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
}
.portal-message-breeder-window {
display: none;
position: fixed;
top: 55px;
right: 5px;
padding: 0.5em;
border-radius: 2px;
background: #fff;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
}
.portal-message-breeder-msg {
height: 45px;
width: 200px;
background: #fcfdff;
padding-bottom: 28px;
overflow: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #8e9fc9 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
.portal-message-breeder-msg::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.portal-message-breeder-msg::-webkit-scrollbar-thumb {
background-color: #8e9fc9;
}
.portal-message-breeder-msg::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.portal-multiple-accounts-btn {
display: inline-block;
width: 120px;
margin: 1em;
text-align: center;
vertical-align: middle;
padding: 1em;
border: 1px solid #ccc;
border-radius: 60px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
cursor: pointer;
}
.portal-multiple-accounts-btn:hover {
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 60%);
}
.portal-account-switch-div {
position: fixed;
z-index: 100;
top: 40px;
text-align: center;
left: 190px;
width: auto;
max-width: 680px;
right: 0px;
border-radius: 2px;
}
.portal-akc-reunite-window {
display: none;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
max-width: 680px;
margin: auto;
text-align: center;
background: #fff;
padding: 1em;
border-radius: 2px;
z-index: 2;
}
.portal-rainwalk-window {
display: none;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
width: max-content;
margin: auto;
text-align: center;
background: #fff;
padding: 1em;
border-radius: 2px;
z-index: 2;
}
#portal-modal-dialog-bg {
display: none;
background: #444;
opacity: 0.3;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
}
#contact-connections-load {
text-align: center;
margin: auto;
}
.contact-preview-window {
display: none;
background: #fff;
padding: 1em;
position: relative;
border-radius: 2px;
width: fit-content;
z-index: 1;
}
.notifications-calendar {
margin-top: 0.7em;
padding: 0px;
}
.dashboard-notifications-calendar-calHeader {
width: 100%;
color: #444;
margin: 0px;
}
.dashboard-notifications-calendar-right {
border-right: 1px solid #eee;
box-sizing: border-box;
}
.dashboard-notifications-calendar-top {
border-top: 1px solid #eee;
box-sizing: border-box;
}
.dashboard-notifications-calendar-left {
border-left: 1px solid #eee;
box-sizing: border-box;
}
.dashboard-notifications-calendar-bottom {
border-bottom: 1px solid #eee;
box-sizing: border-box;
}
.dashboard-notifications-calendar-top-left {
box-sizing: border-box;
}
.dashboard-notifications-calendar-top-right{
box-sizing: border-box;
}
.dashboard-notifications-calendar-bottom-left{
border-bottom-left-radius: 3px;
box-sizing: border-box;
}
.dashboard-notifications-calendar-bottom-right {
border-bottom-right-radius: 3px;
box-sizing: border-box;
}
.dashboard-notifications-calendar-hidden {
display:none !important;
}
.dashboard-notifications-calendar-dayCol {
float:left;
position: relative;
width: calc(100% / 7);
padding: 0% 0% calc(60% / 7) 0%;
margin: 0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
overflow:hidden;
background-color: #fff;
text-align: left;
}
.dashboard-notifications-calendar-dayCol:nth-child(odd) {
background: #fff;
}
.dashboard-notifications-calendar-dayCol:nth-child(odd):hover {
background: #ebedf1;
}
.dashboard-notifications-calendar-dayCol:nth-child(even) {
background: #f9f9f9;
}
.dashboard-notifications-calendar-dayCol:nth-child(even):hover {
background: #ebedf1;
}
.dashboard-notifications-calendar-dayContent {
color: #444;
position: absolute;
font-size: 12px;
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
}
.dashboard-notifications-calendar-header {
padding: 5px;
margin: auto;
font-size: 12px;
background-color: #ba6464;
color: #ffff;
text-align: center;
border: 0px;
width: calc(100% / 7);
float: left;
}
.dashboard-notifications-calendar-headerCell {
padding: 0px;
margin: 0;
}
.dashboard-notifications-calendar-dayTable {
display: table;
width: calc(100% - 5px);
height: calc(100% - 5px);
margin: 5px;
padding: 0;
}
.dashboard-notifications-calendar-dayCell {
display: table-cell;
vertical-align: top;
padding: 0;
margin: 0;
background: none;
}
.dashboard-notifications-calendar-blankday {
background-color: #fff;
}
.dashboard-notifications-calendar-lastLink {
float: left;
font-size: 12px;
padding: 5px 10px;
margin: 0;
background: #994d4d;
color: #fff;
border-radius: 2px;
opacity: 0.7;
transition: all 0.3s;
}
.dashboard-notifications-calendar-lastLink:hover {
opacity: 1;
cursor: pointer;
}
.dashboard-notifications-calendar-nextLink {
float: right;
font-size: 12px;
padding: 5px 10px;
margin: 0;
background: #994d4d;
color: #fff;
border-radius: 2px;
opacity: 0.7;
transition: all 0.3s;
}
.dashboard-notifications-calendar-nextLink:hover {
opacity: 1;
cursor: pointer;
}
.dashboard-notifications-calendar-moTitle {
text-align: center;
font-size: 1em;
margin: 0px;
padding: 5px;
color: #fff;
font-size: 14px;
background: #a55757;
border-radius: 2px 2px 0px 0px;
}
.dashboard-notifications-calendar-calDay:hover {
background: #ebedf1;
}
.dashboard-notifications-calendar-active {
background: #ebedf1;
}
.dashboard-notifications-calendar-dateLabel {
font-size: 10px;
margin: 0px;
padding: 0px;
}
.dashboard-notifications-calendar-calEvent {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
font-size: 12px;
background: #fff;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 2px;
padding: 1px 2px;
color: #444;
text-align: center;
margin: initial;
cursor: pointer;
box-sizing: border-box;
}
.dashboard-notifications-calendar-ellipse {
display: table;
table-layout: fixed;
width: 98%;
white-space: nowrap;
}
.dashboard-notifications-calendar-ellipse > * {
display: table-cell;
overflow: hidden;
text-overflow: ellipsis;
}
.dashboard-notifications-calendar-weekRow {
margin:0; padding:0; border:0;
position:relative;
}
#dashboard-notifications-calendar-info {
display: none;
}
.petportal-payment-container {
display: none;
font-size: 12px;
width: 250px;
text-align: left;
margin: 1em auto 0em auto;
padding-left: 0.25em;
padding-right: 0.25em;
vertical-align: top;
}
.petportal-payments-progress-container {
display: inline-block;
margin: 0.5em;
width: auto;
}
.petportal-payments-section-progress {
display: inline-block;
padding: 0.5em 1em;
background: #054f7d;
color: #fff;
font-size: 14px;
opacity: 0.6;
cursor: pointer;
}
#financial-invoice-payments-load {
margin-right: 2em;
}
#financial-contact-portal-check {
display: none;
background: #f3f3f3;
padding: 0.5em;
margin-top: 1em;
border-radius: 2px;
}
#contracts-contact-portal-check {
display: none;
background: #f3f3f3;
padding: 0.5em;
margin-top: 1em;
border-radius: 2px;
}
.portal-bg-video {
width: 100vw;
height: 100vh;
object-fit: cover;
position: relative;
top: -16px;
left: 0;
margin-bottom: -100vh;
}
.petportal-home-screen-container {
background: rgb(0 0 0 / 22%);
text-align: center;
margin: auto;
padding: 1em;
border-radius: 10px;
margin-top: 2em;
}
.petportal-home-screen {
display: inline-block;
width: calc(33% - 2em);
padding: 0em 1em;
max-width: 480px;
color: #fff;
font-size: 14px;
vertical-align: middle;
}
#contacts-portal-preview-load {
zoom: 0.8;
background: #f3f3f3;
text-align: center;
padding-top: 1em;
padding-bottom: 2em;
border-radius: 2px;
max-height: 60vh;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-color: #cccccc #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
#contacts-portal-preview-load::-webkit-scrollbar {
width: 8px;
}
#contacts-portal-preview-load::-webkit-scrollbar-thumb {
background-color: #cccccc;
}
#contacts-portal-preview-load::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.newuser-adddogcat-notice {
position: fixed;
top: 80px;
right: 20px;
max-width: 200px;
background: #ae524c;
text-align: center;
color: #fff;
padding: 0.25em 0.5em;
border-radius: 5px;
z-index: 999;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
}
#dogs-details-breeding-load {
display: inline-block;
vertical-align: top;
margin: 2em 0.5em auto 0.5em;
text-align: center;
max-width: 460px;
}
.dogs-breeding-details-label {
background: #3d977a;
}
.dogs-breeeding-details-table th {
position: sticky;
top: 0;
background-color: #4fb191;
box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.2);
border: 0px;
color: #fff;
text-align: center;
font-size: 12px;
padding: 3px 2px;
z-index: 1;
}
.dogs-breeeding-details-table td {
position: relative;
font-size: 12px;
border-collapse: collapse;
overflow: hidden;
text-align: center;
}
.contacts-category-manage-container {
text-align: center;
margin: auto;
font-size: 14px;
}
#dob-calculate-age {
display: none;
width: 95px;
margin-left: 5px;
background: #f3f3f3;
border-radius: 2px;
padding: 0.25em 0.5em;
text-align: center;
vertical-align: middle;
}
.context-menu {
position: absolute;
margin: 20px auto;
width: 200px;
top: 0px;
left: 0px;
background-color: #fff;
border-radius: 2px;
z-index: 999999;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
display: none;
}
.context-menu > ul {
display: block;
overflow: hidden;
}
.context-menu > ul > li {
padding: 0.7em;
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #333;
cursor: pointer;
}
.context-menu > ul > li:hover {
background-color: #ebf0ff;
}
#litters-sire2-container {
display: none;
}
#litters-dualsire-btn {
text-decoration: none;
color: #fff;
background: #a8a8a8;
padding: 4px 8px;
text-align: center;
border-radius: 2px;
margin-left: 5px;
cursor: pointer;
display: inline-block;
transition: .3s all;
opacity: 0.8;
}
#litters-dualsire-btn:hover {
opacity: 1;
}
.support-partners-partner {
display: inline-block;
margin: 0.5em;
width: calc(50% - 1.25em);
}
.support-partners-partner img {
width: 100%;
text-align: center;
margin: auto;
}
.support-partners-partner-header {
padding: 0.25em;
text-align: center;
color: #868686;
}
.portal-main-container-desktop-container {
margin: auto;
text-align: center;
}
.portal-main-container-desktop {
display: inline-block;
}
.portal-affiliates-desktop {
display: inline-block;
width: 160px;
margin-right: -160px;
background: #fff;
padding: 20px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 1px;
margin-top: 7em;
vertical-align: top;
}
.portal-affiliates-desktop img {
width: 100%;
height: auto;
border: 0px;
}
.portal-affiliates-mobile {
display: none;
}
.portal-akcreunite-ad {
max-width: 680px;
margin: 1.5em auto 1.5em auto;
}
.portal-videos-load-thumbnail-container {
white-space: nowrap;
border-radius: 1px;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-color: #555555 #f1f1f1;
scrollbar-width: thin;
scrollbar-height: thin;
}
.portal-videos-load-thumbnail-container::-webkit-scrollbar {
height: 8px;
width: 8px;
}
.portal-videos-load-thumbnail-container::-webkit-scrollbar-thumb {
background-color: #555555;
}
.portal-videos-load-thumbnail-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
text-align: center;
}
.portal-videos-load-thumbnail {
display: inline-block;
vertical-align: top;
margin: -4px;
max-width: 280px;
white-space: normal;
text-align: center;
padding: 0.5em;
cursor: pointer;
}
.portal-videos-load-thumbnail img {
border-radius: 1px;
}
#portal-vetfinder-map {
display: none;
height: 45vh;
min-height: 300px;
width: 100%;
}
.portal-vetfinder-search-btn {
display: inline-block;
vertical-align: middle;
font-size: 18px;
margin: 0em 0.5em 0.25em 0.5em;
color: #555;
opacity: 0.8;
transition: all 0.3s;
cursor: pointer;
}
.portal-vetfinder-search-btn:hover {
opacity: 1;
}
.testmating-dnatest-ad {
display: none;
background: #f7f7f7;
vertical-align: middle;
padding: 0.5em;
margin: 1em;
border-radius: 2px;
}
.testmating-dnatest-ad-close {
position: relative;
float: right;
margin-bottom: -100%;
margin-left: 6px;
cursor: pointer;
}
.portal-medical-add-container {
font-size: 12px;
width: auto;
text-align: center;
margin: auto;
max-width: 400px;
display: block;
color: #555;
}
.portal-medical-add-container input {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.portal-medical-add-container select {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.portal-medical-add-container textarea {
width: calc(100% - 5px);
font-size: 14px;
font-weight: normal;
padding-right: 0px;
border-bottom: 2px solid #e8eefd;
}
.portal-coupons-window {
top: -100%;
position: fixed;
text-align: left;
overflow: auto;
left: 0px;
right: 0px;
height: 100%;
width: auto;
padding-left: 2em;
padding-right: 2em;
z-index: 97;
background: url(../images_v2/slidein_bg.png) center no-repeat #fff;
background-size: 70%;
border-left: 1px solid #ddd;
-webkit-transition: top 1s;
-moz-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.1);
}
.portal-coupons-coupon-div {
color: #444;
display: inline-block;
width: calc(33% - 1em);
padding: 0.5em;
text-align: center;
}
.portal-coupons-coupon-div img {
height: 250px;
width: auto;
margin: auto;
text-align: center;
border: 1px solid #f3f3f3;
border-radius: 2px;
cursor: pointer;
}
#user-dashboard-messages-container {
display: none;
}
.user-dashboard-internal-message {
display: inline-block;
vertical-align: top;
padding: 0.5em;
margin: 0.25em;
width: calc(50% - 1.5em);
border-radius: 2px;
color: #555;
box-shadow: 0px 2px 2px 0px rgb(50 50 50 / 10%);
}
.user-dashboard-internal-message-date {
display: inline-block;
font-size: 12px;
}
.user-dashboard-internal-message-close {
float: right;
color: #555;
cursor: pointer;
margin-top: -5px;
}
#animal-profile-image-div {
display: none;
width: calc(33.3% - 0.7em);
min-height: 160px;
vertical-align: middle;
padding: 0.25em 0.25em 1em 0.25em;
}
#animal-profile-image-div img {
width: calc(100% - 0.5em);
margin: auto;
border: 0px;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 20%);
transform: rotate(-1deg);
}
#user-applications-manage-load {
max-width: 900px;
font-size: 14px;
text-align: center;
margin: auto;
padding-bottom: 1em;
color: #555;
}
.puppy-applications-header {
text-align: center;
font-size: 18px;
font-weight: bold;
}
.puppy-applications-document-options-header {
background: #3c61c5;
border-radius: 2px;
color: #fff;
padding: 0.25em;
text-align: center;
font-size: 12px;
}
.puppy-applications-body {
margin-top: 2em;
padding: 1em;
font-size: 14px;
}
.puppy-application-list-item {
display: block;
width: auto;
font-size: 14px;
height: auto;
border-radius: 2px;
margin-bottom: 0.6em;
}
.puppy-application-list-item-header {
display: inline-block;
width: auto;
font-size: 14px;
border-collapse: collapse;
overflow: visible;
white-space: nowrap;
color: #fff;
position: relative;
padding: 3px 5px 3px 10px;
text-align: left;
margin: auto;
border-radius: 2px 2px 0px 0px;
}
.puppy-application-menu-button {
color: #fff;
cursor: pointer;
float: right;
margin: 4px 4px auto 4px;
}
.puppy-application-share-btn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #515869;
cursor: pointer;
border: 0px;
padding: 6px 10px;
transition: .3s all;
text-align: center;
opacity: 0.8;
}
.puppy-application-share-btn:hover {
opacity: 1.0;
}
.application-table-buttons {
display: none;
position: relative;
z-index: 30;
float: right;
margin-bottom: -100%;
border-radius: 0px 0px 2px 2px;
background: #fff;
text-align: center;
box-shadow: 0px 2px 2px 0px rgba(69, 69, 69, 0.2);
}
.puppy-application-qdelete-btn {
float: right;
background: #e83e3e;
opacity: 0.8;
color: #fff;
border: 0;
padding: 6px 10px;
font-size: 12px;
text-align: center;
cursor: pointer;
transition: 0.3s;
text-decoration: none;
margin-top: -0.6em;
margin-right: -0.6em;
}
.puppy-application-qdelete-btn:hover {
opacity: 1;
}
.puppy-application-builder-question {
margin: 0.25em 1em;
border-radius: 2px;
padding: 0.5em;
transition: 0.3s;
}
.puppy-application-builder-question:hover {
margin: 0.25em 1em;
border: 1px solid #ddd;
border-radius: 2px;
padding: 0.5em;
}
.puppy-application-import-contact-btn {
font-size: 12px;
text-decoration: none;
color: #fff;
background: #405b76;
text-align: center;
cursor: pointer;
padding: 6px 11px;
transition: 0.3s all;
text-align: center;
opacity: 0.6;
}
.puppy-application-import-contact-btn:hover {
opacity: 1.0;
}
.settings-device-list-device {
display: inline-block;
margin: 0.5em;
width: calc(33% - 1em);
}
.settings-device-list-device-body {
text-align: center;
border-radius: 2px;
padding: 1em;
background: #fff;
font-size: 14px;
}
.settings-device-list-selected {
text-align: center;
padding: 0.25em;
background: #f7f7f7;
}
.settings-device-logout-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #e3453a;
border-radius: 2px;
text-align: center;
cursor: pointer;
border: 0;
display: inline-block;
margin-top: 0.5em;
padding: 6px 9px;
transition: 0.3s all;
opacity: 0.8;
}
.settings-device-logout-btn:hover {
opacity: 10.8;
}
.settings-upgrade-addon-btn {
font-size: 14px;
text-decoration: none;
color: #fff;
background: #405dab;
border-radius: 2px;
text-align: center;
cursor: pointer;
display: inline-block;
padding: 7px 10px;
margin-right: 0.25em;
transition: .3s all;
opacity: 0.8;
}
.settings-upgrade-addon-btn:hover {
opacity: 1.0;
}
#user-menu-animal-select-load {
text-align: center;
margin: auto;
padding: 0.5em;
background: #f7f7f7;
white-space: normal;
}
#litter-ultrasound-date-load {
display: none;
background: #f7f7f7;
border-radius: 2px;
margin: 0em 0.5em 0.5em 0.5em;
}
.animal-select-switcher-container {
display: inline-block;
width: 50px;
vertical-align: top;
margin-bottom: 0.25em;
}
#viewport-mode-info {
display: none;
position: fixed;
background: #222;
color: #fff;
font-size: 12px;
text-align: center;
bottom: 0;
left: 0;
right: 0;
padding: 1em;
width: calc(100% - 2em);
z-index: 9;
box-shadow: 0 2px 2px 2px rgba(50,50,50,.5);
}
.viewport-mode-info-close {
float: right;
margin-top: -8px;
margin-right: -4px;
font-size: 16px;
}
#goats-milk-data-load {
display: inline-block;
vertical-align: top;
width: 280px;
}
.goats-milk-data-load-empty {
width: auto !important;
display: block !important;
}
#goats-milk-chart-load {
display: inline-block;
vertical-align: top;
width: calc(100% - 286px);
}
#goats-milk-breakdown-load {
text-align: center;
margin: 1em auto auto auto;
}
#users-create-new-details {
display: none;
}
/*Google Places API*/
.pac-icon {
color: red;
}
.pac-item {
color: #555;
}
.pac-container {
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
padding: 0.25em;
font-family: sans-serif;
}
.pac-item-query {
color: #555;
font-family: sans-serif;
}
/*Google Translate Bar*/
.skiptranslate {
display:none;
}
/****************************/
/*RESPONSIVE*/
/****************************/
@media screen and (min-width: 1600px) {
.support-floating-btn {
display: inline-block;
}
}
@media screen and (max-width: 1200px) {
.portal-coupons-coupon-div {
width: calc(50% - 1.2em);
}
.support-floating-load {
width: calc(100% - 10px);
}
}
@media screen and (max-width: 1400px) {
#animalstatspanel {
width: 100%;
display: block;
margin-bottom: 0.5em;
}
.dashboard-stats-click-container {
display: none;
}
.portal-affiliates-desktop {
display: none;
}
.portal-affiliates-mobile {
width: calc(100% - 40px);
text-align: center;
max-width: 340px;
display: block;
background: #fff;
padding: 20px;
box-shadow: 0 2px 2px 0 rgb(50 50 50 / 30%);
border-radius: 1px;
margin: 1.5em auto auto auto;
vertical-align: top;
}
.portal-affiliates-mobile img {
width: 100%;
height: auto;
border: 0px;
}
}
@media screen and (max-width: 620px) {
#tdhidemore {
width: 0px !important;
padding: 0px !important;
opacity: 0;
}
.tdhidemore {
display: none;
}
.tdhide-waitlist {
display: none;
}
.settings-customize-option-div {
padding: 1em;
}
.settings-subscription-info {
margin: 1.5em auto;
}
#settings-user-subscription-load {
margin: auto;
}
}
@media screen and (max-width: 820px) {
.portal-coupons-coupon-div {
width: calc(100% - 1em);
}
.portal-akcreunite-ad {
max-width: auto;
margin: 1.5em 1em;
}
#tdhide {
width: 0px !important;
padding: 0px !important;
opacity: 0;
}
.tdhide {
display: none;
}
#togglepuppyweightsshow {
display: none;
}
#togglepuppyweightshide {
display: none;
}
}
@media screen and (max-width: 768px) {
#dogs-details-breeding-load {
margin: 0.5em 0.5em auto 0.5em;
}
#showHeats {
margin: 0.5em .5em auto .5em;
}
.business-partner-eukanuba-info {
width: 100%;
margin: 1em 0em 0em 0em;
}
.user-menu-search-results-container {
position: fixed;
margin: auto;
left: 0px;
right: 0px;
width: calc(100% - 1px);
}
.kennel-report-user-company {
text-align: center;
margin: 0.5em auto;
display: block;
}
.kennel-report-user-logo {
width: 34px;
height: 34px;
}
.kennel-report-section-container {
width: auto;
}
.testmating-dam-container {
display: block;
width: auto;
}
.testmating-sire-container {
display: block;
width: auto;
}
.htmleditorbtnshider {
display: none !important;
}
#wysiwyg_cp {
overflow-x: hidden !important;
padding-bottom: 0.45em !important;
}
#ekennel-theme-container {
display: none;
}
.ekennel-added-row-dam {
margin: auto;
width: 100%;
margin-top: 0.7em;
}
.ekennel-added-row-sire {
margin: auto;
width: 100%;
margin-top: 0.7em;
}
.litters-seller-added-row-puppy {
margin: auto;
margin-top: 0.9em;
min-width: unset;
width: calc(100% - 0.5em);
}
.litters-seller-img-selected {
width: 7em;
height: 7em;
}
.seller-inbox-message-bubble {
width: calc(80% - 2em);
}
.seller-messaging-inbox-message {
font-size: 10px;
padding: 0.1em 0.5em;
}
.puppywantedadblock {
width: 98%;
}
.support-partners-partner {
display: block;
width: calc(100% - 0.5em);
}
}
@media screen and (min-width: 915px) {
.button-menu-mobile {
display: none !important;
}
.viewport-mode-btn {
display: none;
}
#viewport-mode-info {
display: none;
}
}
@media screen and (max-width: 915px) {
.user-dashboard-internal-message {
display: block;
margin: 0em 0em 0.5em 0em;
width: calc(100% - 1em);
}
.newuser-adddogcat-notice {
top: 65px;
right: 10px;
}
#financial-invoice-payments-load {
margin-right: 0em;
}
.petportal-home-screen {
display: block;
width: auto;
padding: 1em;
max-width: 100%;
}
.portal-account-switch-div {
left: 0px;
}
.portal-section-halfpage-left {
display: block;
width: auto;
margin: 1em;
}
.portal-section-halfpage-right {
display: block;
width: auto;
margin: 1em;
}
.portal-pet-section-half {
display: block;
width: auto;
}
#litters-puppy-weights-data-load {
display: block;
width: 100%;
}
#litters-puppy-weights-chart-load {
display: block;
width: 100%;
margin-top: 1em;
}
#litters-puppy-weights-buttons-load {
width: 100%;
}
#goats-milk-buttons-load {
width: 100%;
}
#goats-milk-data-load {
display: block;
width: 100%;
}
#goats-milk-chart-load {
display: block;
width: 100%;
margin-top: 1em;
}
.support-guide-sidebyside {
display: block;
width: auto;
vertical-align: middle;
text-align: center;
}
.header-cats-icon-claw-1 {
margin-top: 5px;
margin-left: 0px;
}
.header-cats-icon-claw-2 {
margin-top: -1px;
margin-left: 5px;
}
.header-cats-icon-claw-3 {
margin-top: -1px;
margin-left: 14px;
}
.header-cats-icon-claw-4 {
margin-top: 5px;
margin-left: 19px;
}
#dogs-pedigree {
max-height: 50vh;
}
.reports-logo-container-div {
width: 130px;
margin: auto;
margin-top: 1.5em;
text-align: center;
display: block;
border: 0px;
border-radius: 5px;
}
.user-dashboard-notification-bubble-birthday {
margin-right: auto;
}
#view-content-full-btn {
display: none;
}
#litters-marketing-data-load-logs {
margin-right: 0px;
}
#contractscontainer {
margin-top: 1em;
}
.waitlist-orderby-selection {
padding-top: 1em;
}
.puppy-contract-document-body {
margin: auto;
width: calc(100% - 2em);
}
.puppy-contract-document {
width: auto;
margin-right: auto;
}
.puppy-contract-document-options {
margin-top: 1.5em;
}
.ekennel-user-block-header {
display: none;
}
.ekennel-block-button-add-container {
bottom: 50px;
left: 10px;
right: 10px;
}
.ekennel-block-video-upload-container {
bottom: 50px;
left: 10px;
right: 10px;
}
.ekennel-block-image-upload-container {
bottom: 50px;
left: 10px;
right: 10px;
}
#ekennel-create-settings-menu {
bottom: 50px;
left: 10px;
right: 10px;
}
.ekennel-create-blocks-save-btn-container {
position: absolute;
right: 5px;
bottom: 32px;
}
.ekennel-create-container-bg {
padding-top: 5px;
}
.ekennel-create-blocks-menu {
bottom: 5px;
left: 5px;
right: 0;
margin: auto;
text-align: left;
}
.ekennel-create-block-add-btn {
display: inline-block;
vertical-align: bottom;
font-size: 12px;
width: 24px;
height: 24px;
overflow: hidden;
margin: auto -2px auto -2px;
}
.ekennel-gallery-image-list-icon {
width: calc(23% - 0.25em);
}
.pedigree-help-regsearch {
margin-left: 16px;
position: relative;
display: block;
}
.pedigree-fullscreen {
top: 51px;
}
.user-report-weekly-content {
width: calc(100% - 2.5em);
}
.inbox-friends-menu-list {
height: calc(100vh - 170px);
}
.inbox_window {
padding-top: 65px;
width: 380px;
height: calc(100vh - 65px);
}
.comment-row {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.litters-note-row {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.dogs-media-files-container {
display: block;
margin-left: auto;
margin-top: 0.7em;
width: auto;
}
.dogs-media-images-container {
width: auto;
display: block;
}
.dogs-details-widgets-container {
margin-top: 2em;
}
.dogs-registries-container {
display: block;
width: auto;
margin: 1em 0em 0em 0em;
}
#waitlisttable {
display: block;
width: 100%;
margin-left: 0px;
margin-right: 0px;
}
.bcp-header-loading-placeholder {
height: 50px;
}
.ekennel-analytics-details-popular {
margin-right: 0px;
}
.ekennel-analytics-details-allviews {
display: block;
width: auto;
margin-top: 0.5em;
}
#printhealth {
margin-bottom: 0.7em;
}
#printschedulereport {
margin-bottom: 0.7em;
}
#forumtopicname {
width: 97%;
}
#forumtopicdescription {
width: 97%;
}
.forum-topics-box-stats {
float: none;
margin-left: 0px;
}
.forumthreadmessage {
width: 97%;
}
.forum-thread-post-info {
width: 95%;
border-right: 1px solid #ddebf7;
border-radius: 2px;
display: block;
border-bottom: 0px;
}
.forum-thread-post-content {
margin-left: 0px;
width: 95%;
}
.forum-topics-box-description-text {
width: 100%;
}
.brand-icon {
display: none;
}
#settings-user-profile-load {
width: 100%;
}
.settings-profile-integrations-box {
width: calc(100% - 2em);
margin: 0em 0em 1em 0em;
}
.seller-read-unread-text {
display: none;
}
.button-menu-mobile {
display: inline-block;
}
#menu-page-title {
display: none;
}
#bcplayout {
height: calc(100vh - 55px);
}
.settings-pdf-panel-left {
width: auto;
float: none;
}
.settings-pdf-panel-right {
margin-top: 1em;
width: auto;
float: none;
}
.left-menu-close-btn {
display: none;
}
.left-menu-open-btn {
display: none;
}
.managescheduleswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewuseralertwindow {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.selectednamefloat {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewbreedwindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.business-partner-window {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.tutorialvideoswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewpuppymedrecord {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
#closeAlertBtn {
float: right;
margin-top: 70px;
margin-right: 10px;
}
#healthanimallitteralign {
width: 94%;
}
#header .brand-icon {
display: none;
right: 0;
margin-right: 20px;
}
#header .menu-modulos .menu-modulosWrapper {
margin-left: 0 !important;
}
#menu {
z-index: 999;
}
.litters-compare-window {
z-index: 600;
}
#header {
-webkit-transition: all 350ms cubic-bezier(.70, 0, .34, 1);
-moz-transition: all 350ms cubic-bezier(.70, 0, .34, 1);
transition: all 350ms cubic-bezier(.70, 0, .34, 1);
}
#header.hidden{
top:-60px;
}
#menu {
left: -260px;
opacity: 0;
}
#hit-menu {
display: block;
}
#header .button-menu-mobile {
display: block;
opacity: 1;
height: 48px;
margin-left: 0px;
}
.button-menu-mobile {
margin-left: 0px;
height: 48px;
}
#header .menu-modulos .menu-modulosInner {
padding: 0;
}
.shape-remove-shadow_green,
.shape-remove-shadow_white {
display: none;
}
#bcplayout .bcplayout-wrapper {
padding: 10px;
}
.header-nomeEmpresa_mobile {
font-size: 14px;
}
.borderradius .button-actions {
right: 30px;
width: 40px;
height: 40px;
}
.borderradius .boxWrapperActions {
bottom: 60px;
right: 80px;
}
#headervaluetopfloat {
font-size: 16px;
margin-top: 50px;
}
.header-topo {
margin-top: -1px;
padding-bottom: 1px;
height: 50px;
}
#header {
height: 50px;
}
#header.hidden {
top: -50px;
}
#user-top-icons-menu-main > a {
height: 50px !important;
}
#bcplayout .bcplayout-inner {
padding-top: 50px !important;
}
#bcplayout {
height: calc(100vh - 50px);
}
#user-reports {
max-height: calc(100vh - 120px);
white-space: normal;
margin-bottom: 2em;
padding-bottom: 1em;
margin-left: -15px;
margin-right: -15px;
padding-left: 15px;
padding-right: 15px;
overflow-y: auto;
overflow-x: hidden;
}
.reports_window {
left: 0px;
padding-left: 15px;
padding-right: 15px;
padding-top: 50px;
}
#userfinancialicon {
font-size: 1.4em;
padding: 15px 20px;
}
#userpagegalleryicon {
font-size: 1.4em;
padding: 15px 20px;
}
#userpageekennelicon {
font-size: 1.4em;
padding: 8px 12px;
height: auto !important;
max-height: 50px !important;
min-height: 0 !important;
}
.globe-wrap {
width: 28px !important;
height: 28px !important;
flex-shrink: 0;
}
#userpagetestmatingicon {
font-size: 1.4em;
padding: 15px 20px;
}
#userpagepedigreeicon {
font-size: 1.4em;
padding: 15px 20px;
}
#userpagesellericon {
font-size: 1.4em;
padding: 15px 20px;
}
#userpageforumicon {
font-size: 1.3em;
padding: 15px 20px;
}
#userpageadminicon {
font-size: 1.3em;
padding: 15px 20px;
}
#userlittersicon {
font-size: 1.4em;
right: 2.17em;
padding: 15px 20px;
max-height: 20px;
}
#userpagedogicon {
font-size: 1.4em;
right: 4.21em;
padding: 15px 20px;
max-height: 20px;
}
#userpagehomeicon {
font-size: 1.4em;
right: 8.62em;
padding: 15px 20px;
}
#userpagecontactsicon {
font-size: 1.4em;
right: 6.36em;
padding: 15px 20px;
}
#userpageproicontext {
margin-bottom: 28px;
padding: 0px 20px 0px 20px;
}
.userpageproiconlabel {
font-size: 12px;
margin-top: 0px;
margin-left: 0px;
}
#userpageproicon {
margin-right: -28px;
}
#userpagedogiconimg {
width: auto;
height: 22.5px;
border: 0px;
}
.tutorial-pro-menu {
top: 54px;
right: 2px;
}
#menu .menu-wrapper-inner {
padding-top: 102px;
}
#menu .menu-wrapper {
height: calc(100vh - 150px);
}
#bcplayout .bcplayout-inner {
padding: 50px 0 0 260px;
padding-left: 0px !important;
}
#manageschedulesbtn {
margin-top: -3.2em;
}
#ekennelogoeditbox {
width: 45%;
}
.settings-profile-icon-div {
width: auto;
margin: auto;
text-align: center;
}
.testmatingcalcbuttondiv {
margin-top: 1.5em;
}
.ekennel-theme-container-table {
width: 80%;
}
.testmatinginformation {
display: none;
}
.testmating-siredam-dropdown-expanded {
padding-top: 0.5em;
}
#user-dashboard-switch {
margin-top: -1.4em;
margin-bottom: 0.4em;
}
#testmatingresultsdivhide {
display: block;
margin-top: 0em;
width: auto;
}
.testmatingresultsbasicbox {
width: 80%;
}
.four_section_inputbox {
width: 40%;
}
#reportbugtext {
margin-top: -1.5em;
margin-right: -0.5em;
}
#userpagedogiconimgselected {
width: auto;
height: 26.5px;
border: 0px;
}
.bootbox.modal {
width: auto;
}
#openModalAlert {
width: auto;
}
#drop_zone {
height: 10px;
background: #fff;
color: #fff;
border: 0px;
}
#uploadmenuopen {
height: 100px;
}
#supportcentervideoleft {
float: none;
width: 90%;
}
#supportcentervideorighttext {
float: none;
width: 100%;
margin-top: 0em;
}
#supportcentervideotexticon {
margin-bottom: 0em;
display: none;
}
#userpagedogiconimgselected {
width: auto;
height: 26.5px;
border: 0px;
}
.ekennel_added-row-richtextbox {
float: none;
width: 100%;
}
.ekennel_added-row-image {
float: none;
width: auto;
}
#wysiwyg_cp {
display: block;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.ekennelsirelist {
margin-left: -14px;
}
.friendschatbox {
right: auto;
left: 20px;
}
.bcplayout-inner-widget {
background-color: #fff;
padding: 30px 10px 30px 10px;
border-bottom: 1px solid #e5e5e5;
}
.bcplayout-inner-widget-content {
padding: 0px;
box-shadow: none;
}
.show-status-message-box {
top: 62px;
}
.dogs-page-welcome-counter {
margin-left: auto;
}
.dogs-page-welcome-counter-seller {
margin-left: auto;
}
.media-uploadbox-form {
margin-bottom: -1px;
}
.media-uploadbox-click-img {
height: 140px;
}
.media-uploadbox-lists {
display: block;
width: 100%;
margin-left: auto;
}
.dog-medical-panel-view-btns {
margin-bottom: 0em;
}
.bcplayout-btns-container-mobilecenter {
float: none;
text-align: center;
margin-top: 0.5em;
}
.seller-content-price-box-header {
display: none;
}
#statbtndogscontainer {
width: calc(33.3% - 0.25em);
}
#statbtndogsdamscontainer {
width: calc(33.3% - 0.5em);
}
#statbtndogssirescontainer {
width: calc(33.3% - 0.25em);
margin-right: auto;
}
#statbtndogsretiredcontainer {
width: calc(33.3% - 0.25em);
margin-left: auto;
margin-right: 0.25em;
}
#statbtnpuppiescontainer {
width: calc(33.3% - 0.5em);
margin-left: 0.25em;
}
#statbtnvisitorscontainer {
width: calc(33.3% - 0.25em);
margin-right: auto;
}
#statbtnpdfcontainer {
width: calc(50% - 0.25em);
margin-left: auto;
}
#statbtnsalescontainer {
width: calc(50% - 0.25em);
}
.dashboard-notifications-btns {
float: none;
margin: auto;
margin-top: 0.5em;
text-align: center;
}
.dashboard-notifications-info {
text-align: center;
margin-bottom: 0.5em;
}
.closeschedules {
margin-top: 68px;
margin-right: 0px;
}
.closechoosealert {
margin-top: 68px;
margin-right: 0px;
}
.financial-chart-income-expense-line {
display: none;
}
.settings-notifications-div-sms {
width: 100%;
padding: 0;
}
.settings-notifications-div-email {
width: 100%;
padding: 0;
}
#accountsubscriptionpanel {
margin-right: auto;
}
#accountalertssmspanel {
width: auto;
margin-right: auto;
margin-top: 0.7em;
}
#accountalertsemailpanel {
width: auto;
margin-left: auto;
margin-top: 0.7em;
}
}
/*-------------- Media queries ------------------*/
/*
* < 568px
*/
/* Fix navigation overflow on very small mobile screens (iPhone 12 Pro, etc.) */
@media screen and (max-width: 420px) {
.usericonstopbar {
overflow-x: auto !important;
overflow-y: hidden !important;
max-width: calc(100% - 55px) !important;
width: calc(100% - 55px) !important;
-webkit-overflow-scrolling: touch;
position: fixed;
right: 0;
top: 0;
}
#user-top-icons-menu-main {
display: inline-block !important;
white-space: nowrap !important;
vertical-align: middle !important;
line-height: 1 !important;
}
#userpageekennelicon,
#userpagehomeicon,
#userpageadminicon,
#userfinancialicon,
#userpagegalleryicon,
#userpagetestmatingicon,
#userpagepedigreeicon,
#userpagesellericon,
#userpageforumicon,
#userlittersicon {
font-size: 1.1em !important;
padding: 8px !important;
box-sizing: border-box;
display: inline-block !important;
vertical-align: middle !important;
line-height: 1 !important;
margin: 0 !important;
}
#userpageekennelicon {
vertical-align: top !important;
line-height: 1 !important;
height: auto !important;
max-height: 50px !important;
min-height: 0 !important;
}
.globe-wrap {
width: 26px !important;
height: 26px !important;
flex-shrink: 0 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
margin-top: 0 !important;
vertical-align: middle !important;
}
.globe-wrap svg {
max-width: 100% !important;
max-height: 100% !important;
width: 100% !important;
height: 100% !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
#header-globe-messages-badge {
top: 4px !important;
right: 8px !important;
z-index: 999 !important;
}
}
@media screen and (max-width: 35.5em) {
#savelitterbasic {
margin-top: 0px;
margin-left: 0px;
}
.user-inbox-header-text {
padding-left: 10px;
}
.inbox_window {
width: 100%;
}
.createdog-addnew-img-container {
margin: 1.5em 0em 0em 0em;
}
#bcplayout .bcplayout-box {
border-radius: 0px;
margin-top: -3px;
}
.col-xs-1 {
width: 100% !important;
}
.col-xs-hide {
display: none !important;
}
.col-xs-show {
display: none !important;
}
.col-xs-2,
.col-xs-1-2,
.col-xs-5-10,
.col-xs-4-8,
.col-xs-3-6,
.col-xs-2-4 {
width: 50%;
}
.col-xs-3,
.col-xs-1-3,
.col-xs-3-9,
.col-xs-2-6 {
width: 33.3333%;
}
.col-xs-4,
.col-xs-1-4,
.col-xs-2-8 {
width: 25%;
}
.col-xs-5,
.col-xs-1-5,
.col-xs-2-10 {
width: 20%;
}
.col-xs-6,
.col-xs-1-6 {
width: 16.6666%;
}
.col-xs-7,
.col-xs-1-7 {
width: 14.2857%;
}
.col-xs-8,
.col-xs-1-8 {
width: 12.5%;
}
.col-xs-9,
.col-xs-1-9 {
width: 11.1111%;
}
.col-xs-10,
.col-xs-1-10 {
width: 10%;
}
.col-xs-2-3 {
width: 66.6666%;
}
.col-xs-2-5 {
width: 40%;
}
.col-xs-2-7 {
width: 28.5714%;
}
.col-xs-2-9 {
width: 22.2222%;
}
.col-xs-3-4 {
width: 75%;
}
.col-xs-3-5 {
width: 60%;
}
.col-xs-3-7 {
width: 42.8571%;
}
.col-xs-3-8 {
width: 37.5%;
}
.col-xs-3-10 {
width: 30%;
}
.col-xs-4-5 {
width: 80%;
}
.col-xs-4-6 {
width: 66.6666%;
}
.col-xs-4-7 {
width: 57.1428%;
}
.col-xs-4-9 {
width: 44.4444%;
}
.col-xs-4-10 {
width: 40%;
}
.col-xs-5-6 {
width: 83.3333%;
}
.col-xs-5-7 {
width: 71.4285%;
}
.col-xs-5-8 {
width: 62.5%;
}
.col-xs-5-9 {
width: 55.5555%;
}
.col-xs-6-7 {
width: 82.7142%;
}
.col-xs-6-8 {
width: 75%;
}
.col-xs-6-9 {
width: 66.6666%;
}
.col-xs-6-10 {
width: 60%;
}
.col-xs-7-8 {
width: 87.5%;
}
.col-xs-7-9 {
width: 77.7777%;
}
.col-xs-7-10 {
width: 70%;
}
.col-xs-8-9 {
width: 88.8888%;
}
.col-xs-8-10 {
width: 80%;
}
.col-xs-9-10 {
width: 90%;
}
.createanimal-general-basic {
display: block;
max-width: unset;
width: 100%;
}
#littersweekdiv2 {
float: none;
width: 100%;
}
.createcontactform {
text-align: center;
margin: auto;
width: auto;
}
.btn-submit {
display: inline-block;
margin-bottom: -1em;
margin-top: 1.3em;
}
.createdog-inputboxes-align-div {
width: 100%;
padding: 0px;
}
.dogs-litters-medical-window-input-container {
width: calc(100% - 1em);
margin: auto;
margin-bottom: 1em;
}
#dogs-medical-window-options {
width: 100%;
padding: 0px;
margin: auto;
}
.createanimal-addnew-basic {
width: 100%;
padding: 0px;
}
#animal-profile-image-div {
width: calc(65% - 0.7em);
}
.financial-chart-income-pie {
width: 100%;
}
.financial-chart-year-profit {
width: 100%;
}
.financial-chart-expense-pie {
width: 100%;
}
#statsinvoicetable {
float: none;
padding: 0px;
width: 100%;
margin-top: 0.6em;
}
#statslitterstable {
float: none;
padding: 0px;
width: 100%;
}
.tabs label {
padding: 8px 16px;
}
#bcplayout .bcplayout-wrapper {
padding: 0px;
}
#tdmore {
width: 0px;
}
#savehealthid {
margin-left: 5px;
}
#userpageoverviewtext {
padding-top: 0em;
}
.overviewtext-mobileunfloat {
float: none;
padding-bottom: 0em;
}
#waitlistcontainer {
margin-top: 1em;
}
#applicationscontainer {
margin-top: 1em;
}
.modal-contentbreed {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modal-contentfinancialcategories {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modalDialogdogalerts > div {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modalDialog-photo-full > div {
width: 96%;
}
.modalDialog-photo-full-img {
max-width: 100%;
}
.modalDialogsendemail > div {
width: 96%;
}
.modal-contentsendemail {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modal-contentcategories {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
#myModal2 {
width: auto;
margin-top: 47px;
margin-right: 10px;
margin-left: 10px;
}
.selectednamefloat {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.managescheduleswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewbreedwindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.business-partner-window {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.tutorialvideoswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewpuppymedrecord {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewuseralertwindow {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewcategorieswindow {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.closecat {
margin-right: 10px;
}
#closeAlertBtn {
float: right;
margin-top: 70px;
margin-right: 10px;
}
#healthanimallitteralign {
width: 94%;
}
#headervaluetopfloat {
font-size: 16px;
margin-top: 50px;
}
#createanimal {
text-align: center;
margin: auto;
width: auto;
}
/* Signed Contracts Section */
.signed-contracts-section {
margin-top: 20px;
padding: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.signed-contract-item {
border: 1px solid #ddd;
margin-bottom: 10px;
padding: 15px;
border-radius: 5px;
background: #f9f9f9;
transition: box-shadow 0.2s ease;
}
.signed-contract-item:hover {
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
#signed-contracts-loading {
text-align: center;
padding: 20px;
color: #666;
}
#signed-contracts-loading i {
margin-right: 8px;
}
#user-contracts-manage-load {
text-align: center;
margin: auto;
width: auto;
}
#littersgeneraldivsection {
text-align: center;
margin: auto;
width: auto;
}
}
/*
* > 568px e < 768
*/
@media (min-width: 35.5em) and (max-width: 48em) {
.col-sm-1 {
width: 100% !important;
}
.col-sm-hide {
display: none !important;
}
.col-sm-show {
display: block !important;
}
.col-sm-2,
.col-sm-1-2,
.col-sm-5-10,
.col-sm-4-8,
.col-sm-3-6,
.col-sm-2-4 {
width: 50%;
}
.col-sm-3,
.col-sm-1-3,
.col-sm-3-9,
.col-sm-2-6 {
width: 33.3333%;
}
.col-sm-4,
.col-sm-1-4,
.col-sm-2-8 {
width: 25%;
}
.col-sm-5,
.col-sm-1-5,
.col-sm-2-10 {
width: 20%;
}
.col-sm-6,
.col-sm-1-6 {
width: 16.6666%;
}
.col-sm-7,
.col-sm-1-7 {
width: 14.2857%;
}
.col-sm-8,
.col-sm-1-8 {
width: 12.5%;
}
.col-sm-9,
.col-sm-1-9 {
width: 11.1111%;
}
.col-sm-10,
.col-sm-1-10 {
width: 10%;
}
.col-sm-2-3 {
width: 66.6666%;
}
.col-sm-2-5 {
width: 40%;
}
.col-sm-2-7 {
width: 28.5714%;
}
.col-sm-2-9 {
width: 22.2222%;
}
.col-sm-3-4 {
width: 75%;
}
.col-sm-3-5 {
width: 60%;
}
.col-sm-3-7 {
width: 42.8571%;
}
.col-sm-3-8 {
width: 37.5%;
}
.col-sm-3-10 {
width: 30%;
}
.col-sm-4-5 {
width: 80%;
}
.col-sm-4-6 {
width: 66.6666%;
}
.col-sm-4-7 {
width: 57.1428%;
}
.col-sm-4-9 {
width: 44.4444%;
}
.col-sm-4-10 {
width: 40%;
}
.col-sm-5-6 {
width: 83.3333%;
}
.col-sm-5-7 {
width: 71.4285%;
}
.col-sm-5-8 {
width: 62.5%;
}
.col-sm-5-9 {
width: 55.5555%;
}
.col-sm-6-7 {
width: 82.7142%;
}
.col-sm-6-8 {
width: 75%;
}
.col-sm-6-9 {
width: 66.6666%;
}
.col-sm-6-10 {
width: 60%;
}
.col-sm-7-8 {
width: 87.5%;
}
.col-sm-7-9 {
width: 77.7777%;
}
.col-sm-7-10 {
width: 70%;
}
.col-sm-8-9 {
width: 88.8888%;
}
.col-sm-8-10 {
width: 80%;
}
.col-sm-9-10 {
width: 90%;
}
.modal-contentbreed {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modal-contentfinancialcategories {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
.modalDialogdogalerts > div {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 50px;
}
.modalDialog-photo-full > div {
width: 96%;
margin-top: 50px;
}
.modalDialog-photo-full-img {
max-width: 100%;
}
.modalDialogsendemail > div {
width: 96%;
}
.modal-contentsendemail {
width: 96%;
margin-left: 2%;
margin-right: 2%;
margin-top: 50px;
}
.modal-contentcategories {
width: 96%;
margin-left: 2%;
margin-right: 2%;
}
#myModal2 {
width: auto;
margin-top: 47px;
margin-right: 10px;
margin-left: 10px;
}
.selectednamefloat {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.managescheduleswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewbreedwindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.business-partner-window {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.tutorialvideoswindowdiv {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewpuppymedrecord {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewuseralertwindow {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.addnewcategorieswindow {
left: 0px;
padding-left: 15px;
padding-right: 15px;
}
.closecat {
margin-right: 10px;
}
#closeAlertBtn {
float: right;
margin-top: 70px;
margin-right: 10px;
}
#healthanimallitteralign {
width: 94%;
}
#headervaluetopfloat {
font-size: 16px;
margin-top: 50px;
}
#createanimal {
text-align: center;
margin: auto;
width: auto;
padding: 1em;
}
#user-contracts-manage-load {
text-align: center;
margin: auto;
width: auto;
padding: 1em;
}
.modal-bodyalerts {
width: 80%;
}
}
/* Receipt hover preview */
.receipt-hover-container:hover .receipt-hover-preview {
display: block !important;
}
/* Galaxy Fold and narrow phones (480px and below) */
@media screen and (max-width: 480px) {
.portal-main-container,
.portal-section-full,
.portal-section-halfpage-left,
.portal-section-halfpage-right,
.portal-pet-section-half,
.portal-action-button-container,
.portal-personal-form,
.createcontactform,
.portal-pet-medical-container,
.petportal-home-screen {
box-sizing: border-box;
}
.portal-main-container {
margin: 0.5em auto;
padding: 0 4px;
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
.portal-main-container-desktop {
display: block;
width: 100%;
margin-top: 1em !important;
}
.portal-section-full {
padding: 8px;
margin: 0.5em 4px;
}
.portal-section-label,
.portal-section-label-2,
.portal-section-label-3,
.portal-section-label-4,
.portal-section-label-5 {
padding: 0.4em;
font-size: 12px;
word-wrap: break-word;
}
.portal-pet-section-half {
display: block;
width: 100%;
padding: 0.25em 0;
}
.portal-pet-medical-container {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.portal-pet-medical-btns {
margin-top: 0.5em;
}
.portal-pet-medical-btns div {
float: none !important;
text-align: center;
margin-bottom: 6px;
}
.puppylisttablecells {
font-size: 11px;
width: 100%;
table-layout: fixed;
word-wrap: break-word;
}
.puppylisttablecells th,
.puppylisttablecells td {
padding: 4px 3px;
overflow: hidden;
text-overflow: ellipsis;
}
.petportal-home-screen {
padding: 0.5em;
}
.portal-personal-form,
.createcontactform {
max-width: 100%;
padding: 0 4px;
}
.portal-personal-form input,
.portal-personal-form select,
.createcontactform input,
.createcontactform select {
font-size: 14px;
width: 100%;
box-sizing: border-box;
}
.createdog-inputboxes-align-div {
display: block;
width: 100%;
padding: 0;
}
.financial-export-csv-btn {
font-size: 11px;
padding: 6px 10px;
}
.btnaddpuppymed {
font-size: 11px;
padding: 6px 10px;
}
.portal-section-halfpage-left,
.portal-section-halfpage-right {
display: block;
width: auto;
margin: 0.5em 4px;
padding: 8px;
}
.portal-action-button-container {
max-width: 100%;
width: calc(100% - 1em);
padding: 0.5em 0.25em;
}
.portal-section-empty {
padding: 0.5em;
font-size: 13px;
}
.portal-rainwalk-ad {
padding: 0.25em;
font-size: 12px;
}
.dashboard-notifications-closed-btn {
font-size: 12px;
padding: 8px 14px;
}
.portal-akc-reunite-window {
width: calc(100% - 1em) !important;
left: 0.25em !important;
padding: 10px !important;
box-sizing: border-box;
}
.petportal-gallery-container img {
max-width: calc(33% - 4px);
height: auto;
}
.portal-section-full[style*="display:flex"],
.portal-section-full[style*="display: flex"] {
flex-direction: column !important;
}
.portal-akcreunite-ad,
.portal-rainwalk-ad {
width: 100% !important;
}
.portal-vetfinder-search-btn {
margin-top: 6px;
}
}