html{filter:expression(document.execCommand("BackgroundImageCache",false,true));}
html,body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:83%;margin:0;padding:0px; font-weight: 300}
html,body,#maintable,#mt_td2{height:100%}
#maintable,.tbldata,.tblfilter{border-collapse:collapse;}
#maintable,.w100per,#headertbl{width:100% !important;}
html,body,#mt_td1,#mt_td2{margin:0;padding:0px;}
#mt_td2,.modal-content{background: #eee; vertical-align: top}
#nav{background:#25743f;}
input[type="submit"],input[type="reset"],#modalhead, button{background:#2b884a}
    input[type="submit"]:hover,input[type="reset"]:hover, .txtFilter:hover, button:hover{cursor: pointer; background: #abe8bf}
#header{
     height: 65px;
     background: rgba(255,255,255,0.38) !important;
     background: -moz-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%) !important;
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.38)), color-stop(0%, rgba(255,255,255,0.06)), color-stop(20%, rgba(255,255,255,0.08)), color-stop(100%, rgba(4,64,94,0.18)))  !important;
     background: -webkit-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%)  !important;
     background: -o-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%)  !important;
     background: -ms-linear-gradient(top, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%)  !important;
     background: linear-gradient(to bottom, rgba(255,255,255,0.38) 0%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.08) 20%, rgba(4,64,94,0.18) 100%)  !important;
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#04405e', GradientType=0 )  !important;
}
.cviolet{color:#2c2161}
.cblue, .action a{color:#1B6AA3}
.cred, .cDebit{color:#cc0033}
.cCredit{color:green}
#nav{height:32px;}
#nav nav {margin-top:0;}
#nav ul{list-style:none;position:relative;float:left;margin:0;padding:0;z-index: 999}
#nav ul a{display:block;color:#fff;text-decoration:none;font-size:11px;line-height:32px;padding:0 25px 0 42px; background-repeat: no-repeat;background-position: left 15px center; background-size: 16px    }
#nav ul a:hover{color:#fff;}
#nav ul li:hover, #nav ul ul li:hover, #pagination-flickr .active, #pagination-flickr a:hover, input[type="submit"]:hover,button:hover,input[type="reset"]:hover{background:#604020}
#nav ul li{position:relative;float:left;margin:0;padding:0; text-transform: uppercase;}
#nav ul ul{display:none;position:absolute;top:100%;left:0;padding:0;}
#nav ul ul li{float:none;width:200px;border-bottom: 1px solid #bbb;border-left: 1px solid #bbb;border-right: 1px solid #bbb;}
#nav ul ul ul{top:0;left:100%}
#nav ul li:hover > ul{display:block;}

#nav ul ul li a{color:#000;margin: 0px;}
#pagetitlediv, #nav ul ul, #mt_td3, .tbldata th, #pagination-flickr a{
    background: rgb(237, 237, 237);
    background: -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(222, 222, 222, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(222, 222, 222, 1)));
    background: -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(222, 222, 222, 1) 100%);
    background: -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(222, 222, 222, 1) 100%);
    background: -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(222, 222, 222, 1) 100%);
    background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(222, 222, 222, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede', GradientType=0 );
}
#pagetitlediv{height: 30px; line-height: 30px; border-bottom: 1px solid #bbb;}
a{text-decoration:none;}
a, .cgray{color:#333;}
#pagetitlediv,#header{ padding: 0 15px}
.cgreen{color:#2b884a;}
.cbrown{color:#604020;}
.cyellow{color:#CCCC00;}

#bgdashboard{background-image: url('../images/bgdashboard.png');}
#bgconsultation{background-image: url('../images/bgconsultation.png');}
#bgconfinement {background-image: url('../images/bgconfinement.png');}
#bgafterlifeserviceitems_b{background-image: url('../images/bgafterlifeserviceitems_b.svg');}
#bgafterlifeserviceitems_w{background-image: url('../images/bgafterlifeserviceitems_w.svg');}
#bgafterlifeservicetype_b{background-image: url('../images/bgafterlifeservicetype_b.svg');}
#bgafterlifeservicetype_w{background-image: url('../images/bgafterlifeservicetype_w.svg');}
#bghistory {background-image: url('../images/bghistory.png');}
#bgclientprofile{background-image: url('../images/bgclient.png');}
#bgpet{background-image: url('../images/bgpet.png');}
#bgappointment{background-image: url('../images/bgappointment.png');}

#bgreportproduct{background-image: url('../images/bgreportproduct_b.png');}
#bgreportproduct:hover{background-image: url('../images/bgreportproduct_w.png');}


#bgreportsummary{background-image: url('../images/bgreportsummary_b.png');}
#bgreportsummary:hover{background-image: url('../images/bgreportsummary_w.png');}


#bgreport{background-image: url('../images/bgreport.png');}
#bgreports{background-image: url('../images/bgreport.png');}

#bgreportlabsummary{background-image: url('../images/bgreportlabsummary.svg');}
#bgreportlabsummary:hover{background-image: url('../images/bgreportlabsummary_w.svg');}

#bgsales{background-image: url('../images/bgsales.png');}
#bginventory{background-image: url('../images/bginventory_w.png');}
#bgsettings{background-image: url('../images/bgsettings.png');}
#bgfixasset{background-image: url('../images/bgfixasset_w.png');}

#bgsupplier{ background-image: url('../images/bgsupplier_b.png') }
#bgproductsupplier{ background-image: url('../images/bgproductsupplier_b.png') }
#bgproductprofile{background-image: url('../images/bgproduct_b.png');}
#bgproductmonitoring{background-image: url('../images/bgmonitoring_b.png');}
#bgproductinventory{background-image: url('../images/bginventoryrestock_b.png');}
#bgfixasset{background-image: url('../images/bgfixasset_b.png');}


#bgsupplier_w{background-image: url('../images/bgsupplier_w.png');}
#bgproductsupplier_w{background-image: url('../images/bgproductsupplier_w.png');}
#bgproductprofile_w{background-image: url('../images/bgproduct_w.png');}
#bgproductmonitoring_w{background-image: url('../images/bgmonitoring_w.png');}
#bgproductinventory_w{background-image: url('../images/bginventoryrestock_w.png');}
#bgunit_w{background-image: url('../images/bgunit_w.png');}
#bgfixasset_w{background-image: url('../images/bgfixasset_w.png');}
#bginventoryothers{background-image: url('../images/bgothers_b.png');}
#bginventoryothers_w{background-image: url('../images/bgothers_w.png');}

#bgsupplier:hover {background-image: url('../images/bgsupplier_w.png');}
#bgproductsupplier:hover {background-image: url('../images/bgproductsupplier_w.png');}
#bgproductprofile:hover {background-image: url('../images/bgproduct_w.png');}
#bgproductmonitoring:hover {background-image: url('../images/bgmonitoring_w.png');}
#bgproductinventory:hover {background-image: url('../images/bginventoryrestock_w.png');}
#bgfixasset:hover {background-image: url('../images/bgfixasset_w.png');}
#bginventoryothers:hover {background-image: url('../images/bgothers_w.png');}

#bgsystemuser{background-image: url('../images/bgsystemuser_b.png');}
#bgdepartment{background-image: url('../images/bgdepartment_b.png');}
#bgusertype{background-image: url('../images/bgusertype_b.png');}
#bgunit{background-image: url('../images/bgunit_b.png');}
#bgroom{background-image: url('../images/bgusertype.svg');}
#bgcage{background-image: url('../images/bgusertype.svg');}
#bgappointmenttype{background-image: url('../images/bgappointmenttype_b.png');}
#bgservice{background-image: url('../images/bgservice_b.png');}
#bgroom{background-image: url('../images/bgroom_b.png');}
#bgcage{background-image: url('../images/bgward_b.png');}
#bglaboratory{background-image: url('../images/bglaboratory_b.png');}
#bgsurgery{background-image: url('../images/bgsurgery_b.png');}
#bgothers{background-image: url('../images/bgothers_b.png');}
#bgproductlocation{background-image: url('../images/bgproductlocation_b.png');}
#bgpricelist{background-image: url('../images/bgpricelist.svg');}
#bghealthrecord{background-image: url('../images/bghealthrecord_b.svg');}
#bgpetprofile{background-image: url('../images/bgpetprofile_b.svg');}
#bgrxpad{background-image: url('../images/bgrxpad.svg');}
#bgrxpad:hover{background-image: url('../images/bgrxpad_w.svg');}
#bgdepartment:hover {background-image: url('../images/bgdepartment_w.png');}
#bgsystemuser:hover {background-image: url('../images/bgsystemuser_w.png');}
#bgusertype:hover {background-image: url('../images/bgusertype_w.png');}
#bgunit:hover {background-image: url('../images/bgunit_w.png');}
#bgappointmenttype:hover {background-image: url('../images/bgappointmenttype_w.png');}
#bgservice:hover {background-image: url('../images/bgservice_w.png');}
#bgcage:hover {background-image: url('../images/bgward_w.png');}
#bglaboratory:hover {background-image: url('../images/bglaboratory_w.png');}
#bgsurgery:hover {background-image: url('../images/bgsurgery_w.png');}
#bgothers:hover {background-image: url('../images/bgothers_w.png');}
#bgproductlocation:hover {background-image: url('../images/bgproductlocation_w.png');}
#bgpetprofile:hover {background-image: url('../images/bgpetprofile_w.svg');}
#bghealthrecord:hover {background-image: url('../images/bghealthrecord_w.svg');}

.salBold{ font-weight: bold !important; }
.tdRemarks{
    vertical-align: top !important;
    padding:  11px 30px 11px 11px;
}

#subtotal, #totalpaid{ font-weight: bold !important;  }

.bold, .tbldata th, .iprlabel{font-weight: 400}
.fleft{float: left;}
.fright, #pagination-flickr{float: right;}
.txtright{text-align: right}
.txtCenter, #logintbl td, .tbldata td{text-align: center !important}
#headertbl_td1{
    background-image:url('../images/logohead.png');
    background-size:53px;
    padding-left:75px;
    background-repeat:no-repeat;
    background-position:left center;
}
#logo{
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position:center;
    height:180px; 
    background-size: 250px 180px; 
}
#sitetitle{font-size: 23px;}
#sitedept{font-size:12px;margin-top:5px;}
#headertbl_td2{padding-right: 10px;}
#headertbl_td2 div{margin-top: 8px;}
#headertbl_td1,#headertbl_img1{height: 55px;}
#headertbl_td3, #headertbl_img1{width: 55px; }
#headertbl_img1{border-radius: 50%;  border: 1px solid #ccc; -moz-border-radius: 50%;}
#mt_td3{
    /*background: #25743f;*/
    color: #d6d6d6;
    padding-left: 15px;
    height: 60px; 
    border-top: 3px solid #bbb;
    
        background-image: url('../images/bgheader.jpg') !important;
        background-repeat: no-repeat; 
        background-size: 100%; 
        background-position:center center; 
        background-position:stretch;  
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    
    
}
#mt_td3 span{
    display: block;
    margin-top: 2px;
    font-size: 10px;
}
#mt_td3 .bold{
    font-size: 11px;
}
#comodospan{
    font-size: 10px;
    float: right;
    background-image:url('../images/comodo.png');background-repeat:no-repeat;background-size: 65px; background-position:top 5px right;
    margin-right: 15px;
    padding-top: 30px;
}
input[type="text"],input[type="password"]{padding-left: 7px;}
input[type="text"],input[type="password"],select,textarea,#pagination-flickr a, fieldset, #cambox{border:1px solid #bbb}
input[type="submit"],input[type="reset"],button{border: none; -webkit-appearance:none;-webkit-border-radius:0;color:white; }
input[type="submit"],button,input[type="reset"],input[type="text"],input[type="password"],select,textarea{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
input[type="submit"],button,input[type="reset"],input[type="text"],input[type="password"],select, input[type="file"]{height:25px; width: 230px; }
input[type="submit"],button,input[type="reset"],input[type="text"],input[type="password"],select,.box,fieldset{border-radius:3px;}
#logintbl input[type="text"],#logintbl input[type="password"],#logintbl input[type="submit"]{height: 35px;  width: 350px !important;}
#logintbl{ margin-left: 150px; margin-top: 150px;}
#logintbl td{ padding: 5px}

#logintbl #loginTitle{ padding: 20px 20px;}

.notfoundiv{ padding-top: 15%;}
.tblfilter td { padding: 6px }
.box{margin: 15px; padding: 10px; background:#f4f9fc}
.resultdiv, fieldset{ margin: 15px;}
.xlsbtn{ background-image:url('../images/excel.png'); background-repeat:no-repeat; line-height: 16px; padding:0 0 0 20px; background-position: left center; color: green}
.fixed{table-layout:fixed}
.tbldatadiv{padding: 0px 15px;}
.tbldata th, .tbldata td, .box, #pagination-flickr a{border: 1px solid #ccc;}

.tbldata th,.tbldata td{padding:10px;word-wrap:break-word}
.tbldata tr:nth-child(odd) {background:#f4f9fc}
.tbldata td:first-child,.tbldata th:first-child{text-align:left !important;}

#pagination-flickr li{ cursor: pointer}
#pagination-flickr .active, #pagination-flickr a:hover{color: #fff}
#pagination-flickr li{list-style:none;display: inline;}
#pagination-flickr a{margin-right:2px;}
#pagination-flickr .active, #pagination-flickr a:link, label{display:block;}
#pagination-flickr .active, #pagination-flickr a:link,.fllt{float:left;}
#pagination-flickr .active{padding:5px 7px;cursor: default;}
#pagination-flickr a:link{padding:7px 10px;text-decoration:none;}
.txtDatefrom, .txtDateto, .txtKeyword, .txtFilter{background-repeat:no-repeat; background-position: right 5px center; }
.txtDatefrom, .txtDateto{background-image:url('../images/calendar.png');}
.txtKeyword{background-image:url('../images/magnifier.png');}
.txtFilter{background-image:url('../images/filter.png');}
fieldset{ padding: 15px 10px; margin: 15px;}
.Pending,.Active,.Inactive,.Ongoing,.Confined,.Closed,.Deceased,.ForDischarge,.Discharged,.ForSurgery, .Paid, .UnPaid, .Cancelled, .Partial, .Boarding, .Deceased, .NewPet, .NewClient,.Done, .ForBilling{ color: white;padding: 2px 10px;border-radius:3px; width: 55px; display: block;margin: 0 auto;}
.Pending{background:#7E85DF}
.Confined,.Partial,.NewPet, .NewClient{background:#ff944d}
.Active,.Closed,.Discharged,.Paid,.Done{background:#70C270}
.Declined,.Ongoing, .UnPaid{background:#DF877E}
.ForDischarge{background: #ebeb14 }
.ForSurgery{background: #846444 }
.Inactive, .Cancelled{background:gray}
.Deceased{background:#2E2A26}
.Inactive{background:gray}
.ForBilling{background: #E18AAA}
.Boarding{background: #0d98ba}
/*{background:#ffdb58}*/

.salesStatWidth{width: 55px; display: block;margin: 0 auto;}
.actionbtn, .abtn, .cards, .kycpicture{background-repeat: no-repeat;background-position: center;}
.abtn{background-size:23px; width: 23px; height: 23px; margin-left:20px; display: inline-block;}
.action .abtn{background-size:16px; width: 16px; height: 16px; margin-left:10px; margin-right: 10px};
.iconadd{background-image: url('../images/iconadd.png'); }  
.iconadd{background-image: url('../images/iconadd.png'); }
.icontransfer{background-image: url('../images/icontransfer.png'); }
.iconuseradd{background-image: url('../images/iconuseradd.png'); }
.iconcardadd{background-image: url('../images/iconcardadd.png'); }
.iconcardupload{background-image: url('../images/iconcardupload.png'); }
.iconactionview{background-image: url('../images/iconactionview.png'); }
.iconactionedit{background-image: url('../images/iconactionedit.png'); }
.iconactionprint{background-image: url('../images/iconactionprint.png'); }
.icontagadd{background-image: url('../images/icontagadd.png'); }
.iconactiondelete{background-image: url('../images/icondelete.svg'); }
.iconactiondelete:hover{cursor: pointer;}
    
.iconaddressadd{background-image: url('../images/iconaddressadd.png'); }
.iconactionconsult{background-image: url('../images/iconactionconsult.png'); }
.iconactionconsultgray{background-image: url('../images/iconactionconsultgray.png'); }

#goto{
    margin-top: 8px;
}
#goto input[type="submit"]{
    width: 50px;
    height: 24px;
}
#txtGoto{
    width: 75px;
}
.pipe{
    font-size: 13px;
    color:#bbb;
    vertical-align: top;
}

.w485px{ width: 485px !important;}
.w100px{ width: 100px !important;}

#tbladdress{
    border: 1px solid black; border-collapse: collapse;
}
#tblnametoappear, #tblkyc, .tblnopaddingfixedw {
    table-layout: fixed;
    border-collapse: collapse;
}
#tblnametoappear td{
    border: solid 1px #000;
    width: 19px;
    text-align: center;
}

.tblnopaddingfixed td{
    padding: 0px;
}
.nopadding{
    padding-top: 0px !important;padding-bottom: 0px !important;
    padding-left: 6px !important;padding-right: 6px !important;
}
.tblnopaddingfixedw {
    border: solid 1px white;
    
}
.tblnopaddingfixedb {
    border: solid 1px black;
    
}
.cblack{
    color: black;
}
.fontsizexxsmall{
    font-size: xx-small;
}
.padding0{
    padding: 0px;
}

.underline{ text-decoration: underline}

.dNone{
    display: none; 
}
.divauto{
    background: white; 
    position: absolute; 
    width: 100%;
    outline: none;

    box-shadow: 0px 1px 3px #B7D8F5; 
    -moz-box-shadow: 0px 1px 3px #B7D8F5; 
    -webkit-box-shadow: 0px 1px 3px #B7D8F5; 
}
.divauto div{
    padding: 7px; 
    cursor: pointer; 
    border-bottom: 1px solid #B7D8F5;
}
.divauto div:hover{
    background: #B7D8F5; /*#F1F9F5;*/
    font-weight:bold;
}
.tblrowdata td{ border: 0px !important; padding: 1px; text-align: left}
.tblrowdata tr { background: none !important; }


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
    align-items: center;
}
.modal-content {
    border: 1px solid #ccc;
    border-radius: 6px;
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
}
.modal-content, #modalhead{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#modalhead{
    /**background: #FF7B00;*/
    color:white;
    border-bottom: 1px solid gray;
    font-weight: bold;
}
#modalhead, #modcontent{
     padding: 11px;
}
.close {
    float: right;
    font-size: 13px;
    margin-right: 5px;
}
.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#modcontent{
    font-size: 10px;
    
}

.modalloadingdiv{
    display:flex; 
    align-items: center; 
    width: 100%;
    height: 100%;
}

.modalloadingdiv div{
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.tagPopup {
    height: 195px;
    text-align: center;
}
.tagPopup select{ height: 100%}
.tagPopup option, .txtTagperson option {padding: 3px;}
.txtTagperson{ height: 100px; }
#cambox{ 
        width: 230px; 
        height: 138px; 
        margin: 0 auto;
        background: white;
        background-size: 80%;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url('../images/person.png');
        cursor: pointer;
}
.camPopup #camera{
        width: 400px;
        height:300px;
        background: gray;
        margin: 0 auto;
}    
.personProfile, .clientPicture, .petPicture{background-repeat: no-repeat;background-position: center; background-size:80px; height: 65px; }
#map {width: 100%; height: 400px; background-color: grey;}

.divPopup {
    height: 570px;
}
.divPopup #txtKeyword{
    height: 35px;
}
.divPopup, .divPopup #txtKeyword{
    text-align: center
}

