/** Add css rules here for your application. */

@font-face {
    font-family: dancing;
    src: url(font/DancingScript-Bold.ttf);
    font-weight: bold;
}
@font-face {
    font-family: dancing;
    src: url(font/DancingScript-Regular.ttf);

}
page[size="A5"] {
	  background:white;
	  width:8.56cm;
	  height:5.4cm;
	  display:block;
	  margin:0 auto;
	  margin-bottom:0.5cm;
	  box-shadow:0 0 0.5cm rgba(0,0,0,0.5);
}

@media print {
    html, body {

        margin: 0 !important;
        padding: 0 !important;
        width: auto;
        height: auto;
        overflow: visible;

    }
}
 .horizontalscroll>div{
    height:100%;
 }
.print .pheight-100pc{
    height: 100%;
}
.print .pwidth-100pc{
    width: 100%;
}
.leftid{
	text-align:left;
    margin-left:25px;
}
.left-yellow{
    border-left:solid 2px #fff900;
    margin-left:1px;
    border-radius:10px;
    height:100%;
}
.left-red{
    border-left:solid 2px red;
    margin-left:1px;
    border-radius:10px;
    height:100%;
}

.gwt-TabBar .gwt-TabBarItem-selected {
    background:#ddd !important;
}
table .gwt-TabBar .gwt-TabBarItem {
    background:#fbfcfa;
}


.margin-top-15pc{
    margin-top:-15%;
}
.maxwidth-200px{
    max-width:200px;
}

.kamitborder{
	position:absolute;
    top:1px;
    bottom:1px;
    left:1px;
    right:1px;
    border-top-right-radius:8px;
    border-bottom-left-radius:8px;
}

.greenborder{
	border:solid 2px green;
}


.yellowborder{
       border-bottom:solid 2px yellow;
        border-left:solid 2px yellow;
       
}
.max-height-35px{
    max-height: 35px;
}
.redborder{
    border-bottom:solid 2px red;
    border-left:solid 2px red;
}

.width-68pc{
	width:68%;
}
.width-30pc{
    width:30%;
}

.width-33pc{
    width:33%;
}
.width-0pc{
    width: 0%;
}
.width-15pc{
	width:15%;
}
.va-middle{
    vertical-align:middle; 
}
.vertical-resize{
	resize:vertical ;
}
.vertical-align-top{
    vertical-align:top;	
}

.vertical-align-bottom{
    vertical-align:bottom; 
}

.horizontalal-resize{
    resize:horizontal ;
}

.margin-top--10px{
    margin-top:-10px;
}
.margin-top--10pc {
    margin-top:-10%;
}
.headertext{
    text-align:center;
    margin-bottom:20px;
    font-size:2em;
}
.pop.pageheader{
    height: 35px;
    line-height: 35px;
}
.pageheader{
    font-size:1.5em;
    padding-left:5px;
    line-height:50px;
    background-color:#EFEFEF;
    border: solid 1px lightgray;
    color:#ad7474;
    text-shadow: 0px 1px #a86e6e;
    text-align:center;
    height:50px;
    max-height:50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-transform: uppercase;
}
.pageheader::first-letter{
    text-transform:uppercase;
}
.firstcap::first-letter{
    text-transform:uppercase;
}
.fontsize085em{
    font-size:0.85em;
}
.fontsize07em{
    font-size:0.7em;
}
.fontsize08em{
	font-size:0.8em;
}
.fontsize15em{
    font-size:1.5em;
}
.innerdivtoolbar .ksbutton {
    margin: 0px !important;
    font-size: 0.8vw;
}
.search_filter{
    margin-left: 10px;
    border: solid 1px lightgray;
    border-radius: 5px;
    padding: 1px;
}

.text-lightgrey{
    color:darkgrey;
}
.text-withonred{
	color :white;
	background-color :darkred;
}
.text-orange{
	color :darkorange;
}

.text-green{
	color:darkgreen;
}

.text-red-danger{
    color :red;
}

.text-red{
    color :darkred;
}
.text-grey{
	color:darkgrey;
}

.text-blue{
    color:darkblue;
}

.uppercase{
    text-transform:uppercase;
}
.text-white{
    color:white;
}


.orangebox{
	border:solid 1px orange;
}
.shadowedbox{
	border:solid 0.2px;
	border-color:grey;
	box-shadow:2px 2px 2px 2px  #888888;
}

.shadowedbox1{
    border:solid 0.2px;
    border-color:grey;
    box-shadow:1px 1px 1px 1px  #888888;
}

.shadowed1{
    box-shadow:1px 1px 1px 1px  #888888;
}
.boxtitle{
	position:relative;
	bottom:10px;
	left:10px;
	background-color:#FFFFFF;
	padding-right:5px;
	margin-right:5px;
}

