html,body{margin:0px; padding:0px; background:rgb(234,234,234); font-family:Arial; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; -ms-touch-action: manipulation; touch-action: manipulation;}

a{text-decoration:none; color:#000;}
img{display:block;}

.radius{border-radius:6px 6px 6px 6px;}
.circle{border-radius:50%;}
.border{border:1px solid rgb(213,213,213);}

input {margin:0px; padding:0px; border:none; outline:none; display:block; font-family:Arial; -webkit-appearance: none; border-radius:0;}
textarea {margin:0px; padding:0px; border:none; outline:none; display:block; font-family:Arial; -webkit-appearance: none; border-radius:0; resize:none; overflow:hidden;}


.form{padding:0px 16px 0px 16px; overflow:hidden;}
.form .info{height:50px; line-height:50px; font-size:16px; font-weight:bold;}
	#username{overflow:hidden;}
        #username input{width:100%; height:48px; background:#FFF; font-size:16px;}
	#password{overflow:hidden;}
        #password input{width:100%; height:48px; background:#FFF; font-size:16px;}
	#button{width:50%;; margin-top:16px; overflow:hidden; float:right;}
        #button input{width:100%; height:50px; background:rgb(213,213,213);; font-size:16px; font-weight:bold;}

.menuTop{width:40px; font-size:12px; overflow:hidden; position:fixed; top:10px; left:10px;}
    #Out{width:30px; height:30px; background:#FFF; padding:5px;}
    #Back{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #List{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #addP{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #editP{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #addR{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #allR{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}

    #Cx{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #Po{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}

    #sT{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}
    #sB{width:30px; height:30px; background:#FFF; padding:5px; margin-top:1px;}

.menuBottom{width:40px; font-size:12px; overflow:hidden; position:fixed; bottom:10px; left:10px;}
    #ant{width:30px; height:30px; background:#FFF; padding:5px;}
    #ist{width:30px; height:30px; background:#FFF; padding:5px;}

#searchbar{margin:0px 0px 10px 0px; overflow:hidden;}
    #searchbar input{width:100%; height:40px; background:rgb(255,255,255); font-size:16px;}

#blockstage{margin:10px 10px 0px 60px; overflow:hidden;}
	#stages{margin:0px 0px 10px 0px;}
		#stagename{width:40px; height:40px; line-height:40px; background:#FFF; font-size:20px; font-weight:bold; text-align:center; margin:0px 0px 10px 0px;}

#blockpatient{margin:10px 10px 0px 60px; overflow:hidden;}
	#patients{margin:0px 0px 10px 0px;}
		#alpha{width:40px; height:40px; line-height:40px; background:#FFF; font-size:20px; font-weight:bold; text-align:center; margin:0px 0px 10px 0px;}

        #pPN{height:40px; position:relative;}
            #pP{width:34px; height:34px; line-height:34px; background:#FFF; text-align: center; float:left; overflow:hidden; margin:2px 10px 2px 2px; padding:1px;}
            #pN{height:40px; line-height:40px; font-size:14px; float:left; overflow:hidden; text-transform:capitalize;}
            #pDays{width:30px; height:10px; line-height:10px; font-size:10px; text-align: center; position:absolute; top:2px; left:48px; border-radius:3px 3px 3px 3px;}
            #pPN>.pre{background:#FF5252; color:#FFF;}
            #pPN>.post{background:#69F0AE;}
            #pPN>.today{background:#FFD740;}

@media (prefers-color-scheme: dark){
    html,body{background:rgb(0,0,0);}
    a{color:rgb(255,255,255);}
    .border{border-color:rgb(65,65,65);}
    .form .info{color:#FFF;}
    #username input{background:rgb(50,50,50); color:rgb(255,255,255);}
    #password input{background:rgb(50,50,50); color:rgb(255,255,255);}
    #button input{background:rgb(50,50,50); color:rgb(255,255,255);}

    #Out, #Back, #List, #addP, #editP, #addR, #allR, #Cx, #Po, #sT, #sB, #ant, #ist{background:rgb(50,50,50);}
    #searchbar input{background:rgb(50,50,50); color:rgb(255,255,255);}
    #searchbar{background:rgb(50,50,50);}

    #stagename{background:rgb(50,50,50); color:rgb(255,255,255);}

    #alpha{background:rgb(50,50,50); color:rgb(255,255,255);}

    #pP{background:rgb(50,50,50); color:rgb(255,255,255);}
}