.divPopup label{
    padding-top: 10px;
    padding-bottom: 5px;
    text-align: left;
    color: gray;
}

.divPopup #result{
    height: 230px;
    background: white;
    padding: 0px;
    margin: 0px 0px 15px 0px;
    overflow: auto;
}

.divPopup #result div {
    border-bottom: 1px solid #bbb;
    line-height: 34px;
    vertical-align: middle;
    cursor: pointer;
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;
}

.divPopup #result div:hover {
    background: #604020;
    color: white;
}

#dbleft{width: 990px;}
#dashboardtbl .box{ background: #fff;}
#dashboardtbl td{
        border-collapse: collapse;
        margin: 0px;
        padding: 0px;
/*        border: solid 1px red;*/
        vertical-align: top;
}
.marleft0px{ margin-left: 0px;}
.martop0px{ margin-top: 0px;}
.marbottom0px{ margin-bottom: 0px;}
.linkbox{
    cursor: pointer;
    width:120px; 
    height:97px;
    border: 1px solid #bbb; 
    border-radius: 10px;
    text-align:center;
    display: table-cell; 
    background: whitesmoke;
    padding-bottom: 5px;
    background-repeat:no-repeat; 
    background-position: 35px 15px;
    float: left;
    margin-right: 17px;
    margin-top: 15px;
    position: relative;
    color: gray;
}
.linkbox span {
    position: absolute;
    bottom: 8px;
    width:120px; 
    display: block;
    text-align: center
}
.linkbox:hover{
    background-color:  #fff;
    color: black;
}