.box{
	border:solid 1px lightgrey;
	
}
.top-10px{
	top:10px
}

.bottom-10px{
    bottom:10px
}


.top-5px{
    top:5px
}

.bottom-5px{
    bottom:5px
}

.left-5px{
	left:5px;
}
.left-10px{
    left:10px;
}

.right-5px{
    right:5px;
}
.right-10px{
    right:10px;
}


.leftbox-1px{
    border-left:solid 1px grey;
    
}

.rightbox-1px{
    border-right:solid 1px grey;
    
}

.topbox-1px{
    border-top:solid 1px grey;
    
}

.bottomtbox-1px{
    border-bottom:solid 1px grey;
    
}
.norightborder{
	border-left:solid 1px grey;
	border-top:solid 1px grey;
	border-bottom:solid 1px grey;
	
	border-radius:4px 0px 0px 10px;
	background:#FBFCFA;
}
.historydisease{
    border-top-left-radius: 5px;
    /* border-bottom-right-radius: 5px; */
    background-color: rgba(241, 203, 203, 0.14) !important;
    /* border-bottom: 1px solid rgba(175, 6, 6, 1) !important; */
    border-left: solid 1px rgba(175, 6, 6, 1);
    /* border-bottom: solid 2px; */
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-inline-start: 10px;
    border-bottom-left-radius: 5px;
    list-style: none;
}

.fillpositionedparent{
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    overflow: hidden;
}
.fillwindow{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:flex;
	justify-content:center;
	flex-direction:row; 
}

.overflowhiden{
	overflow:hidden;
}

.overflowyauto{
    overflow-y:auto;
}

.height-32px{
	height:32px !important;
}
::-webkit-scrollbar {
    display:none !important;
}
.zindex1000{
	z-index:1000;
}
.zindex2{
	z-index:2
}
.zindex0{
    z-index:0
}

.height2p1em{
    height:2.1em;
}

.height-2em{
    height:2em;
}
.background-white{
    background-color:#FFFFFF;
}
.background-lightgrey {
    background-color:#F0F0F0;
}

.background-argile{
	background-color:#EFEFEF;
}
.background-none{
    background:none;
}
.background-albatre{
	background-color:#FBFCFA;
}
.background-lightgreen{
    background-color:lightgreen;
}
.background-lightred{
    background-color:lightsalmon;
}

.background-red{
    background-color:red;
}
.background-green{
    background-color:greenyellow;
}
.padding-2px {
    padding:2px;
}

.padding-2pc {
    padding:2.5%;
}
.padding-5px {
    padding:5px;
}

.padding-20px {
    padding:20px;
}
.padding-15px {
    padding:15px;
}
.padding-10px {
    padding:10px;
}
.padding-0px{
    padding:0px !important;
}
.padding-top-0px {
    padding-top:0px;
}
.padding-top-1px {
    padding-top:1px;
}

.padding-top-2px {
    padding-top:2px;
}
.padding-top-5px {
    padding-top:5px;
}

.padding-top-8px {
    padding-top:8px;
}

.padding-top-10px {
    padding-top:10px;
}

.padding-top-15px {
    padding-top:15px;
}

.padding-top-20px {
    padding-top:20px;
}

.padding-top-100px {
    padding-top:100px;
}

.padding-bottom-5px {
    padding-bottom:5px;
}

.padding-bottom-10px {
    padding-bottom:10px;
}

.padding-bottom-15px {
    padding-bottom:15px;
}

.padding-bottom-20px {
    padding-bottom:20px;
}

.padding-left-5px {
    padding-left:5px;
}

.padding-left-10px {
    padding-left:10px;
}

.padding-left-15px {
    padding-left:15px;
}

.padding-left-20px {
    padding-left:20px;
}

.padding-left-25px {
    padding-left:25px;
}

.padding-left-30px {
    padding-left:30px;
}

.padding-left-40px {
    padding-left:40px;
}

.padding-left-100px {
    padding-left:100px;
}

.padding-right-3px{
	padding-right:3px;
}
.padding-right-5px {
    padding-right:5px;
}

.padding-right-10px {
    padding-right:10px;
}

.padding-right-15px {
    padding-right:15px;
}
.padding-right-20px {
    padding-right:20px;
}

.margin-5px {
    margin:5px;
}

.margin-10px {
    margin:10px;
}

.important-margin-left-5px {
    margin-left:5px !important;
}

.marginleft-1px {
    margin-left:-1px;
}

.marginleft-2px {
    margin-left:2px;
}

.marginleft-3px {
    margin-left:3px;
}

.margin-left-5px {
    margin-left:5px;
}

