.viewer-canvas img{background:url(/Content/images/yearbook/blue_line.svg) repeat;background-position:top left;background-color:white}.docPatientHeader{position:absolute;display:block;z-index:99;top:0;right:0}.paperActivePattern{font-weight:bold;background:rgba(255,193,7,0.28)}.writePrescriptionContainer{position:fixed;display:block;top:0;left:0;width:100%;height:100vh;overflow:hidden;background:rgba(0,0,0,0.6);direction:ltr;z-index:79;transition:all .5s}.writePrescriptionContainer.nng-enter{opacity:0}.writePrescriptionContainer.nng-enter .transCon{transform:translateY(200px);opacity:0}.writePrescriptionContainer.nng-enter .allPages{transform:translateY(-100%)}.writePrescriptionContainer.nng-enter.ng-enter-active{opacity:1}.writePrescriptionContainer.nng-enter.ng-enter-active .transCon{transform:translateY(0);opacity:1}.writePrescriptionContainer.nng-enter.ng-enter-active .allPages{transform:translateY(0)}.writePrescriptionContainer.nng-leave{opacity:1}.writePrescriptionContainer.nng-leave .transCon{transform:translateY(0);opacity:1}.writePrescriptionContainer.nng-leave .allPages{transform:translateY(0)}.writePrescriptionContainer.nng-leave.ng-leave-active{opacity:0}.writePrescriptionContainer.nng-leave.ng-leave-active .transCon{transform:translateY(200px);opacity:0}.writePrescriptionContainer.nng-leave.ng-leave-active .allPages{transform:translateY(-100%)}.writePrescriptionContainer .writePrescription{width:100%;height:100%;position:relative;display:block}.writePrescriptionContainer .writePrescription .transCon{position:relative;display:block;height:100vh;overflow:hidden;transition:all .5s cubic-bezier(0.680, -0.550, 0.265, 1.550)}.writePrescriptionContainer .writePrescription .scrollable-content{padding-top:0}.writePrescriptionContainer .writePrescription .paperContainer{position:relative;display:table;cursor:context-menu;border-radius:4px}.writePrescriptionContainer .writePrescription .paperContainer .result,.writePrescriptionContainer .writePrescription .paperContainer .paperPattern{position:absolute;display:block;top:0;left:0;z-index:0}.writePrescriptionContainer .writePrescription .paperContainer canvas{position:relative;display:block;transform-origin:0 0;transition:transform .3s}.writePrescriptionContainer .writePrescription .paperContainer:before{content:'';position:absolute;display:block;width:88.5%;left:50%;bottom:4.7%;border:2px solid #e4e4e4;height:70%;transform:translateX(-50%);opacity:0;background-position-y:3.5%;background-size:5.7%;border-radius:4px}.writePrescriptionContainer .writePrescription .paperContainer .paperPattern{background-color:white;transform-origin:0 0;transition:transform .3s}.writePrescriptionContainer .writePrescription .paperContainer .paperPattern:before{content:'';width:calc(100% - 40px);height:calc(100% - 60px);background:url(/Content/images/yearbook/blue_line.png) repeat;border:2px solid #e4e4e4;border-radius:.5em;opacity:0.5;position:absolute;display:block;top:calc(50% + 15px);left:50%;transform:translate(-50%, -50%) scale(1)}.writePrescriptionContainer .writePrescription .paperContainer .paperPattern.isCustom{background-repeat:no-repeat}.writePrescriptionContainer .writePrescription .paperContainer .paperPattern.isCustom:before{display:none}.writePrescriptionContainer .writePrescription .paperContainer .textEditor{position:absolute;display:none;min-width:300px}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .editor{font-size:16px;line-height:18px;border:1px dashed #cecece;background:rgba(245,245,245,0.5);border-radius:10px;min-height:20px;padding:4px;max-width:inherit}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .editor>div{overflow:hidden}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .tools{background:rgba(245,245,245,0.6);border-radius:0.5em;padding:2px 5px;font-size:0.9em;margin-bottom:0.5em;color:gray;max-width:inherit}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .tools i{cursor:pointer}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .tools i:hover{opacity:.6}.writePrescriptionContainer .writePrescription .paperContainer .textEditor .tools i.active{background:#FFEB3B;border-radius:4px;color:#989898}.writePrescriptionContainer .writePrescription .actionContainer{position:absolute;display:block;top:0;left:0;width:90px;height:100%;padding-top:37px;background:rgba(226,220,175,0.71);transition:all .2s}.writePrescriptionContainer .writePrescription .actionContainer>div{padding:2px;overflow-y:auto;overflow-x:hidden;height:100%}.writePrescriptionContainer .writePrescription .actionContainer hr{margin:0;border-color:white}.writePrescriptionContainer .writePrescription .actionContainer .btn{position:relative;display:block;width:40px;height:40px;font-size:1.4em;margin:2px 1px;vertical-align:top;text-align:center}.writePrescriptionContainer .writePrescription .actionContainer .btn i.material-icons{font-size:1.3em;text-shadow:none}.writePrescriptionContainer .writePrescription .actionContainer .btn.addPageBtn{width:83px;border-radius:.6em}.writePrescriptionContainer .writePrescription .actionContainer .btn.saveBtn i.material-icons{color:#00b300}.writePrescriptionContainer .writePrescription .actionContainer .pageScaleCont{background:rgba(255,255,255,0.64);border-radius:0.7em;margin-top:0.25em}.writePrescriptionContainer .writePrescription .actionContainer .pageScaleCont .pageScale{font-size:.85em !important}.writePrescriptionContainer .writePrescription .actionContainer .pageScaleCont i{background:#9E9E9E;border-radius:0.4em;color:#FFEB3B;margin:0 4px 4px;cursor:pointer;user-select:none}.writePrescriptionContainer .writePrescription .actionContainer .pageScaleCont i:hover{opacity:.7}.writePrescriptionContainer .writePrescription .actionContainer .drawDate{margin:4px 0;background:white;border-radius:0.7em;cursor:pointer}.writePrescriptionContainer .writePrescription .actionContainer .drawDate i.check{display:none}.writePrescriptionContainer .writePrescription .actionContainer .drawDate i.unCheck{display:inline-block}.writePrescriptionContainer .writePrescription .actionContainer .drawDate.active i.check{display:inline-block;color:#ed6c44}.writePrescriptionContainer .writePrescription .actionContainer .drawDate.active i.unCheck{display:none}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber{padding-right:0.6em;padding-left:.3em;background:rgba(0,0,0,0.3);border-radius:1em;margin:.5em 0 0;font-size:0.9em;width:83px}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber ._md-select-icon{margin:0 2px}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber md-select-value{min-width:0;padding:0;color:white !important}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber md-select-value>span{transform:translate(0, 0)}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber:hover{background:rgba(0,0,0,0.4)}.writePrescriptionContainer .writePrescription .actionContainer .actions{margin:.5em 0 0;font-size:0.8em;min-width:0;width:83px !important}.writePrescriptionContainer .writePrescription .actionContainer .medicine>button{margin-bottom:10px;width:100%;font-size:0.8em;min-width:0}.writePrescriptionContainer .writePrescription .actionContainer .shiftPage button{margin:0 .2em}.writePrescriptionContainer .writePrescription .actionContainer .hideBtn{position:absolute;display:block;width:100%;height:37px;top:0;left:0;cursor:pointer;background:#00bcd4;overflow:visible}.writePrescriptionContainer .writePrescription .actionContainer .hideBtn i{color:white;position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(1)}.writePrescriptionContainer .writePrescription .actionContainer .md-menu{padding:0}.writePrescriptionContainer .writePrescription .actionContainer,.writePrescriptionContainer .writePrescription .actionContainer .hideBtn,.writePrescriptionContainer .writePrescription .actionContainer .hideBtn i{transition:all .2s}@media only screen and (max-width: 599px){.writePrescriptionContainer .writePrescription .actionContainer .btn{width:40px !important;height:40px}.writePrescriptionContainer .writePrescription .actionContainer .pageNumber{font-size:0.8em}.writePrescriptionContainer .writePrescription .actionContainer md-menu>button{margin:0;font-size:0.7em;min-height:0;height:26px;line-height:26px}}.writePrescriptionContainer .writePrescription .actionContainer.slide{transform:translateX(-100%)}.writePrescriptionContainer .writePrescription .actionContainer.slide .hideBtn{width:50%;transform:translateX(200%)}.writePrescriptionContainer .writePrescription .actionContainer.slide .hideBtn i{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%) scale(1) rotate(180deg)}.writePrescriptionContainer .writePrescription #pageScroller{position:absolute;display:block;bottom:10px;right:10px;border-radius:50%;width:80px;height:80px;background:rgba(0,0,0,0.3);border:2px solid #eee}.writePrescriptionContainer .writePrescription #pageScroller #pageHandler{width:30px;height:30px;border-radius:50%;background:white;cursor:pointer}.writePrescriptionContainer .writePrescription #pageScroller #pageHandler i{font-size:1.3em;text-shadow:none;margin-top:-1px}.writePrescriptionContainer .writePrescription .allPages{position:fixed;display:block;top:1em;left:calc(51.5% + 22px + 50px);transition:all .5s cubic-bezier(0.680, -0.550, 0.265, 1.550)}.writePrescriptionContainer .writePrescription .allPages .userContainer{position:relative;display:block;border-radius:50%;width:50px;height:50px;text-align:center;margin-top:1em;cursor:pointer}.writePrescriptionContainer .writePrescription .allPages .userContainer i.fa-user{font-size:2em;padding-top:7px}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes{position:absolute;display:block;background:rgba(0,0,0,0.85);color:white;list-style:none;text-align:right;padding:7px 0;z-index:9;font-size:.9em;top:46px;right:7px;border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.72);transition:all .3s}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes li{line-height:1.4;padding:.1em 1em;cursor:pointer}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes li i.fa{vertical-align:sub;margin-left:5px;transition:all .3s}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes li:hover{background:black;color:#eee}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes li:hover i.fa{transform:translateX(3px)}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes:before{content:'';position:absolute;display:block;border:8px solid transparent;border-bottom-color:rgba(0,0,0,0.85);top:-15px;width:0;height:0;right:24px;transition:all .3s}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes.ng-hide{opacity:0;transform:translateY(.5em)}.writePrescriptionContainer .writePrescription .allPages .prescriptionTypes.ng-hide:before{right:0}.writePrescriptionContainer .writePrescription .allPages .pageContainer{position:relative;display:block;width:calc(100% - 20px);height:calc(3 * (100px * 1.41429));margin:0 auto}.writePrescriptionContainer .writePrescription .allPages .page{position:relative;display:block;margin:.5em auto;width:100px;height:calc(100px * 1.41429);background:url(/Content/images/paper.svg) no-repeat;background-size:cover;background-color:white;border-radius:4px;overflow:hidden;cursor:pointer;box-shadow:0 3px 5px 0 rgba(0,0,0,0.3)}.writePrescriptionContainer .writePrescription .allPages .page img{width:100%}.writePrescriptionContainer .writePrescription .allPages .page .isWriting{position:absolute;display:block;top:50%;left:50%;fill:#F7941D;transform:translate(-50%, -50%) scale(0);transition:all .3s cubic-bezier(0.680, -0.550, 0.265, 1.550)}.writePrescriptionContainer .writePrescription .allPages .page.active .isWriting{transform:translate(-50%, -50%) scale(1)}.writePrescriptionContainer .writePrescription .allPages .page i.fa{font-size:.9em;position:absolute;display:block;width:2em;height:1em;text-align:center;background:rgba(243,243,243,0.7);box-sizing:content-box;cursor:pointer;color:#B3B3B3;opacity:0;bottom:0;left:50%;border-radius:50% 50% 0 0;padding:0.2em 0;border-top:1px solid #d6d6d6;transform:translate(-50%, 100%);transition:all .3s cubic-bezier(0.680, -0.550, 0.265, 1.550),background .3s,width .2s}.writePrescriptionContainer .writePrescription .allPages .page i.fa:hover{color:#ed1c24;background:#F3F3F3;border-top-color:#D6D5D5}.writePrescriptionContainer .writePrescription .allPages .page:hover{box-shadow:0 0 10px 0 rgba(0,0,0,0.6)}.writePrescriptionContainer .writePrescription .allPages .page:hover i.fa{opacity:1;width:60%;transform:translate(-50%, 1px)}.writePrescriptionContainer .writePrescription .allPages .add{margin-top:.5em}.writePrescriptionContainer .miniActionContainer{position:relative;display:block;width:70px;text-align:center}.writePrescriptionContainer .miniActionContainer hr{margin:5px 10px}.writePrescriptionContainer .miniActionContainer .md-button{padding:0;margin:0;width:30px}.writePrescriptionContainer .miniActionContainer .md-button i{font-size:2.3em}.writePrescriptionContainer.isInline{position:relative;display:flex;justify-content:flex-start;align-items:flex-start;background:transparent;text-align:initial}.writePrescriptionContainer.isInline .actionContainer{display:none}.writePrescriptionContainer.isInline .writePrescription .transCon{height:auto}.writePrescriptionContainer.isInline .writePrescription .paperContainer .paperPattern:before{width:100%;height:100%;top:50%}.writePrescriptionContainer.isInline .writePrescription .paperContainer .paperPattern.isCustom{border:2px solid #dcdbdb;border-radius:0.7em}@media only screen and (max-width: 599px){.writePrescriptionContainer.isInline{flex-direction:column}.writePrescriptionContainer.isInline .miniActionContainer{width:100%;height:auto;text-align:left}}.writePrescriptionContainer .patientInfo{position:absolute;top:0;margin:0;width:100%;background:rgba(255,255,255,0.9);padding:0 0 0.2em 6em;text-shadow:0 0 5px white;text-align:left;white-space:nowrap;overflow:hidden;letter-spacing:-1px;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.writePrescriptionContainer .patientInfo .userIcon{background:white;border-radius:50%}.writePrescriptionContainer .patientInfo config-pa-info,.writePrescriptionContainer .patientInfo .opacityHover{pointer-events:all}digi-pen{position:relative;display:inline-block;margin:0 auto}