/* used to hide the title bar*/
.vision-row {
    padding: 10px 0 !important;
}

.vision-page-title-row, .vision-page-title-bar {
    visibility: hidden;
    height: 1px;
}
/* used to hide the title bar*/

    :root {
        height: 1px;
        --box-border-radius: 5px;
    }

    .dosageTitle { 
        color:#FFF;
        padding: 0 10px;
        border-radius: var(--box-border-radius);
        margin: 24px 0px 0px 0px !important;
        width: max-content;

    }
    .weightStyle {
        background-color: #000; 
        text-align:center;
        font-weight:bolder;
        font-size: 18px;
    }
    .microdoseStyle {			background-color: #4267B1;}
    .perceivableDoseStyle {		background-color: #189747;}
    .intenseDoseStyle {			background-color: #F8991D;}
    .profoundDoseStyle {		background-color: #DB3D25;}
    .breakthroughDoseStyle {	background-color: #93268F;}

    .dosageBox {
        padding: 5px;
        border-radius: var(--box-border-radius);
        font-weight: bold;
        color: #FFF;
    }
    
    .traditionalText {
        font-style:italic;
        font-weight:normal;
        font-size: 12px;
        margin: :1px;

    }
    .traditionalText span {
        margin: :1px;
	}

    .dosageBox p {
		margin-block-start: 0px;
		margin-block-end: 0px;
		line-height: 17px;
    }
    
    .weightBox {
        border: 5px groove  #0f0;
        background-color: #afa;
        font-size: 24px;
    }
	

    #dosageContainer {
        display: flex;
        flex-direction: column;
        width: max-content;
    }
    
    .topBox { border-radius: var(--box-border-radius) var(--box-border-radius) 0 0; }
    .midBox { border-radius: 0; }
    .bottomBox { border-radius: 0 0 var(--box-border-radius) var(--box-border-radius); }
    
    .modifyData {
        background-color: #eee;
        color:#000;
        padding: 5px;
        font-size: 12px;
    }
    
    .mushroomData {
        background-color: #ccc;
        color:#000;
        padding: 5px;
        font-size: 12px;
    }
    .mushroomData select,  .modifyData select {
    
        background-color:#fafafa;
    }
	#doseAdjust {
        font-size: 14px;
	}
	.red {
		color: #f00;
	}

	.blue {
		color: #99f;
	}
	#doseType {
	    font-size: 14px;
	}