.margin-left-5pc{
	margin-left:5%
}
.margin-left-7px{
	 margin-left:7px;
}

.margin-left-10px {
    margin-left:10px;
}

.margin-left-15px {
    margin-left:15px;
}

.margin-left-20px {
    margin-left:20px;
}
.margin-left-25px {
    margin-left:25px;
}

.margin-left-40px {
    margin-left:40px;
}

.margin-left-50px {
    margin-left:50px;
}

.margin-left-51px {
    margin-left:51px;
}
.margin-left-100px {
    margin-left:100px;
}
.margin-left-130px {
    margin-left:130px;
}

.margin-left-200px {
    margin-left:200px;
}

.margin-right-30pc{
 margin-right:30%;
}

.margin-right-2px{
     margin-right:2px;
}

.margin-right-3px{
	 margin-right:3px;
}

.margin-right-5px {
    margin-right:5px;
}

.important-margin-right-5px {
    margin-right:5px !important;
}

.margin-right-10px {
    margin-right:10px;
}

.margin-right-15px {
    margin-right:15px;
}

.margin-right-20px {
    margin-right:20px;
}

.margin-right-100px {
    margin-right:100px;
}

.margin-top-0px {
    margin-top:0px;
}

.margin-top-5px {
    margin-top:5px;
}

.margin-top-8px {
    margin-top:8px;
}

.margin-top-10px {
    margin-top:10px;
}

.margin-top-20px {
    margin-top:20px;
}
.padding-top-25px{
	 margin-top:25px;
}

.margin-bottom-0px {
    margin-bottom:0px !important;
}
.margin-bottom-5px {
    margin-bottom:5px;
}

.margin-bottom-8px {
    margin-bottom:8px;
}

.margin-bottom-10px {
    margin-bottom:10px;
}
.margin-bottom-15px {
    margin-bottom:15px;
}
.margin-bottom-20px {
    margin-bottom:20px;
}

.margin-bottom-25px {
    margin-bottom:25px;
}

.margin-bottom-30px {
    margin-bottom:30px;
}

.margin-bottom-40px {
    margin-bottom:40px;
}

.margin-bottom-50px {
    margin-bottom:50px;
}
.displayinline {
    display:inline;
}

.displayinlineblock {
    display:inline-block;
}
.displaybloc{
	display:block;
}

.settingsflexlineleft{
    align-items:center;
    display:flex;
    flex-direction:row;
}
.settingsflexline{
	align-items:center;
	display:flex;
    flex-direction:row;
    justify-content:space-between;
    border-bottom: solid 1px silver;
}
.flexitemcenter{
	align-items:center;
}
.flexitemend{
    align-items:flex-end;
}
.flexitemstart{
    align-items:flex-start;
}
.flex01{
    flex:0.1
}
.flex05{
	flex:0.5
}
.flex1{
	flex:1
}
.flex2{
    flex:2
}
.flex3{
    flex:3
}
.flex4{
    flex:4
}
.flex5{
    flex:5
}

.flex6{
    flex:6
}.flex7{
    flex:7
}
.flex8{
    flex:8
}
.flex9{
    flex:9
}
.flex10{
    flex:10
}