.lbconsultation{ background-image:url('../images/lbconsultation.png');background-size: 64px 64px;padding: 5px;}
.lbconfinement{ background-image:url('../images/lbconfinement.png');background-size: 64px 64px;padding: 5px;}
.lbclients{ background-image:url('../images/lbclient.png'); background-size: 64px 64px;padding: 5px;}
.lbpets{ background-image:url('../images/lbpet.png'); background-size: 64px 64px;padding: 5px;}
.lbappointment{ background-image:url('../images/lbappointment.png'); background-size: 64px 64px;padding: 5px;}
.lbsales{ background-image:url('../images/lbsales.png'); background-size: 64px 64px;padding: 5px;}
.lbreport{ background-image:url('../images/lbreport.png'); background-size: 64px 64px;padding: 5px;}
.lbreport{ background-image:url('../images/lbreport.png'); background-size: 64px 64px;padding: 5px;}
.lbsystemuser{ background-image:url('../images/lbsystemuser.png');background-size: 64px 64px;padding: 5px;}
.lbusertype{ background-image:url('../images/lbusertype.png');background-size: 64px 64px;padding: 5px;}
.lbinventory{ background-image:url('../images/lbinventory.png');background-size: 64px 64px;padding: 5px;}
.lbsurgery{ background-image:url('../images/lbsurgery.png');background-size: 64px 64px;padding: 5px;}

