.messagebox { z-index:3000; margin:auto; position:absolute; bottom:60px; width:300px; height:100px; right:20px; color:#ffffff; padding:10px 5px; text-align: center; background-color:#343434; border-radius:5px; display:none;
-webkit-box-shadow: 0px 0px 5px 3px rgba(133,133,133,1);
-moz-box-shadow: 0px 0px 5px 3px rgba(133,133,133,1);
box-shadow: 0px 0px 5px 3px rgba(133,133,133,1);}
.errormsg {display:none;}
#forgotmypasswordform {display:none;}
 
.footerchatwrapper {
   position:fixed;
   bottom:0px;
   right:0px;
   z-index:5000;
}
.footerchatwrapper .pcs {
    float: right;
    width: 350px;
}
.footerchatwrapper .inner {
    display: table-cell;
	table-layout: fixed;
	width:330px;
    height: 350px;
    vertical-align: bottom;
	background:none; border:none; 
}
.footerchatwrapper .collapsed-card {box-shadow:none;}
.footerchatwrapper .mainchatwindow {display:none; background:#ffffff; min-height:230px;}

  .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20px; }
  .toggle.ios .toggle-handle { border-radius: 20px; }
 
 .noimg {display: table; background:#e49595; height:100px; width:100px; border-radius:calc(100% / 2); color:#ffffff; font-weight:bold; font-size:48px; text-align:center; animation: flickerAnimation 1.5s infinite;
	  -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.upi {border-radius:50%;}
.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	font-size:14px;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
    font-size: 14px;
    font-weight: 700;
    display: none;
}

.inputfile:focus + label,
.inputfile + label:hover {
}
.inputfile + label {
	cursor: pointer; /* "hand" cursor */
}
.profilepicbtn {z-index:200; position:absolute; top: 30px;
    left: 3px;}
.profileletter {z-index:100;}
.sidemenunoprofilepic { display:block; width:35px; height:35px; border-radius:calc(35px /2); line-height:32px; font-weight:bold; color:#fff; font-size:26px; text-align:center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.livechatrow {display:none;}
.radiobtnlb {font-weight:normal !important;}
.custom-switch {padding-left:6px;}
.nopaddingmargin {padding:0px !important;}
.row2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.direct-chat-msg {  margin-bottom: 10px; width: 100%; padding: 0px 10px;}
.online-circle{width: 10px;
    height: 10px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    left: 39px;
    bottom: 5px;
}
.profilepic{position:relative;}
.media {padding:4px;}
.media:hover {background:#dedede;}
#userlist {height:100%;}
.media {padding:4px;}
.media:hover {background:#dedede;}

.onlinestatus {height: 10px; width: 10px;
    background-color: #62bd19;
    border-radius: 50%;
    position: absolute;
    left: 39px;
    bottom: 4px;}

.sidebarchath1 {padding-top:30px; padding-bottom: 10px; border:0px !important; color: rgba(255,255,255,.8); font-size: 16px; font-size: 1.25rem;}

/*Pets Table*/
#petstable .deceasedanimal {display:none; background: #ffc3ca;}
.deceasedanimal td {background: #ffc3ca;}

#gmap_canvas {width:100%;}
.textarea-resize {resize: none;}

.height-200 {height:200px;}
.reminderdatefields {display: none;}
.removenotes:hover, .editnotes:hover {cursor: pointer;}
/*Search*/
#intelligentSearchResults {display:none; position: absolute; top: 49px; width: 20%; min-height: 300px; right: 10px; border-radius: 4px; border: 1px solid #ccc; z-index: 9999; -webkit-box-shadow: 0px 0px 12px -1px #999999;
    box-shadow: 0px 0px 12px -1px #999999; background: #ffffff;}
@media screen and (max-width: 800px) {
    #intelligentSearchResults {display:none; position: absolute; top: 49px; width: 90%; min-height: 300px; right: 10px; border-radius: 4px; border: 1px solid #ccc; z-index: 9999; -webkit-box-shadow: 0px 0px 12px -1px #999999;
        box-shadow: 0px 0px 12px -1px #999999; background: #ffffff;}
}
#seachresultsheader {background: #cccccc; -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;}
#intelligentSearchResults h5 {color: #888888; text-transform: uppercase; border-bottom: 1px solid #ccc; cursor: pointer; margin: 0 0 5px 0; padding: 6px 15px; font-size: 12px; text-align: left;}
#intelligentSearchResults h5 i {
    float: right;
    transition: transform .2s ease;
}
#intelligentSearchResults ul {margin: 2px; padding: 0px; list-style: none;}
#intelligentSearchResults ul li {
    background-color: #fff;
    padding: 2px 8px;
    margin: 2px;
    font-size: 12px;
    border-radius: 3px;
    color: #666;
    overflow: hidden;
}
#intelligentSearchResults ul li:hover {background: #ededed;}
#intelligentSearchResults ul li a {
    display: block;
    text-decoration: none;
    color: #2161a3;
}
#intelligentSearchResults ul li .icon {
    float: left;
    margin: 0 6px 0 0;
    padding: 4px;
    width: 28px;
    height: 32px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    color: #2161a3;
}
#intelligentSearchResults ul li .label {
    float: right;
    right: 5px;
    margin: 6px 0 0;
    padding: 4px 5px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    z-index: 500;
}
#intelligentSearchResults ul li em {
    display: block;
    font-style: normal;
    font-size: 11px;
    color: #888;
}