.displayflex-h{
	display:flex;
    flex-direction:row;
  
}
.displayflex-h-r {
    flex-direction: row-reverse;
}
.spanvalue{
    display: flex;
    align-items: center;
}
.settingsitem{
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.beditem {
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.bedel{
    background-position: center;
    width: unset;
    padding: unset;
    min-width: 30px;
}

.displayflex-v{
    display:flex;
    flex-direction:column;
}
.flex-center0{   
  justify-content:space-between;
}
.flex-center2{   
  justify-content:space-between;
  align-items:center;
}
.flexcentervertically{
    justify-content:space-between;
    align-items:center;
    display: flex;
    flex-direction : row;
}
.flex-center3{   
  justify-content:center;
}
.flex-center{   
  justify-content:space-around;
  align-items:center;
}

.flex-hs-vs{   
  justify-content:flex-start;
  align-items:flex-start;
}
.flex-hs-vc{   
  justify-content:flex-start;
  align-items:center;
}
.flex-center-middle{
    align-items: center;
    justify-content: center;
}

.center-flex-items{
	align-items:center;
}
.right-flex-items{
    justify-content: flex-end;
}
.left-flex-items{
    justify-content: flex-start;
}

.displaynone{
	display:none !important;
}

.alignleft10 {
    position:absolute;
    left:10px;
}

.alignright10 {
    position:absolute;
    right:10px;
}
.absoluteright {
    position:absolute;
    right:0px;
    top:0px;
}

.positionrelative{
    position :relative;	
}
.min-width-300px{
    min-width:300px;
}
.min-width-30pc{
    min-width: 30%;
}
.right-10px{
	right:10px;
}
.top-30px{
	top:30px;
}

.positionabsolute{
    position :absolute;	
}


.displaybloc {
    display:block;
}

.width-5px-important{
	 width:5px !important
}

.width-5px{
  width:5px  
}
.width-10px{
    width:10px
}

.width-15px{
    width:15px
}

.width-20px{
    width:20px
}

.width-24px{
    width:24px
}

.width-30px{
    width:30px
}

.width-32px{
    width:32px
}

.width-40px{
    width:40px
}
.width-50px{
    width:50px
}
.width-60px{
    width:60px
}
.width-70px{
    width:70px
}
.width-80px{
    width:80px
}

.width-85px{
	width:85px
}
.width-90px{
    width:90px
}
.width-100px{
    width:100px;
}

.width-30pc{
	width:30%;
}
.width-40pc{
    width:40%;	
}

.marginleft-45pc{
    margin-left:45%;
}
.left-25pc{
    left: 25%;
}
.width-50pc{
	width:50%;
}
.width-85pc{
    width:85%;
}
.width-90pc{
    width:90%;
}
.width-95pc{
    width:95%;
}
.width-99pc{
    width:99%;
}
.width-100pc{
	width:100%;
}
.width-110px{
    width:110px
}
.width-120px{
    width:120px
}
.width-130px{
    width:130px
}
.width-145px{
	width:145px
}
.width-150px{
    width:150px ;
}
.width-170px{
    width:170px
}

.width-180px{
    width:180px
}
.width-190px{
    width:190px
}

.width-200px{
    width:200px
}

.width-205px {
    width:205px;
}

.width-250px{
    width:250px
}

.width-300px{
    width:300px
}

.width-350px{
    width:350px
}

.width-400px{
    width:400px
}

.width-430px{
    width:430px
}

.width-450px{
    width:450px
}

.width-470px{
	width:470px
}


.width-480px{
    width:480px
}

.width-485px{
    width:485px
}
.width-490px{
    width:490px
}

.width-495px{
    width:495px
}

.width-500px{
    width:500px
}

.width-505px{
    width:505px
}
.width-600px{
    width:600px
}

.width-750px{
    width:750px
}

.width-850px{
    width:850px
}


.width-965px{
	width:965px;
}
.width-993px{
    width:993px
}

.width-100px{
    width:100px
}

.width-1100px{
    width:1100px
}

.width-1200px{
    width:1200px
}
.width100{
    width:100%
}
.height-80pc{
	 height:80%;
}

.height-min-25px{
    min-height:25px;
}

.height-min-30px{
    min-height:30px;
}
.height-min-40px{
    min-height:40px;
}

.height-min-60px{
    min-height:60px;
} 
.height-10px{
    height:10px;
}
.height-18px{
	height:18px;
}

.height-15px{
    height:15px;
}

.height-20px{
    height:20px;
}

.height-24px{
	height:24px;
}

.height-25px{
    height:25px;
}

.height-30px{
    height:30px;
}

.height-35px{
	height:35px;
}
.height-40px{
    height:40px
}
.height-50px{
    height:50px
}
.height-60px{
    height:60px
}
.height-70px{
    height:70px
}
.height-80px{
    height:80px
}
.height-90px{
    height:90px
}
.height-100px{
    height:100px
}

.height-100pc{
    height:100%
}
.height-95pc{
	height:95%
}

.height-105px {
    height:105px;
}

.height-110px{
    height:110px
}

.height-113px{
    height:113px
}

.height-120px{
    height:120px
}

.height-130px{
    height:130px
}

.height-140px{
    height:140px
}
.height-147px{
    height:147px
}
.height-150px{
    height:150px
}

.height-160px{
    height:160px
}

.height-170px{
    height:170px
}

.height-200px{
    height:200px
}

.height-210px{
    height:210px
}

.height-225px{
    height:224px
}

.height-230px{
    height:230px
}
.height-240px{
    height:240px
}

.height-250px{
    height:250px
}

.height-270px{
    height:270px
}
.height-275px{
    height:275px
}

.height-290px{
	height:290px
}

.height-300px{
    height:300px
}

.height-320px{
    height:320px
}

.height-400px{
	height:400px
}
.height-445px{
	height:445px 
}
.height-455px{
    height:455px
}

.height-470px{
    height:470px
}

.height-475px{
	height:475px
}

.height-480px{
    height:480px
}
.height-490px{
    height:490px
}
.height-495px{
	 height:495px
}

.height-500px{
    height:500px
}

.height-520px{
    height:520px
}

.height-550px{
	height:550px
}

.height-560px{
	height:560px
}

.height-570px{
	height:570px
}

.height-580px{
	height:580px
}
.height-700px{
    height:700px
}
.height-800px{
    height:800px
}
.margin5px10px{
    margin :5px 10px;
    
}

.marginleft10px{
	margin-left:10px;
}

.marginleft50px{
	margin-left:50px;
}

.marginright20px{
	margin-right:20px;
}

.marginright50px{
	margin-right:50px;
}

.paddingleft5px{
	padding-left:5px;
}

.paddingleft20px{
     padding-left:20px;
 }
.paddingleft25px{
    padding-left:25px !important;
}

.width35pc{
	width:35%;
}
.width50pc{
	width:50%;
}
.width60pc{
	width:60%;
}

.width70pc{
	width:70%;
}

.width80pc{
    width:80%;
}
.min-width-unset{
    min-width:unset;
}
.min-width-190px{
    min-width:190px;
}
.min-width-110px{
    min-width:110px;
}
.min-width-485px{
	min-width:480px;
}
.min-width-500px {
    min-width:500px;
}
.min-width-1190px{
	min-width:1190px;
}
.min-height-45px{
    min-height:45px;
}
.min-height-110px{
	min-height:110px;
}
.min-height-215px{
    min-height:215px;
}
.min-heigh-400px{
	min-height:400px;
}
.max-height-50px {
    max-height:50px;
}
.max-height-90pc{
	max-height:90%;
}
.max-height-89pc{ 
	max-height:89%;
}

.centerHorizontal{
    margin-left:auto;
    margin-right:auto; 
}

.centerVertically{
	vertical-align:middle;
}

.line-height-30px{
	line-height:30px
}

.line-height-20px{
    line-height:20px
}

.line-height-25px{
    line-height:25px
}
.noborder{
	border:none !important;
}
.time{
    font-size: 1em;
    font-family: unset !important;
}
.left45pc{
    left:45%;
}
.top50pc{
    top:45%;
}


.floatleft{
	float:left;
}

.floatright{
	float:right;
}

.textalignleft{
	text-align:left;
}

.textalignright{
	text-align:right;
}
.noShadows {
    border :solid 1px grey;

}
.textaligncenter{
	text-align:center;
}

.textblack{
    color:black !important;
}

.textorange{
	color:orange;
}

.textlightgrey{
    color:lightgrey;
}
.smalltext{
    font-size: 1em;
}
.smalltextgrey{
	color:grey;
	line-height:5px;
	font-size:10px;
}
.textgray{
    color:gray;
}
.smalltextorange{
    color:orange;
    line-height:5px;
    font-size:0.9em;
    text-align:center
}

.smalltextred{
	color:red;
	line-height:5px;
	font-size:9px;
	text-align:center
}

.italictext{
    font-style:italic;
}
.boldtext{
	font-weight:bold;
}
.normaltext{
    font-weight:normal;
}

.topbarlogo{
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center center;
    height: 32px;
    width: 32px;
    box-shadow: #b5aaaa 1px 1px 1px;
    border-radius: 2px;
    padding: 1px;
}

.positionfixedright50px {
    position:absolute;
    top:1px;
    right:50px;
}
.positionfixedright50-20px {
    position:absolute;
    top:20px;
    right:50px;
    color:grey;
}

.positionfixedbottom40px {
    position:fixed !important;
    bottom:40px !important;
    ;
}

.positionfixedright20px {
    position:absolute;
    top:5px;
    right:20px;
}
.cursorpointer{
	cursor:pointer;
}

.lineheight2p3em{
	line-height:2.3em;
}

.lineheight20px{
	line-height:20px;
}

.lineheight25px{
    line-height:25px;
}
.lineheight30px{
	line-height:30px;
}

.lineheight40px{
	line-height:40px;
}
.fontsize12px{
	font-size:12px;
}

.fontsize09em{
    font-size:0.9em;
}

.margin-auto{
	margin:auto;
}
.minheight-545px{
    min-height:545px;
}

.minheight-565px{
    min-height:565px;
}
.breakall{
    word-break:break-all;
}
.margin-left-2px {
    margin-left:2px;
}
.margin-auto{
    margin:auto;
}

.font-size-08em{
    font-size:0.8em;
}
.margin-top-40px{
    margin-top:40px;
}
.small{
    width: 25px;
    min-width: 25px;
    background-size: 70%;
    height: 25px;
    min-height: 25px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9em;
}
.small-15px{
    width: 15px !important;
    height: 15px !important;
    min-height: 15px !important;
    min-width: 15px !important;
    font-size: 0.7em;
}

.margin-top--10px{
    margin-bottom:-10px ;
}

.fixsize{
    -webkit-box-sizing: border-box; /* Safari/Chrome, OTHER WebKit */
    -moz-box-sizing: border-box;    /* Firefox, OTHER Gecko */
    box-sizing: border-box;
}

.descriptionarea{
    background-color: aliceblue;
    font-style: oblique;
    font-family: inherit;
    border: solid 2px rgba(128, 128, 128, 0.37);
    border-radius: 5px;
    padding: 10px;
}

.margin-bottom-100px{
    margin-bottom: 100px;
}
.gwt-TabPanelBottom{
    position:unset;
    display: flex;
    height: 100%;
}
.unsetoverflow{
    overflow: unset;
}
.margin-1px{
    margin: 1px;
}
.padding-bottom-100px{
    padding-bottom: 100px;
}
.hidden{
    visibility :hidden;
}
.fontsize12em{
    font-size: 1.2em;
}
.newicon {
    background-image: url(images/addnew.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 8%;
}

.printericon {
    background-image: url(images/printer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
}
.textalignjustified {
    text-align: justify;
}
.p3{background-color: #379012 !important;}
.p2{background-color: #fcff4a !important;}
.p1{background-color: #CC0000 !important;}

.l1{color: #379012 !important;}
.l2{color: #32cc20 !important;}
.l3{color: #CC9900 !important;}
.l4{color: #CC6600 !important;}
.l5{color: #CC0000 !important;}


.padding-left-0px {
    padding-left: 0px;
}

.margin-0px{
    margin: 0px;
}

.maleleft{
    width: 15px;
    height: 18.28px;
}

.femaleright{
    width: 15px;
    height: 21.56px;
    margin-left: 15px;
    margin-right: 5px;
}

.smallicone{
    width:16px;
    height:16px;
}

.printframesize{
    border:none;
}
.width-none {
    width: unset !important;
}

.deprecated{
    text-decoration: line-through;
}

.roundedtop5px{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.roundedbottom5px{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.lineheight1p2em {
    line-height: 1.2em;
}
.positionunset{
    position: unset !important;
}

.brown-text{
    color: brown;
}
.bottom-0px{
    bottom: 0px;
}
.width-60pc {
    width: 60%;
}
.width-75pc {
    width: 75%;
}
.width-35pc{
    width: 35%;
}
.margin-2px{
    margin: 2px;
}
.width-70pc {
     width: 70%;
 }
.nobullets{
    list-style-type: none;
}
.padding-left-8px{
    padding-left: 8px;
}
.font-size-small{
    font-size: small;
}
.green{
    color:green !important;
}
.red{
    color:red !important;
}

table.mceLayout{
    width: 100% !important;
}


.scroll-slow {
    margin: 0px;
    overflow: hidden;
    background: transparent;
    color: orange;
    height: 25px;
}
.scroll-slow>ul>li{
    display: inline-block;
    margin-left: 15px;
    padding-left: 5px;
    box-shadow: -1px 0px 0px grey;
    cursor: pointer;
    vertical-align: middle;
    user-select: none;
}
.scroll-slow>ul {
    position: absolute;
    top: 0px;
    white-space: nowrap;
    width: fit-content;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    overflow: visible;
    /* Starting position */
    -moz-transform:translateX(0%);
    -webkit-transform:translateX(0%);
    transform:translateX(0%);
    /* Apply animation to this element */
    -moz-animation: scroll-slow 25s linear infinite;
    -webkit-animation: scroll-slow 25s linear infinite;
    animation: scroll-slow 25s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-slow {
    0%   { -moz-transform: translateX(50%); }
    100% { -moz-transform: translateX(-101%); }
}
@-webkit-keyframes scroll-slow {
    0%   { -webkit-transform: translateX(50%); }
    100% { -webkit-transform: translateX(-101%); }
}
@keyframes scroll-slow {
    0%   {
        -moz-transform: translateX(50%); /* Browser bug fix */
        -webkit-transform: translateX(50%); /* Browser bug fix */
        transform: translateX(50%);
    }
    100% {
        -moz-transform: translateX(-101%); /* Browser bug fix */
        -webkit-transform: translateX(-101%); /* Browser bug fix */
        transform: translateX(-101%);
    }
}
.editablerendering{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px lightgray;
}

.previous{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.next{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.unrounded{
    border-radius: 0px !important;
}
.nolrborder{
    border-left: none;
    border-right: none;

}
.arrow{
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: 50%;
    flex: 0.5;
}
.aright{
    background-image: url(images/aright.png);

}
.aleft{
    background-image: url(images/aleft.png);
}
.reason{
    margin: 1px;
    color: crimson;
    font-family: serif;
    padding: 0px 5px;
}
.level{
    min-width: 0px;
    text-align: center;
    flex:1
}
.margin-tb-5px-lr-10px{
    margin: 5px 10px;
}
.cellheader{
    margin-top: 1px;
    padding-left: 10px;
    display: flex;
    background-color: #3A3A3A;
    color: white;
}

.profilebar{
    position: absolute;
    top:0px;
    right:0px;
    bottom: 0px;
}
.instcontentitem{
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.remedy-badge {
    background-color: #ad7474;
    color: white;
    padding: 5px;
    text-transform: capitalize;
    border-radius: 5px 0px 0px 5px;
    text-align: center;
    width: 100px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ksbutton-container {
    display: flex;
    justify-content: space-around;
}

.roundedtop2px{
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.roundedbottom2px{
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.align-self-right{
    align-self: flex-end;;
}
[data-warn]::before {
    content: attr(data-warn);
    white-space: pre;
    background-color: #ff4916;
    color: white;
    text-align:left;
    font-size: 1em;
    position: absolute;
    padding: 1px 5px 2px 5px;
    bottom: 1.6em;
    left: 10%;
    border-radius: 5px;
    z-index: 99999;
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
    text-transform: none;
}

[dwh=l]::before{
    right:50% !important;
    left: unset !important;
}
[dwv=b]::after{
    border-top: unset !important;
    border-left: 0px solid transparent !important;
    border-right: 10px solid transparent !important;
    border-bottom: 10px solid #ff4916 !important;
    bottom: 0px !important;
    left: 20% !important;
}

[dwv=b]::before{
    bottom: -2em !important;
}

[data-warn] {
    position: relative;
    overflow: visible;
}
[data-warn]::after {
    content:'';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ff4916;
    position: absolute;
    bottom: 1em;
    left:12%;
    z-index: 99999;
}
.red-bottom-border{
    border-bottom: solid 1px #ad7474;
}


.analysis-100 {
    color: #ff6859;
}

.bubble-100 {
    background-color: rgba(234, 170, 164, 0.92);
    border-color: #ff3228;
    box-shadow: inset 0px 0px 8px 1px #ee685a;
}

.analysis-200 {
    color: #4c6422;
}
.bubble-200 {
    background-color: rgba(196, 255, 29, 0.92);
    border-color: #4c6422;
    box-shadow: inset 0px 0px 8px 1px rgb(149, 234, 25);
}

.analysis-300 {
    color: #82abff;
}
.bubble-300 {
    background-color: rgba(178, 224, 255, 0.92);
    border-color: #82abff;
    box-shadow: inset 0px 0px 8px 1px rgba(154, 210, 255, 0.92);
}

.analysis-400 {
    color: #e1b407;
}
.bubble-400 {
    background-color: rgba(255, 205, 7, 0.92);
    border-color: #e19407;
    box-shadow: inset 0px 0px 8px 1px #f5980f;
}

.analysis-background-100 {
    background-color: #ff6859;
}

.analysis-background-200 {
    background-color: #4c6422;
}

.analysis-background-300 {
    background-color: #82abff;
}

.analysis-background-400 {
    background-color: #e1b407;
}

.lab-results th {
    text-align: left;
    font-weight: bold;
    max-width: 50px;
}
.lab-results th:first-child {
    max-width: unset!important;
}


.tableview tr:first-child {
    color: #c99148;
    background-color: lightgray;
    text-align: center;
}

.lab-results td {
    text-align: justify;
}

.tableview {
    border-collapse: collapse;
}
.tableview tr {
    border: solid;
    border-width: 1px 0;
}
.tableview tr td, .tableview tr th{
    padding: 5px;
    min-width: 50px;
}
table.lab-results td {
    text-align: left;
}
.tableview tr:last-child {
    border-bottom: none;
}

textarea{
    margin-top: 0px;
    margin-bottom: 0px;
    height: 99px;
    border-radius: 5px;
    background-color: aliceblue;
    /* font-style: italic; */
    font-weight: bold;
    font-family: Papyrus,fantasy;
    padding: 5px;
    line-height: 1.8em;
    font-size: larger;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px lightblue;
    outline: none !important;
}
.background-lightyellow {
    background-color: lightyellow;
}

.small-button{
    width: 25px;
    min-width: unset;
    margin: 0px 5px;
    background-position: center !important;
}
.untabbed-ul{
    padding-inline-start: unset !important;
}
table.borderedtable,
table.borderedtable th,
table.borderedtable td {
    border: 1px solid lightgray;
    border-collapse: collapse;

}
table.borderedtable th{
    background-color: lightgray;
    padding: 1px 5px;
}
.body p{
   margin-top: 1px;
    margin-bottom: 1px;

}
.body>*{
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: pre-wrap;
}
.confirm-r{
    background-color: rgba(207, 29, 29, 0.49);
    animation: rotating 0.2s linear infinite;
    animation-direction:reverse;
}
.confirm-v{
    background-color: rgba(207, 29, 29, 0.49);
    animation: vibrating 0.5s linear infinite;
    animation-direction:reverse;
}
@keyframes vibrating {
    0% {transform:scale(1);}
    20% {transform:scale(0.90);}
    40% {transform:scale(0.80);}
    60% {transform:scale(0.70);}
    80% {transform:scale(0.80);}
    100% {transform:scale(0.90);}
}
@keyframes rotating {
    0%   {transform:rotate(-10deg);}
    10%  {transform:rotate(-20deg);}
    20%  {transform:rotate(-30deg);}
    30%  {transform:rotate(-20deg);}
    40%  {transform:rotate(-10deg);}
    50%  {transform:rotate(0deg);}
    60%  {transform:rotate(10deg);}
    70%  {transform:rotate(20deg);}
    80%  {transform:rotate(30deg);}
    90%  {transform:rotate(20deg);}
    100% {transform:rotate(10deg);}

}
.disease{
    height: 150px !important;
    flex: unset !important;
}
.diary .datePickerDay,
.diary .datePickerWeekdayLabel,
.diary .datePickerWeekendLabel{
    height: 100% !important;
    font-size: 1.5em !important;
}
.diary .datePickerDay{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.diary .datePickerMonthSelector{
    height: 100% !important;
    font-size: 2em !important;
}

.diary .datePickerPreviousButton .html-face,
.diary .datePickerNextButton .html-face{
    font-size: 2em !important;
}
.cellaction {
    position: relative;
}
.cellaction:hover .itemaction{
    display:block;
}
.itemaction{
    list-style-type: none;
    position: absolute;
    display: none;
    background-color: white;
    z-index: 1000;
    margin: 0px;
    overflow: visible;
    height: fit-content;
    width: 80px;
    border: solid 1px #bdbdbd;
    border-radius: 1px 1px 3px 3px;
    padding: 0px;
    top: 21px;
}
.itemaction li{
    border-bottom: solid 1px #bdbdbd;
    cursor: pointer;
}
.itemaction li:active{
    color: red;
}
.itemaction li:hover{
    font-weight: bold;
    background-color: #e1f1ff;
}
.itemaction li:last-of-type{
    border-bottom: none;
    border-radius: 1px 1px 3px 3px;
}
.overflowvisible{
    overflow: visible !important; ;
}
.square-30px{
    height: 30px;
    width: 30px;
}
.sidenave{
    position: fixed !important;
    height: 450px !important;
    top: 20% !important;
    overflow: scroll;
    width: 550px !important;
}
.positionfixedright0px {
    right: -520px;
    left: unset !important;
}
.positionfixedleft0px {
    left: -520px ;
    right: unset !important;
}
.recent .tag{
    margin: 0px;
    min-width: 1.2em;
    height: 1.2em;
    padding: 0.18em;
    font-size: 0.7em;
}
.recent{
    cursor: pointer;
    font-stretch: expanded;
    font-style: oblique;
    text-orientation: mixed;
    text-align: center;
    font-size: 1.2em;
    color: #756060;
    border: solid 1px lightgray;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-self: center;
    min-height: 180px;
    width: 30px;
    flex:1

}
.recentleft{
    writing-mode: vertical-rl;
    background: #abd6fb38;
    border-left: none;
    border-radius: 0px 100px 100px 0px;
}
.recentright{
    writing-mode: vertical-lr;
    border-right: none;
    border-radius: 100px 0px 0px 100px;
}

.slideOutLtR{
    animation: slideOutLtRA 0.7s forwards;
}
.slideInRtL{
    animation: slideInRtLA 0.8s forwards;
    animation-timing-function: cubic-bezier(0.76, 0.04, 0.14, 1.06);
}
.slideOutRtL{
    animation: slideOutRtLA 0.7s forwards;
}
.slideInLtR{
    animation: slideInLtRA 0.8s forwards ;
    animation-timing-function: cubic-bezier(0.76, 0.04, 0.14, 1.06);
}
@keyframes slideInRtLA{
    from {right:-520px;}
    to {right: 0px;}
}
@keyframes slideOutLtRA {
    from {right:0px;}
    to {right: -520px;}
}

@keyframes slideInLtRA{
    from {left:-520px;}
    to {left: 0px;}
}
@keyframes slideOutRtLA {
    from {left:0px;}
    to {left: -520px;}
}

.height-450px {
    height: 450px;
}

.height-fitcontent {
    height: fit-content;
}
.width-520px {
    width: 520px;
}

.margin-top-30px {
    margin-top: 30px;
}

.alignright40 {
    position:absolute;
    right:40px;
}