@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

* {box-sizing: border-box;}
body {font-family: "Lato"; font-size:14px; margin:0px; padding:0px; background:whitesmoke;  color:#434343; height:100%; overflow: hidden;}
.centerdv{display: flex;justify-content: center; align-items: center; align-content: center; flex-wrap: wrap; position: relative;}
.shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.head{font-family: "Roboto";font-size:18px; font-weight:600;padding:5px 7px;}
.mmhforms input[type=button]:focus{background: seagreen; color:white;}
.mmhforms input[type=text],.mmhforms input[type=password],.mmhforms input[type=number],.mmhforms select {width: 100%;padding:7px 10px;margin-bottom: 3px; display: inline-block;border: 1px solid gray;box-sizing: border-box;font-size: 12px;}
input:focus, textarea:focus, select:focus{outline: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=text],input[type=password],input[type=number],input[type=datetime-local], select {width: 100%;padding: 12px 20px;margin: 5px 0;display: inline-block;border: 1px solid gray;border-radius: 4px;box-sizing: border-box;font-size: 16px;}
.cross{position:absolute;background:whitesmoke;height:30px; width:30px;border-radius:50%;top:0px;right:0px;cursor:pointer}
table{border-collapse: collapse;font-size:10px;}
table th {cursor:pointer;position: relative;}
table td {padding:3px;position: relative;}
table tr{page-break-inside: avoid;}
tr:nth-child(even) {background: rgba(240,240,240)}
tr:nth-child(odd) {background: #FFF}
.searchbox {display:none;position: absolute; top:50px; left:0px; width:calc(100% - 300px); background:white;max-height:200px;border:5px solid lightgray;z-index: 1;}
tr:hover{background:lightgray;}
.colbtn{background:seagreen; color:white; padding:5px 10px; width:100px; cursor:pointer;margin:3px;}
.colbtn:hover{background:blue;}
#bill_footer {page-break-after:always;}
.pat_copy{margin:auto; min-height: 14.5cm; width:21cm;padding:10px;position: relative;}
.billsearchbox {position:absolute; width:100%; max-height:300px; background: white; border:2px solid lightgray; border-radius:5px; bottom:70px; left:0px;display: none;z-index: 1;}
.scroll{overflow: hidden; overflow-y: scroll;}
/*.scroll::-webkit-scrollbar { width: 7px;} */
.scroll::-webkit-scrollbar-track {visibility:hidden}
.scroll::-webkit-scrollbar-thumb {border-radius: 10px;}
.scroll:hover::-webkit-scrollbar-track {background-color: transparent; }
.scroll:hover::-webkit-scrollbar-thumb { background: gray;width:7px;}   
.noscrollbar::-webkit-scrollbar { display: none; }
.noscrollbar { -ms-overflow-style: none; scrollbar-width: none; }
.vertflip{-webkit-transform: scaleY(-1);transform: scaleY(-1);}
.btn{padding: 15px 20px;border:1px solid lightgray;font-size: 14px;cursor:pointer; width:100%; font-weight:700;background: none; transition: 1s;}
.redbtn{color:red;}
.actbtn{background:seagreen;color:white;}
.btn:hover{background-image:linear-gradient(to right,seagreen,transparent);color:white;}
.leftpanebtn{font-size: 13px; padding:10px 15px;border-top:1px solid gray; border-bottom:1px solid gray;}
.leftpanebtn+.leftpanebtn{border-top: none}
.mngline{padding:5px 7px; margin:5px; margin-bottom:0px;display:none;width:max-content;}
.leftpanebtn:hover{background: seagreen; color:white;}
.roundbtn{height:50px; width:50px; border-radius:50%; background: orangered;position: absolute; bottom:20px; right:20px; z-index: 1;color:white;cursor: pointer;}
.roundbtn:hover{background: seagreen;}
.overlayblock{position: absolute; width:100%; height:100%; z-index: 2; background: rgba(0,0,0,0);top:0px; left:0px;}
.overlay_inner{width:400px; min-height:500px;background: whitesmoke;border-radius:5px;border:5px solid lightgray;position: relative;}
.roundicon{height:50px; width:50px; border-radius:50%; background: lightgray;color:white;}
.dispcard{float:left; margin:7px; border:5px solid white; height:350px; width:175px;}
.passfield{background:black; padding:3px; border-radius:5px; color:black;transition: .5s;}
.passfield:hover{color:white;}
.stockentryformblock{float:left;height:60px;position: relative;}
.stockentryforminput{padding:5px 7px; border:none; background:lightgray;}
.stockentryformsearchbox{position:absolute;top:5px;right:5px;z-index:1;background:lightgray;border-radius:5px;border:1px solid gray;cursor:pointer;}
.stockentryformsearchboxitem{border-bottom:1px solid gray;padding:7px;transition: .5s;}
.stockentryformsearchboxitem:hover{background:gray;color:white;}
.page{background:white; padding:10mm; width:21cm; min-height:29.7cm; margin:5px auto;}
.lastchildsel:last-child{border-bottom:none;}
.patbreakbillclick:hover{background:lightgray}
.totallistwrap{position:absolute; left:100%; top:0; height:100%; width:300px; background: rgba(0,0,0,.5); z-index: 1;display:none; color:whitesmoke;justify-content: center; align-items: center; align-content: center; flex-wrap: wrap;}
.print{background: seagreen; position:absolute; left:0px; bottom:100px; padding:10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px;cursor: pointer; color:white;font-weight:700;}
.medindshow{position:absolute;left:100%;top:calc(50% - 200px);height:400px;width:600px;background:lightgray;z-index: 1;border-top-right-radius: 10px; border-bottom-right-radius: 10px;display: none;}
.amountblock{padding:5px; background:lightgray; text-align:right;font-weight:700}
.clickable{cursor:pointer;font-weight:700; color:steelblue}
.clickable:hover{color:orangered;}
.clickableblack{cursor:pointer; color:black}
.clickableblack:hover{color:orangered; font-weight:600;}
Stable.report-container {
    page-break-after:always;
}
thead.report-header {
    display:table-header-group;
}
tfoot.report-footer {
    display:table-footer-group;
} 
table.report-container div.article {
    page-break-inside: avoid;
}
.dateline{position:absolute;background:white;border:1px solid lightgray;z-index:1000;top:5px;}
.datelinebox{text-align:center;padding:3px;}
.btndv{background: seagreen; color:white;padding:10px;cursor: pointer;}
.menuboxbtn{padding:15px;border-bottom:1px solid gray;}
.noticounter{position:absolute; right:10px; top:3px; background:red; color:white; width:30px; height:30px; border-radius:50%;}
.smallbtn {background:red; color:white; padding:5px 7px; border-radius:5px; font-size:12px; font-weight:700;cursor: pointer;}
.smallbtn:hover {background:green; }
.chatboxbtn{width:90%; margin:5px auto; border:1px solid gray; border-radius:10px; padding:5px 17px;}
	.chatboxbtn:hover{background:green; color:white;}
.ipd2form {padding:10px;font-size:10px;line-height: 16px;border-bottom:1px solid lightgray;font-weight:700;}
.clbtn {border:1px solid gray; background:lightblue;padding: 3px 7px; border-radius:3px;font-size:12px;}
.selmenubox{background:lightgray; border:none; outline:none; width:150px;padding:7px 10px;position:relative;}
.seloptwrap,.seloptwrapone{position:absolute; top:30px;left:0; background:lightgray; border-top:1px solid gray; width:150px;display:none;z-index:1;}
.selopt{padding:7px 10px; border-bottom:1px solid gray;}
.selopt:hover{background:green;color:white;}