.clientnumbers a:link, .clientnumbers a:visited {color: #666666; text-decoration: none;}
.clientnumbers a:hover {color: #666666; text-decoration: underline;}
.show-search-results {max-height:400px; overflow: auto; text-align: left; padding: 8px;}
.hoverlinktable a:link, .hoverlinktable a:visited {text-decoration:none; color: #000000;}
.hoverlinktable a:hover {text-decoration:underline; color: #000000;}
.hoverlinktable tbody tr:hover {background:#ffffed; }

.topbar {background:#ffb0b0; width:100%; padding: 30px; color: #990000; z-index: 1000; position: fixed; text-align: center;}
.statusdd {display: none;}
.invoice-col a:link, .invoice-col a:visited {color: #000000; text-decoration: none;}
.invoice-col a:hover {color: #000000; text-decoration:underline;}
/*Dropzone Files*/
.fileuploads {color:#999999; font-family: "Open Sans"; font-size: 1rem;}
/*Dropzone Files*/
.fileuploads {color:#999999; font-family: "Open Sans"; font-size: 1rem;}

.subdetails {color: #666666; text-transform: uppercase; font-size: 14px;}
.petimg {display: inline-block; position: relative; margin: auto;}
.petimg .petprofilebtn {background:#ffffff; width: 26px; height: 26px; text-align: center; bottom: 0px; right: 2px; border-radius: 15px; padding: 2px; position: absolute; opacity: 0.2;}
.petimg .petprofilebtn:hover {opacity: 1 !important;}
.petimg.petprofilebtn .petprofilebtn i {cursor: pointer;}
.smalltext {font-size: 12px; color: #666666;}

.mobilemenu {background: #343a40; width: 100%; position: fixed; top: 0px; z-index: 100000 !important; padding: 5px 5px;}
.mobilemenu ul {list-style: none; padding: 0px; margin: 0px;}
.mobilemenu ul li {border-bottom: 1px solid #525d68; font-size: 22px; color:#c2c7d0; padding: 5px 2px; }
.mobilemenu ul li i {padding-right: 10px;}
.mobilemenu ul li a:link, .mobilemenu ul li a:visited {color:#c2c7d0;}
.mobilemenu ul li a {position: relative;  width: 100%; display: block;}
.mobilemenu ul li:hover {background-color:#3d464e;}
#mobilemenu2 .ll-skin-nigran .ui-datepicker {margin: auto !important;}


.mobiletableview {font-size: 14px; line-height: 16px; padding: 8px 5px;}
.mobiletableview14px-0 {font-size: 14px; line-height: 16px;}
.w-95 {width: 95% !important;}
.ui-front {
    z-index: 9999999 !important;
}
.each{
    padding: 3px 0;
}
.acItem .name{
    font-size: 16px;
    line-height: 1;
}

.acItem .desc{
    font-size: 14px;
    color:#333;
    line-height: 1;
}