#searchdiv{
    margin: 0 auto; 
    height: 80px; 
    width: 500px; 
    padding: 25px; 
    text-align: center;
}
#searchdiv #btnSearch{
    margin-top: 20px;
    height: 34px; 
}
#searchdiv #txtKeyword{
    height: 35px; 
    text-align: center;
}

.tbldata tr:hover{ background: #f4f9fc; }
#fltlabel{float: right; position: absolute; margin-top: 3px; margin-left: 5px;}

.infoboxmapaddress{
    width: 200px;
    border-collapse:collapse;
}
.infoboxmapaddress td{
    text-align: left;
    font-size: 11px;
    padding: 2px;
}
.infoboxmapaddress td:first-child{
    font-weight: bold;
    width: 90px;
}
#txtPicupload{ display: none;}
.memberpicture{background-size:70px; height: 50px; background-repeat: no-repeat;background-position: center;}
.margintop10px{margin-top: 10px;}
.marginbot10px{margin-bottom: 10px;}
.margintop4px{margin-top: 4px;}
.margintop7px{margin-top: 7px;}
.pointer {cursor: pointer;}
.divtabwrapper,.divtab {
        height: auto;
        line-height: 32px;
    }
    .divtabwrapper{
    border-bottom: 1px solid #bbb;
    
    }
    .divtab:hover, .divtabactive{
        border-top-left-radius:  5px;   
        border-top-right-radius:  5px; 
        font-weight: 400;
        background: #25743f;
        color: white !important;
    }
    .divtab{
        width: 150px;
        float: left;
        padding-left: 10px;
        cursor: pointer;
    }
    
    .divtabwrapper    {
        background: #ccc;
        
    }
    .divtabwrapper .divtab    {
        font-weight: 400;
        color: #000;
    }
    
    .divtabactive{
        background: #25743f;
        color: white !important;
    }
    
    .divtabwrapper .iconadd {
        margin-top: 6px;
        margin-right: 6px;
    }
    
    .btnAddItems{
        background: gray !important;
        width: 100px !important;
        height: 30px; 
    }
    
    .btnAddItems:hover{
        background: #25743f !important;
    }
    
    .link{
        border-bottom: 1px dotted #000;
        color: green;
    }
    .link:hover{
        cursor: pointer;
    }
    
.tblInfo td {
    padding: 8px;
    border: 1px solid #bbb !important;  
}

#tblcalendar{
    table-layout:fixed;
    height:600px; 
}

