[ng-cloak]                                         { display: none !important;}  
[data-ng-cloak]                                    { display: none !important;}                                    
/*****scrollbar start here*******/

  div
     {
     	scrollbar-face-color:#cacaca;
     	scrollbar-highlight-color:#cacaca;
     	scrollbar-3dlight-color:#cacaca;
     	scrollbar-darkshadow-color:#cacaca;
     	scrollbar-shadow-color:#cacaca;
     	scrollbar-arrow-color:#333333;
     	scrollbar-track-color:#EAEAEA;
     }                               

::-webkit-scrollbar{ width: 8px; height:8px; background-color: #c9c9c9;}
::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #fff; background-color: #fff;}
::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px #c7c7c7; background-color: #c7c7c7;}
.scrollbar                                         { height:100%; overflow:auto;-webkit-overflow-scrolling:touch;}

.button                                            { border: none;padding: 5px 10px;border-radius: 3px;background: #0070d4; color: #fff;font-size: 14px;}


.leftP                                             { left: 0px;}
.rightP                                            { right: 0px;}
.clr                                               { clear: both;}
*                                                  { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body                                               { margin: 0px;padding: 0px;font-family:sans-serif;    background: #ececec; font-size:12px; overflow:hidden;}
ul                                                 { padding:0px; margin:0px; list-style:none;}
.cke_editable ul                                   { list-style-type: disc; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 40px;}
input, button, select, textarea                    { margin:0px;}
textarea                                           { resize:vertical;}
h1,h2,h3,h4,p                                      { margin:0px; padding:0px;}
.pull-left                                         { float: left;}
.pull-right                                        { float: right;}
.ellipsis                                          { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.scrollbar                                         { height:100%; overflow:auto;}
 
/************ page Load spinners *******/

.page-loader-div                                   { position:fixed; height:100%; width:100%; top:0px; left:0px; bottom:0px; right:0px; z-index:999; background:rgba(0, 0, 0, 0.3);} 
.page-loader                                       { position:fixed; height:50px; width:50px; background:#fff;  overflow:hidden; border-radius:8px; 
                                                     top:50%; left:50%; margin-left:-25px; margin-top:-25px; z-index:999999; text-align:center;display: table; padding:12px; }
.page-loader-spinner                               { height: 20px;width: 20px;border: 2px solid transparent;border-top-color: #0070d4;border-left-color: #0070d4;
                                                     border-right-color: #0070d4;border-radius: 15px;display: table-cell;-moz-animation: spin 2s infinite linear; 
                                                     -o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 1s infinite linear;}

@-moz-keyframes    spin   {  0%{-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
                             100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@-webkit-keyframes spin   {  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
                             100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@-o-keyframes      spin   {  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
                             100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@-ms-keyframes     spin   {  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
                             100%  {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
@keyframes         spin   {  0% {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
                             100% {-moz-transform: rotate(359deg);-o-transform: rotate(359deg);-webkit-transform: rotate(359deg);transform: rotate(359deg);}}
.icon                                       { color:#636363;margin-left:5px;font-size:18px; cursor:pointer;}
.icon-dis                                       { color:#bbbaba !important; cursor:default !important;}
.textbox                                         { padding:5px; font-size:12px; color: #555; width:100%;  border: 1px solid #cccccc;  border-radius:2px; 
                                                   -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
                                                   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                                                   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                                                   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                                                   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                                                   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;font-family: Tahoma;}
                                    
.droupdown                                       { padding:5px; font-size:12px; color: #555; width:100%;  border: 1px solid #cccccc;  border-radius:2px; 
                                                   -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;
                                                   box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                                                   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                                                   -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                                                   -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                                                   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}                                          
                                 
.textarea:focus, .textbox:focus, .droupdown:focus { border-color: #66afe9;outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
                                                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);} 
.textarea                                         { padding:5px; font-size:12px; color: #555; width:100%; border:1px solid #cccccc; height:40px; display:block;
                                                    -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius:2px;
                                                    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
                                                    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
                                                    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                                                    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; resize:none;font-family: Tahoma;} 
													.textarea-editable                                   {display:block; width:100%;background:#fff no-repeat; border-width:0px 0px 1px 0px; height:22px;border-bottom:1px solid #b3b3b3;-webkit-box-shadow:inherit !important; padding:3px; font-weight:bold !important; line-height:15px;background-image: linear-gradient(to bottom, #66afe9, #66afe9), linear-gradient(to bottom, #e0e0e0, #e0e0e0);background-size: 0px 2px, 100% 0px;background-position: 50% 100%, 50% 100%;transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);} 
.textarea-editable:focus                            {background-size: 100% 1px, 100% 1px; outline:none; }

/*.buttons                                          { display: inline-block;padding: 2px 10px;font-size: 12px;line-height: 20px;color: #fff;
                                                    text-align: center;text-shadow: 0 1px 1px rgba(68,67,67,0.75);vertical-align: middle;cursor: pointer;
                                                    background-color: #0070d4;outline: none;border: none;border-radius: 2px;} 
.buttons:hover                                    {} 
.button-dis                                       { cursor:default !important; background:#85b0d1 !important; color:#CFEAFF !important; text-decoration:none;  border-radius:2px; outline:none; border:none;}
.button-dis:hover                                 { background:#85b0d1 !important;}   */
.page-header                                      { padding: 3px 10px 3px 10px;clear:both; }
.page-head                                        { height:30px; width:100%; position:relative}
.page-head h1                                     { font-style:normal; font-size: 19px; margin: 4px 0 0 0; font-weight:600; overflow:inherit; float:left; color: #0070d4;}



#topheader                                        { height: 50px; position: fixed; z-index: 1000; width: 100%; top: 0px; left: 0px; border-bottom: 1px solid #e0e0e0;
                                                    background: -webkit-linear-gradient(left, #0647a6 0%,#2278de 100%);
                                                    background: -o-linear-gradient(left, #0647a6 0%,#2278de 100%);
                                                    background: -ms-linear-gradient(left, #0647a6 0%,#2278de 100%);
                                                    background: linear-gradient(to right, #0647a6 0%,#2278de 100%);
                                                    border-bottom: 1px solid #e0e0e0;}
                                                    
.header-left                                      { float: left;}
.header-left .brandlogo                           { float: left; cursor: pointer; margin: 5px; background: #fff; border-radius: 3px;}
.header-left .brandlogo img                       { margin: 3px; height: 30px; cursor: pointer;}
.header-rlogo                                     { float: right;cursor: pointer;background: #fff;padding: 3px;border-radius: 3px;}
.header-rlogo img                                 { height: 16px;}
.header-top-menu li                               { padding: 12px;}
.parent-icon                                      { text-align:center; color:#fff;height: 25px;width: 25px;display: block;border-radius: 50%;cursor: pointer;font-size:25px;/*padding: 4px 0px 0px 5px;*/border: 0 solid #cacaca; }
.parent-icon:hover                                { color:#fff; background-color:#0070d4;}

#contentwrapper                                   { position: fixed; top:49px; bottom: 21px; overflow: hidden; width: 100%;}
.main-content                                     { padding: 0px 10px 0px 10px; overflow: hidden; width: 100%; }
.row2                                             { position: relative; background: #fff; padding: 10px;}
.main-left-col                                    { width: 220px;float: left; margin-right:10px; border:1px solid #e5e5e5; background-color:#fff; overflow:auto}
.main-right-col                                   { clear: right;/*margin-left: 237px;*/background: #ffffff; overflow: hidden; height:100%; padding:10px; border:1px solid #e5e5e5;}
.left-search                                      { background: #f5f5f5;padding: 8px;position: relative; border-bottom: 1px solid #e0e0e0;}
div#footer                                        { font-size: 11px; position: fixed; width: 100%;height: 20px;z-index: 10;bottom: 0;left: 0;    background: #dedede; display:flex; line-height:20px;}
div#footer span                                   { font-weight: 400; padding: 0 10px; color: #7f7f7f;}

.page-head-icon                                   { float:right; height:30px;}
.page-head-icon ul li                             { float:right; margin-left:10px; padding: 2px 5px 2px 5px; position:relative;color: #0070d4;}
.page-head-icon ul li.active                      { color: #fff;border-radius:4px;}
.page-head-icon ul li i                           { font-size:17px; margin-right:5px; vertical-align:middle;}
.page-head-icon ul li label                       { font-size:14px; cursor:pointer; float:right;  margin-top: 2px;}

.page-head-icon ul li .page-help                  { margin-right:0px;}
.page-head-icon ul li.page-but-dis                { color:#A8A8A8  !important;}
.page-head-icon ul li.page-but-dis label          { cursor : default;}
.page-head-icon ul li.page-but-dis:hover          { background:none !important; }
.menulist				                          { float: left;font-size: 30px;margin-right: 20px;border-radius: 4px; display:none; cursor:pointer;}
.page-head-right                                  { float:right;}
.page-loader img                                  { height:35px; width:35px; margin-top:10px;}
.page-loader i                                    { font-size:20px; margin-top:11px; color:#0070d4;}
.autocomplete-div                                 { border-radius:2px; position:relative;/* padding-right:25px;*/  background:#fff; border: 1px solid #ccc; padding-left:2px;}
.autocomplete-box                                 { padding:5px; border:none; width:100%; outline:none; background:#fff; /*z-index:999999;*/ font-size:12px;}
 
.no-records                                       { text-align:center; margin-top:120px;} 
.no-records label                                 { padding:7px 0; color:#F46767; font-size:15px; float:none;} 

.parent                           { border-bottom:1px solid #dcdfe0; cursor:pointer; border-left:2px solid transparent; position:relative; padding:5px;}
.parent i                         {position:absolute; right:5px; top:10px; font-size:14px; color:Gray;}
.parent:hover                     {background:#f2f2f2;  }
.parent label                     {font-size:12px;  cursor:pointer; line-height:20px;  font-weight: bold; color: #0070d4;}
.parent span                      {font-size: 11px; color: Gray;} 
.parent.active                    {background:#f2f2f2; }
.parent-dis label                 {color:#cbcbcb !important; cursor:default !important;}
.parent-dis:hover                 {background:#fff !important; border-left:2px solid transparent !important;}
.parent:hover, .parent.active     {border-left: 2px solid #0070d4;}


.parent .UP-leftmenu-icon         {position: absolute;left: 4px;top: 11px;/*font-size: 18px;color: #000;*/}
.parent.active label              {color:#484848;}
.parent .RV-patname               {width:90%;margin-left:6px;display:block;/*  float:left; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/}
.parent .RV-umr                   {width:90%; margin-left:6px; float:left; font-size:11px; color:Gray; text-overflow: ellipsis;
                                   white-space: nowrap; overflow: hidden;} 
                                   
                                   
.parent2                          {border-bottom:1px solid #cbcbcb; cursor:pointer; border-left:2px solid transparent; position:relative; text-overflow: ellipsis; 
                                   overflow: hidden; white-space:nowrap;}
.parent2.active                   {border-left:3px solid #03abd4 !important; background: #f5f5f5;}
.parent2-table                    {border-collapse:inherit; border:0px;}           
.parent2-table  td                {position:relative; padding:5px; vertical-align:top; white-space: normal;}
.parent2-table  h4                {color:#03abd4;}
.parent2-table  span              {font-size:11px; color:#8e8e8e;}
.parent2-table  tr td i           {vertical-align:middle; margin-right:5px; color:#767676; font-size:14px;}



                                   


/****************************Apt Patient Details***********************************/
.top-pat-dls                   { padding:5px;width: 100%;position: relative; background: #f2f2f2; 
    /*background: -webkit-linear-gradient(bottom, #f2fbea 0%,#fff 100%);*/
   background: -moz-linear-gradient(left, #f2f2f2 0%, #fff 100%);
   background: -webkit-linear-gradient(bottom, #f2f2f2 0%,#fff 100%);
   background: -o-linear-gradient(left, #f2f2f2 0%,#fff 100%);
   background: -ms-linear-gradient(left, #f2f2f2 0%,#fff 100%);} 
.pat-details                         { display: flex; flex-wrap: wrap;}                                 
.pat-dtl-col                         { display: flex; height:16px; margin-right:35px; align-items: center; margin-top: 4px; margin-bottom: 4px;}          
.pat-title                           { margin-right: 7px; color: #868686; font-weight:bold;}   
.pat-value                           { color: #084aaa; font-weight:bold;}                                   
.icon                       { color: #636363; margin-left: 5px; font-size: 18px; cursor: pointer;}
.icon-dis                   { color:#D8D8D8 !important; cursor:default !important;}  

.apt-patient-div                  {background:#e0f7fa; width:100%; border: 1px solid #80deea; border-radius:3px; position:relative; padding:8px; height:62px; margin-bottom:8px;}
.apt-patient-photo                {width:35px; height:35px; overflow:hidden; text-align:center; float:left;}                    
.apt-patient-photo img            {width:35px; height:35px;} 
.apt-patient-dls                  {position:relative; display:table;}
.pat-allergy                      {position:relative;}
.pat-allergy:before               {font-family:'fontastic-icon';  font-weight: normal; font-style: normal; content:attr(venki-icon); position:absolute; right:-15px; top:3px; cursor:pointer;}

.patient-ul                       { display:block; float:left;}
.patient-ul li                    { float:left; margin:3px 15px 0px 5px; max-width: none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height:16px;}
.patient-ul li .title             { font-weight:bold; color:#333; font-size:11px; margin-bottom:3px; float:left;}
.patient-ul li .value             { color:#696969; font-size:12px; }
.patient-ul li .col               { font-weight:bold; color:#333; font-size:12px;/* float:left; */margin:0 5px 0 5px;}

.pat-dls-icons                    { position: absolute; top:-9px; right: 6px; border: 1px solid #80deea; background: #fff; border-radius:2px;}
.vd-dms-icon                      { padding:1px 5px; float:right; background:#e0f7fa; color: #555; border-right:1px solid #80deea;}
.vd-dms-icon:hover                { color:#000; background:#fff;}
.vd-dms-icon i                    { font-size:12px; cursor:pointer;}
.vd-pat-dash                      { color:#0070d4;}

/*****************dms-view*****************/
.input-box-icon  {display:table; width:100%;}
.box-icon        { border-radius:4px 0 0 4px;}
.input-box       {display:table-cell;padding: 0px;border-radius: 4px 0px 0px 4px;}
.input-search    {display:table-cell;   width:30px;  background: #D4D3D3;text-align: center; padding-top:5px;
                  vertical-align: middle; border-radius:0px 3px 3px 0px ; color:#555; border: 1px solid #C0BBBB; 
                  cursor:pointer; border-left:none;
                  background: -moz-linear-gradient(top, #FEFEFE 0%, #E6E6E6 100%);
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#E6E6E6));
                  background: -webkit-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
                  background: -o-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
                  background: -ms-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
                  background: linear-gradient(to bottom, #FEFEFE 0%,#E6E6E6 100%);}
                  
.autocomplete-but{margin-right:25px; clear:left;}
.dms-formats-left{float:left; width:200px;  border: 1px solid #e0e0e0; height:100%; margin-right:10px;}
.dms-formats-header{padding:5px 10px; background:#f2f2f2; border-bottom:1px solid #e0e0e0;}
.dms-formats-header input[type="checkbox"]{margin-right:5px; vertical-align:middle;}
.dms-formats-grid{clear:right;display: -webkit-box; height:100%;}  
.dms-formats{padding:5px 10px; color:#7C7C7C; font-weight:bold;}
.dms-formats input[type="checkbox"]{margin-right:5px; vertical-align:middle;} 
.dms-scan    {height:100%; border: 1px solid #cbcbcb;}
.dms-backto-grid{text-align:right; padding:5px; border-bottom: 1px solid #cbcbcb; background:#f2f2f2; height:33px;}
.dms-backto-grid label{cursor:pointer;}
.dms-scan-doc{overflow:auto; text-align:center; padding:10px; height:100%;}
.dms-scan-img{position:relative; height:100%;margin-bottom:10px;}
.dms-scan-img img{height:500px;  -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; 
                  -webkit-user-drag: none; user-drag: none; -webkit-touch-callout: none;}
.dms-img-rotat-btn{position:absolute; top:10px; right:10px; background:rgba(3,171,212,0.5); color:#fff; border:1px solid #cbcbcb; border-radius:3px; z-index:99;}
.dms-img-rotat-btn i{padding:5px 10px 2px 10px; display: block; font-size: 17px; cursor:pointer;}
.dms-img-rotat-btn i:hover{background:#e0dede; color:#000;}
.icon-flip-h{transform: scaleX(-1);}
.dms-full-screen .main-left-col{display:none;}  
.dms-full-screen .main-right-col{margin-left:0px;}
.dms-full-screen .dms-formats-left{display:none;}
.dms-full-screen .dms-formats-grid {margin-left:0px;}  
  
  
.img-thumbnail{padding:5px 45px; position:relative; width:100%;}  
.img-thumbnail ul .img-thumbnail-li{display:inline-block; cursor:pointer; margin:0 3px 0 3px;} 
.img-thumbnail-pic{height:55px; width:55px; background:#fff;border:1px solid #cbcbcb; overflow:hidden; text-align:center;}  
.img-thumbnail-pic img{height:55px; width:55px;}  
.img-thumbnail-prv, .img-thumbnail-next{position:absolute; width:30px; height:30px; border:1px solid #cbcbcb; border-radius:50%;
                                        font-size: 24px; text-align: center; color: #949494; background:#fff;cursor:pointer;}  
.img-thumbnail-prv  { left:5px; top:17px;}  
.img-thumbnail-next { right:5px; top:17px;}
.no-data-padding    { padding-top: 150px !important;}
.no-data-maindiv    { height: auto;width: 100%;padding-top: 20px;}
.no-data-div        { height: 165px;width: 750px;margin: 0px auto;text-align: left;}
.image-minus90      {-webkit-transform: rotate(-90deg) !important;-moz-transform: rotate(-90deg) !important;
                     -ms-transform: rotate(-90deg) !important;-o-transform: rotate(-90deg) !important;
                     transform: rotate(-90deg) !important;transform-origin: 0px !important;}
.image-90           { -webkit-transform: rotate(90deg) !important ;-moz-transform: rotate(90deg) !important;
                      -ms-transform: rotate(90deg) !important;-o-transform: rotate(90deg) !important;
                      transform: rotate(90deg) !important;transform-origin: 0px !important;}
.image-180          {-webkit-transform: rotate(180deg) !important;-moz-transform: rotate(180deg) !important;
                     -ms-transform: rotate(180deg) !important;-o-transform: rotate(180deg) !important;
                     transform: rotate(180deg) !important;transform-origin: 0px !important;}
.image-270          { -webkit-transform: rotate(270deg) !important;-moz-transform: rotate(270deg) !important;
                      -ms-transform: rotate(270deg) !important;-o-transform: rotate(270deg) !important;
                      transform: rotate(270deg) !important;transform-origin: 0px !important;}
                      
.StplGrid-div                          { width:100%; border:1px solid #e0e0e0; background:#fff; -webkit-overflow-scrolling:touch;}
.StplGrid-header                       {background: #ededed; border-bottom:1px solid #d3d3d3; padding:9px 6px; 
                                        background: -moz-linear-gradient(top, #f6f6f6 50%, #ededed 100%);
                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f6f6f6), color-stop(100%,#ededed));
                                        background: -webkit-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                        background: -o-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                        background: -ms-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                        background: linear-gradient(to bottom, #f6f6f6 50%,#ededed 100%)}  
.StplGrid-header .StplGrid-title       { font-size:15px; font-weight:bold;}                                        
.StplGrid 							   { border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 12px; border:1px solid #d3d3d3; border-width:0px 0px 0 0px; }


.StplGrid tr.row-active                { background:#e1f5fe;}
.StplGrid th					       { color: #000000; padding:5px;  border: 1px solid #e0e0e0; vertical-align:top; font-size:11px;
            					         background: #ededed; cursor:pointer; position:relative;
                                         background: -moz-linear-gradient(top, #f6f6f6 50%, #ededed 100%);
                                         background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f6f6f6), color-stop(100%,#ededed));
                                         background: -webkit-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                         background: -o-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                         background: -ms-linear-gradient(top, #f6f6f6 50%,#ededed 100%);
                                         background: linear-gradient(to bottom, #f6f6f6 50%,#ededed 100%); white-space:nowrap;}
.StplGrid th .grid-header-icon         { font-size: 15px; color: Gray; vertical-align: middle;}
.StplGrid .grid-cursor                 { cursor:pointer;}
.StplGrid td .adm-no b                 { color:#4F9BDA; font-weight:200;}
.StplGrid td .room-no                  { margin-bottom: 3px; height: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#4F9BDA; margin-left:8px;}
.textbox-search                        { font-size: 18px; position: absolute; right: 0px; top: 4px; background: #E4E4E4; height: 28px;
                                         width: 25px; border: 1px solid #BAB6B6; border-radius: 3px 3px 3px 3px; color: #908989;
                                         line-height: 30px; text-align: center; cursor:pointer;}
.StplGrid .gridrow-active              { background:#e1f5fe; border-left:3px solid #046bc7;}
.StplGrid .invoice-row-active          { background:#e1f5fe}
.StplGrid td i                         { font-size:15px; cursor:pointer;margin-right: 5px;color:#4a4949;}
.StplGrid .alt-row:nth-child(odd)     { background:#f2f2f2;}
.StplGrid tr:nth-child(odd) 			{ background: #f2f2f2;}
.StplGrid th input[type="checkbox"] { vertical-align: middle; margin-right: 5px;}
.StplGrid td input[type="checkbox"] {vertical-align: middle;margin-right: 5px;}                                        
  .tabgrid th {
    border-width: 0px 0px 1px 0px;
}

.tbox {
    padding: 5px;
    font-size: 12px;
    color: #555;
    width: 50px;
    border: 1px solid #d4d4d4;
    border-radius: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    text-transform: uppercase;
}

.tabgrid td {
    border-width: 0px 0px 1px 0px;
}

#doc-profile-details-div {
    background-color: #fff;
    padding: 12px;
}                                       
.StplGrid tr:hover .manage-icon        { display:block;}


.StplGrid td						   { border:1px solid #e0e0e0; padding:5px; color:#6f6f6f; position:relative;  font-size:12px; }

.SUN-table                         {border-collapse:inherit; border:0px;}           
.SUN-table  td                     {position:relative; padding:4px; vertical-align:middle; color:#3e3d3d; position:relative; font-size:12px;}
.SUN-table  th                     {position:relative; padding:4px; vertical-align:middle; color:#2C2C2C; font-size:12px;}

.SUN-table  tr td input[type="checkbox"]          { vertical-align:middle; margin-right:2px; margin-top:-2px;  margin-left:0px;} 
.SUN-table  tr td input[type="radio"]             { vertical-align:middle; margin-right:2px; margin-top:-2px;}
.radio-btn                                        { margin-right:5px;}
.checkbox-btn                                     { margin-right:5px;}  

.SUN-table  tr td i{vertical-align:middle; margin-right:5px;}

.mand-feeld      { position:relative;}                     
.mand-feeld:after{content:'*'; color:Red; position:absolute; top:-4px;  font-size:12px;}  

.SUN-table-border                  { border-collapse: collapse; }
.SUN-table-border td               { border: 1px solid #e0e0e0; }
.SUN-table-border th               { border: 1px solid #e0e0e0; }
.SUN-table-border .res-care        { display: block; margin-bottom: 3px; }

.SUN-table-border-none td          { border: none; }
.SUN-table-border-none th          { border: none; }
.table-alt-row tr:nth-child(odd)   { background:#f2f2f2;}

.dms-tab-div li { padding: 5px;float: left;color: #7f7f7f;border-bottom: 2px solid transparent;margin-right: 10px;cursor: pointer;}
.dms-tab-div li.active { color: #0070d4;border-bottom: 2px solid #0070d4;}


.popover                                          { position: absolute; top: 11px; padding: 15px 0 0 15px; right: -7px; display: none; z-index: 150; }
.popover:before, .popover:after                   { right: 8px; top: 8px; border: solid transparent; content: ""; height: 0px; width: 0px; position: absolute; z-index: 200; }
.popover:after                                    { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 8px; margin-top: -7px;}
.popover:before                                   { border-color: rgba(203, 203, 203, 0); border-bottom-color: #cbcbcb; border-width: 8px; margin-top: -9px; }
.popover-content                                  { background: #fff; width:430px; height:200px; padding:7px; overflow:auto; -webkit-box-shadow: -3px 4px 17px -4px #7d7d7d; box-shadow: -3px 4px 17px -4px #7d7d7d; border: 1px solid #cbcbcb; }

.popover-left                                     { position: absolute; padding: 15px 0 15px 15px; display: none; z-index: 150; left: 10px; top: -75px;}
.popover-left:before, .popover-left:after         { left:7px; top: 73px; border: solid transparent; content: ""; height: 0px; width: 0px; position: absolute; z-index: 200; }
.popover-left:after                               { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 8px; margin-left: -7px;}
.popover-left:before                              { border-color: rgba(203, 203, 203, 0); border-right-color: #cbcbcb; border-width: 8px; margin-left: -8px; }



/*********************  Discharge Summary*************************/
.forActive         { background: #E4E4E4;border-left: 2px solid #0987c1 !important;}
.autocomplete-box  { border-radius: 2px;border:1px solid #cbcbcb;}

.format-data       { color: #8b8b8b;border: 1px solid #cccccc;}
.format-header     { padding: 5px 10px;background: #f3f9f2;border-bottom: 1px solid #eeeeee;}
.format-header h1  { color: Gray;font-size: 15px;margin: 0px;padding: 0px;}
.format-content li { cursor: pointer;border-bottom: 1px solid #dcdfe0;border-top: 1px solid #ffffff;border-left: 2px solid transparent;
                     padding: 5px 18px 5px 5px;font-size: 14px;font-family: 'verdana';color: #0070d4;position: relative;}
.format-content li:hover { background: #E4E4E4;}
.format-content li i     { position: absolute;right: 5px;top: 6px;}
.patActive               { border-left: #2eb9df 6px solid;background-color: #f2fbfd;}
.tabActive               { color: #03abd6;}
.stplgrid td             { white-space: normal;}
.sc-color                { color: #d83a41;}
.ra-color                { color: #9387d8;}
.bd-color                { color: #0cbd22;}

                                /****Forgot Password****/
.FP-Failds-div                  { width: 400px;} 
.FP-radio-buts ul li            { padding-bottom:4px;}
.FP-recover-div                 { background: #f1f1f1;padding: 10px;border-radius: 4px;margin-bottom: 5px;border: 1px solid #ececec;}
.FP-radio-buts ul li .FP-radio-label     { margin-bottom:5px;} 
.FP-radio-buts ul li input[type="radio"] { vertical-align:bottom; width:15px; height:15px; margin:0px 5px 0 0;} 
.FP-failds                      {margin-left:25px;} 
.FP-failds p                    {font-size:15px;font-weight:bold;} 
.FP-emp        {color: #0070d4; padding: 8px 8px 5px 8px;margin-right: 15px; border-radius: 8px 8px 0px 0px; }
.FP-emp:hover  {cursor: pointer; }
.FP-emp-active {border-bottom: 3px solid #0070d4;color: #0070d4; padding: 8px 8px 5px 8px;margin-right: 15px;border-radius: 8px 8px 0px 0px;}

                            /****form panel && form-ul****/
.form-panel                                       { border: 1px solid #e0e0e0; margin-bottom:10px; background: #fff; box-shadow: 0 6px 8px rgba(102,119,136,0.02), 0 1px 2px rgba(102,119,136,0.2); padding:10px; border-radius:5px;}
.form-panel-header                                { border-bottom: 1px solid #eeeeee; display: flex; padding-bottom:5px; align-items: flex-end;}
                                    
.form-panel-header h3                             { font-size:16px; color:#0647a6; text-transform:capitalize; font-weight: 400; display: inline-block;}
.form-panel-header input[type="checkbox"]         { margin-right:3px; vertical-align:middle;}

.form-head-btn                                    {  flex-grow: 1;}
.form-head-btn ul                                 { text-align:right;}
.form-head-btn li                                 { display:inline-block;  position:relative;}
/*.form-head-btn li .form-btn                       { font-size:12px; color: #0070d4; text-align: center; text-shadow: 0 1px 1px rgba(255,255,255,0.75); border:1px solid #9dc1d2;
                                                    vertical-align: middle; cursor: pointer; outline:none; font-weight:bold; margin-left:1px; padding: 3px 4px;
                                                    background:#ecf8ff; 
                                                    background: -moz-linear-gradient(top, #ecf8ff 1%, #b6d1dc 100%);
                                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ecf8ff), color-stop(100%,#b6d1dc));
                                                    background: -webkit-linear-gradient(top, #ecf8ff 1%,#b6d1dc 100%);
                                                    background: -o-linear-gradient(top, #ecf8ff 1%,#b6d1dc 100%);
                                                    background: -ms-linear-gradient(top, #ecf8ff 1%,#b6d1dc 100%);
                                                    background: linear-gradient(to bottom, #ecf8ff 1%,#b6d1dc 100%);}*/
.form-head-btn li button.form-btn:hover           { background:#ecf8ff; border:1px solid #b8d8e6;}    
.form-head-btn li .form-icon                      { font-size:13px; color: #505050; display: block; cursor: pointer;border: 1px solid #cbcbcb; 
                                                    border-radius: 2px; width: 20px; height: 17px; text-align: center; padding-top: 1px;}
.form-panel-body                                  { padding:10px 0px 0px 0px;}
.form-panel-body:after                            { background:#cbcbcb; content:'';}
.form-ul                                          { }
.form-ul.ul-mrgn-botm                             { margin-bottom:13px;}
.form-ul li                                       { color:#6b6b6b; display:inline-block; margin:5px 15px 5px 0px; white-space: nowrap; /*overflow: hidden;*/ vertical-align:middle;}
.form-ul li label                                 { margin-right:5px;}
.form-ul li.li-width                              { display:block; margin-right:0px;}
.form-ul li.li-margin-bottm                       { margin-bottom:13px;}
.form-ul li.li-overflow                           { overflow:inherit;}
.form-ul li .title                                { font-weight:bold; color:#606060; font-size:12px; margin-right: 5px;}
.form-ul li .form-radio-btn                       { color:#606060;  margin-right:6px;} 
.form-ul li .form-radio-btn input[type="radio"]   { vertical-align:sub;margin-right:3px;} 
.form-ul li .form-checkbox-btn                    { color:#606060;  margin-right:6px;} 
.form-ul li .form-checkbox-btn input[type="checkbox"]{ vertical-align:sub; margin-right:3px;}
.form-panel-footer                                { background:#f2f2f2; border-top:1px solid #e0e0e0; padding:0px 5px; min-width:25px;}
.signoff-btn                                      { background:#e7f2f9; border: 1px solid #a1aeea; border-radius: 0px; outline: none;
                                                    color: #0070d4; font-size: 11px; padding: 3px 8px; cursor:pointer;}
.approved                                         { color: #0070d4 !important; font-size: 11px;}
.approved i                                       { vertical-align:middle; font-size:13px; margin-right:2px;}


.doc-tab-div                                      { margin-bottom:5px;}
.doc-tab-body                                     { padding:0 0 0 28px;}
.doc-tab-active                                   { border-left:3px solid  #3a404e;}
.doc-tab                                          { color: #000; padding: 5px 5px 6px 30px; margin-bottom:5px; position: relative; background: #f7f7f7;  border: 1px solid #e0e0e0; border-radius: 3px;}
.doc-tab h3                                       { font-size: 14px; display: inline-block; cursor: pointer; }
.doc-tab h3 i                                     { position: absolute; left:5px; top:3px; font-size: 18px; cursor:pointer;}
.doc-child-tab                                    { color: #000; padding: 5px 5px 6px 20px; position: relative;}
.doc-child-tab h3                                 { font-size: 14px; display: inline-block; cursor: pointer; }
.doc-child-tab h3 i                               { position: absolute; left:-4px; top:3px; font-size: 18px; cursor:pointer;}

/****************************dialog**********************/

.dialog-head h1                 { background: #f2f2f2; padding: 8px 60px 8px 8px; font-size: 14px; font-weight: 300; border-bottom: 1px solid #dedede;
                                    outline: none;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color:#0070d4;}
.dialog-body                    { padding:10px;}
.small .ngdialog-content        { position: fixed; left: 50%; top: 50%; width: 300px; height:300px; margin-left: -150px; margin-top:-150px;}
.extrasmall .ngdialog-content   { position: fixed; left: 50%; top: 50%; width: 450px; height:250px; margin-left: -225px; margin-top:-125px;}
.medium .ngdialog-content       { position: fixed; left: 50%; top: 50%; width: 400px; height:400px; margin-left: -200px; margin-top:-200px;}
.extramedium .ngdialog-content  { position: fixed; left: 50%; top: 50%; width: 600px; height:350px; margin-left: -300px; margin-top:-175px;}
.large .ngdialog-content        { position: fixed; left: 50%; top: 50%; width: 500px; height:500px; margin-left: -250px; margin-top:-250px;}
.extralarge .ngdialog-content   { position: fixed; left: 50%; top: 50%; width: 850px; height:450px; margin-left: -425px; margin-top:-225px;}

.prompt-div                      { width:100%; height:100%; background:#fff; text-align:center; display:table-cell; padding:0 10px; vertical-align:middle;}
.prompt-div label                { font-size:15px; color:Gray;}
.prompt-div .popup-save          { margin-top:15px;}
.prompt-div .popup-save input[type="button"] {margin-right:5px;}
.prompt .ngdialog-content        { display:table; width:400px; position:fixed; left:50%; top:50%; margin-left: -200px;margin-top: -75px; z-index:999999; outline:0; background:#E7E5E5; border:1px solid #a5a2a2; height:150px; padding:10px;}

.AR-header h1                    { background:#f2f2f2; padding:8px 60px 8px 8px; font-size:20px; font-weight:300; border-bottom:1px solid #dedede; 
                                   outline:none; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.AR-fields                       { padding:5px;}

/****************************dialog End**********************/



.grid-qurys                 { float:left; margin:1px 0 0 10px; position:relative; width:210px;}
.grid-qurys input[type="text"]{padding:3px; border:1px solid #cbcbcb; border-radius:3px; width:100%; font-size:12px;}
.grid-qurys-popover         { background:#fff; position:absolute; top:31px; left:0px; z-index:99999; border:1px solid #cbcbcb; padding:10px; height:283px; min-width:230px; width:auto;
                              -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); -webkit-transition: width 0.3s; transition: width 0.3s;} 
.qurys-start-width          {width:395px;}                              
.qurys-end-width            {width:615px;}                                
                              
                              

.grid-qurys-list            {width:150px; float:left; height:238px;}
.grid-qurys-list ul li      {padding:6px 8px; cursor:pointer; position:relative; font-size: 13px;  font-style: normal; font-weight: bold; color:#676565;display: block;}
.grid-qurys-list ul li:hover{color:#000;}
.grid-qurys-list ul li .grid-qurys-icon{position:absolute; right:0px; top:6px; font-size:15px; display:block;}
.grid-specific-margin       {margin-top:20px;}
.grid-qurys-list ul li:hover .grid-qurys-icon{display:block;}
.grid-qurys-list ul li.active{}
.grid-qurys-list ul li.active .grid-qurys-icon{display:block;}

.qurys-dates                {margin-left:15px; width:204px; height:238px; float:left;}
.qurys-dates ul li          {font-size:13px; font-style: normal; font-weight: bold; color:#676565; cursor:pointer; padding:5px 0px; display: inherit;}
.qurys-button               {float:left; clear:left; width:100%; padding:0px 5px;}

.grid-options{float:left; margin: 7px 0px 0px 30px;}
.grid-options ul li{display:inline-block;}
.grid-options ul li label{margin-right:15px; font-weight:bold;}
.grid-options ul li input[type="radio"]{vertical-align:middle; margin-right:5px;}

.grid-qurys-list ul li.active {background: #0070d4;color: #fff;}

.legends                                          { }
.legends label                                    { margin-right: 10px;vertical-align: middle;line-height: 16px;}
.legends label i                                  { vertical-align:middle; margin-right:5px; font-size:15px;}
/*********************************Corporate Dashboard*************************/

.corp-ds-left {float:left; width:400px; height:100%;}
.corp-ds-right {clear:right; margin-left:400px; height:100%;}

.corp-ds-box-ul    { height:100%;}
.corp-ds-count-box { width: 15.6%;height: 23.2%;margin-right: 1%;margin-bottom: 1%;cursor:pointer;/* float:left; */display: inline-block;position:relative;
                     text-align:center;/*border-radius:3px; overflow:hidden;*/border:1px solid #cbcbcb;}
.corp-ds-count-box.active{box-shadow: 1px 1px 15px 1px #B8B8B8 inset;}
.corp-ds-count-box:hover{box-shadow: 1px 1px 15px 1px #B8B8B8 inset;}

.corp-ds-count-box:nth-of-type(6){margin-right:0px;}
.corp-ds-count-box:nth-of-type(12){margin-right:0px;}

                   
.cons-bg{background:#7EC07A;}
.reg-bg{background:#96ADC8;} 
.pkg-bg{background:#DD82B6;}
.loggedin-bg{background:#D5B46D;}
.no-hits-bg{background:#ED6F6F;}
.log-active-bg{background:#81AFEC;}
.wellness-bg{background:#4DBAB5;}
.sp-bg{background:#B29C6C;}

/*rajesh did*/
.iof-bg{background:#81e5ec;}
.ncp-bg{background:#2c7965;}
.nhd-bg{background:#5c5f0b;}
.ina-active-bg{background:#8f81ec;}
.nra-bg{background:#ba684d;}
.pvad-bg{background:#77746d;}
.pa-bg{background:#315871;}
.pra-bg{background:#567b78;}
.vmc-bg{background:#6c3232;}

.iof-bg-border{border:1px solid #81e5ec;}
.ncp-bg-border{border:1px solid #2c7965;}
.nhd-bg-border{border:1px solid #5c5f0b;}
.ina-bg-border{border:1px solid #8f81ec;}
.nra-bg-border{border:1px solid #ba684d;}
.pvad-bg-border{border:1px solid #77746d;}
.pa-bg-border{border:1px solid #315871;}
.pr-bg-border{border:1px solid #567b78;}
.vmc-bg-border{border:1px solid #6c3232;}

.iof-count-color{color: #81e5ec;}
.ncp-count-color{color: #2c7965;}
.nhd-count-color{color: #5c5f0b;}  
.ina-active-count-color{color: #8f81ec;}
.nra-count-color{color: #ba684d;}
.pvad-count-color{color: #77746d;}  
.pa-count-color{color: #315871;}
.pra-count-color{color: #567b78;}
.vmc-count-color{color: #6c3232;}  

/*rajesh did*/

.cons-bg-border{border:1px solid #96ADC8;}
.reg-bg-border{border:1px solid #96ADC8;}                   
.pkg-bg-border{border:1px solid #DD82B6;}
.loggedin-bg-border{border:1px solid #D5B46D;}
.no-hits-bg-border{border:1px solid #ED6F6F;}
.log-active-bg-border{border:1px solid #81AFEC;}
.pra-bg-border{border:1px solid #4DBAB5;}
.sp-bg-border{border:1px solid #B29C6C;}

.cons-count-color{color: #7EC07A;}
.reg-count-color{color: #96ADC8;} 
.pkg-count-color{color: #DD82B6;}
.loggedin-count-color{color: #D5B46D;}
.no-hits-count-color{color: #ED6F6F;}
.log-active-count-color{color: #81AFEC;}
.wellness-count-color{color: #4DBAB5;}
.sp-count-color{color: #B29C6C;}  
                         
                   
                   
.corp-ds-count-box .corp-ds-count{font-size:40px; /*color:#fff;*/ display:block;}
.corp-ds-count-box .corp-ds-title{/*color:#fff;*/ font-size:16px; font-weight:bold; line-height:0px;}
.corp-view-dls{height:30px; width:100%; position:absolute; bottom:0px; left:0px; /*background:rgba(0, 0, 0, 0.1);*/ padding:5px;}
.corp-view-dls label{float:left; color:#fff; margin:2px 0 0 0; cursor:pointer;}
.corp-down-icon{float:right; margin:1px 0 0 0;}
.corp-view-dls .su-chevron-down-circle{ font-size:17px; color:#fff;  cursor:pointer;}
.corp-view-dls .su-arrow-circle-right{font-size: 17px; margin-left: 5px; vertical-align: middle;}



.corp-ds-sub-menu-div{height:auto; padding:20px 20px 10px 21px; position:absolute; right:-21px; top:16px; z-index:999; visibility:hidden;}
.corp-ds-sub-menu {background:#fff; border:1px solid #cbcbcb; width:165px; position:relative; min-height:123px; border-radius:5px; 
                    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);}
                   
.corp-ds-sub-menu:before, .corp-ds-sub-menu:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-24px; right:1px;}
.corp-ds-sub-menu:after{border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:12px; margin-top:1px;}
.corp-ds-sub-menu:before{border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:12px; margin-top:0px;}

.corp-ds-sub-menu ul li{padding:5px; border-bottom:1px solid #cbcbcb; text-align:left; cursor:pointer;}
.corp-ds-sub-menu ul li:hover{background:#f2f2f2;}
.corp-down-icon:hover .corp-ds-sub-menu-div{visibility:visible;}


 /***********************Toster*********************/

@-webkit-keyframes t-fadeIn { from  { opacity: 0;  } to { opacity: 1; } }
@-moz-keyframes t-fadeIn { from  { opacity: 0;  }  to { opacity: 1; } }
@-ms-keyframes t-fadeIn { from  { opacity: 0;  } to { opacity: 1; } }

@-webkit-keyframes t-move-up { from  { top: -100px;  } to { top: 0px; } }
@-moz-keyframes t-move-up { from  { top: -60;  } to { top: 0; } }
@-ms-keyframes t-move-up { from  { top: -60;  } to { top: 0; } }


.appt-toster{width:350px; border:1px solid #DAD4B7; border-radius:5px; position:fixed; top:0px;cursor:pointer; color:#fff; 
             left:50%; margin-left:-175px; z-index:99999; text-align:center; /*box-shadow: -1px 4px 21px -6px #acaeaf; -webkit-box-shadow: -1px 4px 21px -6px #acaeaf;*/
             -webkit-animation: t-fadeIn 0.5s linear 1, t-move-up 0.5s linear 1;-moz-animation: t-fadeIn .3s linear 1, t-move-up .3s linear 1;
             -ms-animation: t-fadeIn .3s linear 1, t-move-up .3s linear 1;}
             
.toster-success {border:1px solid #439436; background:#5fd66a;}             
.toster-error {border:1px solid #FA1D1D; background:#e05a5a;}             
.toster-warning {border:1px solid #F47913; background:#e2bf74;}             
.appt-toster label{padding:7px 15px; text-align:center; display:block;}
.appt-toster label i{vertical-align: middle; font-size: 22px; margin-right: 10px;}

/*************************Nurse Management start here*********************************/
.nm-top-div{    display: flex; flex-wrap: wrap;}
.nurse-mgnt-div   {width:24.5%;height: auto; border: 1px solid #d2c4e4;margin:0 0.5% 8px 0;  -webkit-box-shadow: -2px 3px 10px rgba(0, 0, 0, .175); box-shadow: -2px 3px 10px rgba(0, 0, 0, .175);}
.pat-dischage     {background:#fbfae8;}
.convert-dischage {background:#f3e6f5 !important;}
.pat-dischage .nurse-right-icon, .convert-dischage .nurse-right-icon{background:none;}
.nurse-mgnt-header{height:30px;border-bottom: 1px solid #d2c4e4; position:relative; padding:0 5px 0 20px;}
.nurse-mgnt-header h1{font-size: 13px;color: #0070d4; float:left; margin:7px 0px 6px 6px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.nurse-mgnt-header .su-circle{position:absolute; top:7px; left:5px; font-size:15px;}
.nurse-mgnt-content{padding:8px;position: relative; height:143px;}
.nurse-right-icon {background:#f7f4fb; border-top:1px solid #d2c4e4;}
.nurse-right-icon ul{display:flex;}
.nurse-right-icon li   { border-right: 1px solid #d2c4e4; padding: 6px; cursor:pointer; color: #0070d4;} 
.nurse-right-icon li i { font-size: 14px; } 
.nurse-right-icon li:hover{color:#7fb8d0;} 




.summary-status{height:25px; background:#e5e5e5; border-top:1px solid #e0e0e0; position:relative;}
.summary-status span{font-size:12px; float:left; margin:4px; color:#7B7474;}
.summary-status i{height:0px; width:0px; position:absolute; bottom:0px; right:0px; border:8px solid transparent;}

.summary-status i.additional{border-right:8px solid #a37aef; border-bottom:8px solid #a37aef;}
.summary-status i.blocked{border-right:8px solid #dc9e0a; border-bottom:8px solid #dc9e0a;}
.summary-status i.retained{border-right:8px solid #679700; border-bottom:8px solid #679700;}
.summary-status i.preadm{border-right:8px solid #007473; border-bottom:8px solid #007473;}
.summary-status i.full{border-right:8px solid #278ed9; border-bottom:8px solid #278ed9;}
.summary-status i.vacant{border-right:8px solid #999998; border-bottom:8px solid #999998;}

.nm-bottom-content{height:64px; border:1px solid #e0e0e0; background:#f2f2f2; margin:0px 1%; padding:6px 10px; display:none;}
.nm-legends      {text-align: right; float: right; /* background-color: #ffffff; */ border-radius: 5px; margin-top: 5px; padding: 5px 11px; /* border: 1px solid #e0e0e0; */}
.nm-legends label{margin-left: 10px;vertical-align: middle;line-height: 16px;}
.nm-legends label i{vertical-align:middle; margin-right:5px; font-size:12px;}
.nm-legends label i.additional{color:#a37aef;}
.nm-legends label i.blocked{color:#dc9e0a;}
.nm-legends label i.retained{color:#679700;}
.nm-legends label i.preadm{color:#007473;}
.nm-legends label i.full{color:#278ed9;}
.nm-legends label i.vacant{color:#999998;}

       

.ip-type-div { float:left; padding:3px; font-size:13px; background-color:#ecbc71; color:#0e2615; width:50%;overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;text-align: center; height:25px;}
.sat-type-div {background-color:#58c55e;}

.nm-menu-div h1 {font-size: 14px;float: left; margin: 0;color: #101010;width: 179px;overflow: hidden;text-overflow: ellipsis;
                 white-space: nowrap;background-color: #f7f7f7; padding: 3px;}
.nm-form-icon { position: relative;border: 1px solid #eaeaea;border-radius: 2px;padding: 3px;margin: 17px 14px 5px 5px;float: left;text-align: center;
    background: -moz-linear-gradient(top, #FEFEFE 0%, #E6E6E6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEFEFE), color-stop(100%,#E6E6E6));
    background: -webkit-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
    background: -o-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
    background: -ms-linear-gradient(top, #FEFEFE 0%,#E6E6E6 100%);
    background: linear-gradient(to bottom, #FEFEFE 0%,#E6E6E6 100%);}
.nm-menu-div .stat-1 { background: #d9ac69;color: #fff;}
.nm-menu-div .stat-2 { background: #81cde7;color: #fff;}
.nm-menu-div .stat-3 { background: #d36feb;color: #fff;}
.nm-menu-div .stat-4 { background: #67c451;color: #fff;}
.nm-menu-div .stat-5 { background: #ed6bb5;color: #fff;}

.nm-form-icon:hover{ cursor:pointer;}
.nm-form-icon span { position: absolute;top: -13px;right: -9px;background-color: #f15558;border-radius: 2px;color: #fff;padding: 2px;font-size: 9px; }

.table-Nurse { color:#2c2c2c;}
.table-Nurse td{padding: 0 0 4px 0; font-size:12px;}
.table-Nurse td.title{ font-weight:bold; vertical-align:top;}
.table-Nurse td.col{ width:20px; font-weight:bold; vertical-align:top;}
.table-Nurse td.value{vertical-align:top;}
.table-Nurse td.value-color{color:#898888;}
.table-Nurse td input[type="checkbox"]{vertical-align:middle; margin-right:5px;}
.table-Nurse td span{color:#767575;}

/************************************* Summary Legends **************************************/
.ds-legends         { margin-bottom:5px;}
.ds-legends label   { margin-left: 10px;vertical-align: middle;line-height: 16px; cursor:pointer; padding-bottom:2px;}
.ds-legends label:hover  {border-bottom: 1px solid #b9b9b9;}
.ds-legends label.active {border-bottom: 2px solid #03abd4;}
.ds-legends label i { vertical-align:middle; margin-right:5px; font-size:12px;}
.ds-start   {color:#e6990e !important;}
.ds-starting{color:#8cea38 !important;}
.ds-complete{color:#1b74f9 !important;}
.ds-apprved {color:#f654f9 !important;}

/*********************************** Session Expiry Mask ***************************************/
.session-exp-mask        {position: fixed;overflow: auto;-webkit-overflow-scrolling: touch;z-index: 10000;top: 0;right: 0;bottom: 0;left: 0;}
.session-mask-overlay    {position: fixed;background: rgba(0, 0, 0, 0.4);top: 0;right: 0;bottom: 0;left: 0;
                          -webkit-backface-visibility: hidden;-webkit-animation: ngdialog-fadein 0.5s;animation: ngdialog-fadein 0.5s;}
.session-exp-content-div   {background: white;-webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s;animation: ngdialog-fadein 0.5s;}
.session-exp-content       {width: 400px;position: fixed;left: 50%;top: 50%;margin-left: -200px;margin-top: -255px;z-index: 999999;
                            outline: 0;background: #fff;/*height: 100px;*/border-radius: 4px; }
.session-exp-body  {padding:10px; text-align:center;}
.session-exp-content  h1    {font-size: 17px;color: #535353;padding: 10px 10px;font-weight: 300;background: #f2f2f2; border-radius: 4px 4px 0 0;}
.session-exp-content  label {font-size: 14px;color: #333;line-height:55px;}
.session-exp-content  i     {font-size: 22px;color: #f51313;  margin-right:5px;vertical-align: middle;}
.set-dialog               {min-width: 400px; height: 100px; position: fixed;left: 50%;top: 50%;margin-left: -200px;margin-top: -50px;z-index:99999; padding:10px;
                            outline: 0;background: #fff;border-radius: 4px;}   

/**********buttons*************/

input[type="button"],button {
    border: 1px solid #5eb4ff;
    background: #e4f3ff;
    height: 30px;
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 2px;
    color: #1a5bba;
    font-weight:bold;
}

input[type="button"][disabled="disabled"],button[disabled="disabled"] {
    background: #e7e7e7;
    border: 1px solid #c9c9c9;
    cursor: default;
    color: #909090;
}

input[type="button"].stil-btn-small,button.stil-btn-small {
    padding: 0 8px;
    font-size: 12px;
    height: 25px;
    line-height: 25px
}

input[type="button"].stil-btn-small[disabled="disabled"],button.stil-btn-small[disabled="disabled"] {
    background: #e7e7e7;
    border: 1px solid #c9c9c9;
    cursor: default
}

input[type="button"]:focus,button:focus {
    background: #dbe9ff;
    outline: none;
    box-shadow: none
}

/**********Radio & checkbox buttons*************/
 
.flex                                             { display: flex; flex-wrap: wrap;}
.pure-checkbox *,.pure-radiobutton * {
    box-sizing: border-box
}
.pure-checkbox,.pure-radiobutton {
      margin-right: 7px;
}
.pure-checkbox *:before,.pure-radiobutton *:before,.pure-checkbox *:after,.pure-radiobutton *:after {
    box-sizing: border-box
}

.pure-checkbox input[type="checkbox"],.pure-radiobutton input[type="checkbox"],.pure-checkbox input[type="radio"],.pure-radiobutton input[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pure-checkbox input[type="checkbox"]:focus+label:before,.pure-radiobutton input[type="checkbox"]:focus+label:before,.pure-checkbox input[type="radio"]:focus+label:before,.pure-radiobutton input[type="radio"]:focus+label:before,.pure-checkbox input[type="checkbox"]:hover+label:before,.pure-radiobutton input[type="checkbox"]:hover+label:before,.pure-checkbox input[type="radio"]:hover+label:before,.pure-radiobutton input[type="radio"]:hover+label:before {
    border-color: #1a5bba;
    background-color: #fff;
    border: 1px solid #1968cc;
}

.pure-checkbox input[type="checkbox"]:active+label:before,.pure-radiobutton input[type="checkbox"]:active+label:before,.pure-checkbox input[type="radio"]:active+label:before,.pure-radiobutton input[type="radio"]:active+label:before {
    transition-duration: 0s
}

.pure-checkbox input[type="checkbox"]+label,.pure-radiobutton input[type="checkbox"]+label,.pure-checkbox input[type="radio"]+label,.pure-radiobutton input[type="radio"]+label {
    position: relative;
    padding: 5px 5px 5px 1.6em;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    
}

.pure-checkbox input[type="checkbox"]+label:before,.pure-radiobutton input[type="checkbox"]+label:before,.pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before {
    box-sizing: content-box;
    content: '';
    color: #1a5bba;
    position: absolute;
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin-top: -8px;
    border: 1px solid #b4b4b4;
    text-align: center;
    transition: all .4s ease;
    
}

.pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after {
    box-sizing: content-box;
    content: '';
    background-color: #1a5bba;
    position: absolute;
    top: 50%;
    left: 3px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out
}

.pure-checkbox input[type="checkbox"]:disabled+label:after,.pure-radiobutton input[type="checkbox"]:disabled+label:after,.pure-checkbox input[type="radio"]:disabled+label:after,.pure-radiobutton input[type="radio"]:disabled+label:after {
    background: #c9c9c9
}

.pure-checkbox input[type="checkbox"]:disabled+label:before,.pure-radiobutton input[type="checkbox"]:disabled+label:before,.pure-checkbox input[type="radio"]:disabled+label:before,.pure-radiobutton input[type="radio"]:disabled+label:before {
    border-color: #c9c9c9;
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]:disabled:focus+label:before,.pure-radiobutton input[type="checkbox"]:disabled:focus+label:before,.pure-checkbox input[type="radio"]:disabled:focus+label:before,.pure-radiobutton input[type="radio"]:disabled:focus+label:before,.pure-checkbox input[type="checkbox"]:disabled:hover+label:before,.pure-radiobutton input[type="checkbox"]:disabled:hover+label:before,.pure-checkbox input[type="radio"]:disabled:hover+label:before,.pure-radiobutton input[type="radio"]:disabled:hover+label:before {
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]:disabled:checked+label:before,.pure-radiobutton input[type="checkbox"]:disabled:checked+label:before,.pure-checkbox input[type="radio"]:disabled:checked+label:before,.pure-radiobutton input[type="radio"]:disabled:checked+label:before {
    border-color: #c9c9c9;
    background-color: #e7e7e7
}

.pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after {
    background-color: transparent;
    top: 50%;
    left: 3px;
    width: 6px;
    height: 3px;
    margin-top: -5px;
    border-style: solid;
    border-color: #fff;
    border-width: 0 0 3px 3px;
    border-image: none;
    transform: rotate(-45deg) scale(0)
}

.pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out
}

.pure-checkbox input[type="radio"]:checked+label:before,.pure-radiobutton input[type="radio"]:checked+label:before {
    animation: borderscale 300ms ease-in;
    background-color: #fff
}

.pure-checkbox input[type="radio"]:checked+label:after,.pure-radiobutton input[type="radio"]:checked+label:after {
    transform: scale(1)
}

.pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after {
    border-radius: 50%
}

.pure-checkbox input[type="checkbox"]:checked+label:before,.pure-radiobutton input[type="checkbox"]:checked+label:before {
    animation: borderscale 200ms ease-in;
    background: #1a5bba;
    border: 1px solid #1a5bba;
}

.pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after {
    transform: rotate(-45deg) scale(1)
}

.pure-checkbox.pure-checkbox-inline,.pure-radiobutton.pure-checkbox-inline,.pure-checkbox.pure-radiobutton-inline,.pure-radiobutton.pure-radiobutton-inline {
    display: inline-block
}

.pure-checkbox-toggle input[type="checkbox"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.pure-checkbox-toggle input[type="checkbox"]+label {
    position: relative;
    padding: 5px 5px 5px 40px;
    vertical-align: middle;
    user-select: none;
    cursor: pointer;
    display: block
}

.pure-checkbox-toggle input[type="checkbox"]+label:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    color: #1a5bba;
    width: 35px;
    height: 20px;
    border-radius: 50px;
    text-align: center;
    transition: all .4s;
    background-color: #c9c9c9
}

.pure-checkbox-toggle input[type="checkbox"]+label:after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    content: '';
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #c9c9c9;
    transition: all .2s;
    box-sizing: border-box
}

.pure-checkbox-toggle input[type="checkbox"]:checked+label:before {
    box-shadow: inset 0 0 0 10px #1a5bba
}

.pure-checkbox-toggle input[type="checkbox"]:checked+label:after {
    left: 15px;
    border-color: #1a5bba;
    background-color: #fff
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label {
    cursor: default
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label:before {
    box-shadow: inset 0 0 0 10px #e3e3e3
}

.pure-checkbox-toggle input[type="checkbox"]:disabled+label:after {
    border-color: #e7e7e7
}

.pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:before {
    box-shadow: inset 0 0 0 10px #999999
}

.pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:after {
    border-color: #c9c9c9
}

.pure-checkbox-toggle--right input[type="checkbox"]+label {
    padding: 5px 40px 5px 5px
}

.pure-checkbox-toggle--right input[type="checkbox"]+label:before {
    left: auto;
    right: 0
}

.pure-checkbox-toggle--right input[type="checkbox"]+label:after {
    left: auto;
    right: 15px
}

.pure-checkbox-toggle--right input[type="checkbox"]:checked+label:after {
    left: auto;
    right: 0
}

/*****************************20200518***********/
.view-template, save-template     { position:relative;}


.panel-header-flex                                { display:flex; justify-content: space-between;}
.panel-header-left-col                            {}
.panel-header-right-col                           { display:flex;}
/*****************************20200518***********/



/*********** Medication Order & Administration ***********/

.tab-div                        { display: flex; justify-content: center; flex: 1;}
.tab                            { padding:10px 15px;  border-bottom: 2px solid transparent; cursor:pointer;}
.tab:hover                      { background: #f5f5f5; border-radius: 5px 5px 0 0;}
.tab.active                     { border-bottom: 2px solid #0070d4; font-weight: bold; color:#0070d4; background: #e6f3ff; border-radius: 5px 5px 0 0;}

.pat-row                             { width: 100%; background: #f1f7ff; display: flex; flex-wrap: wrap; border-bottom: 1px solid #d7e5ef; background: linear-gradient(to bottom, #fefeff 70%,#edf5ff 100%);}   
.dls-col                             { margin-right: 35px; margin-bottom: 5px; text-align: left;}          
.dls-title                           { color: #888888; font-size: 11px;}   
.dls-value                           { color: #000000; font-weight: bold; display: block;}

.sh-grid-container                                { border: 1px solid #e0e0e0;}
.sh-grid                                          { border-collapse:collapse;}
.sh-grid tr:nth-child(even)                       { background:#f9f9f9;}
.sh-grid th, .sh-grid td                          { padding:5px; border:1px solid #e0e0e0; vertical-align:top; border-width: 0px 1px 1px 0px;}
.sh-grid th                                       { text-align:left; padding:8px 5px;}

/*********** Medication Order & Administration ***********/