#tblcalendarcontent{
    margin:auto;
}
#tblcalendarcontent td {
    font-size: 14px;
    padding: 2px!important;
    border: none; 
}

.photos{
    width:100px; 
    height:100px; 
    border-radius:8px;
    cursor: pointer;
    transition: 0.3s;
}

.photos:hover {opacity: 0.7;}

.border{ 
    border: 1px #ccc solid;
    border-radius:8px;
}
img{
    border-radius: 5px;
    object-fit: contain;
}
.tblimgsize{
    width:100px; 
    height:100px; 
}
.imgcontainer{
    /*
    width: 150px;
    height: 100px;
    background:#fff;
    border-radius: 10px;
    */
    text-align: center;
}
.imgcontainer:hover{
    box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    cursor: pointer;
}
#imgupload{
    max-width: 100%;
    max-height: 180px;
}


.salesRemarks{
    text-align: left !important;
    padding: 10px;
}

.trColored{
    background:#604020 !important;
    color:white; padding: 5px; 
    border: 1px solid #604020;
}

.totalBill{
    /*
    font-weight: bold;
    font-size: 18px;
    */
}

.remainingBill{
    font-weight: bold;
    font-size: 16px;
}

.subTotalTr{
    font-size: 16px;
}

.subTotalTr td{
    background: #89b096;
}

.bsNum, .bsName{
    font-size: 16px;
}
.bsNum{
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
}
.bsNumDiv{
    padding-left: 65px;
}

.remainingBill{
    background: #f4f78b;
}