@import url("fonts-animations.css");
@import url("Responsive.css");
@import url("theme2.css");
@import url("dialog.css");

[ng-cloak]                      {display: none !important;}  
[data-ng-cloak]                 {display: none !important;} 



.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: 'Roboto' ,arial,verdana,tahoma;}
ul  {padding:0px; margin:0px; list-style:none;}

input, button, select, textarea{margin:0px;}
textarea          {resize:vertical; font-family:'Roboto';}
h1,h2,h3,h4,h5,p  {margin:0px; padding:0px;}

.pull-left        {float: left;}
.pull-right       {float: right;}

.radio-btn-label  { margin-right:10px;}
.radio-btn        { margin-right:5px; vertical-align:middle;}

.textbox          {padding:5px; font-size:1em; color: #555; width:100%;  border: 1px solid #ccc;  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;}
                                    
.droupdown        {padding:5px; font-size:1em; color: #555; width:100%;  border: 1px solid #ccc;  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-higt    { height: 63px !important;}
.textarea          { padding:5px; font-size:13px; color: #555; width:100%; border:1px solid #ccc; height:50px; 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;}
                      
.button           { border:none; padding: 5px 10px; border-radius: 3px;}


.buttons          { padding:4px 7px 4px 7px; float:right; font-size:13px; margin-left:5px; cursor:pointer; position:relative; border:none; border-radius:2px;} 
.buttons:hover    {} 

.page-loader-div  { position:fixed; height:100%; width:100%; top:0px; z-index:999999; 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;}
.page-loader img  {height:35px; width:35px; margin-top:10px;}
.page-loader i    { font-size:20px; margin-top:11px; color:#03abd4;}

.main-right-col-loader{height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.2); z-index: 99999; text-align: center;}
.right-page-loader{position:absolute; 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;}
.right-page-loader i { font-size:20px; margin-top:11px; color:#03abd4;}


.main-left-col-loader{height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.2); z-index: 99999; text-align: center;}
.left-page-loader{position:absolute; 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;}
.left-page-loader i { font-size:20px; margin-top:11px; color:#03abd4;}



.SUN-table                         {border-collapse:inherit; border:0px;}           
.SUN-table  td                     {position:relative; padding:4px; vertical-align:middle;}
.SUN-table  th                     {position:relative; padding:4px; vertical-align:middle;}
.SUN-table  label                  {font-size:1em; color: #6b6b6b; position:relative;}
.SUN-table  tr td input[type="checkbox"]{vertical-align:middle; margin-right:5px; margin-top:-2px;  margin-left:0px;} 
.SUN-table  tr td input[type="radio"]{vertical-align:middle; margin-right:2px; margin-left:0px;}   

.SUN-table  tr td i{vertical-align:middle; margin-right:5px;}
                     
 /*.SUN-table td .multiSelect .mul-button{padding:6px 8px;} */                        
.SUN-table  td .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;}


/*.ul-forms-div{}
.ul-forms{}
.ul-forms li{padding:3px 0px;}*/


.form-panel                       { margin-bottom:10px; border: 1px solid #e0e0e0; /*background:#f9f8e1; border-radius:2px;*/}
.form-panel-header                { padding:3px; border-bottom: 1px solid #e0e0e0; min-height:31px;
                                    background:#eef6f9; 
                                    background: -moz-linear-gradient(top, #eef6f9 1%, #dfe6ea 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eef6f9), color-stop(100%,#dfe6ea));
                                    background: -webkit-linear-gradient(top, #eef6f9 1%,#dfe6ea 100%);
                                    background: -o-linear-gradient(top, #eef6f9 1%,#dfe6ea 100%);
                                    background: -ms-linear-gradient(top, #eef6f9 1%,#dfe6ea 100%);
                                    background: linear-gradient(to bottom, #eef6f9 1%,#dfe6ea 100%);}
                                    
.form-panel-header h3             { font-size:18px; color:#03abd4; font-family: 'Roboto Condensed';  text-transform:capitalize;     display: inline-block; margin:s2px;}
.form-panel-body                  { padding:10px;}
.form-ul                          {}
.form-ul li                       { color:#6b6b6b; display:inline-block; margin:3px 15px 3px 0px; white-space: nowrap; /*overflow: hidden;*/ vertical-align:middle;}
.form-ul li.li-width              { display: block; margin-right:0px;}
.form-ul li .title                { font-weight:bold; /*color:#6b6b6b;*/ color:#4c4c4c; font-size:11px; margin-right: 5px;}
.form-ul li label                 { margin-right: 5px;}
.form-ul li label i               { margin-right: 5px; vertical-align:middle; font-size:14px;}
.form-ul li .form-radio-btn       { color:#6b6b6b; /*color:#6b6b6b;*/ font-size:11px;  margin-right:10px;} 
.form-ul li .form-radio-btn input[type="radio"]{vertical-align:sub;margin-right:3px;} 
.form-ul li .form-checkbox-btn       { color:#6b6b6b; font-size:12px;  margin-right:10px;} 
.form-ul li .form-checkbox-btn input[type="checkbox"]{vertical-align:sub; margin-right:3px;}
.form-head-btn                                    { float:right; margin:1px;}
.form-head-btn li                                 { display:inline-block;  position:relative;}
.form-head-btn li .form-btn                       { font-size:12px; color: #007db0; 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;}
                                                                      

.gcs-count             {padding:0px 8px;border-radius:2px; display: inline-block; background-color: #03abd4; color:#fff; text-align: center; /*width:18px;*/margin-left: 5px; margin-top:1px;}

/*******************form-setting************************/

.form-setting{  min-width: 576px;}
.form-setting section{ margin-bottom:24px; margin-top:8px; max-width:700px; padding-left:18px;}
.form-setting section h3{margin-left:-18px; color: black; font-size: 1.2em; margin-bottom: 0.8em; font-weight: normal;}
.form-setting .form-setting-row{display: block; margin: 0.65em 0;}

.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:hover                     { background:#e1f5fe;}
.StplGrid th					       { color: #000000; padding:6px 6px;  border: 0px solid #e0e0e0; border-width:0px 0px 1px 0px; vertical-align:top; font-family:'Roboto'; 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 tr:hover .manage-icon        { display:block;}
.StplGrid tr:last-child td             { border-bottom:none;}
.StplGrid td			       { border:1px solid #e0e0e0; border-width: 0px 0px 1px 0px; padding:3px 6px; color:#6f6f6f; position:relative; font-family:'Roboto'; font-size:12px; white-space:nowrap; vertical-align: top; }
.sub-grid                              { border-bottom:1px solid #e0e0e0;}
.sub-grid:last-child                   { border-bottom:none;}
.sub-grid tr                           { background:none  !important;}
.sub-grid:nth-child(odd)               { background:#f2f2f2;}
.sub-grid table tr:nth-child(odd)      { background:#f2f2f2 !important;}
.sub-grid table tr td                  { border:1px solid #e0e0e0 !important; border-width: 0px 0px 1px 0px !important;}
.sub-grid table tr:last-child td       { border-bottom:none !important;}
.sub-grid table tr th                  { background: #f3f5da !important;}






.StplGrid td a						   { text-decoration:none; color:#0089ab;}
.StplGrid td i                         { font-size:15px; cursor:pointer;}
.grid-col-ellipsis                     { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.StplGrid td .manage-icon              { display:none; float:right;}
.StplGrid td i                         { font-size:15px; color:#a09e9e; margin-left:9px; cursor:pointer;}
.StplGrid input[type="text"]		   { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;  border:1px solid #ccc; width:100%; padding: 3px; font-size:12px;}
.StplGrid td input[type="radio"]       { vertical-align:middle; margin-right:3px; margin-left:3px;}
.StplGrid select             		   { -webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px;border:1px solid #ccc; width:100%; font-size:12px; padding:3px;} 
.StplGrid textarea	                   {-webkit-border-radius: 3px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; resize: none;border:1px solid #cccc;padding: 1px 3px 3px 3px;}


.StplGrid-bottom-but                   { padding-top:10px; float:left; width:100%;}
.StplGrid-bottom-border                { border-top:1px solid #e4e4e4; margin-top:10px;} 
.no-schedule-row                       { background:#e5e5e5;}
.no-schedule-row:hover                 { background:#e5e5e5 !important;}
.tr-hover-none:hover                   { background:#fff !important;}

.StplGrid td input[type="checkbox"]    { vertical-align:middle; margin-right:5px;}
.StplGrid th input[type="checkbox"]    { vertical-align:middle; margin-right:5px;}
.StplGrid .empty-report                { border-left:3px solid #BAAC4D;}
.StplGrid .tr-hover-remove:hover       { background:inherit;}
.StplGrid tr:nth-child(odd)            { background:#f2f2f2;}
.StplGrid-border th                    { border-width:0px 1px 1px 0px !important;}
.StplGrid-border td                    { border-width:0px 1px 1px 0px !important;}



.slide-down{-webkit-animation: fadeIn .3s linear 1, move-up .3s linear 1;-moz-animation: fadeIn .3s linear 1, move-up .3s linear 1;-ms-animation: fadeIn .3s linear 1, move-up .3s linear 1; }


 


#topheader{height: 68px;position: fixed;z-index: 9999;width: 100%; }


#topheader .header-left{margin: 0 auto;position: relative;float:left;}
.header-left .brandlogo{float: left;cursor:pointer;}
.header-left .brandlogo img{margin: 8px 0px 8px 10px;height: 53px;}
/*#header-right{clear: right;margin: 0px 0px 0px 210px;}*/

.text-logo-div{float:left; min-width:150px;  padding: 8px;}
.text-logo{height:50px; width:50px; background:#782285; border-radius:50%; float:left; text-align: center; line-height: 50px; 
           color: #fff; font-size: 35px; font-style: italic; font-family: 'Roboto Medium';}
           
.text-logo-div label{font-size:25px; color:#cbcbcb; font-style:italic;font-family:'Roboto Medium'; 
                     margin-top: 14px; float: left; margin-left: 5px; color:#782285; font-size:20px;}






#header-right {float:right;}
.header-top-menu{position: relative; float:right;}
.header-top-menu ul{float: right;margin: 13px 17px 13px 17px;}
.header-top-menu ul li{position: relative;display: inline;margin: 5px 2px;float: left;}
.header-top-menu ul li a{text-decoration: none;}
.header-top-menu ul li a.parent-txt{height: 31px;line-height: 30px;display: block;position: relative;cursor: pointer;text-decoration: none;padding: 0 12px 0 12px;}
.header-top-menu ul li a.select{position: relative;padding: 0 32px 0 20px;border-radius: 4px;}
.header-top-menu ul li:hover a.parent-txt{border-radius: 4px;}
.header-top-menu ul li a.select i.caret{position: absolute;top: 4px;right: 5px;}

.header-top-menu ul li a.parent-icon{height: 30px;width: 30px;display: block;position: relative;border-radius: 50%;cursor: pointer;text-decoration:none;}
.header-top-menu ul li:hover a.parent-icon{}
.header-top-menu ul li a .avtar{font-size: 25px;padding: 0px; overflow:hidden; height: 30px;width: 30px;display: block;position: relative;border-radius: 50%;}
.header-top-menu ul li a .avtar img{height:30px; width:30px;}
.header-top-menu ul li a.parent-icon .su-caret-down{position: absolute;top: 7px;right: -12px;font-size: 12px;} 
.header-top-menu ul li a.su-bell-two{font-size: 19px;padding:4px 0px 0px 5px;}
.header-top-menu ul li a.su-power{font-size: 19px;padding:4px 0px 0px 5px;}
.header-top-menu ul li a.su-list{font-size: 19px;padding:4px 0px 0px 5px;}

.header-top-menu ul li a i.n-count{position: absolute; top:-16px; right:-6px; width:19px; height:17px;  border-radius:5px 5px 5px 0px; 
                                    text-align:center; font-style:inherit; line-height:17px;}
.header-listicon a.su-list{}
.header-top-menu ul li a.su-settings-streamline-1{font-size: 19px;padding:5px 0px 0px 5px;}
.header-top-menu ul li a.su-user{font-size: 20px;padding:4px 2px 2px 5px;}
.header-top-menu ul li select{padding: 0 8px; font-size:14px; color: #6b6b6b;  border:1px solid #cbcbcb; height:31px; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; width:140px;
                              -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:2px; outline:none;}

.header-top-menu ul li.top-org-label{padding:6px 8px;}
.header-top-menu ul li.top-org-label label{font-size: 15px;}
.header-top-menu ul li select.top-org-width{width:240px;}



.header-top-menu ul li .popover-div{position: absolute;top:20px;right: -45px;display: none;}

.header-top-menu ul li:hover .popover-div{ display: block;padding-top:25px; padding-left:100px; padding-right:50px; 
                                          -webkit-animation: fadeIn .3s linear 1, move-up .3s linear 1;-moz-animation: fadeIn .3s linear 1, move-up .3s linear 1;
                                          -ms-animation: fadeIn .3s linear 1, move-up .3s linear 1;  }
                                          
                                          
                                          
.header-rlogo{float:right;}                                          
.header-rlogo img{margin:14px 10px 0px 0px; height:40px; padding:3px; border-radius: 5px; border: 1px solid #C8C8C8;}                                          
                                          
                                          
                                          
.popover-div .popover-list{ position: relative;height:auto; border-radius:0 0 10px 10px;padding-bottom:5px; }


.popover-div .popover-list:after, .popover-div .popover-list:before{bottom: 100%;right: 5px;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.popover-div .loginwidth{width:300px;}
.popover-div .userinfowidth{width:300px;}
.popover-div .popover-list:after{margin-right: 0px;}
.popover-div .popover-list:before{margin-right: -1px;}
.popover-profile{color:#333;}


.popover-user{ padding:10px;}
.popover-user-details{ position: relative;padding: 0px 5px 0px 0px;margin: 0 0 0 10px; clear:right; margin-left:70px; float:none;}
.popover-user-details h1,
.popover-user-details h2,
.popover-user-details h3{margin:0px; padding:0px;}
.popover-user-details h1{ margin-bottom:3px;}
.popover-user-details h2{ margin-bottom:3px;}
.popover-user-details h3{}

.popover-user-photo{height: 60px;width: 60px; float: left;text-align: center;border: 0px solid #e4e4e4;border-radius: 50%; overflow:hidden;}
.popover-user-photo img{height:60px; width:60px;}
.user-btns{ text-align:center; padding:20px;}
.user-btns a{display:block;}





.header-top-menu ul li .popover-list ul.location{display: block;margin: 0px;padding: 0px;float: left;width: 250px;max-height:300px;overflow: auto;-webkit-overflow-scrolling:touch;padding-top:5px;}

.header-top-menu ul li .popover-list ul.location li{float: none;display: block;margin: 0px;padding: 5px;}

.header-top-menu ul li .popover-list ul.location li:hover{}

.popoverlogin{}
.popoverlogin table{width:100%;}
.popoverlogin table td{padding:8px; }
.popoverlogin table td h1{padding: 0px;margin: 0px;display: block;text-align: center; }
.popoverlogin ul li h1{}
.popoverlogin table td input.tbox{ height: 34px;padding: 3px;outline: none;z-index: 999999; width:100% }
.popoverlogin table td a{display:block;color:#0F7BAA; font-size:13px;}
.popoverlogin table td span.remem{position:relative; display:block;  padding-left:25px;}
.popoverlogin table td span input{position:absolute; top:-1px; left:0px; }
.popoverlogin table td span.remem a{color:#141414; background:none; width:100%;text-decoration: none;}
.popoverlogin table td input[type="checkbox"]{vertical-align:middle;}


.popoverlogin table td span.new-ac{display: block;position: relative;padding-left: 170px;}
.popoverlogin table td span label{width: 165px;overflow: hidden;position: absolute;top: 1px;left: 0; color:#848484; font-size:13px;}
.popoverlogin table td span.new-ac a{color: #0F7BAA;}
.popoverlogin table td a.submit{padding: 6px 6px 6px 6px;cursor: pointer;outline: none;text-align: center;}
.popoverlogin table td a.submit:hover{/*box-shadow: 0px 1px 13px 0px #F8F8F8 inset;*/}

.errormsg{text-align:center; color:Red; display:none;}




.header-top-menu ul li .popover-list ul.user-list{ margin:0px; float: none;display: block; width: 250px; max-height:500px;overflow: auto; -webkit-overflow-scrolling:touch;}
.header-top-menu ul li .popover-list ul.user-list li{float: none;display: block; cursor:pointer; margin: 0px; height:32px; padding:0px 25px 0px 25px; position:relative;}
.header-top-menu ul li .popover-list ul.user-list li label{line-height:28px;}
.header-top-menu ul li .popover-list ul.user-list li:last-child{border-bottom:none;}
.header-top-menu ul li .popover-list ul.user-list li .top-nav-page{right: 5px; left: inherit; display:none;}
.header-top-menu ul li .popover-list ul.user-list li .top-nav-page-show{display:block !important;}
.header-top-menu ul li .popover-list ul.user-list li i{position: absolute; left: 5px; top: 6px; font-size: 15px; cursor:pointer; display:block;}
.header-top-menu ul li .popover-list ul.user-list li:hover .top-nav-page{display:block;}
.header-top-menu ul li .popover-list ul.user-list li.active{border-right: 2px solid #03abd4; background:#f5f2d3; color:#05acd4;}


.popover-div .setwidth      {width:300px; padding:5px; height:355px; overflow:auto;-webkit-overflow-scrolling:touch;}
.set-menu-list              {width:100%; float:left; margin:0px !important;}
 ul.set-menu-list li        {float:left; width:78px; height:83px;margin:6px !important; cursor:pointer; border-radius:3px;}
.set-Micon                  {width: 60px; height:40px; padding: 2px; margin: 0 auto; text-align: center; vertical-align: middle; position: relative;}
.set-Mhead                  {width:98%; text-align:center; overflow: hidden; text-overflow: ellipsis; padding:0 1%;}
.set-Mhead label            { margin: 0px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2; display: -webkit-box;}
ul.noft-menu-list li:hover  {border-radius:3px;}


.popover-div .notification-div              {width:300px; padding:10px 10px 40px 10px; max-height:560px; position:relative;}
.notification-div ul                        {margin:0px !important; padding:0px; float:none;}
.notification-div ul li                     {margin:0px !important; padding:0px; width:100%; border-bottom: 1px solid #E6E5E5;}
.notification-div ul li:hover               {background:#f8f7f7;}
.notification-div ul li a                   {text-decoration:none; display:block; padding:8px;}
.notification-div ul li a.msgcount          {background:#f1f1f1; color:#999999;}
.notification-div ul li .avatar             {float: left; margin-top:0px;}
.notification-div ul li .avatar img         {width: 45px; height:45px;}
.notification-div ul li .notification-msg   {clear: right;margin-left: 50px;} 
.notification-msg .name,.notification-msg .message, .notification-msg .time{display: block;padding: 0px;margin: 0px;font-style: normal;font-family: "Roboto";}
.notification-msg .name                     {font-size: 15px;font-weight: 700;}  
.notification-msg .message                  {font-weight: 400;color: #5A5A5A;line-height: 15px;}
.notification-msg .time                     {font-weight: 400;color: #5A5A5A;line-height: 15px; margin-top:5px;}
.notification-msg .time i                   {margin-right: 4px;font-size: 15px; vertical-align:middle;}
 
 
.notification-div .more-notf                {position:absolute; height:30px; bottom:0px; text-align:center; line-height:30px; background:#CBEDFF;right: 10px; left: 10px; cursor:pointer;}
.notification-div .more-notf a              {text-decoration:none; font-size:13px; font-family:Roboto; } 
.notification-div .more-notf a:hover        {color:#fff;} 
.notification-list                          {overflow: auto; -webkit-overflow-scrolling:touch; max-height:520px;} 
 
 

#mainwrapperD{padding: 17px 17px 0px 17px;position: fixed;top: 69px;bottom: 21px;overflow: hidden;width: 100%;}
#contentwrapper{position: fixed;top: 69px;bottom: 21px;overflow: hidden;width: 100%;}    
    
.left-col{float: left;width: 240px;height: 100%;margin-right: 17px;}
.right-col{clear: right;margin-left: 257px;height: 100%;}

.filterdiv{}
.filterdiv h3{   position: relative; padding: 8px 5px 8px 35px; border-bottom:1px solid #E4E5E4;}

.filterdiv h3 i{position: absolute;left: 6px;font-size: 18px;top: 6px;height: 26px;width: 26px;}

.filterscroll{overflow: auto;-webkit-overflow-scrolling:touch; padding-top:5px; height:150px;}
.filterdata ul{margin: 0px 12px 10px 12px;}
.filterdata ul li{padding: 2px 5px 10px 10px;position: relative;display: block;}
.filterdata ul li ul{margin: 5px 12px 5px 12px;}

.filterdata ul li input[type="checkbox"]{text-decoration: none;position: absolute;left: 0;top:3px;}
.filterdata ul li input[type="radio"]{text-decoration: none;position: absolute;left: 0;top:5px;}
.filterdata ul li span, .filterdata ul li label{display: block;padding-left:9px;}

.filterdata ul li ul li label{color: #828282;font-weight: normal;}
.filterdata ul li:hover{cursor: pointer;color: #003b73;}

.org-filter{/*height:270px;*/ margin-top:5px;background: #ffffff;}

.org-filter h3{   position: relative; padding: 8px 5px 8px 35px; border-bottom:1px solid #E4E5E4; color:#676565;}
.org-filter h3 i{position: absolute;left: 6px;font-size: 18px;top: 6px;height: 26px;width: 26px; color:#676565;}
.org-filterscroll{overflow: auto;-webkit-overflow-scrolling:touch; padding-top:5px; height:150px}




.adddiv{height: 270px;margin-top: 17px;background: #ffffff;padding: 12px; display:none;}


.search-detail{height: 100%;background:#fff;}
.search-control{height: 48px;margin-right: 252px;background:#ebebeb;}
.searchbox{   position: relative;margin-right: 450px;}
.search-txt-box{  height: 37px;}
.searchbox i.icon-search-1{position: absolute;right: 5px;top:6px;font-size: 21px;color: #cccccc;}
.searchtext{height: 33px;padding: 5px;border: none;width: 95%;font-size: 14px;outline: none;z-index: 999999;}

.appt-slot-head{width: 440px;height: 48px;float: right;background: #fff;border: 1px solid #e4e5e4;border-width:0px 1px 1px 1px;}
/*.appoitments [class^="icon-"]:before, .appoitments  [class*=" icon-"]:before {margin-right: 0px !important; margin-left: 0px !important;}*/
.appt-slot-head ul{float: left;width: 100%;}
.appt-slot-head ul li{float: left;text-align: center;/* line-height: 40px;border-bottom: 1px solid #e4e5e4;*/}
.appt-slot-head ul{border: 0px solid #c7c7c7;}
.slot-head-left{line-height:40px;}
.slot-head-right{line-height:40px;}
.slot-head-left a, .slot-head-right a{ border-right: 0px solid #f3f3f3;border-left: 0px solid #f3f3f3;display: block;width: 22px; height: 48px;text-decoration: none;position: relative;padding-top:4px; }


.slot-calinfo{ padding: 5px 0px 4px 0px !important;width: 56px;display: block;border-left: 1px solid #e4e5e4;height: 48px;}

.slot-head-left a, .slot-head-right a,.slot-calinfo{background: #f9f9f9;
                                                    background: -moz-linear-gradient(top, #ffffff 3%, #f9f9f9 100%);
                                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#ffffff), color-stop(100%,#f9f9f9));
                                                    background: -webkit-linear-gradient(top, #ffffff 3%,#f9f9f9 100%);
                                                    background: -o-linear-gradient(top, #ffffff 3%,#f9f9f9 100%);
                                                    background: -ms-linear-gradient(top, #ffffff 3%,#f9f9f9 100%);
                                                    background: linear-gradient(to bottom, #ffffff 3%,#f9f9f9 100%);
                                                    }


.search-result{overflow: auto;-webkit-overflow-scrolling:touch;position: relative;padding-bottom: 0px;  }
.qa-search-result{overflow: hidden;position: relative;height:100%; background:#ffffff;border: 1px solid #dedede;}

.search-result-div{padding-right: 235px;}

.chrome .fd-scroll-chromepad{padding-right:244px;}
.firefox .fd-scroll-firefoxpad{padding-right:235px;}

.chrome .fd-scroll-chromepad1{padding-right:252px;}
.firefox .fd-scroll-firefoxpad1{padding-right:252px;}


.sky{/*position:absolute; top:0px; right:0px;*/ overflow:hidden;}

div.doctor-list{float: left;width: 100%;margin-bottom:3px;border:1px solid #e4e5e4;border-width:1px 1px 1px 1px;}


.app-slots{float: right;width: 416px; height:227px; position: relative; overflow:auto;-webkit-overflow-scrolling:touch;}
.app-slots::-webkit-scrollbar{width:8px; height:8px;}
.app-slots::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #fdfdfd; border-radius:8px;}
.app-slots::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px #a3a2a2; border-radius:8px;}
/*.app-slots::-webkit-scrollbar-button:start{background:url(../img/scroll-arrow.png) -3px -2px #f1f1f1;height:10px; }
.app-slots::-webkit-scrollbar-button:end{background:url(../img/scroll-arrow.png) -19px -2px  #f1f1f1; height:10px;}*/

.empty-schedule                {height: 227px;  background:#f2f2f2; border-left:1px solid #e4e5e4; border-right:1px solid #e4e5e4;}
.fd-droprequest                {position:absolute; height:70px; top:50%; text-align:center; width:99%; margin-top:-35px;}
.fd-droprequest label          {width:100%; line-height:17px; font-family:Roboto; color:#646464; float: left;}
.fd-droprequest span           {width:100%; line-height:40px; font-family:Roboto; color:#646464; float: left;}
.fd-droprequest i              {font-size:12px; color:Gray;}

.doctor-details{margin: 10px 448px 10px 4px;}

.doc-left{float: left;width: 95px;height:200px; }

.doctor-photo{width: 65px;height: 65px;margin: 5px 14px 0px 14px;overflow: hidden; text-align: center;border: 0px solid #cacaca;}
.doctor-photo img{width: 65px;height: 65px;}

.doc-timings{margin-left: 14px;}
.doc-timings ul{margin: 0px 0px 0px 0px;padding: 0px;list-style: none;}
.doc-timings ul li{margin: 0px 0;list-style: none;display: block;}
.doc-timings ul li.wd{  }
.doc-timings ul li.time{    }
.doc-timings ul.wdul{margin: 10px 0px 0px 0px;padding: 0px;list-style: none;}

/***************************** Doctor Hover *****************************/

.doc-clinic                        { position: relative;}
.doc-clinic-popover                { position: absolute; left:-22px; top:6px;  z-index: 150; padding:15px;  display:none;}
.doc-clinic-content                { background: #fff; border: 1px solid #cbcbcb; min-height: 100px; width: 188px;   -webkit-box-shadow: 0 3px 21px -7px #000;
                                     box-shadow: 0 3px 21px -7px #000; padding:5px;}    
.doc-clinic-content label          { display:block; margin-bottom:3px; cursor:pointer; font-size:13px; padding:3px}                                     
.doc-clinic-content label:hover    { background-color: #edfbff;cursor:pointer; }
                                                                      
.doc-clinic-arrow                  { position:relative;}                                     
.doc-clinic-arrow:before, .doc-clinic-arrow:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-16px; left:9px;}
.doc-clinic-arrow:after{border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-top:2px;}
.doc-clinic-arrow:before{border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:8px; margin-top:0px;}                                     
.doc-clinic:hover .doc-clinic-popover{display:block;}

.doctor-info{position: relative;margin-left:80px;}
.doctor-info h2{margin: 0;}
.doctor-info h3{overflow: inherit;white-space: normal;}
.doctor-Adress ul .doc-dft{color:#000;margin-top:7px;}
.doctor-Adress ul{display: block;margin: 0px;padding: 0px;}
.doctor-Adress ul li{padding:3px 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.doctor-Adress ul li i{margin-right:10px; float:left; vertical-align:middle; color:gray;}

.appt-btns{margin-top:10px;}
.appt-btns button, .appt-btns input[type="button"]{padding: 4px 6px 4px 6px;cursor: pointer;outline: none;border-radius:3px;}
.appt-btns button:hover, .appt-btns input[type="button"]:hover{}





.divcollapse                    { margin:0px 0px 12px 0px;  clear:both;}
.divcollapse h1                 {font-size:14px; font-weight: 400;  font-style: normal; margin:0px 0px 10px 0px;}
.divcollapse h1 [class^="icon-"]:before,  .divcollapse h1 [class*=" icon-"]:before 
                                {font-size:130%; color:#f1120a; }
.DS-APP                         {background: #f3f3f3;}
.DS-APP h1 i                    {font-size:11px;}    
.DS-display                     {display:none;}
.apptclose, .locaclose          {overflow:auto; -webkit-overflow-scrolling:touch; max-height:350px;}       
                                   
.help                           { color:#444444 !important;}
.divcollapse ul                 {margin: 0px 0px 10px 14px !important;  z-index: 999999;}
.divcollapse ul li              {margin: 3px !important;padding:5px 5px;color: #444444;}

.divcollapse ul li a            {text-decoration: none;padding:5px;color: #444444;}
.divcollapse ul li input        {text-decoration: none;margin:0px !important;color: #444444; padding:3px;}
.divcollapse ul li span         {text-decoration: none;margin-top:-10px !important;color: red;}
.divcollapse ul li label        {font-size:11px;}
.divcollapse ul li:hover        {cursor: pointer;color: #003b73;}

ul.avail                        {margin:0px !important; height:20px; padding-top:3px;}
ul.avail li                     {display:inline; margin:0px !important;  margin-right:2px !important; padding:3px !important;}
ul.avail li:hover, ul.avail li.active 
                                {background:#f1120a !important; color:white;}

.divcollapse ul li:hover a      {color: #003b73;}








/************************find a doctor new***************************/

.searchbox2{   position: relative;}
.searchbox2 i.icon-search-1{position: absolute;right: 5px;top: 4px;font-size: 21px;color: #cccccc;}
div.doc-list{float: left;width: 100%; border:1px solid #e4e5e4;border-width:0px 1px 1px 1px; height:auto;}
.doc-details{margin:8px; position:relative; height:115px;}
.doc-info-div{clear:right; margin-left:80px;}
.doc-info-name h2{margin-bottom:5px; font-size: 17px; font-family: Roboto; font-weight: 400; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.doc-info{position: relative; float:left; width:30%; margin-right:3%; }
.doc-info h3{overflow: inherit;white-space: normal;}


.doc-Adress ul{display: block;margin: 0px;padding: 0px;}
.doc-Adress ul li{padding:3px 0;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #828282; 
                  font-family: Roboto; font-style: normal; font-size: 13px;}
                  
.doc-left-img{float: left;width:115px;height: 100%; margin-right:15px;}
.doc-photo{width:115px;height:115px; overflow: hidden;text-align: center;border: 0px solid #cacaca;}
.doc-photo img{width:115px;height:115px;}




.appt-bottons{position:absolute; right:0px; bottom:0px;}
.appt-bottons button, .appt-bottons input[type="button"]           { padding: 4px 12px; cursor: pointer;outline: none;border-radius:3px; font-size:14px; margin-left: 5px;
                                                                      color: #fff; font-family: 'Roboto Light'; font-weight: 700; font-style: normal; }
.appt-bottons button:hover, .appt-bottons input[type=button]:hover { }




.fd-doc-buttons{position:absolute; right:0px; bottom:5px;}
.fd-doc-buttons input[type="button"]     { width:140px; height:24px; cursor: pointer;outline: none;border-radius:3px; font-size:13px; margin-left: 5px;
                                           color: #fff; font-family: 'Roboto Light'; font-weight: 700; font-style: normal;  }

.fd-doc-buttons .hide-but{background:#E74B4B !important;}

.pack-but-size input[type="button"]{width:100px !important;}




.doc-slot-maindiv{height:auto; background:#f2f2f2; padding:10px; border-top: 1px solid #cbcbcb; position:relative;}
.doc-slot-arrow:before, .doc-slot-arrow:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-24px; right:65px;}
.doc-slot-arrow:after{border-color: rgba(242, 242, 242, 0); border-bottom-color:#f2f2f2; border-width:12px; margin-top:1px;}
.doc-slot-arrow:before{border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:12px; margin-top:0px;}

.doc-slot-dates      {/*padding:0px 25px 0px 25px;*/ margin-bottom: 18px;}
.doc-slot-dates ul li{display:inline-block; margin-right:5px; font-family:'Roboto'; cursor:pointer; font-weight: 400; font-size: 14px; padding:5px 10px;}

.pick-date           {margin-right:0px !important; width:35px; height:30px; position:relative;}
.pick-date i         {position:absolute; font-size: 18px;}
.pick-date input[type="text"]{border:none; background:url(../img/date-pick.png); outline:none; width:35px; height:35px; font-size: 0px; padding: 25px 20px 11px 10px; cursor:pointer;}

.doc-slot-div    {min-height:132px; background:#fff;  border:1px solid #cbcbcb; position:relative;}

.next-slot-date, .prv-slot-date{width:30px; height:100%; position:absolute; cursor:pointer;}
.next-slot-date i, .prv-slot-date i{position:absolute; top:50%; margin-top:-15px;    left:0px; font-size: 30px; color:Gray;}

.prv-slot-date{ top:0px; left:0px;
                background:#e6e6e6;
                background: -moz-linear-gradient(right, #fefefe 100%, #e6e6e6 100%);
                background: -webkit-gradient(linear, right top, left bottom, color-stop(100%,#fefefe), color-stop(100%,#e6e6e6));
                background: -webkit-linear-gradient(right, #fefefe 100%,#e6e6e6 100%);
                background: -o-linear-gradient(right, #fefefe 100%,#e6e6e6 50%);
                background: -ms-linear-gradient(right, #fefefe 100%,#e6e6e6 100%);
                background: linear-gradient(to right, #fefefe 0%,#e6e6e6 100%); border-right:1px solid #cbcbcb;}
                
.next-slot-date{ top:0px; right:0px;
                background:#e6e6e6;
                background: -moz-linear-gradient(left, #fefefe 100%, #e6e6e6 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#fefefe), color-stop(100%,#e6e6e6));
                background: -webkit-linear-gradient(left, #fefefe 100%,#e6e6e6 100%);
                background: -o-linear-gradient(left, #fefefe 100%,#e6e6e6 50%);
                background: -ms-linear-gradient(left, #fefefe 100%,#e6e6e6 100%);
                background: linear-gradient(to left, #fefefe 0%,#e6e6e6 100%); border-left:1px solid #cbcbcb;}



.doc-slots{ margin: 5px 30px 0 35px;}  

.doc-slots ul li{float: left; padding:5px 5.9px; margin-right:5px; border: 1px solid #DFD9D9; margin-bottom:5px; color:#4A4949; position:relative; cursor:pointer;
                 background:#f2f2f2;
                 background: -moz-linear-gradient(left, #f2f2f2 100%, #fff 100%);
                 background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#fefefe), color-stop(100%,#fff));
                 background: -webkit-linear-gradient(left, #f2f2f2 100%,#fff 100%);
                 background: -o-linear-gradient(left, #f2f2f2 100%,#fff 50%);
                 background: -ms-linear-gradient(left, #f2f2f2 100%,#fff 100%);
                 background: linear-gradient(to left, #f2f2f2 0%,#fff 100%);}
                 
.doc-slots-dis hr{position: absolute; border: 1px solid #A19D9D; float: left; width: 100%; top:7px; left: 0px; border-width: 1px 0 0 0;}
.doc-slots-dis {color: #FF9999  !important; cursor:default !important;}

.doc-slot-emp-div{text-align: center; line-height: 20px; color: #848484; font-family:'Roboto'; font-style: normal; font-weight: 600; position: absolute; top: 33%; left: 47%;}



.search-control-new{height: 48px; background:#ebebeb;}
.search-result-div-new{}
.search-detail-new{margin-right:237px; background:#fff;}
.right-side-banner-new{width: 220px;height: 100%;position: fixed; background:#fff; top:87px; right:17px; padding:10px;}
.right-side-banner-new img{width: 220px;}
.doc-paging-new{ padding: 5px 0px 5px 0px !important; border:1px solid #e4e5e4 !important; height:37px;}








.doctor-appts
{
float:left;
}

.sdown, .sup
{
right: -20px;
position: absolute;
width: 18px;
height: 18px;
border: 1px solid #e4e5e4;
cursor: pointer;
color:gray; display:none;
}

.FAD-slot-div{float:left; border-left:1px solid #e4e5e4; width:56px; min-height:228px;}
/*.FAD-slot-div:hover .slot-emp-div {display:block;}*/

.sdown
{
bottom: 4px;
}
.sdown1
{
cursor: default;
}
.sup
{
top: 4px;
}

.doc-appts-div
{
padding: 0px 0;
position: relative;
border-right: 1px solid #e4e5e4;
float:left;
 
}


.doc-appts-div table td i
{
position: absolute;
height: 0;
top: 0px;
right: 0px;
width: 0;
border-left: 7px solid transparent;
border-bottom: 7px solid transparent;
display: none;
}
.doc-appts-div table td
{
text-align: center;
position: relative;
height: 38px;
width: 56px;
line-height: 36px;
border-bottom: 1px solid #e4e5e4;
border-right: 0px solid #e4e5e4;
cursor:pointer;
}
.doc-appts-div table td:hover{background:#EBF0F0;}

.doc-appts-div table td a
{
text-decoration: none;
line-height: 36px;
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 12px;
color: #848484;
outline:none;
}


.SRgreen                        {border:6px solid #b0eba3;}
.SRred                          {border:6px solid #f0a19e;}
.SRyellow                       {border:6px solid #bbcddd;} 
.SRorange                       {border:6px solid #dec58c;}

/*.slotcolor1                   {background:#faf8e6 ;} 
.slotcolor2                   {background:#daf6fe !important;}
.slotcolor3                   {background:#fbdbdf !important;}
.slotcolor2, .slotcolor1, .slotcolor3
{
background: none !important;
}*/

.slot-emp-div
{
text-align: center;
float: left;
text-decoration: none;
height: 228px;
width: 56px;
line-height: 15px;
padding-top: 100px;
color: #848484;
font-family: 'Roboto';
font-style: normal;
font-weight: 600;
font-size: 11px;

}

.appt-paging{background: #e4e4e4; padding:5px 5px 5px 0px; position: absolute; bottom: 0px; left: 0px; width: 100%;}


.doc-paging{padding:5px 248px 5px 0px; background:#ffff; border-top:1px solid #e4e5e4;}
.doc-paging ul{/*float:left;*/}
.doc-paging ul li{display:inline-block; font-size:14px; font-family:'Roboto'; cursor:pointer; 
                  margin:0 3px; width: 20px; height: 20px; text-align: center; line-height: 22px}
.doc-paging .next-prv{width:auto; padding:3px 5px; line-height:inherit; height:auto;}                  
.doc-paging ul li:hover{}
.doc-paging ul li.active{text-decoration:underline;}
.doc-paging ul li label{cursor:pointer;}
.doc-paging ul li i{vertical-align:middle; font-size: 9px;}
.doc-paging ul li i.su-right-open-big{margin-left:3px;}
.doc-paging ul li i.su-left-open-big{margin-right:3px;}

.doc-paging .next-prv-dis{color:#d7d7d7; cursor:default;}








.right-side-banner{width: 220px;height: 100%;position: fixed;top:102px;right: 34px;background: #F0F0F0;overflow:hidden;}

.right-side-banner img{width:220px;}
div#footer{position: fixed;width: 100%;height: 20px;z-index: 10;bottom: 0;left: 0;}
div#footer span{font-size: 11px;font-family: 'Roboto Light';font-weight: 400;padding:0 5px 0 17px;line-height: 20px;color: #7f7f7f;}

.ic_notofication, .ic_setting, .ic_user{background-image: URL(../icons/Appt_Sprite.png);background-repeat: no-repeat;}
.ic_setting{background-position: -6px -6px;}
.ic_setting:hover{background-position: -47px -6px;}
.ic_user{background-position: -6px -47px;}
.ic_user:hover{background-position: -47px -47px;}
.ic_notofication{background-position: -5px -86px;}
.ic_notofication{background-position: -46px -86px;}

/*
.filterdiv h3 i{background-position:-7px -131px; position:absolute; left: 6px;
top: 16px;
height: 26px;
width: 26px;}
*/

.grid-page-header           { padding: 4px 17px 4px 12px;clear:both;}
.page-header                { padding: 4px 17px 4px 17px;clear:both;}
.page-head                  { height:30px; width:100%; position:relative}
.page-head h1               { font-family:'Roboto'; font-style:normal; font-size: 22px; font-weight:100; overflow:inherit; float:left;}
.page-head h2               { color:#ffffff;font-family: "Roboto Thin"; font-style: normal; font-size: 24px; font-weight: 300; }
.page-head h1 span          { color:#ffffff;font-family: "Roboto Thin"; font-style: normal; font-size: 24px; font-weight: 300;}
.menulist					{ float: left;font-size: 30px;margin-right: 20px;border-radius: 4px; display:none; cursor:pointer;}
.page-head-right            { float:right;}
.last-refresh               { color: #777676;margin:5px 0 0 10px; float:left;cursor:pointer;}
.last-refresh i             { vertical-align: middle;margin-right: 5px; font-size: 15px;}
.grid-top-right-buts        { position:absolute; height:30px; width:100px; top:7px; right:17px;}

.grid-top-right-buts label  {font-size: 14px; cursor: pointer; font-family: 'Roboto'; float: right; margin-top: 2px; padding: 2px 5px 2px 5px; 
                                           background:none; border:0px; outline:none;}
.grid-top-right-buts label:hover{color:#fff; border-radius:4px;}
.grid-top-right-buts label i{vertical-align:middle; margin-right:5px;}

.grid-top-dropdown          { position:absolute; height:30px; width:150px; top:7px; left:360px;}
.grid-top-dropdown select   { width:100%; padding:2px; font-size: 13px; color: #555; width:100%; border:1px solid #ccc; border-radius:4px;}

.grid-top-dropdown2         { float:left; width:120px; margin:3px 0 0 10px;}
.grid-top-dropdown2 select   { width:100%; padding:2px; font-size: 13px; color: #555; width:100%; border:1px solid #ccc; border-radius:4px;}

.last-refresh               { color: #777676;margin:5px 0 0 10px; float:left;}
.last-refresh i             { vertical-align: middle;margin-right: 5px; font-size: 15px;}



.grid-qurys                 { float:left; margin:3px 0 0 10px; position:relative; width:210px;}
.grid-qurys input[type="text"]{padding:3px 5px; border:1px solid #cbcbcb; border-radius:3px; width:100%;}
.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-family: 'Roboto Light'; font-style: normal; font-weight: bold; color:#676565;}
.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-family:'Roboto Light'; font-style: normal; font-weight: bold; color:#676565; cursor:pointer; padding:5px 0px;}
.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;}

.main-content{padding: 0px 17px 0px 17px;overflow: hidden;width: 100%;position:relative;}

.main-left-col {width: 220px;float: left; margin-right:17px; border:1px solid #e5e5e5;}
.main-left-col-2{width:180px; }

.main-right-col{clear: right;/*margin-left: 237px;*/background: #ffffff; overflow: hidden; height:100%; padding:10px; border:1px solid #e5e5e5;}
.nopad{padding:0px !important;}
.nopadbg{padding:0px !important; background:none !important;}

.main-right-col-2{margin-left: 197px;}
.main-left-top{}

.main-left-h{position:relative; height:100%;}
.main-left-head{ padding:10px; position:relative; background:#fff;}
.main-left-head-text{position: relative;clear: right;text-overflow: ellipsis;overflow: hidden;white-space: normal;margin-left:60px;width:135px; margin-top:8px;}

.main-left-head-text h3 {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:2px; font-size:15px !important;}
.main-left-head-text select{width:100%; padding:1px 3px;}
.me-photo{position:absolute; top:3px; right:3px; width:20px; height:20px; border-radius:50%; text-align:center; border:1px solid #cbcbcb; cursor:pointer;}
.pat-me-photo{top:20px; right:16px; z-index:99;}
.me-photo img{height:20px; width:20px; border-radius:50%;}

.sub-profile-div{display:none;  position:absolute; top:23px; right:-4px; z-index:9999; padding:20px 0 0 20px;}
.sub-profile{ height:auto;   border:1px solid #cbcbcb;
              -moz-box-shadow:0px 2px 29px #A39E9E; -webkit-box-shadow:0px 2px 29px #A39E9E; box-shadow:0px 2px 29px #A39E9E;}
.sub-profile:before, .sub-profile:after {height:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-4px; right:4px;}
.sub-profile:after{border-color: rgba(255, 255, 255, 0); border-bottom-color:#ffffff; border-width:12px; margin-top:2px;}
.sub-profile:before{border-color: rgba(242, 242, 242, 0); border-bottom-color:#cbcbcb; border-width:12px; margin-top:0px;}
.sub-profile ul{height:auto; width:150px; background:#fff;}
.sub-profile ul li{text-align: left; color: #777474; border-bottom:1px solid #cbcbcb; padding:5px !important;}
.sub-profile ul li:hover{background:#f2f2f2;}
.sub-profile ul li:last-child{border-bottom:none;}
.me-photo:hover .sub-profile-div{display:block;}




.main-left-head-text h3{font-family:'Roboto'; font-size:16px;}
.main-left-head-text label{font-family:'Roboto'; font-size:12px; color:Gray;}

.left-head-photo{height: 50px;width: 50px;float: left;text-align: center;border: 1px solid #e4e4e4;overflow:hidden;}
.left-head-photo img{height:50px; width:50px;}



.columns-row{margin-left:05px; margin-right:0px;}






.main-left-scroll{/*overflow:auto;*/}



.left-add{height: 200px;margin-top: 17px;background: #ffffff;padding: 12px;}





.main-left-div{height:100%; overflow:hidden; /*border-bottom:1px solid #cbcbcb;*/}

.main-left-div ul{margin: 0px 0px 0px 0px ;}
.main-left-div ul li{padding: 0px 0px 0px 0px;position: relative;display: block;}



.vp-doc-left                      {padding: 0px 0px 0px 0px; overflow:auto; height:100%; -webkit-overflow-scrolling:touch;}

.VP-doc-details                   {margin:0px 0 15px 0; float:left; width:100%; height:100px;}

.VP-doc-photo                     {width:65px; height:65px; overflow:hidden; text-align:center; float:left;}      
.VP-doc-photo img                 {width:65px; height:65px;}
.doc-pro-edit:visited, .doc-pro-edit:active, .doc-pro-edit:link{font-size:12px;}

#doc-profile-details-div          {position: relative; background:#fff; padding:17px;}
.VP-sevices-DIV                   {  /*float: left;  width: 50%;*/   padding-right:655px;}
.VP-headline                      {padding: 0px 0px 5px 0px; margin:0px 0 5px 0; font-size:14px; font-family:'Roboto'; color:#4D4D4D; border-bottom: 1px solid #E4E4E4;}
.VP-headline i                    {font-size:20px; margin-right:5px; vertical-align:middle;}
.VP-info                          {margin-bottom:25px; height:auto;}

.VP-info-exp                      {height:auto !important;}
.VP-services                      { max-height:94px; overflow: hidden;}
.VP-info li                       {padding:0px 0 0px 20px; width:99%; color:#5e5d5d; float:left; position:relative;} 
.VP-info li i                     {float:left; position:absolute; left:0px; top:4px;}
.VP-info li p                     {margin-top:0px; line-height:20px; width:100%; margin-bottom:5px;}  
.VP-more                          {color:Gray; text-align:right;}
.VP-more i                        {font-size:10px; color:#a8a7a7;}

.doc-pro-empty-msg                {height:200px; float: left; width:100%; position:relative; text-align:center;}
.pro-spce-img                     {height:85px; width:85px; border:1px solid #cbcbcb; border-radius:50%; position:absolute; 
                                   text-align:center; left:50%; margin-left:-42px; padding:11px 0 0 0;}
.pro-spce-img i                   {font-size:53px; color:#d7d7d7;}
.pro-text                         {margin-top:90px;}
.pro-text h1                      {font-size:24px; font-family:'Roboto Thin';}
.pro-text i                       {vertical-align:middle;}
.pro-text p                       {margin:0px; color:#949494;}


.VP-doc-fee                       {width:210px; height:95px; color:#7A9ECF; clear:right; margin-left:132px; position:relative;}
.VP-doc-fee input[type="button"]  {position:absolute; left:0px;  bottom:0px;}

.VP-location-DIV                  { /*width: 40%;  float: right;  height: auto;*/overflow:auto; -webkit-overflow-scrolling:touch; width:400px; float:left; height:100%;}
.VP-Facilities                    {padding: 10px;  margin-bottom: 15px;   background: #f3f3f3;  min-height:152px;} 
.VP-Facilities h1                 {margin:0px 0 4px 0px; padding-left:10px; font-size:12px; text-align:right; color:#939393;}
.VP-loc-addr label                {font-size: 14px; font-weight: bold; font-family:Roboto;}
.VP-back                          {color:#646464; text-decoration:none; margin-right:4px; font-family:Roboto; font-weight:bold;}
 
.VP-dayview-DIV                   {height:300px; border:1px solid #cbcbcb; margin-top:15px; background:#fff; }
.VP-dayview-header                { text-align:center; padding:7px 0;
									background:#ececec; border-bottom:1px solid #cbcbcb;
									background: -moz-linear-gradient(top, #ffffff 0%, #ececec 85%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(85%,#ececec));
									background: -webkit-linear-gradient(top, #ffffff 0%,#ececec 85%);
									background: -o-linear-gradient(top, #ffffff 0%,#ececec 85%);
									background: -ms-linear-gradient(top, #ffffff 0%,#ececec 85%);
									background: linear-gradient(to bottom, #ffffff 0%,#ececec 85%);  
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 );}
                              
.VP-dayview-header span           {cursor:pointer;}     

.VP-date-DIV                      {width:45px; height:268px; background:#C8CEDA; float: left;}
.VP-date-DIV ul li                {width:100%; text-align:center;  height:90px; border-top:1px solid #9AB1DB; border-bottom:1px solid #E3ECF2; padding-top: 23px;}
.VP-date-DIV ul li i              {font-size:30px;}

.VP-slot-DIV                      { height:auto; margin:0px 0 0 45px; clear:right;}
.VP-slots                         {height:90px; border-top:1px solid #cbcbcb;}
.VP-slots ul                      {padding:3px; float:left;}

.VP-slots ul li                   {  width:49px;  float: left;  padding:3px;  cursor: pointer;  text-align: center;  border-radius: 3px;  margin:2px;} 
.VP-slots ul li:hover             {}


.VP-Add-slots2                    {  height:90px; border-top:1px solid #cbcbcb; background:#f5f5f5;  text-align:center; padding:30px 0 10px 0;}
.VP-Add-slots2 span i             {font-size:20px; color:Gray; cursor:pointer;} 
.VP-Add-slots2 h1                 {font-size:11px; color:#a4a4a4; margin:5px 0 0 0; text-align:center; }

.VP-loc-pics                      {width:120px; height:90px; margin-top:5px; overflow:hidden; text-align:center; border-radius:5px; float:left; border:1px solid #cbcbcb; background:#fff;}
.VP-loc-pics img                  {width:120px; height:90px;}

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







.Request                          {margin:0px 0 0 45px; padding-top:113px; height:208px;  text-align:center; }
.Request span i                   {font-size:20px; color:#797979;}
.Request h1                       {text-align:center;}

.doc-pro-req                      {height:268px; margin-left:45px; clear:right; position:relative;}
.doc-pro-text                     {height: 200px; width: 290px; text-align:center; position: absolute; left: 50%; margin-left: -145px; top: 50%; margin-top: -100px;}
.doc-pro-text h3                  {font-size:18px; font-family:'Roboto Thin';}
.doc-pro-text h3 i                {cursor:pointer; vertical-align: middle; margin-left:5px;}
.doc-pro-text p                   {margin:0px; color:#949494;}

/****************************Apt Patient Details***********************************/
.apt-patient-div                  {background:#e0f7fa; width:100%; border: 1px solid #80deea; border-radius:3px; position:relative; padding:8px; height:62px;}
.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: 215px; 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:11px; }
.patient-ul li .col               { font-weight:bold; color:#333; font-size:11px; 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:#03abd4;}

.pat-icons-div                 { position: absolute; top: -16px; right:10px; border: 1px solid #a0a0a0; background: #fdfce8; z-index: 150; border-radius:2px;}
.pat-icons-div .pat-icon       { padding: 1px 0 0 0px; cursor:pointer; float: right; height: 21px; text-align: center; width:28px; color: #007db0; border-left: 1px solid #a0a0a0; position:relative;}
.pat-icons-div .pat-icon:hover { color:#000; background:#fff;}
.pat-icons-div i               { font-size:14px; padding-top: 2px; display: block;}
.pat-icons-div b               { font-size: 12px; padding-top: 2px; display: block;}
.pat-icons-div .pat-icon:last-child{border-left:none;}
.pat-icon span.n-count         { position: absolute; top: -11px; right: -12px; width: 19px; height: 14px; border-radius: 3px 3px 3px 0px; text-align: center;
                                 font-style: inherit; line-height: 14px; color: #fff; background: #FF2175; font-size: 11px;}


 /****************************New patient strip Allergies popover *******************************/
 .pat-alrgy-li                    { overflow:inherit !important; position: relative; cursor:pointer; }
 .pat-alrgy-li:hover .alrgy-div   { display:block;}
 
 .alrgy-div                       { position:absolute;z-index:999; width:200px; min-height:50px; top:18px; right:-10px; background: #fff;
                                    border-radius: 2px; -moz-box-shadow: -2px 2px 14px -5px #cacaca; -webkit-box-shadow: 0px 3px 6px -2px #a7a7a7;
                                    box-shadow: 0px 3px 6px -2px #a7a7a7;border: 1px solid #cbcbcb; display:none;}
                                    
.alrgy-div  li                    { font-size: 11px; color:#5a5a5a;border-bottom: 1px solid #e4e4e4;
                                    padding: 1px 3px;float: none;margin: 0;}
.alrgy-div  li:last-child         { border-bottom:none;}

.alrgy-div:before, .alrgy-div:after {right:8px; top:-4px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; z-index:9999;}
.alrgy-div:after                    {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:6px; margin-top:-7px;} 
.alrgy-div:before                   {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:6px; margin-top:-8px;} 

.alrgy-inside-div  {position: relative;padding: 5px 20px 10px 10px; background: #fff;     min-height: 194px;}
.alrgy-inside-div .close-icon  {position: absolute;right: 5px;top: 5px;cursor: pointer;font-size: 15px;color: #7b7b7b;}
.alrgy-li         {}
.alrgy-li  ul     {list-style: disc;list-style-position: inside;}
.alrgy-li  ul li  {line-height: 17px;}

/*======================================================Patient Dashboard=======================================================================*/

.Pat-detail-Dmgph{ background:#ffffff; border-radius:0px; padding:15px; margin-bottom:2px; position:relative;}
                  
                    
.Pat-detail-photo{width:55px; height:55px; overflow:hidden; text-align:center; float:left;}                    
.Pat-detail-photo img{width:55px; height:55px;}  
.Pat-detail-info{ clear:right; margin-left:80px; padding-right:85px; }  
                    
.vd-Pat-detail-photo{width:35px; height:35px; overflow:hidden; text-align:center; float:left;}                    
.vd-Pat-detail-photo img{width:35px; height:35px;}                     
                     
.pat-visit-datails{background:#ffffff;}  
.pat-visit-info{margin-right:0px;}
.panel-more{display:none;}

.pat-visit-datails-left{float: left; width: 40%;}
.pat-visit-datails-right{float: left; width:60%; padding-left:15px;}


.pat-visit-table{}
.pat-visit-table th{padding: 5px 5px 5px 5px; }
.pat-visit-table td{padding: 5px 5px 5px 5px; vertical-align:top;height:30px; border-top:1px solid #d8d5d5; border-right:0px solid #d8d5d5; position:relative; /*padding-right:5px;*/}
.pat-visit-table td.ico-td{} 
.pat-visit-table td .legend{position:relative; padding-right:5px;}

.pat-view-but                       { height:60px; width: 26px; background: #F6F6F6; position:absolute; top:1px; right:2px; border: 1px solid #80deea; border-width: 0px 0 0px 1px;}

.pat-but-round                      { height:36px; width:19px; border: 1px solid #80deea; border-width: 1px 0 1px 1px; position: absolute; right: 25px;
                                        top: 13px; border-radius: 30px 0 0 30px; background: #F6F6F6;} 








.visit-add,.visit-more{display:none;font-size: 17px; color: #035a59; cursor:pointer;}
.panel-div:hover .visit-add,.panel-div:hover .visit-more{display:block; -webkit-animation: move-left .3s linear 1;
-moz-animation:  move-left .3s linear 1;
-ms-animation:  move-left .3s linear 1;}

.active-visit{color:#3ec044; font-size:8px;}
.passive-visit{color:#ff0072; font-size:8px;}


.visit-more{position:absolute; bottom:2px; right:8px; font-size:18px;}
.visit-more:hover{background:#cacaca; border-radius:4px;}


.phr-visit{position:absolute;  right:0px; top:0px; width: 0;height: 0;
border-top: 13px solid #88b5f8;
border-left: 13px solid transparent;
border-bottom: 0px solid transparent;}
  
.visit-lft-td1,.visit-lft-td2,.visit-lft-td3{ text-align:left; }
.visit-lft-td1{width:5% !important;}
.visit-lft-td2{width:50% !important;}
.visit-lft-td3{width:45% !important;}
.visit-right-td1{width:35%;}
.visit-right-td2{width:15%;}
.visit-right-td3{width:15%;}
.visit-right-td4{width:35%;}
  
.visit-right-td1,.visit-right-td2,.visit-right-td3,.visit-right-td4{text-align:left; }
  
.pat-visit-table td .Pt-ellipsis{display: block;overflow: hidden;text-overflow: ellipsis;height: 15px;width: 99%;white-space: nowrap;position:relative; padding-right:5px;}

.panel-div{ margin-bottom:15px; border:1px solid #d8d5d5;}
.panel-div-scroll{overflow:auto;}
.panel-div .panel-heading {padding: 9px;text-align: left;background:#fefefe; border-bottom:1px solid #cbcbcb; color:#03abd4; position:relative;
							background: -moz-linear-gradient(top, #fefefe 0%, #ececec  85%);
							background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(85%,#ececec ));
							background: -webkit-linear-gradient(top, #fefefe 0%,#ececec 85%);
							background: -o-linear-gradient(top, #fefefe 0%,#ececec 85%);
							background: -ms-linear-gradient(top, #fefefe 0%,#ececec 85%);
							background: linear-gradient(to bottom, #fefefe 0%,#ececec 85%);}
.panel-heading .addnew{position:absolute; right:0; top:0; height:36px; width:39px; padding:2px 2px 0 0; text-align:right;}
.panel-heading .righttxt{position:absolute; right:0; top:0; padding: 9px 5px 0 0; text-align: right; }
.panel-title{color: inherit;margin: 0px;padding: 0; font-size:16px;}
.panel-heading h3, .panel-body h3{margin: 0px;padding: 0;}
.panel-body{position:relative;}
.panel-body h3{margin-bottom: 5px;}


.Pat-dash-expand{ border:0px solid #cbcbcb !important;}
.Pat-dash-expicons i{font-style:normal; cursor:pointer; font-size:11px; margin-top:2px; margin-right:5px; color:Gray;}
.Pat-dash-expicons .Pat-dash-his{margin-top:3px;}


.Pat-row{background:#f2f2f2;} 
.Pat-alt-row{background:#fff;}
.popup-headerdatet{margin-left:350px;}
.Pat-dash-legends{float:left; width:100%; background:#fff;}
.Pat-dash-legends i{float:left; margin-right:20px;}
.active-legend{color:#93df65;}
.active-legend span, .passive-legend span, .PHR-legend span{color:#000; margin-right:5px;}
.passive-legend{color:#ffbac4;}
.PHR-legend{color:#88b5f8;}
.Pat-dash-legends i span{color:#000; font-style:normal;}



/*.modalpop{background:#ffffff;}*/
.pop-header{border-bottom:1px solid #cacaca; padding:5px; position:relative;}
.pop-head-right{position:absolute; right:0px; top:0px;}
.pop-allergies,.pop-healthcondi,.pop-invest{ width:350px; margin-left:-175px; height:250px; margin-top:-125px;}
.pop-Medication{ width:350px; margin-left:-175px; height:284px; margin-top:-142px;}
.pop-Complaint{ width:370px; margin-left:-185px; height:240px; margin-top:-120px;}
.pop-vitals{width:900px; margin-left:-450px; height:300px; margin-top:-150px;}
.VD-tab-line{border-bottom:1px solid #cacaca; padding:5px; position:relative;}
.VD-feelds{padding:10px; }
    
.vital-form{}
.vital-form th{padding: 5px 5px 5px 5px; }
.vital-form td{padding: 5px 5px 5px 5px;}


i.vtal-form td input.textbox,.vital-form td textarea{  padding:5px;  border:1px solid #cecece; display:block; width:100%;}
.vital-form td select.droupdown{  padding:4px 5px;  border:1px solid #cecece; display:block;width:100%;}

.pop-footer{ position:absolute; width:100%; bottom:0px; left:0px;padding: 10px;background: #f2f2f2; text-align:right; }
.pop-footer button, .pop-footer input[type="button"]{padding: 6px 10px 6px 10px;cursor: pointer;margin-left:8px;outline: none;font-family: 'Roboto Light';font-weight: 700;font-style: normal;font-size: 15px;}
.pop-footer button:hover, .pop-footer input[type="button"]:hover{}  


.BP-tb{position:relative;}
.BP-tb input[type="text"]{}
.BP-tb i{position:absolute; left:3px; top:5px; color:Red; font-size:18px;}
.BP-tb span{position:absolute; right:5px; top:5px; color:#999999; font-size:10px;}

input[type="button"].btn{padding: 2px 10px 2px 5px;cursor: pointer;outline: none;font-family: 'Roboto Light';font-weight: 400;font-style: normal;font-size: 12px;}
input[type="button"].btn:hover{}  




.right-add{padding: 10px; border: 1px solid #cacaca; text-align: center;  width: 220px; position: fixed; right:35px;  /*float: right;min-height: 100%; margin-left:15px;*/}
                        
.right-add img{width:200px; margin-bottom:10px;} 

.vp-right-add{padding: 10px; border: 1px solid #cacaca; text-align: center; min-height: 100%;
                        float: right; width: 220px; position: relative; /*margin-left:15px;*/}
                        
.vp-right-add img{width:200px; margin-bottom:10px;}  



                       


#notification{display:none;}

.pd-icon{display:none;}
.pd-icon:hover{}
.pd-icon{font-size:30px; cursor:pointer; color:#999999;}

.Pat-detail-Dmgph-1{ display:none; background:#ffffff; border-radius:0px; padding:15px; margin-bottom:2px; position:absolute; top:0px; left:0px;  z-index:3; margin:0 3%; width:94%; 
                     border:0px solid #cacaca; border-width:0 1px 1px 1px; border-radius:0 0 8px 8px; }






/***********************************************************Find a doctor & view profile popup***************************************************/


.mask,#mask                       { position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;  
                                    background:rgba(0, 0, 0, 0.47); filter:alpha(opacity=50); -moz-opacity:0.1;}
                                  
/*.MA-modalpop                      { width:997px; position:fixed; left:50%; top:50%; margin-left: -501px; margin-top: -203px; z-index:999999; outline:0; 
                                    background:#E7E5E5;  height:450px; -moz-box-shadow:0px 2px 29px #A39E9E; -webkit-box-shadow:0px 2px 29px #A39E9E; box-shadow:0px 2px 29px #A39E9E;}*/
                                   
.MA-modalpop i.close              { position:absolute; right:8px; top:10px; font-size:23px; color:#999999; cursor:pointer;}
.MA-modalpop i.close:hover        { color:#04529a;}
.MA-popup-leftimg                 { float:left; width: 162px; height: 420px; margin: 15px 0 15px 15px;}


.Doctorpopup                      { float: left; width: 368px; height:420px; margin: 15px 15px 15px 0px; background: #fff;}                                  
.popup-changedt                   { height:60px; border-bottom:1px solid #e3e3e3; float:left; width:100%; 
                                    background: #faf9fa;
                                    background: -moz-linear-gradient(top, #ffffff  1%, #faf9fa 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff ), color-stop(100%,#faf9fa));
                                    background: -webkit-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                    background: -o-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                    background: -ms-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                    background: linear-gradient(to bottom, #ffffff  1%,#faf9fa 100%);
                                  }
   
.popup-changedt ul li             { display:inline; float:left; line-height:60px;padding:0px !important; width:auto;}        
 h2 b                             { color:#f2332e; font-size: 16px; margin-right:7px;}
.popup-changedt ul li .icon-calendar{font-size:27px; line-height:60px;  padding-left:15px;}
.popup-changedt ul li.date        { float:left; font-family:'Roboto light'} 
.popup-changedt ul li.time        { float:right; text-align:right; margin-right:10px; font-family:'Roboto light'}                                   
.popupdoctor, .popupcalender, .popuptimeings{float:left; width:100%; margin-top:20px; position:relative; display:table;}   

.popup-datetimelnk                {position:relative; background:#fcfcfa; float:left; left:50%; margin-left:-65px; width:133px; text-align:center; border:1px solid #e3e3e3; border-width:0 1px 1px 1px;}
.popup-datetimelnk:after, .popup-datetimelnk:before{top:100%; left:50%; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.popup-datetimelnk:after          {border-color: rgba(252, 252, 250, 0); border-top-color:#fcfcfa; border-width:11px; margin-left:-11px;} 
.popup-datetimelnk:before         {border-color: rgba(227, 227, 227, 0); border-top-color:#e3e3e3; border-width:12px; margin-left:-12px;}  
.popup-datetimelnk a              {text-decoration: none;color: #f2332e;  padding:5px 10px 5px 10px; margin:0px;  float:left; font-family: 'Roboto'; font-weight: 400; font-size:12px;}
                                
.popup-doc-pic                    { }                                   
.doctorpopupphoto                 { width: 108px; height: 108px; border-radius: 50%; overflow: hidden; display: inline-block; margin-bottom:5px;}
.doctorpopupphoto img             { width: 108px; height: 108px;}  
.popup-doctorinfo                 { width:100%; position:relative; text-align:center; vertical-align: middle;}
.popup-doctorinfo h2              {}
.popup-doctorinfo h3              { font-weight:400; overflow:inherit; white-space:normal; font-size: 12px; color: gray;}
.popup-doctorinfo ul li           { line-height:16px; color: #828282; line-height:20px; font-family:'Roboto';}

.future-date { padding:10px;}
.future-date h1 { border: 1px solid rgb(227, 227, 227);
  font-weight: 100;
  margin: 10px 0;
  padding: 3px;
  font-size: 20px;
  background: rgb(250, 249, 250);
  background: -moz-linear-gradient(top, #ffffff 1%, #faf9fa 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgb(255, 255, 255) ), color-stop(100%,rgb(250, 249, 250)));
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 1%,rgb(250, 249, 250) 100%);
  background: -o-linear-gradient(top, #ffffff 1%,#faf9fa 100%);
  background: -ms-linear-gradient(top, #ffffff 1%,#faf9fa 100%);
  background: linear-gradient(to bottom, rgb(255, 255, 255) 1%,rgb(250, 249, 250) 100%);
}
.future-date li {  padding: 3px; background-color: rgb(242, 242, 242);color: rgb(51, 51, 51);border-radius: 3px; border: 1px solid rgb(203, 203, 203);text-align: center;margin: 0 5px 5px 0;}

#bookapptcalendar                  { padding:15px 10px; width:100%; float:none;}
.pop-calendar                      { width:100%; border: 1px solid #cbcbcb; height:184px; overflow:hidden;}
.DS-calendar                       { width:100%; float:right; border:1px solid #cbcbcb; margin-bottom:10px; height:auto;}
.SC-Calendar                       { clear:right; float:none; /*margin:0 0 0 71%;*/ width:auto; height:214px; overflow:hidden;}

.DS-calendar-header                { border:0px solid #cbcbcb; padding:5px 0; border-width:0 0px 1px 0; background:#E7E7E7; text-align:center;}
.DS-calendar-header i              { font-size:17px; cursor:pointer; margin:0 5px 0 5px;}
.DS-calendar-weeks                 { float:left; width:100%;}
.DS-calendar-weeks ul li           { width:14.28%; height:20px; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; float:left; font-size:10px; text-align:center; line-height:20px;
                                     background: #abf1ff;
                                     background: -moz-linear-gradient(top, #ffffff 0%, #abf1ff 100%); 
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abf1ff)); 
                                     background: -webkit-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                     background: -o-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                     background: -ms-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                     background: linear-gradient(to bottom, #ffffff 0%,#abf1ff 100%);
                                   }
                          
.DS-calendar-days                  { float:left; width:100%;}
.DS-calendar-num                   { width:14.28%; height:23px; background:#f7f6f6; border:0px solid #cbcbcb; border-width:0px 1px 1px 0; float:left; text-align:center; line-height:23px;  -webkit-user-select:none; position:relative;}
.cal-crnt-day                      { position:absolute; height: 22px; width: 100%; bottom: 0px; left: 0px;}
.DS-calendar-num:hover             { background:#E7E7E7;}
.DS-calendar-days .active          { background:#E8F9FF !important;}
.DS-calendar-num span              { font-size:11px;}
.DS-calendar-num .date-dis         { color:#bfbfbf;}
.DS-schedule-color                 { background:#DAF7D1; cursor:pointer;}
.DS-schedule-color:hover           { background:#DAF7D1;}
.holiday                           { position: absolute; top: 0px; right: 0px; line-height: 1; font-size: 9px; color: #fff; padding: 1px 2px 1px 3px;}



.popup-doctorname                  { float:left; width:100%; display:table;}
.doctorpopupphoto-small            { width:60px; height:60px; margin-top:10px; margin-left:145px;}
.doctorpopupphoto-small img        { width:60px; height:60px;}
.popup-doc-calc-dls                {}


.popup-slots                       {}   
.popup-timeings                    { height:184px; overflow:auto;-webkit-overflow-scrolling:touch;}
.popup-timeings ul                 {}
.popup-timeings ul li              { border: 1px solid #cccccc; display: inline-block; margin:1%;  width:14.6%; text-align: center; line-height: 30px; height: 30px;
                                     background: #fcfcfc; 
                                     background: -moz-linear-gradient(top, #ffffff  1%, #fcfcfc 100%); 
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#faf9fa ), color-stop(100%,#fcfcfc));
                                     background: -webkit-linear-gradient(top, #ffffff  1%,#fcfcfc 100%);
                                     background: -o-linear-gradient(top, #ffffff  1%,#fcfcfc 100%);
                                     background: -ms-linear-gradient(top, #ffffff  1%,#fcfcfc 100%);
                                     background: linear-gradient(to bottom, #ffffff  1%,#fcfcfc 100%);
                                   }
                                   
.popup-timeings ul .active         { background:#c0e6fe;}                                       
.popup-timeings ul li a            { text-decoration:none; color:#26486b;}


.popup-bookappt                    { float:right; width:437px; height:450px; margin:0px; background:#ffffff;}
.popup-bookappt h1                 { padding:15px 15px 5px 15px;}
.popup-bookappt h1 span            {  font-size: 29px; }
.popup-apptform                    { padding:5px 15px 15px 15px;}


.manage-appt_ok                    { width: 965px; height: 420px; margin:16px; background: #fff; padding:0px; text-align:center; display:table;}
.manage-appt_ok h1                 { font-size:16px; font-weight:normal; padding-top: 145px; margin-bottom:9px;} 
.manage-appt_ok .requst_ok2        { font-size:35px; color:#7de544; font-weight:normal; vertical-align:middle; display:block;}
.manage-appt_ok label              { font-size:16px;}

/*****************************************registration-details****************************************************/


.reg-tabs                          { padding:20px 0px 20px 0px;}
.reg-tabs li                       { margin-right:25px; display:inline-block;}
.reg-tabs li a                     { font-family:'Roboto Light'; font-weight:bold; padding:5px 15px 5px 15px; font-size:1.2em; color:#7a7b7f; text-decoration:none; outline:none;}
.reg-tabs li a:hover               {}
.reg-tabs li .active               { }
.reg-failds                        { padding:5px; width:100%;}






/***********************************************************Drop Request***************************************************/

.Requestpopup12                    { padding:0px; margin:0px; width:100%; height:100%; display:none;}

.requestmodalpop i.close           { position:absolute; right:15px; top:15px; font-size:120%; color:#999999; cursor:pointer;}
.requestmodalpop i.close:hover     { color:#04529a;}                                        
.Req-popupdoctor                   { float:left; width: 330px; height:300px; margin:16px; background: #fff; position:relative;  display: table;}
.Request-popupphoto                { width: 108px; height: 108px; border-radius: 50%; overflow: hidden; text-align:center;  margin-left:107px; margin-bottom:5px;margin-top:5px;}
.Request-popupphoto img            { width: 108px; height: 108px;}
.Req-popup-doctorinfo              { margin-top:135px;}
.Request-bookappt                  { float:left; width:420px; height:300px; margin:16px 16px 16px 0px; background:#ffffff;}
.Request-bookappt h1               { font-family: 'Roboto Light';  font-weight: 400; color: #00417f; font-size: 25px; font-weight: normal; padding:10px;}
.Request-bookappt h1 span          { font-family: 'Roboto Light'; font-weight: 400; color: #00417f; font-size: 25px;  color: #f1130a;}
.Req-apptform                      { padding:10px;}
                              
.requestmodalpop p                 { font-size:11px; color:#797979; line-height:16px; outline:none; padding-left:10px; margin:0px;} 
.requestmodalpop p i               { font-size:20px; font-style:normal; margin:5px 5px 0 0; vertical-align:middle; position:absolute; left:15px; top:-10px;}
.Requestpopup_ok                   { width:768px; height:300px; /*margin:16px;*/ background: #fff; padding:0px; text-align:center;  display:table-cell; vertical-align: middle;}
.Requestpopup_ok h1                { font-size:16px; font-weight:normal;} 
.Requestpopup_ok .requst_ok        { font-size:35px; color:#7de544; font-weight:normal; vertical-align:sub; display:block;}
.Requestpopup_ok label             { font-size:16px;}

.req-text                          { padding:0 15px; float:left; position:relative;}


/***********************************************************Scheduler-popup***************************************************/


.Scheduler-popup                   { width:800px; position:fixed; left:50%; top:50%; margin-left: -400px; margin-top: -250px; z-index:999999; outline:0; padding:10px; 
                                     background:#fff;  height:500px; -moz-box-shadow:0px 2px 29px #A39E9E; -webkit-box-shadow:0px 2px 29px #A39E9E; box-shadow:0px 2px 29px #A39E9E;}
.Scheduler-popup i.close           { position:absolute; right:8px; top:10px; font-size:23px; color:#999999; cursor:pointer;}
.Scheduler-popup i.close:hover     { color:#04529a;}
.Sch-popup-header                  { padding:5px 10px; border-bottom:1px solid #cbcbcb;}
.Sch-popup-header h1               { font-size:15px;}
.Sch-popup-failds                  { margin-top:10px;}
.Sch-popup-left-options            { }
.Sch-popup-right-options           { width:358px; height:auto; padding:10px;}
.Sch-popup-left-options ul li      { padding:7px 5px; display:inline;}
.Sch-popup-weeks                   { margin-top:10px;}
.Sch-popup-weeks label             { padding:0px 9px 0 0; margin-bottom:10px;}
.Sch-popup-weeks label input[type="checkbox"]{margin-left:0px}
.Sch-popup-advn-failds             { margin-top:10px;}

/***********************************************************Month&day-view-popup***************************************************/



.month-day-modalpop i.close        { position:absolute; right:0px; top:0px; font-size:15px; color:#999999; cursor:pointer;}
.month-day-modalpop i.close:hover  { color:#04529a;}

.PA-month-doc                      { height:75px; background:#fff; margin-bottom:10px;
                                     /*background: -moz-linear-gradient(top, #fefefe 50%, #e6e6e6 160%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#fefefe), color-stop(160%,#e6e6e6));
                                     background: -webkit-linear-gradient(top, #fefefe 50%,#e6e6e6 160%);
                                     background: -o-linear-gradient(top, #fefefe 50%,#e6e6e6 160%);
                                     background: -ms-linear-gradient(top, #fefefe 50%,#e6e6e6 160%);
                                     background: linear-gradient(to bottom, #fefefe 50%,#e6e6e6 160%);*/} 
                                  
.PA-month-docphoto                 { float:left; width:55px; height:55px; overflow:hidden; text-align:center; margin:7px 0 0 10px;} 
.PA-month-docphoto img             { width:55px; height:55px;}
.PA-month-doc ul                   { margin-top:4px; margin-left:10px; float:left;}
.PA-month-doc ul label             {}
.PA-month-doc ul li                { width:100%; padding:0px; color:Gray; font-size:11px; font-family:'Roboto';}


.month-day-calc                    { background:#fff; height: 547px; position:relative; padding: 10px;}
.PA-month-top                      { float:left; width:100%;}
.loc-legends                       { float:right; margin-top:10px;}
.loc-legends i                     { margin-left:20px;}
.loc-legends i span                { color:Black; padding-left:5px;}


.PA-next-prv                       { float:left;  padding:9px 5px; width:240px; border-radius:5px 5px 0px 0px; border:1px solid #cbcbcb; border-bottom:none; text-align:center;
                                     background:#e6e6e6;
                                     background: -moz-linear-gradient(top, #fefefe 100%, #e6e6e6 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#fefefe), color-stop(100%,#e6e6e6));
                                     background: -webkit-linear-gradient(top, #fefefe 100%,#e6e6e6 100%);
                                     background: -o-linear-gradient(top, #fefefe 100%,#e6e6e6 50%);
                                     background: -ms-linear-gradient(top, #fefefe 100%,#e6e6e6 100%);
                                     background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%);}
.PA-next-prv span                  { outline:none;}                                     
.PA-prv                            { cursor:pointer;}
.PA-next                           { cursor:pointer;}
.PA-prv,.PA-next                   { font-size:15px;}

.PA-month-topicons                 { float:right;}
.PA-month-topicons a               { text-decoration:none; margin-left:3px; color:Gray; padding:5px; border:1px solid #cbcbcb; outline:none;
                                     background:#e6e6e6;
                                     background: -moz-linear-gradient(top, #fefefe 100%, #e6e6e6 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#fefefe), color-stop(100%,#e6e6e6));
                                     background: -webkit-linear-gradient(top, #fefefe 100%,#e6e6e6 100%);
                                     background: -o-linear-gradient(top, #fefefe 100%,#e6e6e6 50%);
                                     background: -ms-linear-gradient(top, #fefefe 100%,#e6e6e6 100%);
                                     background: linear-gradient(to bottom, #fefefe 0%,#e6e6e6 100%);}
.PA-month-topicons a i             { font-size :20px;}
.PA-month-topicons .PA-week-icon   { padding:5px 1px;}               


.PA-datepicker                     {  position:absolute; bottom:10px; padding: 5px 0px; left: 10px; right:10px;}
/*.PA-today-but                    { float:left; width:10%; height:100%; text-align:center; line-height:40px; color:#fff; background:#5d7582; cursor:pointer;}*/
.PA-Dates                          { }
.PA-Dates ul li                    { display: inline-block;  padding: 3px 0px;  width: 53px; border-radius:4px; text-align:center; cursor:pointer; margin-left: 9px;}
.PA-Dates ul .active               { background:#fff !important; color:#000 !important;}
.PA-Dates ul li:hover              { }
.PA-years                          { }
.PA-years:hover                    { }

.weeks-dates-scroll                { overflow:auto; height:458px; width:937px;-webkit-overflow-scrolling:touch;}
.weeks-dates                       { height:458px; width:937px;}
.PA-month-header                   { float:left; width:100%;}
.PA-month-header ul li             { width:133.7px; float:left; text-align:center; height:30px; line-height:30px; border-left:1px solid #cbcbcb;}

.PA-month-content                  { width:100%; float:left; border:0px solid #cbcbcb; border-width:0px 1px 0px 0;}
.PA-month-DIV                      { width:133.7px; float:left; height:71px; border:0px solid #cbcbcb; border-width:0px 0px 1px 1px; position:relative; cursor:pointer; text-align:center;}
                                  
.PA-month-DIV:hover .PA-date-addicon i{display:block;}                                  
                                  
.PA-month-active                   { }
.PA-past-dates                     { }

.PA-date-num                       { width:20px; height:20px; position:absolute; left:0px; top:0px; text-align:center; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; 
                                     line-height:20px;font-size:13px; background:#e7e7e7; color:#000;}
                                  
.PA-date-addicon                   { float:left; position:absolute; top:28px; left:0px;}
.PA-date-addicon i                 { font-size:18px; color:#78abcb; display:none;}                                 
                                  
.PA-date-details                   { width:74%; float:right; margin-right:2%; margin-top:2px; text-align:center;}
.PA-date-slots                     { width:100%; height:17px; float:left;}
.PA-date-slots label               { float:left;}
.PA-slot-num                       { float:right; width:35px; height:15px; border-radius:3px; text-align:center; color:#fff; font-family:'Roboto'; font-weight: bold;}
.manth-no-sch                      { margin-top:30px;}

.PA-avicolor                       { background:#7cc26a;}
.PA-bookcolor                      { background:#aac5ea;}
.PA-waitcolor                      { background:#bbab73;}
.PA-comcolor                       { background:#c29cbe;}

.Doc-shifts                        { width:100%; height:13px; float:left; margin:2px 0 0px 0; text-align:center;}
.Doc-shifts-color                  { width:3px; height:100%; float:left; margin-right:5px;}
.Doc-shifts a                      { float:left; color:#3b3b3b; text-decoration:none; font-size:11px;}

.maploccolor1                      {background:#8bc5f3;}
.maploccolor2                      {background:#1cc91c;}
.maploccolor3                      {background:#ecbd3d;}
.maploccolor4                      {background:#fa4c4c;}
.maploccolor5                      {background:#f98af2;} 

/********************************************************patient-list-popup***************************************/

.patlist-month-header              { border:0px solid #cbcbcb; border-width:1px 1px 1px 0; background:#e4e4e4;}
.patlist-month-header ul li        { width:133.7px; float:left; text-align:center; height:30px; line-height:30px; border-left:1px solid #cbcbcb;}
.patlist-popup-div                 { border:1px solid #cbcbcb; border-width:0px 1px 1px 1px; height:300px; overflow:auto;-webkit-overflow-scrolling:touch;}
.patlist-popup-div ul li.patlist-popup-date-wise{ width:133.7px; border-right:1px solid #cbcbcb; float:left;}

.patlist-popup-slots               {}
.patlist-popup-slots ul li         { padding:0px 42px 0px 3px; height:27px; background:#f2f2f2; border-bottom:1px solid #cbcbcb; position:relative; font-family:'Roboto Condensed'; color:#747272;}
.patlist-popup-slots ul li label   { margin-top:7px; float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.patlist-popup-slots ul li span    { position:absolute; right:3px; top:5px; padding:2px 6px; background:#8E8E8E; border-radius:10px; color:#fff; font-size:11px; font-family:'Roboto Condensed'}










/***********************************************************Patient-popup***************************************************/


.DayViewpopup i.close            {position:absolute; right:-11px; top:0px; font-size:107%; color:#999999;  width:25px; margin:6px 8px 3px 3px; cursor:pointer;}
.DayViewpopup i.close:hover      {color:#04529a;}
.popdocdetails                   {padding:10px; height:150px;background:#fff;}
                                  
.DVpopphoto                      {width:75px; height:75px; border-radius:50%; overflow:hidden; text-align:center; float:left;}
.DVpopphoto img                  {width:75px; height:75px;}
.DVpopdetails                    {width:388px; clear:right; margin-left:90px; /*height:100px;*/}

.DVpopdetails ul li              {width:173px; line-height:19px; margin-right:15px; float:left;}
.DVpopdetails ul li label        {font-family:'Roboto'; font-size:19px; color:#426694;}
.DVpopdetails ul span            {font-family:'Roboto'; color:#7c7c7c; font-size:13px; padding: 0 4px; outline: none;}
.slot-manage-edit                {cursor:pointer; text-decoration:underline; color:#000; font-weight:bold;}

.DV-print-icons                  {margin-top:5px;}
.DV-print-icons a:active, .DV-print-icons a:visited, .DV-print-icons a:link{font-size:22px; text-decoration:none; outline:none; margin-right:3px;}
.DV-print-icons a i              {vertical-align:middle;}
.DVreport                        {padding:10px; background:#fff;  margin-top: 10px;}
.popupform tr td                 {padding:4px 0;}
.popupform tr td label           {font-size:13px;}
.popupform tr td .DVresult       {color:#7c7c7c;}
.DVlastvisit                     {float:left; width:100%; margin-top:10px;}
.DVlastvisit a,.DVlastvisit a:active{color:#7c7c7c; font-size:13px; text-decoration:none;}
.DVtimecrl                       {margin-top:10px; background:#fff;}

.DVslotchng                      {border-bottom: 1px solid #cbcbcb; background: #f2f2f2;}
.DVslotchng ul li                {padding:5px 8px; display:inline-block; /*width:121.7px;*/ text-align:center;  cursor:pointer; font-family:'Roboto'; margin-right:3px;}
.DVslotchng ul li.active         {border-bottom:2px solid #6085c2; color:#6085c2;}
.DVslotchng ul .disable          {color:#9E9C9C !important; cursor:default !important;}

.DVtimesettings                  {padding:10px;}
.slot-failds                     {}
.CQ-no                           {position:relative;}
.CQ-no textarea                  {font-size:15px; text-align:left; outline:none;}
.CQ-no input[type="button"]      {margin-top:10px;}


/*********************prompt*************************/

.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          {padding-right:146px; margin-top:15px;}
.prompt-div .popup-save input[type="button"] {margin-right:5px;}


/*********************turn up slots*************************/

.turnupslt-div li                   { float:left; height: 70px;width: 32.4%;background-color: #F1F1F1;border-radius: 3px;border: 1px solid #f2f2f2;padding: 5px;margin: 0 5px 5px 0; position:relative;border-bottom: 2px solid transparent;}
.turnupslt-div li.active           {border-bottom:2px solid #03abd4;}
.turnupslt-dtls                     {}
.turnupslt-dtls  label              {position: absolute;top: 7px;right: 5px;font-size: 1.1em;font-weight: 800;}
.turnupslt-dtls h1                  {font-size: 1.2em;padding: 0px;margin: 0px 0 3px 0;width: 100%;font-weight: bold;font-family: 'Roboto';
                                     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #03abd4; padding-right:75px;}
.turnupslt-dtls h2               {font-size: 1em;padding: 0px;margin: 0px 0 3px 0;font-weight: 400;width: 100%;
                                     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;}
.turnupslt-div .popup-save          {padding-top: 3px; border-top: 1px solid #d6d6d6;}
.turnupslt-div .popup-save input[type="button"] {margin-right:5px;}


/*******************************************************lookup-popup***************************************************/
/*
.CK-Editor-control{margin-top:30px; padding:10px;}
.CK-Editor-control .cke_contents{height:255px !important;}
.CK-Editor-control .cke_save{margin-top : 10px;}*/

/***************************cancel by office*********************************/
.cbo-popup-div{background:#fff; padding:10px;}
/***************************rvPopUp-fields*********************************/
.rvPopUp-fields{padding:10px;}
/***************************IPGenExamin*********************************/
.pastHist-div{overflow:auto; height:375px; -webkit-overflow-scrolling:touch;}
/***************************cart-details-popup*********************************/
.cart-popup-dls{background:#fff; padding:10px; height:339px; overflow:auto; -webkit-overflow-scrolling:touch;}

/**********************pad-setting-popup******************/
.pad-popup-set{height:390px; padding:15px; overflow:auto; -webkit-overflow-scrolling:touch;}





/*********************************reg-details***********************************/

.reg-fields{padding:10px; background:#fff; height: 455px;}
.reg-fields .reg-dls-tabs {}
.reg-fields .reg-dls-tabs li{ font-family: 'Roboto Light'; font-weight: bold; font-size: 1.2em; color: #000; text-decoration: none; outline: none; display: inline-block;
                              margin-right: 10px;  margin-left: 2px; cursor:pointer; padding: 5px 0 5px 0; margin-bottom: 10px;}


/*********************************patient-result-view***********************************/
.pat-rev-div{ background:#fff; padding:10px; height:538px;}
.pat-rev-left{float: left; width: 300px;}
.pat-rev-right{clear:right;margin-left:320px;}



/**************************hospitalization-popups****************************************************/
.hospitalization-div{ background:#fff; padding:10px;}


/*************************bmi-chart-popup************************************/
.bmi-chart img{ width:600px; height:600px;}

/*********************************Package-popup***********************************/
.package-dls-div{height:459px; padding:10px; overflow:auto; -webkit-overflow-scrolling:touch;}

/*********************************Book-package***********************************/

.popup-ser                      { float: left; width: 280px; height:495px; background: #fff;} 
.popup-img-div                  { margin-top:20px; }  
.popup-img                      { width: 108px; height: 108px; margin-left:85px; margin-bottom:15px;}
.popup-img img                  { width: 108px; height: 108px;}  

.popup-ser-info                 { width:100%; position:relative; text-align:center; float:left; margin-top:5px;}
.popup-ser-info h2              { font-size: 16px; color: #03abd4; font-family: 'Roboto Light';}
.popup-ser-info ul li           { line-height:16px; color: #828282; line-height:20px; font-family:'Roboto';}
.book-ser-title                 { float:right; width:434px; height:495px; margin:0px; background:#ffffff;}
.book-ser-title h1              { padding:15px; font-family: 'Roboto Light'; font-weight:400; color:#03abd4; font-size:29px;}
.book-ser-title h1 span         { font-size:29px; font-family: 'Roboto Light'; font-weight:400; color:#f1130a;}
.book-ser-form                  { padding:15px;}

.pkg-Increment                  {font-size: 16px; cursor: pointer; color: #3b9405;}
.pkg-Increment:hover            {color: #5dce19;}

.book-ser-ok                    { height: 370px; background:#fff; padding:0px; text-align:center;}
.book-ser-ok h1                 { font-size:16px; font-weight:normal; padding-top:136px; margin-bottom:9px;}
.book-ser-ok .requst_ok2        { font-size:35px; color:#7de544; font-weight:normal; vertical-align:middle;}

/************************************mar-prompt-popup****************************/

.mrg-prompt-div{background:#fff; padding:10px;}
/************************************add-aria-popup****************************/
.add-aria-popup{padding:20px; background:#fff;}
/************************************Pin-master****************************/
.pin-master{padding:10px; background:#fff;}







/*
.lookup-header {height: 45px;    padding: 10px;border-bottom: 1px solid #cacaca;}
.lookup-header h1{font-family:"Roboto"; font-weight:600; font-style:normal;  font-size:18px; outline:none;}

.lookup-search {  padding: 0px;border-bottom: 1px solid #cacaca;background:#F9F9F9;}

.lookup-search ul {margin:0px 1%; padding:5px 0;}
.lookup-search ul li {margin:5px 0.5%; padding:0px; float:left; width:24%;}





.lookup-search ul li input[type="text"]            {padding: 5px 8px; font-size:14px; color: #555; width:100%;  border: 1px solid #ccc;  border-radius: 4px; 
                                  -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;}
                                 
.lookup-search ul li input[type="text"]: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);}
                                  
 .lookup-grid   { padding: 0px; height:280px; overflow:auto;-webkit-overflow-scrolling:touch;}                              
.lookup-grid table 							   { border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 11px; border:1px solid #d3d3d3; border-width:0px 0px 0 0px; }
.lookup-grid th					       { color: #000000; height:35px; padding:0px 15px 0px 5px;  border: 0px solid #d3d3d3; border-width:0px 0px 0px 0px; vertical-align:top;   line-height: 35px;
            					         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%);
                                       }    
.lookup-grid td						   { border:1px solid #d3d3d3; border-width:0px 0px 1px 0px; padding:7px 8px; color:#333333;line-height: 14px;} 
.lookup-grid tr:hover				{background:#8ed9ff; cursor:pointer; }  
.lookup-grid tr:hover td:hover			{background:#3C9FD1; cursor:pointer; color:#ffffff; }  

.lookup-grid table{width:100%;}
.lookup-grid td.col-0{text-align:left; width:130px;}  
.lookup-grid td.col-1{text-align:left; width:130px;}  
.lookup-grid td.col-2{text-align:left; width:auto;}   */
















.QA-modalpop                       { width:700px; height:390px; position:fixed; left:50%; top:50%; margin-left:-350px; margin-top: -195px; z-index:999999; outline:0; 
                                     background:#E7E5E5; border:3px solid #a5a2a2;  -moz-box-shadow:0px 2px 29px #A39E9E; -webkit-box-shadow:0px 2px 29px #A39E9E; box-shadow:0px 2px 29px #A39E9E;}   
 
 
 
 
                                   
























.Apt-cal-back-but                {cursor:pointer; color:#000; position: absolute; right:81px; top:-47px; padding:5px 5px 1px 5px; font-size:15px; background:#fcfcfa; border:1px solid #e3e3e3; border-width:0 1px 1px 0;}
.Apt-cal-back-but:hover          {}
.poppup-doctorphoto              {width:85px; height:85px; margin-left:130px; border-radius: 50%; overflow: hidden; text-align:center; box-shadow: 1px 4px 5px 0px #acaeaf; -webkit-box-shadow: 1px 4px 5px 0px #acaeaf;}
.poppup-doctorphoto img          {width:85px; height:85px;}  






































.popup                           { padding:0px; margin:0px; width:100%; height:100%; display:none;}
.mask,#mask                      { position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999;  
                                   background:gray; filter:alpha(opacity=70); opacity:0.5;}
                                  
.modalpop                        { position:fixed; left:50%; top:50%;  z-index:999999; outline:0; background:#ffffff;}

.modalpop i.close                { position:absolute; right:5px; top:7px; font-size:120%; color:#999999;  width:25px; margin:6px 8px 3px 3px; cursor:pointer;}
.modalpop i.close:hover          { color:#04529a;}

.pd-allergies					 { height:450px;width:90%; margin-left: -45%;margin-top: -203px;}



.left-search                  {background:#fff; padding:0px 0px 0 0px; position:relative; margin:-4px;}

.cmplnt-search-table      {display:table; width:100%;}
.cmplnt-search-table .textbox-cell {display:table-cell; }
.icon-dsn-cell  {display:table-cell;width:25px; }
.icon-dsn-cell em  {padding: 2px 4px 0px 4px;    vertical-align: middle;  background: #D4D3D3; border-radius: 3px; color: #555; border: 1px solid #C0BBBB; 
                   font-size:13px; cursor:pointer;margin: 0px 0 0 2px;
                  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%);}



.left-search i                {position:absolute; right:2px; top:4px; font-size:23px; color:#797979;}

.left-ac-div             {height:35px; border-radius:4px; position:relative; padding-right:25px;  background:#fff; border: 1px solid #ccc; padding-left:2px;}



ul.que-temp{margin:0px; padding:0px; list-style:none;}
ul.que-temp li {margin:0px 0px 25px 0px;}
ul.que-temp li h1.question{padding:0px; color:#000; font-family:"Roboto"; font-style:normal; font-weight:400; font-size:15px; clear:both;}
ul.que-temp li h1 i{vertical-align: middle; margin-right: 5px; color: #000;}
.answer{  clear: both; /*padding-left:18px;*/}
.chk-list{  float: left; color:#666565; margin:5px 15px 5px 0px; }
.chk-list input[type="checkbox"]{vertical-align:middle;}
.radio-list{  float: left; color:#666565; margin:5px 15px 5px 0px;}
.radio-list input[type="radio"]{vertical-align:middle;}
.txt-box{ float:left; padding:5px 0 0px 0; }


.txt-box input[type="textbox"]              {padding: 6px 12px; font-size:14px; color: #555; width:100%;  border: 1px solid #ccc;  border-radius: 4px; 
                                    -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;}
                                 
.txt-box input[type="textbox"]: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);} 
                                    
   
 

                          
                                    
/*******************************************s.css-styles************************************************/

.icon-disable                   {color:#c1bfbf !important; cursor:default !important;} 

.patient-details-div              {height:115px; background:#fff; margin-bottom:5px; padding:10px 350px 10px 10px;}
.pat-img                          {height:80px; width:80px; overflow:hidden; text-align:center; margin:8px 0 0 10px; float:left;}
.pat-img img                      {height:80px; width:80px;}

.patient-details                  {margin-left:100px;}
.patient-details table label      {font-family:'Roboto'; font-weight:bold; color:#333333;}
.table-ellipsis                   {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.parent                           {height:40px; border-bottom:1px solid #ffffff; border-top:1px solid #dcdfe0; cursor:pointer; border-left:2px solid transparent; position:relative; text-overflow: ellipsis; 
                                   overflow: hidden; white-space:nowrap;}
.parent i                         {position:absolute; right:5px; top:10px; font-size:14px; color:Gray;}
.parent:hover                     {background:#f2f2f2;  }
.parent label                     {font-size:13px; margin:0px 0 0 28px; cursor:pointer; line-height:40px; font-family:'Roboto Light'; font-weight: bold; }
.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 .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; float:left; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.parent .RV-umr                   {width:90%; margin-left:10px; 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:2px solid #03abd4;}

.parent2-table                    {border-collapse:inherit; border:0px;}           
.parent2-table  td                {position:relative; padding:5px; vertical-align:middle;}
.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;}
                     


.corp-dash-arrow                  {left: 5px; top:9px !important; font-size: 10px !important;}







.child                            {margin:0px; padding:0px;}
.child li                         {margin:0px; padding:0px; display:block;}

.main-left-div ul li ul           {display:none; margin-bottom:10px; padding-left:10px; background:#fff;}
.main-left-div ul li ul li        {padding:5px 10px;  color:#141414;  line-height:15px; border-left:2px solid transparent;cursor:pointer; font-family:'Roboto Medium' }

/*.main-left-div ul li ul li:hover  {color:#000; border-left:2px solid #141414;}*/
.main-left-div ul li ul li.active {color:#16B4B4; border-left:2px solid #2ED6BB;}



.UP-content-details               {padding: 0px 238px 0px 0px; height:100%;}
.UP-UP-feelds-DIV                 {position:relative; padding:10px 0px; border-bottom: 1px solid #e9e7e7; height:77px;} 
.UP-feelds-DIV                    {position:relative; padding:15px 0px; border-bottom: 1px solid #e9e7e7; height:auto;} 
.UP-cont-header                   {border-bottom: 1px solid #E9E7E7; padding:10px 0 10px 0; height:40px;}
.UP-cont-header i                 {font-size:18px; color:gray; margin-top:5px; cursor:pointer;}
.UP-cont-header h1                {font-family:'Roboto'; cursor:pointer; font-style: normal; float:left;}                                   


.UP-cont-header select   {margin-left:5px; height:22px;}

.UP-cont-header input[type="text"]{margin-left:5px;}

.UP-cont-more{padding: 15px 0; text-align:right;}
.UP-cont-more label{cursor:pointer; font-style:normal; padding:1px 7px; border-radius:25px; font-size:11px;}
.UP-cont-more label i{font-size:12px; margin-right:3px; vertical-align: middle;}


.UP-UAdocphotos                 {width:50px; height:50px; overflow:hidden; text-align:center; float:left;}
.UP-UAdocphotos img             {width:50px; height:50px;}

.UP-UA-docdetails                {margin-left:15px; width:50%; float:left;}
.UP-UA-docdetails ul li          {color:Gray; line-height:17px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.UP-UA-docdetails h1             {color:#4F4E4E; font-family:'Roboto'; font-size:15px; margin-bottom:5px; font-weight:bold; font-style: normal;}
.UP-UA-docdetails li label       {font-family:'Roboto';}
 
.UP-UA-Appoints                      { width:31%; float:right;}
.UP-UA-Appoints ul li                {color:Gray; line-height:15px; width:100%; text-align:left; float:left; height:18px; font-family:'Roboto'; margin-bottom:5px;}
.UP-UA-Appoints ul li i              {margin-left:5px; font-size:14px; vertical-align: middle;}
.UP-UA-Appoints ul li span           {font-family:'Roboto';}
.UP-UA-Appoints ul li .Reason        {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; width:80%;}
.UP-UA-Appoints ul li .UP-createdby  {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; width:120px; font-size:10px; float:right;}
.UP-createdby span                   {color:#7ea6c7; font-size:10px;}
.Up-visit-visited i                  {color:green; font-size:9px !important;}
.Up-visit-visited i:hover            {color:green !important;}
.Up-visit-cancel i                   {color:red; font-size:10px !important; vertical-align:middle;}
.Up-visit-cancel i:hover             {color:red !important;}


.UP-reason                        {width:15px; height:15px; border-radius:50%; background:#71a566; text-align:center; color:#fff; 
                                   margin-right:5px; margin-top:3px; font-size:10px; line-height:15px; font-weight:100;}
               
.my-family-pro{height:100%;}               
 
 /**************************************Calculators******************************************/
 
 .calc-cont-div            {}
 .calc-cont-header         {border-bottom:1px solid #E9E7E7; padding:0px 0 10px 0; height:30px;}
 .calc-cont-header h1      {font-family: 'Roboto'; font-style: normal; font-size: 16px;}
 .calc-failds-div          {position: relative; padding: 15px 0px; height: auto;}
 
 .calc-sub-tab                      {height:25px;} 
 .calc-sub-tab   ul li              {display:inline-block; margin-right:5px; cursor:pointer; padding:5px 12px 5px 12px; border:0px solid transparent; border-width:1px 1px 0 1px;}   
 .calc-sub-tab   ul li:hover        { border-width:1px 1px 0 1px; padding:5px 12px 3px 12px; background:#fff; border-radius: 4px 4px 0px 0px;} 
 .calc-sub-tab   ul li.active       { border-width:1px 1px 0 1px; padding:5px 12px 3px 12px; background:#fff; color:#3493b7; border-radius: 4px 4px 0px 0px;}                              
 .calc-sub-tab   ul li label        {cursor:pointer;}                
 .calc-history-but                  {color:#000; margin:7px 0; text-align:right; padding: 5px;}
 .calc-history-but span             {cursor:pointer;}              
 .calc-failds-left                  {width:400px; float:left;} 
 .calc-failds-right                 {clear:right; margin-left:415px;} 
 .calc-table                        {margin-bottom:10px;}                                     
 .calc-resuls                       {position:relative;}  
  
 .calc-resuls .calc-modfdate        {position:absolute; top:-6px; right:0px; font-size:11px; color:#000;}
 .calc-resuls span                  {width:100%;  font-size:16px; font-family:'Roboto'; float:left;}
 .calc-resuls label                 {width:100%; font-size:22px; font-weight:bold; color:#e6ab3c; float:left; margin-bottom:15px;}
 
 
 .calc-resuls h4                    {font-size:18px; margin-bottom:5px; color:#335C7B;}
 .calc-resuls b                     {font-size:20px;}               
          
 .calc-text                         {color:#747474; padding:10px; background:#f2f2f2;}   
 .calc-text p                       {padding:0px 0 10px 0; float:left; width:100%; line-height:17px; margin:0px; font-family:'Roboto';}      
 .calc-text b                       {color:#000; font-size:12px; padding:0px 0 10px 0; float:left; width:100%; font-family:'Roboto';}         
 .calc-text ul                      {padding:0px 0 10px 0; float:left; width:100%;}         
 .calc-text ul li                   {padding:5px 0; font-family:'Roboto';}         
 .calc-text ul li b                 {color:#747474; float:none; width:auto;}         
 .calc-history-DIV                  {clear:left;}    
 
/************************************************************VD-Masters***************************************************************/ 
 
.VdMasters-top-div                  {height:128px;}
.VdMasters-radiobuts                { margin:-10px -10px 0px -10px; background:#f5f5f5; border-bottom:1px solid #e0e0e0; padding:5px 10px;}
.vdmaster-headline                  {float:left;}
.vdmaster-headline h1               {font-size: 16px;} 
.vdmaster-radio-but                 {}

.vd-grid-content                    {} 
.vd-grid-width                      {clear:right; margin-left:50%; height:100%;} 
.vd-master-grid                     {float:left; width:49%; border:1px solid #cbcbcb;} 
.vd-grid-div                        {overflow:auto; -webkit-overflow-scrolling:touch;} 

.vd-popup-parent { position:relative;}
.vd-popup-parent:hover .vd-popover-div { display:block;}
.vd-popover-div { position:absolute;top:30px;left:0; display:none;z-index:699;}

.vd-popover-div .vd-popover-list {background: #fff;border: 1px solid #cacaca;-moz-box-shadow:3px 3px 5px -3px #2d2d2d;
                                  -webkit-box-shadow: 3px 3px 5px -3px #2d2d2d;box-shadow: 3px 3px 5px -3px #2d2d2d;
                                  position: relative;height: auto;border-radius:2px;}
.vd-popover-div .vd-popover-list:after, .vd-popover-div .vd-popover-list:before {top:-16px; left: 12px;content: "";height: 0;width: 0;position: absolute;pointer-events: none;}
.vd-popover-div .vd-popover-list:before {border: 9px solid transparent;border-bottom-color: #cacaca;margin-top: -2px;}
.vd-popover-div .vd-popover-list:after {border: 9px solid transparent;border-bottom-color: #fff;margin-top: 0px;}
.vd-popover-div .vd-content-div   {width: 275px;padding: 5px;max-height: 200px;overflow: auto;}



   
ul.vm-quts li input[type="checkbox"]{vertical-align:middle; margin-right:5px;} 
ul.vm-quts li                       {padding:5px 0; color:#767474;} 
 


 


.fall-item {margin: 0px 5px 5px 5px;padding-bottom: 2px;border-bottom: 1px solid #cbcbcb;width: 98%;float: left;}
.item-cnt {background-color: #03abd4;width: 30px;border-radius: 10px;color: #fff;text-align: center;font-weight: bold;}
.fall-item-child { margin-left:5px;color: #717171;}
.fall-item-child li {display: inline-block;margin: 0 40px 10px 0;}
.score-div {   background-color: #e5e5e5;padding: 5px 0; height:30px;}
.score-div label {padding: 0px 0 0 5px;font-weight: bold;font-size: 14px;}

    
                  
                         
.error                             {border:1px solid #f89494 !important; box-shadow:1px 1px 8px 1px #ffc2c2 inset !important; padding:7px 12px;} 

.tooltip                         { display: inline; position: relative; }
.tooltip:hover:after             { background-color: #000000; background-color: rgba(0, 0, 0, 0.85); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; bottom: 26px; color: #FFFFFF;
                                   content: attr(data-tooltip-text); right:-20px; padding: 5px 10px; position: absolute; /*width:120px;*/ z-index: 1000; }

.tooltip:hover:before            {border: solid; border-color: rgba(0, 0, 0, 0.85) transparent; border-width: 8px 8px 0 8px; bottom: 18px; content: ""; left: 50%; position: absolute; z-index: 1001;}










  

.paynowbutton                   { padding:4px 7px 4px 7px; color:#fff; text-decoration:none; font-family:'Roboto'; font-size:15px;  
                                  border-radius:2px; outline:none; border:none; cursor:pointer;} 
.visit-Top-buttons                { float:right; position:relative; cursor:pointer;}
.visit-Top-buttons a              { text-decoration: none; padding:3px 5px 3px 5px; margin-left:5px; border-radius:2px; border:1px solid #a5c8d8; cursor:pointer; 
                                    background:#daecf4;
                                    background : -moz-linear-gradient(top, #eef7fc 0%, #daecf4 100%); 
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef7fc), color-stop(100%,#daecf4)); 
                                    background: -webkit-linear-gradient(top, #eef7fc 0%,#daecf4 100%);
                                    background: -o-linear-gradient(top, #eef7fc 0%,#daecf4 100%);
                                    background: -ms-linear-gradient(top, #eef7fc 0%,#daecf4 100%);
                                    background: linear-gradient(to bottom, #eef7fc 0%,#daecf4 100%);}                                 
                                  
                                  
.button-dis                     {cursor:default !important; background:#85b0d1 !important; color:#CFEAFF !important; border-radius:2px; outline:none; border:none;}
.button-dis:hover               {background:#85b0d1 !important;}    
.lookup-search ul li input[type="button"]{float:left;padding:4px 7px 4px 7px; font-family:'Roboto'; font-size:14px; cursor:pointer; position:relative; 
                                          border:none; border-radius:2px;}
                                  
.lookup-search ul li input[type="button"]:hover                  {}                                   



                              

.paynowbutton:hover             { padding:4px 7px 4px 7px;}


.text-cards-DIV                   {float:left; margin-top:10px;}
.text-cards                       {width:225px; height:auto; position:relative; border: 1px solid #d8d5d5; margin:0px 10px 10px 0; float: left;}
.cards-edits                      {height:25px; background:#ECE9E9; border-bottom:1px solid #d8d5d5;}
.cards-edits i                    {font-size:13px; margin-top:5px; margin-right:5px; color:Gray; cursor:pointer;}

.text-card-details                {padding:10px; height: 150px; overflow: auto;-webkit-overflow-scrolling:touch; background:#F8F8F8;}
.text-card-details ul li          {color:Gray; line-height:20px; font-family:'Roboto';}

.text-cards-plus                  { text-align:center; height:50px; width:50px; border-radius:3px;
                                     background: #faf9fa;
                                      background: -moz-linear-gradient(top, #ffffff  1%, #faf9fa 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff ), color-stop(100%,#faf9fa));
                                      background: -webkit-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                      background: -o-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                      background: -ms-linear-gradient(top, #ffffff  1%,#faf9fa 100%);
                                      background: linear-gradient(to bottom, #ffffff  1%,#faf9fa 100%);
                                      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff ', endColorstr='#faf9fa',GradientType=0 );}
                                      
.text-cards-plus i                {font-size:20px; color:lightblue; cursor:pointer; margin:13px 0 0 13px; float: left; } 
.text-cards-plus i:hover          {color:#5192d4;} 


.UP-UMR-tags                      {height:76px; width:125px; border:1px solid #d8d5d5; padding:6px 6px 6px 10px; position:relative; float:left; margin:0 10px 10px 0;}  
.UP-UMR-tagsline                  {height:74px; width:3px; position:absolute; left:0px; top:0px;}
.sync                             {background:#035a59;}
.pat-add                          {background:#e59e05;}
   
.UP-UMR-tags i                    {color:#035a59; cursor:pointer; margin:0 5px 3px 0;}
.UP-UMR-tags-details              {margin-top:10px;}
.UP-UMR-tags-details label        {font-family:'Roboto Condensed'; font-style:normal; font-size:12px; color:#716D6D; line-height:17px; width:100%; float:left;   
                                   overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}  
.UP-UMR-tags-details span         {padding-bottom:3px; margin-bottom:3px; font-family:'Roboto'; font-style:normal; font-weight:bold; font-size:12px; color:gray; float:left; width:100%; border-bottom:1px solid #d8d5d5;}

.UP-UMR-tags-add .su-plus-circle  {margin:24px 0 0 40px; float:left;font-size:20px;color:lightblue;}        
.UP-UMR-tags-add .su-plus-circle:hover{color:#5192d4;}        
        
        
               

.UP-PAYHIS-DIV                        {background:#F8F8F8; padding:10px; color:Gray; border:1px solid #e7e7e7; margin-bottom:5px; height:40px;}  
.UP-PAYHIS-DIV .PH-amount             {color:#686868; font-weight:bold;}

 
.PH-col                               {float:left; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.Payment-ID                           {width:15%;}   
.practice                             {width:20%;}      
.inovice-no                           {width:15%; cursor:pointer;}  
.Payment-Date                         {width:15%;}
.Amount                               {width:15%; text-align:right;}
.up-doc-name                          {width:20%;}


.UP-PAYHIS-header                     {background:none; border:none; height:40px;}
.UP-PAYHIS-header label               { font-weight:bold;}
               
.UP-PREFE-DIV                       {background:#F8F8F8; padding:5px; color:Gray; border:1px solid #e7e7e7; margin-bottom:10px; float: left; width: 100%;}
.UP-PREFE-DIV h1                    {color:#000;}
.UP-PREFE-top-icons                 {border-bottom:1px solid #e7e7e7; /*padding: 0px 0 5px 0;*/ float:left; width:100%;}
.UP-PREFE-top-icons h1              {font-size:15px;}
.UP-PREFE-top-icons i               {font-size:19px; color:#000; margin-left:4px;}
.UP-PREFE-txt                       {border-bottom:1px solid #e7e7e7; padding:5px 0; float:left; width:100%;}
.UP-PREFE-txt input[type="checkbox"]{padding:0px; margin:0px 0px 0px 5px; height:15px; width:15px;}             
.UP-PREFE-txt:list-child{border-bottom:none;}             
             
             
 
.settings{}
.settings-div{padding:0px 0 0px 0; width:500px;}
.set-feelds-title{padding:0 0 10px 0;}
.set-feelds-title h1{font-size:16px;  font-family:Roboto;}
.set-radio{vertical-align:middle; margin:-2px 5px 0 4px; padding:0px;}
.set-radio-buts{padding:5px 0px; background:#f2f2f2;}
.set-radio-buts label{color:#000; font-weight:bold;}
.set-radio-margin{margin-right:20px;}
.set-radio-margin input[type="radio"]{vertical-align:middle; margin-right:3px;}

.set-checkbox {color:#6b6b6b; margin-right:15px;}
.set-checkbox input[type="checkbox"]{vertical-align:middle; margin-right:3px;}


.payment-set{margin-top:15px;}




.HC-bottom-div                  {}
.HC-tebmenu                     {}
.HC-tebmenu ul                  { border-bottom:1px solid #cbcbcb;}
.HC-tebmenu ul li               { display:inline-block;  margin:0px; cursor:pointer; height:30px; text-align:center; width:15%; line-height:30px;}
.HC-tebmenu ul .active          { border-bottom: 3px solid #91a1f0;}
.HC-tebmenu-cont-div            { height:450px; width:100%; overflow:auto; margin-top: 15px;-webkit-overflow-scrolling:touch;}
.HC-tebmenu-content             { height:130px; width:100%; border-bottom:1px solid #cbcbcb;}


 















.payment-dls-topdiv                {width:100%;}        
.payment-dls-subdiv                {width:24%; height:170px; border:1px solid #cbcbcb; border-radius:10px; float:left;   margin-right:1.3%; margin-bottom:17px; box-shadow:1px 1px 8px 1px #cecece inset; position:relative; background:#ebebeb; overflow:hidden;}
.payment-dls-subdiv i              {width:0px; height:0px; position:absolute; border:12px solid transparent; border-left:12px solid #cbcbcb; top:42%; right:-23px;} 
.payment-dls-subdiv .payment-arrow {width:0px; height:0px; position:absolute; border:12px solid transparent; border-left:12px solid #e6e4e4; top:42%; right:-22px;}  

.payment-subdiv-header            {height:30px;}
.payment-subdiv-header span       {color:#fff; line-height:30px; font-size:13px; margin-left:10px;}

.payment-subdiv-textdiv           {margin:5px;}
.payment-subdiv-textdiv ul li     {padding:2px 0; color:#5d5d5d;}   
.payment-subdiv-textdiv span      {color:#5d5d5d;}
.payment-subdiv-textdiv label     { margin-bottom:5px; font-weight:bold;}   
.payment-Consult-div              {width:90px; float:left;}   

.payment-subdiv-textdiv table th  {padding:5px 10px;}
.payment-subdiv-textdiv table td  {color:#5d5d5d; font-family:'Roboto'; padding:5px 10px;}

  
.Pmethod-content                  {}
.Pmethod-header                   {margin-bottom:20px;}
.Pmethod-header label             {font-size:20px;}
.Pmethod-left-Div                 {width:18%;float:left; padding-top:10px;}
.Pmethod-right-DIV                {width:82%; background:#ebebeb; clear:right; margin-left:18%}

.Pmethod-left-Div li              {background:#d2d0d0; text-align:center; margin-bottom:1px; cursor:pointer; padding:8px 0; font-size:13px; position:relative;}
.Pmethod-left-Div li i            {width:0px; height:0px; position:absolute; border:8px solid transparent; border-right:8px solid #ebebeb; right:0px; top:11px; display:none;}
.Pmethod-left-Div li:hover        { color:#fff;}
.Pmethod-left-Div .active, .Pmethod-left-Div .active i {color:#fff; display:block;}

.Pmethod-Debitcard                {padding:15px;}

.Pmethod-right-feelds             {float:left; width:56%;}
.Pmethod-card-details             {float: left; width:100%; background:#F9F9F9; clear:left; border-radius:5px; padding:15px;}

.Pmethod-feelds                   {}
.Pmethod-feelds  input[type="button"]  {float:right; margin-top:8px;} 


.PD-remaining-amount                {border:1px solid #cbcbcb; border-radius:15px; background:#F9F9F9; padding:10px; margin-left:58%; color:Gray; clear:right;}
.PD-remaining-amount-top            {border-bottom:1px solid #cbcbcb; padding-bottom:10px;}
.PD-remaining-amount-down           {text-align:center; padding:10px 0;}
.PD-remaining-amount-down span, .PD-remaining-amount-down i  {font-size:25px;}

.PD-succ-DIV                         {}
.pay-dls-succ                        {text-align:center;}
.pay-dls-succ label                  {width:100%; float:left;}
.pay-dls-succ label .icon-ok-circle  {color:#4e8500; font-size:28px;}
.pay-dls-succ label .icon-cancel-circled{color:Red; font-size:28px;}
.pay-dls-succ p                      {color:Gray; float:left;}
.pay-succ-text                       {color:#4e8500; font-size:20px; line-height:25px;}
.faild-text                          {color:red;}
.tran-text                           {color:#5f6468; font-size:16px; line-height:25px;}
.dummy                               {color:#6e6d6d; font-size:16px; line-height:25px;}
.conf-text                           {color:#006aba; font-size:16px; line-height:25px; margin-top:20px;}
.mail-id                             {color:#5f6468; font-size:13px;}
.mail-id i                           {font-size:13px;}

.consult-amounticon               {font-size:65px; font-weight:300 !important; color:#d0d0d0 !important; position:absolute; left:0px; top:0px;}
.consult-totalamount              {width:117px; position:relative; clear: right; margin-left: 90px; padding:30px 0px 0 45px;}








.Formctrl                        {}
.Formctrl-DIV                    {}
.Formctrl-headline               {border-bottom:1px solid #e4e4e4;  padding-bottom:5px; float:left; width:100%;}
.Formctrl-headline i             {color:#6a6a6a; font-size:18px; margin-top:0px; margin-right:5px; cursor:pointer;}
.Formctrl-headline h1            {font-size:17px; font-family:'Roboto'; font-weight:bold;}
.Formctrl-headline label         {font-size:18px; font-family:'Roboto'}
.Formctrl-feelds                 {float: left; width: 100%; margin-top: 10px;}



/*.columns-row{margin-left:-15px; margin-right:-15px;}*/
.columns textarea, .columns-1 textarea, .columns-4 textarea{height:40px;}
.columns, .columns-1, .columns-4{  margin-bottom: 12px;float: left;padding-right: 15px;padding-left: 15px;color: #333;}
.columns label {display: inline-block;width: 40%;font-weight: 700;float: left;margin-top:7px;font-family:'Roboto Light';font-size:13px; color: #6b6b6b;}


.columns-4 label {display: inline-block;width: 50%;font-weight: 700;float: left;margin-top:7px;font-family:'Roboto Light';font-size:13px; color: #6b6b6b;}

.columns-1 label {display: inline-block;width: 30%;font-weight: 700;float: left;margin-top:7px;font-family:'Roboto Light';font-size:13px; color: #6b6b6b;}  

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

.columns-feelds{padding:0px 15px;}
.columns-feelds label{ font-family:'Roboto'; font-size:13px; color: #6b6b6b;}
.photo-view{position:absolute; right:25px; top:7px; font-size:18px; cursor:pointer;}

.upload-photo{position:absolute; right:-10px; top:22px; width:100px; height:100px; overflow:hidden; z-index: 99999; display:none; background:#fff; text-align:center;}
.photo-view:hover .upload-photo{display:block;}

.doc-upload-imgs{margin:10px 0;}
.doc-upload-imgs li{display:inline-block; height:80px; width:80px; border:1px solid #cbcbcb; overflow:hidden;}
.doc-upload-imgs li img{height:80px; width:80px;}


.columns{width:33.3%; height: 30px; position:relative;}
.columns-1{width:50%; height: 30px; position:relative;}
.columns-4{width:25%; height: 30px;position:relative;height: 40px;}

.columns .autocomplete-div{ width: 60%; height: 30px; float: right; position:relative;}
.columns-1 .autocomplete-div{ width: 70%; height: 30px; float: right; position:relative;}
.columns-4 .autocomplete-div{ width:50%; height: 30px; float: right; position:relative;}

.columns .autocomplete-box{ padding: 7px 3px 5px 3px;}
.columns-1 .autocomplete-box{ padding: 7px 3px 5px 3px;}
.columns-4 .autocomplete-box{ padding: 7px 3px 5px 3px;}

.columns .multiSelect .mul-button{width:60%; height: 30px;}   
.columns-1 .multiSelect .mul-button{width:70%; height: 30px;}   
.columns-4 .multiSelect .mul-button{width:50%; height: 30px;}  

.columns .add-faci-icon {cursor: pointer; color: rgb(106, 106, 106); font-size: 18px; margin-top: 4px;}

.box{width:60%;}  
.box-1{width:70%;}    
.box-4{width:50%;}  

.sub-box-2{/*width:27%;*/ width:33%;} 


.box, .box-1, .box-4{   display: block;float: right;padding: 5px 12px;font-size: 12px;line-height: 1.42857143;color: #555;background-image: none;border: 1px solid #ccc;border-radius: 4px;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;}  
.box:focus, .box-1:focus, .box-4: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);}  
.field-textarea{} 
  
.sub-box-2      { display: block; padding:5px 12px;font-size: 12px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;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;}  
.sub-box-2: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);}    
  
  
  
  

.fields-but-div{padding:7px 15px; float: left; width: 100%;}
.fields-but-div label{font-family:'Roboto Light'; font-size:13px; color:#6b6b6b; font-weight: 700; margin-left:25px;}
.fields-but-div input[type="checkbox"] {vertical-align:middle; margin-right:3px; margin-top:-3px;}
.fields-but-div input[type="radio"] {vertical-align:middle; margin-right:3px; margin-top:-3px;}
.fields-but-div .primary-margin  {margin-right:20px;}
  
  
  
.suerrmsg{display: none; white-space:nowrap; position: absolute;  padding: 8px 10px; background:#FFDFDF; border:1px solid #F0A9A9;   font-family:'Roboto'; z-index: 99999; right:15px; top:-44px; font-size:13px; color: red; border-radius:8px;}  
.suerrmsg:after, .suerrmsg:before{right:20px; bottom:-11px;  border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; } 
.suerrmsg:after            {border-color: rgba(255, 255, 255, 0); border-top-color:#FFDFDF; border-width:10px; margin-bottom:-8px;} 
.suerrmsg:before           {border-color: rgba(240, 169, 169, 0); border-top-color:#F0A9A9; border-width:10px; margin-bottom:-10px;}  
 

.error-bottom .suerrmsg{ top:42px;white-space:nowrap;  }  
.error-bottom .suerrmsg:after, .error-bottom .suerrmsg:before{right:20px; bottom:21px;}
.error-bottom .suerrmsg:after            { border-bottom-color:#FFDFDF;  border-top-color:transparent;  margin-bottom:8px;} 
.error-bottom .suerrmsg:before           { border-bottom-color:#F0A9A9;  border-top-color:transparent;  margin-bottom:10px;} 
  
.checkbox{ float: right; font-family:'Roboto'; font-size:13px; color: #6b6b6b; margin-left:14px;}  

  
/********************Facility Setup Settings**************************/  
  
.fs-div{width:300px; height:550px; border-right: 1px solid #cbcbcb; margin-right:10px; padding-right:5px; float:left; overflow: auto;} 
.fs-content{margin-bottom:15px;}
.fs-content h2{font-size:12px; font-weight:bold; color:#000;}
.fs-ul{}
.fs-ul li{ display:inline-block; font-size: 1em; color: #6b6b6b; margin: 5px; }  
.fs-ul li input[type="checkbox"]{margin-right:5px; vertical-align:middle;}
  
  
  
  
  
  
  
  
.reg-left                      {float:left; width:68%; height:100%; display:table;}  
.reg-right                     {clear:right; margin-left:69.5%; display:none;} 

.Conrfm-msg                    {width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center;}
.Conrfm-msg p                  {width:100%; margin-bottom:10px; font-size:15px; font-family:'Roboto'; color: gray;}
.Conrfm-but                    {float:none !important;}

.temp_calen                    {margin:0px; padding:0px; position:absolute; right:20px; top:6px; font-size:15px; color:#797979;}






.RP-textbox                      {margin:15px 0px 0 0px; background:#f0f0f0; padding: 10px 10px 10px 43px; border-bottom:1px solid #E2E2E2; height:auto; position: relative;} 
.RP-textbox i                    {font-size:30px; color:#BBBCBC; position: absolute; left:5px; top:10px;} 
.RP-textbox label                {font-family:'Roboto'; clear:left; font-weight:bold;}
.RP-textbox p                    {font-family:'Roboto'; color:Gray; margin:4px 0 2px 0; font-size:1.2em;}



.get-listed-title h1             {font-family:'Roboto Thin'; font-style:normal; font-size: 22px; font-weight:100;  overflow:inherit;}
.get-listed-title label          {color:Gray; font-size:12px; font-family:'Roboto'}

  
  
  
  
  
  
  
.QA-menu-icon                    {display:none; position:absolute; right:-23px; top:-30px; font-size:20px; color:Gray; cursor:pointer;}  

.QA-left-div                     {background:#fff;} 
.QA-left-Menu                    {} 
.QA-mainclick                    {display:block; position:relative;  font-weight:bold; font-family:'Roboto'; cursor:pointer; border-bottom:1px solid #e2e2e2; padding:7px 0px;}
.QA-mainclickicons               {position:relative; padding:0 5px;}
.QA-mainclickicons i.su-folder160 {margin-right:5px; color:#bbbbbb; font-size:16px;}
.QA-accolabel                    {width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.1em; font-family:'Roboto'; cursor:pointer; 
                                  font-style: normal;font-weight: 600;	}
.QA-left-count                   {width:40px; height:19px;position:relative;}
.QA-left-count span              {font-size:11px; line-height:20px; margin-left:5px; padding:0px !important;}
.QA-left-count i                 {position:absolute; right:0px; top:2px;}

.QA-sub-menu{margin-top:5px; border-top:1px solid #cacaca;}
.QA-sub-menu ul                  {margin:5px 0 0 0  !important;}
.QA-sub-menu li                  {padding: 0px 0px 0px 21px !important; width:100%; float:left; position:relative;}
.QA-sub-menu li i                {position:absolute; left:4px; top:8px; font-size:9px; color:#45e735;}
.QA-doc-active                   {width:2px; height:80%; background:#448af4; position:absolute; left:0px; top:0px;}
.QA-sub-menu a, .QA-sub-menu a:active                   {text-decoration:none; color:#848484; font-weight:normal; font-size:13px; float:left; margin-bottom: 5px; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; font-family:'Roboto'; padding:5px 5px 5px 0;}
.QA-doctoractive                 {background:#F6F6F6;  padding: 5px 5px 5px 0px;} 
.QA-sub-menu li:hover a{color:#2C5487;}
.QA-left-search                  {background:#fff; padding:0px 0px 0 0px; position:relative;}

.QA-left-search i                {position:absolute; right:0px; top:7px; font-size:18px; color:#797979;}

.QA-top-dates                    {height:55px; border:1px solid #dedede; border-width:0px 0 1px 0;}  
.QA-top-dates ul                 {position:relative; padding:0px 22px;}
.QA-top-dates ul li              {float:left; text-align:center; color:#868686; font-weight:bold; height:54px; position:relative;}

.QA-date-calinfo                 {background: #f5f5f5;
                                  background: -moz-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f5f5f5));
                                  background: -webkit-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: -o-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: -ms-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: linear-gradient(to bottom, #ffffff 50%,#f5f5f5 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
                                  display: block; border-right: 1px solid #f2f2f2; border-left: 1px solid #dedede; width:14.28%; padding:0px 0; font-size:12px;}

.QA-doc-appts                    { position:absolute; bottom:2px; left:0px; width:100%;}
.doc-label                       { font-size:11px; padding: 0px 5px; color: #fff; border-radius: 3px;}
.avi-clr                         { background-color: #83BCD5 !important;}
.bok-clr                         { background-color: #72C784 !important;}
.tol-clr                         { background-color: #D380D2 !important;}
                                  
#QA-date-rightclick              {right:0px; position:absolute;}                                  
#QA-date-rightclick a            {border-left: 1px solid #dedede;}
#QA-date-leftclick               {left:0px; position:absolute;}

#QA-date-leftclick a, #QA-date-rightclick a{background: #f5f5f5;
                                  background: -moz-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(100%,#f5f5f5));
                                  background: -webkit-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: -o-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: -ms-linear-gradient(top, #ffffff 50%,#f5f5f5 100%);
                                  background: linear-gradient(to bottom, #ffffff 50%,#f5f5f5 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
                                  display: block; width:22px; text-decoration: none; position:relative;  padding:19px 0px;}
                                  
                                  
                                  
.QA-facilitys-div                {height:78%;}                                  
.QA-doc-facilitys                {padding:0px 20px 20px 20px;}   
.QA-side-divs                    {width:22px; height:50px; background:red;} 
.QA-doc-facilitysDIV             {float:left; width:14.28%; padding:2px;}
.QA-doc-facilitysDIV ul          {border-top:1px solid #cbcbcb;}
.QA-doc-facilitysDIV li          {width:100%;  cursor:pointer;} 
.QA-doc-facilitysDIV li:hover    {background:#f2f2f2;} 
.QA-doc-facilitysDIV .active .QA-fac-name span{color:#B3B3B3;}
.QA-doc-facilitysDIV .active     {background:#E9EED4; cursor:default !important;}

.QA-doc-facilitysDIV .dis .QA-fac-name span{color:#A09D9D;}
.QA-doc-facilitysDIV .dis .QB-slotloc-time{color:#cbcbcb;}
.QA-doc-facilitysDIV .dis .QB-slot-status{color:#cbcbcb;}
.QA-doc-facilitysDIV .dis     {background:#f2f2f2; cursor:default;}
.QA-doc-facilitysDIV .active:hover{background:#E9EED4;}     
   

.QA-fac-name                     {width:100%; border:1px solid #cbcbcb; border-width:0 1px 1px 1px; height: 30px; line-height: 28px; padding: 0 5px; position:relative;}
.QA-fac-name span                {color:#5e5e5e;}  
.QA-fac-name .QA-slotloc-name    {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; cursor:pointer; float:left; font-family:'Roboto'; width:45%;}
.QA-fac-name .QA-slotloc-time    {cursor:pointer;  float:right; font-family:'Roboto'; position:absolute; top:0px; right:5px;}
.QA-slot-status                  {padding:1px 3px; font-size:10px; float:left;}     




.qb-doc-facilitysdiv             {float:left; width:14.28%; padding:2px;}
.qb-doc-facilitysdiv .qb-main-ul {border:1px solid #cbcbcb;}
.qb-doc-facilitysdiv .qb-main-ul .qb-main-li {width:100%;  cursor:pointer;} 
.qb-doc-facilitysdiv .qb-main-ul .qb-main-li:hover    {background:#f2f2f2;} 
.qb-doc-facilitysdiv .active .QA-fac-name span{color:#B3B3B3;}
.qb-doc-facilitysdiv .active     {background:#E9EED4; cursor:default !important;}

.qb-doc-facilitysdiv .dis .QA-fac-name span{color:#A09D9D;}
.qb-doc-facilitysdiv .dis .QB-slotloc-time{color:#a7a5a5;}
.qb-doc-facilitysdiv .dis .QB-slot-status{color:#a7a5a5;}
.qb-doc-facilitysdiv .dis     {background:#f2f2f2; cursor:default !important;}
.qb-doc-facilitysdiv .active:hover{background:#E9EED4;}  
.QB-umr, .QB-name, .QB-mobile   {color:#7C7C7C;}
.quick-book-dls                  {width:100%; cursor:pointer; height:70px; padding: 0 40px 0 5px; border-bottom:1px solid #cbcbcb; position:relative;}
.quick-book-dls ul               {padding-top: 2px;}
.quick-book-dls ul li            {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.QB-slot-status                  {position:absolute; right:5px; top:25px; color:#636161; }
.QB-slotloc-time                 {position:absolute; right:5px; top:5px; color:#636161; }

                       
.uhwi-book-dls                  { width:100%;  width:100%;  border-bottom:1px solid #cbcbcb; position:relative; font-size:11px; color:#7C7C7C;}
.uhwi-book-right                { float:right; width:35px; height:70px; padding:3px; text-align:right;}
.uhwi-book-left                 { clear:left; margin-right:35px; height:70px; padding:3px;}
.uhwi-book-left ul li           { width:100%; text-overflow: ellipsis; overflow:hidden; white-space:nowrap;}
.uhwi-book-pat                  { height:30px; width:100%; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:2; display: -webkit-box;overflow:hidden; white-space: normal !important;}
.uhwi-status                    { background:#9db570; padding: 0px 3px 1px 4px; color:#fff; border-radius:2px;}




.Loc-color-1                     {border-left:3px solid #4090d0;}    
.Loc-color-2                     {border-left:3px solid #1cc91c;} 
.Loc-color-3                     {border-left:3px solid #ecbd3d;} 
.Loc-color-4                     {border-left:4px solid #fa4c4c;} 
.Loc-color-5                     {border-left:5px solid #f98af2;} 

.Loc-color-text-1                {color:#4090d0;}    
.Loc-color-text-2                {color:#1cc91c;} 
.Loc-color-text-3                {color:#ecbd3d;} 
.Loc-color-text-4                {color:#fa4c4c;} 
.Loc-color-text-5                {color:#f98af2;} 

.QA-add-fac-slot                 {text-align:center; height:70px; background: #ededed; color:Gray;}
.QA-add-fac-slot span            {font-size:18px; line-height:70px;}
                        
                            


.Qa-doc-tabsDIV                  {height:100px; border-bottom:1px solid #cbcbcb; background:#fff;}
.Qa-doc-tab                      {width:20%; height:100%; padding: 5px 20px 5px 5px; position:relative; border-right:1px solid #dedede; float:left; cursor:pointer;}
.Qa-doc-tab:hover                {background:#f8f8f8;}
.Qa-doc-tab-bgactive             {background:#d3d3dc;}
.QA-doc-tab-active               {width:100%; height:3px; background:#127270; bottom:0px; left:0px; position:absolute;}
.Qa-doc-tab .Qa-close-tab        {  position: absolute;  right: 0px;  top: 0px;  font-size: 16px;  color: #03abd4;  cursor: pointer;}
.QA-doc-img                      {width:45px; height:45px; overflow:hidden; text-align:center; float:left; /*margin-top:5px;*/}
.QA-doc-img img                  {width:45px; height:45px;}
.QA-doc-details                  {/*width:70%;*/ height:100%; clear:right; margin-left:55px; /*margin-top:5px;*/}

.QA-doc-details h1               {font-size:13px; font-family:'Roboto'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; margin-top:-4px;}
.QA-doc-details label            {color:#7f7f7f; font-size:11px; font-family:'Roboto'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; float: left; line-height:14px;}

.QA-starting-text                {padding:20px;}
.QA-starting-text ol li          {padding:8px 0;}

.QA-status                       {position: absolute; /*padding: 0px 5px; width:45px;*/ bottom:30px; left: 5px;  
                                  text-align: center; color: #fff; font-size: 10px;}
.QA-in-status                    {background:#76C361; padding: 0px 19px; border-radius:3px;}
.QA-out-status                   {background:#EA5959;padding: 0px 15px; border-radius:3px;}



.QA-popup-header                 {height:45px; background:#fff; padding:10px;}
.QA-popup-header h1              {font-size:18px; font-family:'Roboto';}

.QA-popup-search-div             {padding:10px;}
.QA-popup-search-row             {}
.QA-popup-search-col             {float:left; padding: 0px 5px  5px 5px; width: 33.3%;}


.QA-popup-grid                   {height:205px; background:#fff; padding:5px 10px; overflow:auto;-webkit-overflow-scrolling:touch;}
.QA-popup-grid-scroll            {}
.QA-popup-grid-row               {width:100%;}

.QA-popup-grid-rowcolor          {background:#E7E7E7;}
.QA-popup-grid-row-altcolor      {background:#fff;}
.QA-popup-columns                {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; padding:10px; width:150px;}
.QA-popup-columns label          {font-family:'Roboto'; font-size:13px; width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float:left; color:#7F7B7B;}
.QA-popup-pageing                {position:absolute; bottom:0px; width:100%;}


.QA-pat-details                  {}
.QA-pat-list                     {background:#E6F4FD; padding:3px 10px;  border-bottom:1px solid #cbcbcb; /*margin:5px 20px 5px 20px;*/}
.QA-pat-img                      {float:left; width:40px; height:40px; background:#f2f2f2; overflow:hidden; text-align:center;  margin-top:3px;}
.QA-pat-img img                  {width:40px; height:40px;}
.QA-toplink-button               {padding:1px; background: #e5e6e6; border:1px solid #cbcbcb; border-radius:5px; font-size:18px; color:Gray; margin-left:10px; 
                                  background: -moz-linear-gradient(top, #f7f7f7 50%, #e5e6e6 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#f7f7f7), color-stop(100%,#e5e6e6));
                                  background: -webkit-linear-gradient(top, #f7f7f7 50%,#e5e6e6 100%);
                                  background: -o-linear-gradient(top, #f7f7f7 50%,#e5e6e6 100%);
                                  background: -ms-linear-gradient(top, #f7f7f7 50%,#e5e6e6 100%);
                                  background: linear-gradient(to bottom, #f7f7f7 50%,#e5e6e6 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e6e6',GradientType=0 );}



.QA-pat-dls                      {clear:right; margin-left:60px;}

.diwide-header                   {position:relative; margin:25px 0 25px 0px;}
.diwide-header hr                {border:1px solid #eaeaea; width:80%;}

.diwide-header-but               {width:180px; padding:2px 5px; cursor:pointer;   text-align:center;
                                  background:#A2C8E0; border-radius:15px; position:absolute; left:50%; top:-7px; margin-left:-80px;
                                  background: -moz-linear-gradient(top, #D6EDFF 1%, #A2C8E0 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D6EDFF), color-stop(100%,#A2C8E0));
                                  background: -webkit-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                  background: -o-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                  background: -ms-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                  background: linear-gradient(to bottom, #D6EDFF 1%,#A2C8E0 100%);
                                  }
                                  
.diwide-header-but:hover         {background:#D6EDFF;} 

.diwide-header-but span          {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:11px;}

.QA-appoints                     {}
.QA-coming-appt                  {border: 1px solid #cbcbcb; border-radius: 5px 0px 5px  5px; background: #f4f4f4; position: relative; margin-bottom:5px; padding:5px;}
.QA-past-appt                    {border: 1px solid #cbcbcb; border-radius: 5px 0px 5px 5px; background: #f4f4f4; position: relative; margin-bottom:5px; padding:10px;}
.QA-appt-docphoto                {width:50px; height:50px; float:left; overflow:hidden; text-align:center;}
.QA-appt-docphoto img            {width:50px; height:50px;}

.QA-appt-docdetails              {float:left; width:50%; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.QA-appt-docdetails ul li        {color:Gray; line-height:18px;}
.QA-appt-docdetails ul li label  {color:#000; width:100%; font-size: 15px; font-family: 'Roboto';}
.QA-appt-patdetails              {float:left; width:49%;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.QA-appt-dls                      {width:40%; float:right;}
.QA-appt-dls ul                   {float:left; width:100%;}
.QA-appt-dls ul li                {color:#5F5C5C; line-height:18px; height:22px;  padding: 0 20px; position:relative;}
.QA-appt-dls ul li .Reason        {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; width:75%;}
.QA-appt-dls ul li .UP-createdby  {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px; /*width:75%;*/ font-size:10px; float:right;}

.QA-appt-dls ul li .UP-Appointstime{font-weight:bold; padding:2px 3px; background:#b0bde7; color:#fff; border-radius:3px; position:absolute; left:110px;}
.QA-appt-dls ul li i              {font-size:16px; cursor:pointer; vertical-align:middle;}
.QA-appt-dls ul li i:hover        {color:#454444;}














.CBO-doc-details                 { border-radius:3px; border:1px solid #cbcbcb; padding:5px; background:#F6F6F6;} 

.CBO-doc-img                     {width:40px; height: 40px; overflow:hidden; text-align:center; float:left; margin-right:10px;}
.CBO-doc-img  img                {width:40px; height:40px;} 
.CBO-doc-text                    {float:left;}
.CBO-doc-text h1                 { font-size:14px;}
.CBO-doc-text label              {color:#848484; font-size:11px;}  
.CBO-cancel-type                 {margin-top:20px;}
.CBO-grid-div                    {border: 1px solid #d3d3d3; height:250px; overflow:auto;-webkit-overflow-scrolling:touch;}
.qno-gen                         { background:#BAE8AB;}
.qno-gen:hover                   { background:#BAE8AB !important;}
table.CBO-grid                   {min-width:780px; width:100%;}

.no-of-grid-cols                 {text-align:left; padding:0 0 10px 0; color:#50A61B; font-weight:bold;}
.no-of-grid-cols label           {font-size:15px; }
.no-of-grid-cols span            {font-size:15px;}



.errormeg                        {text-align:center; margin-top:20px;}
.errormeg label                  {font-size:15px; color:#F46767;}
.errormeg span                  {font-size:15px; color:#F46767;}

.reg-autocomplete                {position:relative; float:right; width:60%;}

.CBO-workflow                    {}
.CBO-workflow h1                 {font-family:'Roboto Light'; font-weight: bold; font-style: normal; font-size:20px;}






.help-edit-div                  {}
.help-edit                      {}
.help-text                      {overflow:auto;float:left; width:100%; height:100%;-webkit-overflow-scrolling:touch;}
.help-text p                    {font-family:'Roboto'; margin-top: 0px; line-height: 20px; width: 100%; margin-bottom: 5px !important; color:#5e5d5d; text-align: justify;} 
.help-text p b                  {  font-size: 14px !important; font-family: 'Roboto'; color: #4D4D4D;}


.txt-align-right                  {text-align:right;}
.txt-align-left                   {text-align:left;}
.txt-align-center                 {text-align:center;}
.apt-grid-pagingrow             { height:35px; border-top:1px solid #d3d3d3; position:absolute; bottom:0px; width:100%;
                                  background: #ededed; 
                                  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%);
                                  }                                  
                                  
.apt-grid-pagingrow input[type="button"]{margin-top:7px; margin-right:10px; cursor:pointer;}                                  
.apt-grid-pagingrow label         {margin:10px 10px 0 0;}                                  
.apt-grid-pagingrow span          {margin:10px 10px 0 10px;}  
.apt-grid-pagingrow select        {padding:2px 6px; width:75px; margin:6px 10px 0px 0px; border:1px solid #CACACA; outline:none;}
                                  



.page-head-icon                        {float:right; height:30px;}
.page-head-icon ul li                  {float:right; margin-left:10px; padding: 2px 5px 2px 5px; position:relative;}
.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; font-family:'Roboto'; float:right;  margin-top: 2px;}
.page-head-icon ul li:hover            {border-radius:4px;}
.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; }




.top-header-field                      {float:right;}
.top-header-field table td label       {}
.top-header-field table td select      {padding:0 5px; color:Gray; font-size:13px; height:25px; outline:none; width:100%;}
.top-header-field table td input[type="text"]{padding:0 5px; color:Gray; font-size:13px; height:22px; outline:none; width:100%;}
.top-header-field table td .autocomplete-div {height:27px;}



.Grid-top-fields                       {height:30px;}


.Grid-top-table                        {width:870px; margin-top:8px;}
.Grid-top-fields label                 {margin:7px 15px 0 5px; font-size:15px;}
.Grid-top-fields input[type="radio"]   {vertical-align:middle; margin:-3px 5px 0 0;}
.Grid-top-fields table td label        {font-size:12px; font-family:'Roboto'; margin-right:0px;}
.Grid-top-fields table td select       {padding:0 5px; color:Gray; font-size:14px; height:26px; width:100%; border:1px solid #ccc; outline:none; border-radius:3px;}
.Grid-top-fields table td input[type="text"]{padding:0 5px; color:Gray; font-size:14px; height:26px; width:100%; border:1px solid #ccc; outline:none; border-radius:3px;}






table.addprofile-grid                 {width:100%; min-width:940px;}



.adm-grid-div                          { /*height:100%;*/ overflow:auto; -webkit-overflow-scrolling:touch; position:relative;}
.adm-header                            { height:30px;background:#F4F4F4; width:100%; float:left; border-bottom:1px solid #cbcbcb;
                                         background:#ececec;
                                         background: -moz-linear-gradient(top, #fefefe 0%, #ececec  85%);
							             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(85%,#ececec ));
							             background: -webkit-linear-gradient(top, #fefefe 0%,#ececec 85%);
							             background: -o-linear-gradient(top, #fefefe 0%,#ececec 85%);
						                 background: -ms-linear-gradient(top, #fefefe 0%,#ececec 85%);
							             background: linear-gradient(to bottom, #fefefe 0%,#ececec 85%)}
							             
.adm-header ul  li                      { font-size:13px; font-family:'Roboto Condensed'; padding:4px 6px; cursor:pointer; float:left;}
.adm-header  li.active                { border-bottom:2px solid #03abd4}
.adm-header i                           {margin-left:3px;}
 
/********************************************************************Dashboard**************************************************************/

.Dashboard-left-div                    {position:relative;  height:100%; width:300px; margin-right:10px;} 
.Dashboard-right-div                   {height:100%; flex:1; overflow:hidden; } 
.Dashboard-graph-DIVS                  {margin:0px; border:1px solid #e0e0e0; width:100%;}  
.Dashboard-graph-content               {overflow: auto; height: 100%;}  
.Dashboard-graph-content span          {cursor:pointer;}  
.DS-visittype-pad                      { padding:10px;}
.DS-visittype-mag                      { margin-bottom:0px;}
.on-bed-more-records                   { height:30px; width:100%; border:1px solid #e0e0e0; border-width:0 1px 1px 1px; 
                                         text-align: center; line-height: 30px; background:#f2f2f2;}   
.on-bed-more-records a                 { text-decoration:none;}                                                  
.Dashboard-doc-list                    { width:100%; padding:0px; overflow:auto;-webkit-overflow-scrolling:touch;}

.Dashboard-calc-div                    { overflow:hidden;}
.Dashboard-calc-header                 { border:0px solid #cbcbcb; border-width:0 0px 1px 0; text-align:center; padding:6px; 
                                        background:#ececec;
                                        background: -moz-linear-gradient(top, #fefefe 0%, #ececec  85%);
							            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(85%,#ececec ));
							            background: -webkit-linear-gradient(top, #fefefe 0%,#ececec 85%);
							            background: -o-linear-gradient(top, #fefefe 0%,#ececec 85%);
							            background: -ms-linear-gradient(top, #fefefe 0%,#ececec 85%);
							            background: linear-gradient(to bottom, #fefefe 0%,#ececec 85%)}
                                        
.Dashboard-calc-header i              { cursor:pointer; font-size:15px;}
.Dashboard-calc-weeks                 { }
.Dashboard-calc-weeks ul li           { width:14.28%; height:25px; font-size:10px; text-align:center; line-height:25px; border-right:1px solid #cbcbcb; float:left;
                                        background: #abf1ff;
                                        background: -moz-linear-gradient(top, #ffffff 0%, #abf1ff 100%); 
                                        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abf1ff)); 
                                        background: -webkit-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                        background: -o-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                        background: -ms-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                        background: linear-gradient(to bottom, #ffffff 0%,#abf1ff 100%);
                                      }
.Dashboard-calc-weeks ul li:last-child{border-right:0px;}                                       
                                      
                                      
.Dashboard-calc-days                  {}
.Dashboard-calc-num                   {width: 14.28%; height:38px; background:#f7f6f6; border:0px solid #cbcbcb; border-width:0px 1px 1px 0; float:left; 
                                       text-align:center; line-height:16px; position:relative; padding-left:20px;}
                                       
.Dashboard-calc-num:nth-of-type(7)    {border-right:0px;} 
.Dashboard-calc-num:nth-of-type(14)    {border-right:0px;} 
.Dashboard-calc-num:nth-of-type(21)    {border-right:0px;} 
.Dashboard-calc-num:nth-of-type(28)    {border-right:0px;}
.Dashboard-calc-num:nth-of-type(35)    {border-right:0px;}
.Dashboard-calc-num:nth-of-type(42)    {border-right:0px; border-bottom:0px !important; height: 40px;} 

.Dashboard-calc-num:nth-of-type(41)    {border-bottom:0px; height: 40px;} 
.Dashboard-calc-num:nth-of-type(40)    {border-bottom:0px; height: 40px;} 
.Dashboard-calc-num:nth-of-type(39)    {border-bottom:0px; height: 40px;} 
.Dashboard-calc-num:nth-of-type(38)    {border-bottom:0px; height: 40px;}
.Dashboard-calc-num:nth-of-type(37)    {border-bottom:0px; height: 40px;}
.Dashboard-calc-num:nth-of-type(36)    {border-bottom:0px; height: 40px;}

.health-good { color:#07a907 !important;}
.health-avg { color:#3333f1 !important;}
.health-sev { color:#ef2e2e !important;}
                           
.Dashboard-calc-num span              {font-size:11px;}
.Dashboard-calc-num .date-dis         {color:#bfbfbf;}
.Dashboard-num-view                   {position:absolute; height:15px; width:20px; top:0px; left:0px; border:0px solid #cbcbcb; border-width:0 1px 1px 0; color:Gray; background:#fff;} 
.Dashboard-num-view span              {font-size:11px;} 
.Dashboard-sdl-num                    {background:#95B892; text-align:center; width:22px; height:13px; border-radius:3px; color:#fff; line-height:13px; position: absolute; bottom:2px; right:2px; cursor:pointer;}
.Dashboard-sdl-num label              {font-size:10px;cursor:pointer;}
.Dashboard-view-add                   {color:lightgray; position:absolute; right:14px; top:16px; cursor:pointer;}
.Dashboard-view-add i                 {font-size:12px;}
.Dashboard-view-empthy-sdl            {width:5px; height:5px; position:absolute; right:3px; top:3px; border-radius:50%; background:#426b92;}  



.DS-visittype-div                   {/*margin:0px -2% 0px 0px;*/}
.DS-visittype-div li                {width:23.5%; height:81px; background: #F0F0F0; float:left; margin:0px 2% 10px 0px; text-align:center; line-height:55px;}
.DS-visittype-div li:nth-of-type(4)    {margin-right:0px;}
.DS-visittype-div li:nth-of-type(8)    {margin-right:0px;}
.DS-visittype-div li:nth-of-type(9)    { margin-bottom:0px;}
.DS-visittype-div li:nth-of-type(10)   { margin-bottom:0px;}
.DS-visittype-div li:nth-of-type(11)   { margin-bottom:0px;}
.DS-visittype-div li:nth-of-type(12)   {margin-right:0px; margin-bottom:0px;}


.DS-visittype-div li span           {font-size:28px; font-family:'Roboto Light';}
.DS-visittype-div li i              {font-size:20px;}
.DS-visittype-header                {height:20px; text-align:center; line-height:20px; color:#fff;} 
.DS-visittype-header label          {font-size:12px; font-family:'Roboto Condensed';}
.Dashboard-color1                   {background:#568AC7;}
.Dashboard-color2                   {background:#7BC276;}
.Dashboard-color3                   {background:#cb425f;}
.Dashboard-color4                   {background:#B57EB6;}
.Dashboard-color5                   {background:#D89A3A;}
.Dashboard-color6                   {background:#9891F9;}
.Dashboard-color7                   {background:#5ABFE4;}
.Dashboard-color8                   {background:#E8B616;}
.Dashboard-color9                   {background:#A34B6D;}
.Dashboard-color10                   {background:#A99C87;}
.Dashboard-color11                   {background:#CF6731;}
.Dashboard-color12                   {background:#E4719C;}



.grid-autocomplete                  {height:25px !important; width:100% !important;}
.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;}
.umr-serch                          {position:absolute; right:0px; top:4px; font-size:15px; color:#797979;}
.grid-textbox                       {border:none !important; height:18px !important;}



.feesetup-left                      {float:left; width:40%;}
.feesetup-right                     {clear:right; margin-left:42%; margin-top:47px;}
.feesetup-loc-dls-div               {border:1px solid #c2c0c0; padding:5px;}  
.feesetup-loc-title                 {padding:5px; margin-top:5px; background:#F1F1F1; border:1px solid #cbcbcb; float:left; width:100%; border-radius:3px; cursor:pointer;}
.FS-col                             {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:gray;}
.FS-loc-name                        {width:25%; padding:0 10px; color:#000;}
.FS-org-name                        {width:25%; padding:0 10px; color:#000;}
.FS-vdlt-name                       {width:35%; padding:0 10px;}
.FS-rit-icons                       {width:auto; padding:0 10px; float:right;}
.FS-rit-icons i                     {font-size:15px; cursor:pointer;}



.feesetup-loc-cols                  {border:0px solid #cbcbcb; border-width:0 1px 1px 1px; max-height:250px; min-height:50px; float:left; width:100%; padding:10px; overflow:auto !important; -webkit-overflow-scrolling:touch;}
.feesetup-loc-cols table tr td      {padding:6px; color:#797979;}


.Billing-Conces                    {margin-top:20px;}
.Conces-DIVS                       {position:relative; width:48%; border:1px solid #ccc; padding: 5px 12px; font-size:14px; color: #555; border-radius:2px;}
.Conces-DIVS input[type="text"]    {border:none; outline:none; width: 90%;}
.Conces-DIVS i                     {position:absolute; right:0px; top:6px; font-size:16px; color:Gray;}

.more-docs-but                      {position:absolute; right:5px; top:5px; cursor:pointer; padding:2px; color:#676767;}    
.more-docs-but i                    {font-size:18px;}
.more-docs-but:hover                {border-radius:2px;}

.RV-main-left-col                   {width:280px; }
.RV-main-right-col                  {/*margin-left:297px;*/}






.ve-left-search                  {background:#fff; padding:0px 0px 0 0px; position:relative;}
.ve-back-icon                    {padding-right:30px; position:relative;}
.ve-back-icon .ve-back           {position:absolute; top:0px; right:0px; font-size:15px; color:#797979; padding:3px 5px; 
                                  background:#f2f2f2; border:1px solid #cbcbcb; border-radius:3px;}



.ve-left-ac-div                   {border-radius:4px; position:relative; padding-right:25px;  background:#fff; border: 1px solid #ccc; padding-left:2px;}

.ve-test-date                       {margin-bottom:10px;}

.ve-test-date ul li                 { float:left; padding:5px 5px; cursor:pointer;}
 



.ve-wise                             {padding:8px; border-bottom: 1px solid #cacaca; border-top: 1px solid #cacaca; background:#f2f2f2;}

.ve-doc-img .ve-doc-div img             {height:30px; width:30px; float:left; margin: 5px 3px;}
.ve-doc-img .ve-doc-div label           {width:160px !important; margin-left:5px !important;}
.ve-doc-img .ve-doc-div span            {width:150px!important; margin-left:5px !important;}

.ve-doc-img   li    { position:relative;}
.ve-doc-img  li  i  { position: absolute;top: 6px;right: 8px;font-size: 15px;z-index: 99999;color: #03abd4;}
.ve-qno             { position:absolute; padding:0px 2px 0px 2px; background:#EAE7E7; right:8px; bottom:19px; border-radius:2px;  
                      color: #626060;  border:1px solid #cbcbcb; cursor:pointer;}


 /*************************Result View*************************/    

.rv-left-doc h3                     { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.rv-top-search                      { position:relative; padding:10px;}
.RV-wise                            { padding:8px; border-bottom: 1px solid #cbcbcb;}
.RV-fromdat-icons                   { font-size:18px; color:#6F9DA9; cursor:pointer;}
.more-docs-div                      { position:absolute; top:75px; left:0px; background:#fff; border:1px solid #cbcbcb; 
                                      border-width:1px 0px 1px 0px; z-index:99999; width:280px; -webkit-box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40);
                                      box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40); }	
.RV-search                          { right:15px; top:8px; position:absolute; font-size:18px; cursor:pointer; color:#A8A5A5;}
.PC-search                          { right:3px; top:11px; position:absolute; font-size:13px; cursor:pointer; color:#A8A5A5;}

.RV-test-date-div                   { position:relative;}
.RV-test-date li                    { display:inline-block;}
.rv-back                            { font-size: 23px; color: #444444; cursor:pointer;} 
.rv-back:hover                      { color:#000;}
.left-top-scroll                    { overflow:auto;-webkit-overflow-scrolling:touch;}   
.left-top-scroll-1                  { overflow:auto;-webkit-overflow-scrolling:touch;} 

.RV-test-date li input[type="button"]{padding:4px 25px; margin-right:2px; border:1px solid #cbcbcb; border-radius:3px; cursor:pointer; outline:none;
                                      background: #E0E0E0;
                                      background: -moz-linear-gradient(top, #F5F5F5 0%, #E0E0E0 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5), color-stop(100%,#E0E0E0));
                                      background: -webkit-linear-gradient(top, #F5F5F5 0%,#E0E0E0 100%);
                                      background: -o-linear-gradient(top, #F5F5F5 0%,#E0E0E0 100%);
                                      background: -ms-linear-gradient(top, #F5F5F5 0%,#E0E0E0 100%);
                                      background: linear-gradient(to bottom, #F5F5F5 0%,#E0E0E0 100%);
                                      }
.RV-test-date li input[type="button"]:hover{background: #F5F5F5;
                                      background: -moz-linear-gradient(top, #E0E0E0 0%, #F5F5F5 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E0E0E0), color-stop(100%,#F5F5F5));
                                      background: -webkit-linear-gradient(top, #E0E0E0 0%,#F5F5F5 100%);
                                      background: -o-linear-gradient(top, #E0E0E0 0%,#F5F5F5 100%);
                                      background: -ms-linear-gradient(top, #E0E0E0 0%,#F5F5F5 100%);
                                      background: linear-gradient(to bottom, #E0E0E0 0%,#F5F5F5 100%);}   
                                                                         
.RV-test-date li input[type="button"].active{border:1px solid #0596b9; color:#fff;}        

.rv-right-content                   { overflow:auto;}
.rv-top-options                     { background: #f1f1f1; border: 1px solid #d7d8d8; padding: 0 3px; border-radius: 1px; margin-bottom:5px;}
.rv-normal                          { color:#38dc11 !important;}
.rv-upper-abnormal                  { color:#dc1f1f !important;}
.rv-lower-abnormal                  { color:#68b9f5 !important;}
.rv-srv-name                        { font-size:11px; color:#676666;  cursor:pointer; margin-left:-3px;}
.rv-srv-name h3                     { font-size:12px; color:#03abd4;}
.rv-srv-name-docStatus
{
    color: #e18d22 !important;
}
.rv-srv-name-test
{
    color: #000 !important;
}
.rv-srv-name table td i             { font-size:15px; vertical-align: middle; margin-right:5px; cursor:pointer; color:#03abd4;}
.rv-srv-name .su-plus-square,.rv-srv-name .su-minus-square{ font-size: 19px; }
.rv-srv-name .su-thumbs-up, .rv-srv-name .su-thumbs-down { color:#616161;}
.rv-grid-arrow                      {width: 30px; border: 1px solid #cbcbcb; border-radius: 2px; padding: 4px 2px 1px 2px; background: #ffffff;}
.rv-top-btn                         {}
.rv-top-btn.active                  { background:#03abd4; border:1px solid #03abd4; color: #fff; border-radius: 2px;}

.more-docs-list                     {max-height:350px; overflow:auto;-webkit-overflow-scrolling:touch;}  
.more-docs-list ul					{margin:3px 0; padding:0;} 	 
.more-docs-list ul li               {color:#00417f;  cursor:pointer; border-bottom:1px solid #cbcbcb; border-left:2px solid transparent;padding:8px 6px}
.more-docs-list ul li .PD-doc-img   {height:35px; width:35px; float:left; border-radius:50%; overflow:hidden; text-align:center; margin:5px 10px 0px 5px;}
.more-docs-list ul li  img          {height:35px; width:35px;}
.more-docs-list ul li h1            {float:left; font-size:15px; color:#00417f; font-weight: 400; width:78%; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.more-docs-list ul li span          {font-size:11px; color:#797979; width:78%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.more-docs-list ul li:hover         {background:#eeeeee; border-left:2px solid #be6d0e;}
.more-docs-list ul li.active1       {background:#eeeeee; border-left:1px solid #fe9797;}

.RV-left-tabs						{}
.RV-left-tabs ul                    {border:0px solid #cbcbcb; border-width:1px 0px 1px 0;}
.RV-left-tabs ul li                 {float:left; width:50%; text-align:center; line-height:35px; cursor:pointer; border-left:1px solid #cbcbcb; color:#515151;
                                       background: #efefef;
                                       background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%);
                                       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef));
                                       background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%);
                                       background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%);
                                       background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%);
                                       background: linear-gradient(to bottom, #ffffff 0%,#efefef 100%);}
                       
.RV-left-tabs ul li:hover           {background:#DAF1FF;}                       
.RV-left-tabs ul .active            {background:#DAF1FF;}                           
                       
                       
.RV-DPT-pro-tabs ul li:hover{background:#efefef;}  
.RV-DPT-pro-tabs ul .active{background:#DEF2FC;}



.RV-dpt-wise                        {border:0px solid #cbcbcb;} 
.RV-dpt-wise ul li                  {cursor:pointer; border-bottom:1px solid #dcdfe0; border-top:1px solid #ffffff; border-left:2px solid transparent; padding:4px 4px; font-size:13px; font-family:'Roboto'}  
.RV-dpt-wise ul li:hover            {background:#E4E4E4; border-left:2px solid #0987c1;}  
.RV-dpt-wise ul .active             {background:#E4E4E4; border-left:2px solid #0987c1;} 

/*.pat-que-saved                      {padding-right:20px !important; position:relative;}*/
.pat-sved-but                       {position:absolute; top:2px; right:0px; text-decoration:none;}

/*.pat-print-but                      {position:absolute;  top:8px; right:25px; text-decoration:none;}*/


.RV-patient_det                     {border-bottom:1px solid #cacaca; padding-bottom:10px;}
.RV-pat-img                         {float:left; width:50px; width:50px; overflow:hidden; text-align:center;}
.RV-pat-img img                     {height:50px; width:50px;}
.RV-pat-details                     {clear:right; margin-left:70px; position:relative;}
/*.RV-pat-history                     {position:absolute; right:0px; bottom:-5px; cursor:pointer;}
.RV-pat-history i                   {font-size:18px; color:Gray;}
.RV-pat-details table label         {font-family:'Roboto'; font-weight:bold; color:#333333;}
.danger                             {color:#ff9b9b;}
.RV-pat-details table label span    {color:Gray; font-weight:200;}*/

.RV-grid-div                        {margin-top: 10px; overflow:auto; -webkit-overflow-scrolling:touch;}
.RV-row-div                         {}
.RV-grid-header                     {background:#fff; color:Gray; border-bottom:1px solid #DAD6D6; border-top:1px solid #fff; cursor:pointer; border-left:2px solid transparent;} 
.RV-grid-header:hover               {background:#f3f3f3;}
.RV-grid-active                     {background: #e2e0e0;}


.RV-row-div-scroll                  {overflow:auto; -webkit-overflow-scrolling:touch;}
.RV-header-text                     { color:#000; font-weight:bold; background:none;}


.RV-col                             {float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 10px;}
.RV-select                          {width:40px;}
.RV-Sname                           {width:23%;}
.RV-RN                              {width:10%;}
.RV-RD                              {width:17%;}   
.RV-Sergroup                        {width:23%;}  
.RV-type                            {width:7%;}
.RV-ico                             {text-align:right; width:75px;}
.RV-ico label i                     {font-size:15px;   margin-right: 15px;}
.RV-cld-DIV                        {margin:20px; border:0px solid #cbcbcb; border-width:1px 1px 0 1px;}
.Adms-doc-dls                      {float:left; width:300px; position:relative; border:1px solid #cbcbcb; padding:5px;}
.Adms-pat-dls                      {clear:right; margin-left:320px; border:1px solid #cbcbcb; padding:5px;}


.RV-date-wise                      {border:1px solid #cbcbcb; border-width:0 1px 1px 1px; overflow:auto;-webkit-overflow-scrolling:touch; height:450px;}
.RV-date-wise-header               {float:left;/* min-width:100% !important;*/ width:350%;}
.RV-date-wise-header ul            {float:left; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb;}
.RV-date-wise-header ul li.RV-date-wise-date {width: 140px; height:50px; background: #f2f2f2; float:left; padding:5px; text-align:center;
                                    background: #f2f2f2;
                                    background: -moz-linear-gradient(top, #ececec 0%, #f8f8f8 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#f8f8f8));
                                    background: -webkit-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: -o-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: -ms-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: linear-gradient(to bottom, #ececec 0%,#f8f8f8 100%);} 
.RV-date-wise-header ul li.RV-date-wise-title{width: 140px; height:50px; background: #f2f2f2; float:left; padding:5px; border-left:1px solid #cbcbcb; text-align:center;
                                    background: #f2f2f2;
                                    background: -moz-linear-gradient(top, #ececec 0%, #f8f8f8 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#f8f8f8));
                                    background: -webkit-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: -o-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: -ms-linear-gradient(top, #ececec 0%,#f8f8f8 100%);
                                    background: linear-gradient(to bottom, #ececec 0%,#f8f8f8 100%); line-height:45px;}
 

.RV-date-wise-content              {float:left; /*min-width:100% !important;*/ width:350%;}
.RV-date-wise-content ul           {float:left;   border-right: 1px solid #cbcbcb;}
.RV-date-wise-content ul li.RV-date-wise-date {width: 140px; height:50px; background: #fff; float:left; padding:5px; text-align:center; border-bottom:1px solid #cbcbcb; text-align:center; line-height:45px;} 
.RV-date-wise-content ul li.RV-date-wise-title{width: 140px; height:50px; background: #fff; float:left; padding:5px; border-left:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; text-align:center; /*line-height:45px;*/}




.Rpt-feald-div                     {}
.Rpt-feald-div ul                  {float:left; width:100%;}
.Rpt-feald-div ul li               {float:left; width:100%;}



.package-content-div               {position:relative;}
.package-header                    {margin-bottom:5px;}
.package-header h1                 {font-size: 1.5em; font-family: Roboto;}
.package-group                     {margin-bottom:20px;}


.package-box-div                   {margin:0 0px 5px 0; /*border-bottom:1px solid #E6E5E5;*/}
.package-box-header                {font-size:14px; margin-bottom:5px; font-family:'Roboto'; font-weight: bold; /*padding: 3px 5px; background:#f2f2f2;*/}
.package-box-header i              {vertical-align:middle; padding-right:5px;}
.package-box-content               {color:Gray; /*padding:5px;*/}
.package-box-content ul li         {width:24.5%; height:30px; margin:0px 0.5% 0px 0px; display:inline-block; text-overflow:ellipsis; overflow:hidden; position:relative; padding-left:15px;}
.package-box-content ul li i       {vertical-align:middle; position:absolute; left:0px; top:0px;}



.package-instructions              {}
.package-instructions h3           {background:#f2f2f2; padding:5px; margin:10px 0;}
.package-instructions ul li        {color:Gray; padding:5px 0;}

 


/******************************************Admission Requisition**************************************/

.AR-popup-div                      { width:500px; position:fixed; left:50%; top:50%; margin-left: -250px; margin-top: -267px; z-index:999999; outline:0; 
                                     background:#fff; height:534px; -moz-box-shadow:0px 2px 29px #A39E9E; -webkit-box-shadow:0px 2px 29px #A39E9E; box-shadow:0px 2px 29px #A39E9E;}

.AR-popup-div i.close              { position:absolute; right:8px; top:10px; font-size:23px; color:#999999; cursor:pointer;}
.AR-popup-div i.close:hover        { color:#04529a;}

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



/*********************************************PA Dashboard***************************************************/

.PD-top-calc                       { border-radius:3px; border:1px solid #b1c3dd; text-align:center; width:250px; float:right; background:#fff; height:28px; overflow:hidden; display:table;}
.PD-top-calc span                  { text-align:center; font-size:13px; color:#6f6f6f; }
.PD-top-calc i                     { font-size:17px; color:#fff; cursor:pointer; padding: 1px 4px; display:table-cell;}
.PD-top-calc i:hover               { color:#c4ddff;}  
.date-textbox                      { text-align:center; font-size:14px; color:#3a3a3a; background:none; border:none; outline:none; cursor:pointer; display:table-cell;}

.PD-left-doc-list                  { float:left; width:100%; padding:15px 10px 0px 0px;}  
.PD-left-docs                      { float:left; width:100%; padding-left:8px; padding-right:20px; position:relative; border-left:2px solid transparent; }
.PD-left-docs input[type="checkbox"]{width:18px; position: absolute; left:0px; top:1px;}
.PD-left-docs label                { font-weight:bold;  font-size:13px; width: 100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; font-family:'Roboto Light'; cursor:pointer;}
.PD-left-docs .PD-doc-dis          { color:#a9a6a6 !important;}
.PD-left-docs i                    { position:absolute; right:0px; top:4px; cursor:pointer;}
.holiday-icon                      { font-weight: bold; font-style: normal; font-size:10px !important; background: #FA6868; padding: 0px 3px 1px 3px; color: #fff !important; border-radius: 3px; cursor:default !important;}

.PD-left-loc                       { float:left; margin:0px !important; width:100%;}
.PD-left-loc li                    { padding-left:29px !important; position:relative; float:left; width:100%;}
.PD-left-loc li input[type="checkbox"]{width:18px; margin-left:23px; position:absolute; left:-3px;}
.PD-left-loc li label              { color:#7E7D7D; width: 100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px;}


.Equipments-title                  { float:left; width:100%;   padding: 5px 5px 5px 25px; position:relative;}
.Equipments-title input[type="checkbox"]{width:18px; position: absolute; left: 0px;}
.Equipments-title label            { font-weight:bold; font-size:14px; width: 100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; font-family:'Roboto Light'}

.Equipments-text                   { float:left; margin:0px !important; width:100%; padding:0px 7px 0px 7px;}
.Equipments-text li                { position:relative; float:left; width:100%;  border-bottom: 1px solid #ffffff; border-top: 1px solid #dcdfe0;}
.Equipments-text label             { color:#7E7D7D; width: 100%; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:3px; padding:5px 0;}

.count-icon  .pa-paid-clr  {background-color: #8DD9FA !important;}
.count-icon  .pa-qno-clr   {background-color: #9CFCB0 !important;}
.count-icon  .pa-chkut-clr {background-color: #EEB3ED !important;}




.PD-main-right-col                 { margin-left:237px !important; background: none !important; padding-top:0px !important; padding-left:0px !important; padding-right:0px !important;}
.PD-right-div                      { float:left; width:100%;}
.PD-empty-aria                     { width:50px; float:left; height:100px; overflow: hidden}

.PD-doc-profile	                   { width:100%; float:left; height:147px; overflow: hidden;}
.PD-doc-profile ul                 { float:left; width:100%;}
.PD-doc-profile-div                { width:318px; float:left; margin-right:10px; background: #F6F6F6; position:relative; padding:10px; border-bottom:1px solid #DEDDDD;}
.PD-pat-slot-div                   { width:318px; margin-right:10px; float:left; padding:3px; background:#fff; min-height:55px; max-height:auto; /*display:-webkit-flex; display:flex;*/}
.PD-doc-pro-dls                    { height:60px; width:100%;}
.margin0                           {margin:0px;}

.PD-view-but                       { position:absolute; top:6px; right:6px;}
.PD-view-but a                     { text-decoration:none; display: block; height:18px;}
.PD-view-but a i                   { font-size:18px; color:#464646;}
.view-icons                        { position:absolute; top:10px;  right:-8px; display:none; padding-top:21px;  z-index:999999;}
.PD-shc-view-menu                  { z-index:999; border-radius:3px;  width:235px; height:105px;}
                                     
.PD-shc-view-menu:after, .PD-shc-view-menu:before{right:5px; top:10px; content:""; height:0px; width:0px; position:absolute; pointer-events:none; } 
.PD-shc-view-menu:after            { margin-top:-7px;} 
.PD-shc-view-menu:before           { margin-top:-9px;}                                           
.PD-shc-view-menu i                {font-size:19px;cursor:pointer; }   
.PD-view-but:hover .view-icons     {display:block;}                                  
                                  

.PD-doc-photo                      { height:50px; width:50px; float:left; overflow:hidden; text-align:center;} 
.PD-doc-photo img                  { width:50px; height:50px;}

.PD-doc-dls                        { float:left; margin-left:7px; width:70%;}
.PD-doc-dls h1                     { font-size:1.2em;  padding:0px; margin:0px 0 3px 0; font-weight:400; width:100%; font-weight:bold;
                                      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.PD-doc-dls ul                     { width:100%;}
.PD-doc-dls ul li                  { color:#807e7e; float:none; width:100%; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}   


.PD-doc-in-outdiv                  { position:relative; float:left; height:35px; width:100%;}
.PD-doc-in-outdiv select           { outline:none; border:1px solid #cbcbcb; width:85px; position:absolute; padding:4px 3px;} 
.PD-doc-in-outdiv a                { text-decoration:none; margin-left:8px; margin-top:8px; font-family:'Roboto condensed'; color:#3E3D3D; font-size:1em; font-weight:bold;}
.PD-doc-in-outdiv a.disable        { color:#B0B0B0; cursor:default;}
.PD-doc-in-outdiv a.disable:hover  { color:#B0B0B0; text-decoration:none;}
.PD-doc-in-outdiv a:hover          { color:#7196CA; text-decoration:underline;}



.PD-booked-slot                    { position:relative; height:47px; background:#F1F4E5; cursor:pointer; margin-bottom:3px; padding:5px;}
.PD-booked-slot-active             { background:#cfe3e9;}  
.PD-booked-slot.active             { background:#D5ECC4 !important;} 

.PD-slot-type                      { position:absolute; left:0px; top:0px; border-left:0px solid #22b14c; padding:0% !important; margin:0px !important; width:2px; height:100%;}
.color_1                           { background:#00a2e8;}
.color_2                           { background:#1aba3c;}
.color_3                           { background:#ff7f27;}
.color_4                           { background:#F78AF6;}    
.color_5                           { background:#055598;}


.PD-pat-slots-maindiv              { width:100%; float:left; overflow:auto;-webkit-overflow-scrolling:touch;} 
.PD-pat-slots-maindiv ul.ulflex    { float:left; display:flex; display:-webkit-flex;} 
ul.ulflex                          { float:left; display:flex; display:-webkit-flex;} 

.PD-new-slot-div                   { height:47px;  background:#F6F6F6; margin-bottom:3px; padding:5px; position:relative;}



.PD-add-but                        { width:100px; height:26px; border:1px solid #cbcbcb; float:right; margin-top:5px; background:#fcfcfc; text-align:center; cursor:pointer;
                                     background: -moz-linear-gradient(top, #fefefe 1%, #fcfcfc 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(100%,#fcfcfc));
                                     background: -webkit-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
                                     background: -o-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
                                     background: -ms-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
                                     background: linear-gradient(to bottom, #fefefe 1%,#fcfcfc 100%);}
     
.PD-add-but label                  { float:left; margin:3px 0 0 7px;  font-size:1.1em; color:#9D9C9C; font-family: 'Roboto';}
.PD-add-but a                      { text-decoration:none; float:right; margin:2px 5px 0 0px; font-weight:bold; color:#97d9fb; outline:none;}
.PD-add-but a i                    { font-size:16px;}
.PD-slot-status                    { cursor: pointer; width:20px; height:20px; text-align:center; border:1px solid transparent;  margin-top: 10px;float : left; margin-left:20px;}
.PD-slot-status:hover              { border-radius:3px;  background:#fff; border:1px solid #cbcbcb;}

.patient-priarity                  { float:left; position:relative; margin-top: 10px; margin-left:5px;}
.patient-priarity i:hover          { box-shadow: 1px 1px 8px 1px #60b3dd inset; -webkit-box-shadow: 1px 1px 8px 1px #60b3dd inset; border: 1px solid #cbcbcb;}
.patient-priarity i                { cursor: pointer; padding:2px 4px; border-radius:3px; border:1px solid transparent;}

.pa-slot-close                     {height:0px; width:0px; position:absolute; border:12px solid #D7D7D7; border-right:12px solid transparent;
                                    border-bottom:12px solid transparent; left:0px; top:0px; cursor:pointer;}
.pa-slot-close i                   { position:absolute; top:-12px; left:-12px; font-size:12px; color:#989898;}

                                     
.priarity-popover-div              {position:absolute; display:none; z-index:999; padding:15px 15px 0 0;}
.priarity-popover                  { padding:5px 10px; width:75px;  background:#fff; border:1px solid #cbcbcb; border-radius:5px; 
                                     -webkit-box-shadow: 0 3px 21px -7px #000; box-shadow: 0 3px 21px -7px #000;}
                                     
.priarity-popover:after, .priarity-popover:before{left:10px; top:5px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.priarity-popover:after            { border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-7px;} 
.priarity-popover:before           { border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-9px;}                                      
.patient-priarity:hover .priarity-popover-div { display:block;}

.PD-pat-dls-div                    { position:relative; height:20px; color:#767676; margin-bottom:2px;}
.PD-pat-dlspadd                    { padding-right:101px;}
.PD-Pname                          { float:left; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0px; padding:0px; cursor:pointer;}
.PD-Pname-style                    { color:#767676; font-size:1.2em; font-family:'Roboto';}
.vip-pat                           { font-weight:bold; color:#7893E5;}
.pkg-pat                           { color: #A055BE;font-weight: bold;}

.PD-pat-time                       { position:absolute; top:0px; right:0px; height:15px;}
.PD-ptime                          { width:auto;}
.PD-ptime label                    { color:#767676; font-size:1.1em; background: #fff; border: 1px solid #cbcbcb; padding: 0 3px;}
.pat-waiting-time                  { border:none !important; background:none !important;}
.pat-over-time                     { color:#c83030 !important;border:none !important; background:none !important;}


.PD-pat-icons-div                  { padding-right:130px;}

.doc-sts-icon                      {padding:1px 2px; float: right; cursor: pointer; border:1px solid transparent;
                                    color:#5a5a5a; font-style: normal;  border-radius:3px;}

.doc-sts-icon:hover                { background:#fff; border:1px solid #cbcbcb;}
.pat-Qno                           { color:#fff; /*border:1px solid #cbcbcb;*/ padding:0 4px 0 4px !important;}
.pat-Qno:hover                     { border:1px solid transparent;}



.PD-icons                           { width:auto;}
/*.PD-icons i                        { float:right; cursor:pointer; margin-left:6px; font-size:12px; color:#5a5a5a; font-style:normal; font-family:'Roboto'}
.PD-icons i:hover                  { color:#7c7c7c;}*/

.page-header-icons                 { margin:0 16px 0 10px; float:right; height:28px;}
.page-header-icons i               { font-size:16px; cursor:pointer; color:#fff; padding:5px 5px 3px 5px; border-radius:4px; height:28px;}
.page-header-icons i:hover         {color:#c4ddff;}

.PD-visitstatus                    { position:absolute; width:900px; height:500px; background:#fff; z-index:9999; border:1px solid #cbcbcb; top:43px; right:2px;}
.PD-visitstatus:after, .PD-visitstatus:before{right:5px; top:-11px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.PD-visitstatus:after              {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-7px;} 
.PD-visitstatus:before             {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-9px;}  

.vd-date-textbox                   {height:18px !important;}
.PD-add-DIV                        {width:47px; background:lightblue; text-align:center; height:47px; margin-left:-23px; padding-top:13px; border-radius:5px; position:absolute; left:50%;}
.PD-add-DIV i                      {font-size:18px; color:#fff;}

.pd-status ul li                   {float:right; width:16px; height:15px; /*border-left:1px solid #cbcbcb;*/ text-align: center; line-height: 12px;}
.pd-status                         { position:absolute; right:0px; width:160px; height:15px; margin-top:2px;}
.pd-status ul li i                 {font-size:11px;}
.slot-q-no                         {background:#03abd4;padding: 1px 2px; color: #fff;border-radius: 3px;}





.format-header                     {padding:8px 10px; background: #dee3eb; border-bottom: 1px solid #cbcbcb;
                                    border-top: 1px solid #C7CED2;
                                    background: -moz-linear-gradient(top,#fff 0,#dee3eb 100%);
                                    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#dee3eb));
                                    background: -webkit-linear-gradient(top,#fff 0,#dee3eb 100%);
                                    background: -o-linear-gradient(top,#fff 0,#dee3eb 100%);
                                    background: -ms-linear-gradient(top,#fff 0,#dee3eb 100%);
                                    background: linear-gradient(top,#fff 0,#dee3eb 100%);}
                                    
.format-header h1                  {color:Gray; font-size:15px;}
.sub-title-content                 {margin-top:10px;}
.sub-title                         {width:300px; height:100%; border:1px solid #cbcbcb; float:left;}
.sub-title-header                  {padding:5px; background:#F2F2F2; border-bottom:1px solid #DDDCDC;}
.sub-title-header h1               {font-size:14px; color:Gray;}
.sub-title-txt                     {/*height:466px;*/ overflow:auto;-webkit-overflow-scrolling:touch;}
.sub-title-txt ul li               {color:Gray; cursor:pointer; border-bottom:1px solid #cbcbcb; border-left:2px solid transparent; position:relative; padding: 10px 25px 10px 10px !important;}  
.sub-title-txt ul li:hover         {background:#eeeeee; border-left:2px solid #0987c1;}  
.sub-title-txt ul .active          {background:#eeeeee; border-left:2px solid #0987c1;} 
.sub-title-editor                  {clear:right; margin-left:310px; /*border:1px solid #cbcbcb;*/}
.sub-service-editor                {margin-left:0px;}


.PD-pat-dls-div:hover .PD-pat-dls-hover-div {display: block;}
.PD-pat-dls-hover-div {display: none;}
.PD-pat-dls-hover-div {padding: 5px 10px;border-radius: 5px;-webkit-box-shadow: 0 3px 21px -7px #000;
                       box-shadow: 0 3px 21px -7px #000;height: 147px;width: 262px;position: absolute;
                       top: 25px;left: 0px;background-color: #fff;z-index: 9; border: 1px solid #cbcbcb;}
.PD-pat-dls-hover-div:before {border-color: rgba(203, 203, 203, 0);border-bottom-color: #cbcbcb;border-width: 10px;margin-top: -9px;}
.PD-pat-dls-hover-div:after {border-color: rgba(255, 255, 255, 0);border-bottom-color: #fff;border-width: 10px;margin-top: -7px;}
.PD-pat-dls-hover-div:after, .PD-pat-dls-hover-div:before {left: 10px;top: 5px;border:solid transparent;content: "";
                                                           height: 0px;width: 0px;position: absolute;pointer-events: none;}
                       
/******************************************manage Appointmens**********************************/

.Mappt-right-div                   { float:left; width:100%; height:100%;}
.Mappt-doc-profile	               { width:100%; height:71px;}

.Mappt-doc-profile-div             { height:71px; background: #F6F6F6; position:relative; padding:10px 32px 10px 10px; border-bottom:1px solid #DEDDDD; }
.Mappt-slots-maindiv               { width: 100%;  overflow: auto; background:#fff; padding:0.5% 0px 0px 0.5%;} 

.Mappt-slot-div ul li.singleslots    {display:inline-block; margin-right:0.5%; margin-bottom:0.2%; width:24.5%; border:1px solid #E0DCDC;}

.Mappt-count-div                     { background:#fff; width:275px; float:left; border:1px solid #cbcbcb;margin-left : 15px;}
.Mappt-count-div ul                  { margin:4px 0 0 0;}
.Mappt-count-div ul li               { display:inline-block; margin: 0 0px 0 10px; text-align:center; line-height:18px; height:20px; width:79px; color:#000; font-weight:bold; border-right:1px solid #cbcbcb;}

.Mappt-count-icon label              {height:18px; width:18px; border-radius:3px; background:#C0C0C0; color:#fff; float:left; font-weight:400;}
.Mappt-count-icon label.su-rupee     {padding:2px 3px 2px 3px;}

.Mappt-doc-in-outdiv div              { position:relative; float:left; width:252px;}
.Mappt-doc-in-outdiv select           { outline:none; border:1px solid #cbcbcb; width:85px;  float: left;  padding:4px 3px 3px 3px; margin-left:10px;} 
.Mappt-doc-in-outdiv a                { text-decoration:none; margin-right:8px; margin-top:4px; font-family:'Roboto condensed'; color:#3E3D3D; font-size:1.2em; font-weight:bold;}
.Mappt-doc-in-outdiv a.disable        { color:#B0B0B0; cursor:default; font-size:1.2em;}
.Mappt-doc-in-outdiv a.disable:hover  { color:#B0B0B0; text-decoration:none;}
.Mappt-doc-in-outdiv a:hover          { color:#7196CA; text-decoration:underline;}

.Mappt-doc-pro-dls                    { height:60px; float:left;}
.Mappt-right-doc-dls                  { float:right; width:550px;}
.Mappt-doc-photo                      { height:50px; width:50px; float:left; overflow:hidden; text-align:center;} 
.Mappt-doc-photo img                  { width:50px; height:50px;}

.Mappt-doc-dls                        { float:left; margin-left:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.Mappt-doc-dls h1                     { font-size:1.2em;  padding:0px; margin:-3px 0 3px 0; font-weight:400; width:100%; font-weight:bold; font-family:'Roboto';
                                      overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
.Mappt-doc-dls ul                     { width:100%;}
.Mappt-doc-dls ul li                  { color:#807e7e; float:none; width:100%; font-size:0.9em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  margin: -2px 0px 0px 0px;}   


.Mappt-view-but                       { position:absolute; top:0px; right:0px; height:71px; width:10px; border-left:1px solid #cbcbcb;}
.Mappt-view-but a                     { text-decoration:none; display: block; position: absolute; top: 28px; left: -14px; z-index:999;}
.Mappt-view-but a i                   { font-size:18px; color:#464646;}
.Mappt-view-but:hover .view-icons     { display:block;} 
.Mappt-but-round                      { height:37px; width:20px; border: 1px solid #cbcbcb; border-width: 1px 0 1px 1px; position: absolute; right: 9px;
                                        top: 19px; border-radius: 30px 0 0 30px; background: #F6F6F6;} 
                                        
                                        
.Mappt-view-icons                     {top:40px; right:2px;}          
 
 
.ma-booked-slot                       { position:relative; height:47px; background:#F1F4E5; cursor:pointer; margin-bottom:0px; padding:5px;}
.ma-booked-slot-active                { background:#cfe3e9;} 
.ma-new-slot-div                      { height:47px;  background:#F6F6F6; margin-bottom:0px; padding:5px;position:relative;}
 
 
                              
                                        

/*******************************************************************Visit Details********************************************************/

.vd-main-left-col                  {width:250px !important;}

.visit-top-calc                    { background:#e5e5e5; padding:5px; /*border-bottom:1px solid #cbcbcb;*/ text-align:center; width:100%; float:left;
                                     background: -moz-linear-gradient(top, #fafafa 0%, #e5e5e5 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#e5e5e5));
                                     background: -webkit-linear-gradient(top, #fafafa 0%,#e5e5e5 100%);
                                     background: -o-linear-gradient(top, #fafafa 0%,#e5e5e5 100%);
                                     background: -ms-linear-gradient(top, #fafafa 0%,#e5e5e5 100%);
                                     background: linear-gradient(to bottom, #fafafa 0%,#e5e5e5 100%);}
                                     

.visit-top-calc i                  { font-size:17px; color:#666666; cursor:pointer;}
.visit-top-calc i:hover            { color:#9d9f9f;} 

.pat-count-div                     { height:30px; background:#fff; width:100%; float:left; border:1px solid #cbcbcb;}
.pat-count-div ul                  { margin:4px 0 0 3.5%;}
.pat-count-div ul li               { display:inline-block; margin: 0 3.8% 0 0; text-align:center; line-height:18px; height:20px; width:29.5%; color:#000; font-weight:bold; border-right:1px solid #cbcbcb;}
.pat-count-div ul li:last-child    { margin-right:0px; border-right:none;}

.count-icon label                  {height:18px; width:18px; border-radius:3px; background:#C0C0C0; color:#fff; float:left; font-weight:400;}
.count-icon label.su-rupee         {padding:2px 3px 2px 3px;}




/*.pat-count-div ul li.payment-count{background:#5ABFE4;}
.pat-count-div ul li.wait-count{background:#7BC276;}
.pat-count-div ul li.pending-count{background:#FF8EA6;}*/


.vd-main-right-col                 {/*margin-left:267px;*/}
.VD-doc-profile-div                {width:248px !important; height:107px !important;}

.doctor_list                       {display:none;  position:absolute; top:60px; left:0px; background:#fff; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; z-index:99999; width:250px; 
                                    -webkit-box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40);   box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40); }
.doc_bglist                        {border-top:1px solid #cbcbcb; width:100%; height:350px; overflow:auto;-webkit-overflow-scrolling:touch;}              
	 
.doc_bglist ul li                  {color:#797979; width:99%; height:50px; background:#f8f8f8; cursor:pointer; border-bottom:1px solid #cbcbcb; border-left:2px solid transparent;}
.doc_bglist ul li                  {text-decoration:none;  color:#797979;  margin:0px; padding:0;}


.doc_bglist ul li .PD-doc-img      {height:35px; width:35px; float:left; text-align:center; margin:5px 10px 0px 5px;}
.doc_bglist ul li  img             {height:35px; width:35px;}
.doc_bglist ul li h1               {float:left; font-size:15px; color:#00417f; font-weight: 400; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:4px;}
.doc_bglist ul li span             {font-size:11px; color:#797979; width:75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}
.doc_bglist ul li:hover            {background:#dddddd; border-left:2px solid #be6d0e; margin:0px;}
.doc_bglist ul li.active1          {background:#cfe9f5; border-left:1px solid #fe9797; margin:0px;}                                    
                                    
                                    	

.Visit-dls-top-menu                { border-bottom:1px solid #c6c6c6; border-top:1px solid #c6c6c6; background:#f2f2f2; position:relative; height:42px; margin-top:5px; padding-left:40px;
                                     background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
                                     background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
                                     background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
                                     background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
                                     background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);}
                                     
                                 
                                  
.Visit-dls-top-menu ul li          {display:inline-block; font-family:'Roboto'; font-size:0.9em; font-style:italic; font-weight:bold;
                                    padding:0px 7px; cursor:pointer; border-bottom:2px solid transparent; border-top:2px solid transparent;}
.Visit-dls-top-menu ul li.active   {font-size:1.1em;}



.vd-menu.vd-menu-down              {padding-top:19px;}
.vd-menu-down li, .vd-menu-top li  {padding:0 19px !important;}
.vd-menu-down .active-bot       {/*font-size:1.2em;*/ border-bottom:2px solid #1D7FC6 !important;}
.vd-menu-top .active-top       {/*font-size:1.2em;*/ border-top:2px solid #1D7FC6 !important;}

.dash-home                         {position:absolute; font-size:18px; left:0px; top:4px; background: #D4D3D3;
                                    padding: 4px 7px; border-radius: 4px; cursor:pointer; border:1px solid #C0BBBB;
                                    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%);}


.visit-dls-content                 {height:100%; position:relative;}
.Dashboard-main-div                {overflow:auto; height:100%; -webkit-overflow-scrolling:touch;}

.most-viwed-div { position:fixed;bottom:22px;width:100%;  padding-right: 328px;}
.most-viwed-div .viewd-hght { height:150px; width:50%; float:left;padding: 0; }

.most-viwed-div .most-singe-hght { height:150px; width:100%;padding: 0; }
.most-viwed-div .most-singe-hght ul li  { width:20%;}

.most-viwed-div h1 {padding: 3px 5px 3px 5px;background: #daecf4;background: -moz-linear-gradient(top, #eef7fc 0%, #daecf4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eef7fc), color-stop(100%,#daecf4));
                    background: -webkit-linear-gradient(top, #eef7fc 0%,#daecf4 100%);background: -o-linear-gradient(top, #eef7fc 0%,#daecf4 100%);background: -ms-linear-gradient(top, #eef7fc 0%,#daecf4 100%);
                    background: linear-gradient(to bottom, #eef7fc 0%,#daecf4 100%);font-size: 14px;color: rgb(66, 158, 175);font-weight: 300;}
.most-viwed-div .viewd-hght ul li  { width:100%;}
.most-viwed-icon   { text-align: center; /*position: absolute; width: 60px; height: 30px; bottom: 0px; left: 50%; margin-left: -30px;
                      color: #6E6C6C; background: #f2f2f2; border: 1px solid #cbcbcb; border-radius: 51px 51px 0 0; cursor: pointer;*/}
.most-viwed-icon i { font-size:24px; color:#cbcbcb; color: #6E6C6C; background: #f2f2f2; border: 1px solid #cbcbcb; 
                     border-radius: 51px 51px 0 0; cursor: pointer; padding:0 15px;}


/*.visit-pat-dls table               { color:#484747; font-family:'Roboto Medium'}  */


.visit-pat-img                     {float:left; width:50px; height:50px; overflow:hidden; text-align:center;}
.visit-pat-img img                 {width:50px; height:50px;}








.visit-mic-icon                    {position: absolute; top: 0px; right:28px; width:150px;}
.visit-mic-icon img                {width:28px; height:28px; cursor:pointer; margin-right:10px;}
.visit-mic-icon i                  {font-size:14px; cursor:pointer; float: right; margin-top:8px; margin-right: 4px;}




.visit-pat-list                    {position:absolute;   right:-1px; top:10px; z-index:99999; padding:20px 0 0 15px; display:none;  }

.visit-pat-list-div                {width:170px; height:auto; border:1px solid #cbcbcb; background:#fff; -webkit-box-shadow:-5px 6px 12px -6px rgba(0, 0, 0, 0.40);  box-shadow: -5px 6px 12px -6px rgba(0, 0, 0, 0.40);}      
                              
.visit-pat-list-div:after, .visit-pat-list-div:before{ right:4px; top:9px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; z-index:99999;}           
.visit-pat-list-div:after                        { border-color: rgba(255, 255, 255, 0); border-bottom-color:#ffffff; border-width:10px; margin-top:-7px;}           
.visit-pat-list-div:before                       { border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-9px;}                                     
                                    
                               
.visit-pat-list-div ul li              {padding:7px 5px; border-bottom:1px solid #cbcbcb; cursor:pointer; color: gray;}
.visit-pat-list-div ul li:hover        {background:#f2f2f2;}

.visit-pat-icons:hover .visit-pat-list{display:block;  /*-webkit-transition: 0.50s; -moz-transition: 0.50s;transition: 0.50s;*/}

.visit-dls-history-divs            {position:relative; overflow:auto; padding-top:5px;-webkit-overflow-scrolling:touch;}  
.visit-tab                         {height:100%; position:relative;}  
.visit-tab-line                    {height:28px;}
.visit-tab-line .visit-tab-date    { font-size:16px; font-family:'Roboto condensed'; font-weight:bold; float:left; margin-top:5px;} 
.visit-tab-line i                  {color:#599d6a; font-size:18px; margin-left:10px;}
.visit-medicen-stock, .visit-medicen-stock:active{margin-left:20px; text-decoration: none; font-size: 15px; color:#289F18; font-family:'Roboto Condensed';}
.visit-medicen-count               { padding:1px 10px; background:#7DBF7D; border-radius:4px; color:#fff; margin-left:6px;}


.visit-failds                      {}
.VD-gird-height                    {/*max-height:220px; overflow:auto;*/}

.medi-arrow {position: relative; margin-right:5px;}
.medi-arrow input {border: none !important;background: none;font-size: 14px !important; width:25px !important; text-align:center;}
.medi-arrow .medi-up {position: absolute;top: 0px;right: -15px;font-size: 14px; cursor:pointer; }
.medi-arrow .medi-down {position: absolute;bottom: -7px;right: -15px;font-size: 14px;cursor:pointer; }

.map-high {color: #dc0c0c;}
.map-low  {color: #039208;}
.map-normal  {color: #333;}

.hospi-icon {color: #fa4867 !important; margin: 0 2px 0 0;font-size: 14px !important; vertical-align: middle;}
.hospi-icon-inactive {color: #cbcbcb !important;font-size: 18px !important;vertical-align: sub;margin-left: 5px}


.heart-rate {background-color:#fff; display:table-cell; vertical-align:middle;}

.heart-rate h1 {    font-size: 13px;text-align: center;color: #000;font-weight: 600;}

.vital-img-tab    {border-collapse:collapse;}
.vital-img-tab th {padding: 2px 5px 2px 5px;font-size: 12px;border: 1px solid #cacaca;color: #000;font-weight: 700;text-align: left;}
.vital-img-tab td {padding: 1px 5px 1px 5px;font-size: 12px;border: 1px solid #cacaca;}



.imzn-div { height:30px;}
.imzn-left-header{ font-size:14px; padding:4px 0px;float:left;  }
.imzn-gird       { margin-bottom:15px;}
.imzn-right-header   { float:right;}
.imzn-right-header i { color: gray; font-size: 18px; cursor: pointer;    margin: 0 10px;}
.imzn-right-header span { color: blue; margin-right: 4px; font-size: 13px;vertical-align: middle;}


.icon-dsn       { padding: 2px 4px 0px 4px; top:3px; right:3px; background: #D4D3D3; border-radius: 3px; position:absolute; color: #555; border: 1px solid #C0BBBB; 
                  display:inline-block; font-size:15px; cursor:pointer;
                  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%);}
.stat-srvc     {color: #F76E6E !important;}
.plan-mgmt-div {padding: 5px; background-color: #fbfafa; border: 1px solid #cbcbcb; border-radius: 4px;}

.outside-medi-clr { color:#c37916;}
.alrgy-clr { color:#d20404 !important;}

.asmnt-hist-wrapper {width: 800px; margin: 10px auto 0 auto; border: 1px solid #cbcbcb;}
.asmnt-hist-edit    {margin: 0px 0 0 5px; cursor: pointer;vertical-align: middle;}



                                   /********Styled by rajesh    ******/
                                   
 table.vital-signss2               {border-collapse:collapse; width:100%; margin-bottom:10px;}
 table.vital-signss2 td            {padding:6px ; border:1px solid #cbcbcb; }
.tr-title                          {background: #F4F4F4;
                                    background: -moz-linear-gradient(top, #DFDFDF 1%, #F4F4F4 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#DFDFDF), color-stop(100%,#F4F4F4));
                                    background: -webkit-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                    background: -o-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                    background: -ms-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                    background: linear-gradient(to bottom, #DFDFDF 1%,#F4F4F4 100%);
                                    }
 .tr-title h2                      {font-size: 15px;  color: #03abd4;    font-weight: 200;}
                                      
.bp-green                          {color:Green; font-size:18px !important;  vertical-align: middle;}
.bp-red                            {color:Red; font-size:18px !important;   vertical-align: middle;}
.bp-black                          {color:black; font-size:18px !important;   vertical-align: middle;}

.vital-icon                         {font-size: 19px; vertical-align: middle;margin-left: 5px;}






.bmi-icon i                        {font-size:18px !important;   vertical-align: middle; cursor:pointer;}
.bmi-uw                            {color:#2608d8;} 
.bmi-nw                            {color:#84ed00;} 
.bmi-no                            {color:#ffe121;}
.bmi-ow                            {color:#cd0600;}

.temp-icon i                       {font-size:18px !important;   vertical-align: middle; cursor:pointer;}
.temp-up                           {color:red;}
.temp-down                         {color:#0ac41b;} 
.med-row                           {color:#F56666 !important;}


 
/*.vital-signss td                   {padding:0 5px;} 
.vital-signss td .BP-textbox       {border:1px solid #d7d7d7; width:100%; position:relative; padding:0 65px 0 30px; height:31px; border-radius:3px;} 
.vital-signss td .BP-textbox input[type="text"] {padding:2px 2px 2px 2px; outline:none; width:100%; border:none; height: 29px;}
.vital-signss td .BP-textbox input[type="button"]:focus{ border:0px solid #ccc;}
.vital-signss td  input[type="checkbox"]{vertical-align:middle; margin:-2px 5px 0 0;}
.vital-signss td .BP-textbox i     {position:absolute; left:4px; top:3px; font-size:21px;}
.vital-signss td .BP-textbox span  {color:#b1b1b1; position:absolute; top:7px; right:4px;}

.vital-signss td .BP-textbox input[type="button"]{ background:#efefef; padding:8px; border:0px solid #ccc; color:#000000; outline:none; position:absolute; right:-3px; border-radius: 0 3px 3px 0; cursor:pointer;
                                                   background: -moz-linear-gradient(top, #ededed 0%, #bdbdbd 100%);
                                                   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#bdbdbd));
                                                   background: -webkit-linear-gradient(top, #ededed 0%,#bdbdbd 100%);
                                                   background: -o-linear-gradient(top, #ededed 0%,#bdbdbd 100%);
                                                   background: -ms-linear-gradient(top, #ededed 0%,#bdbdbd 100%);
                                                   background: linear-gradient(to bottom, #ededed 0%,#bdbdbd 100%);}

.vital-signss td .BP-textbox .kg   {font-size:11px; color:Green; position:absolute; top:0px; right:2px;}
.vital-signss td .BP-textbox .lb   {display:none; position:absolute; right:0px; cursor:pointer;}
.vital-signss td .BP-textbox2      {border:none;} 
.vital-signss td .BP-lable         {margin:8px 0 0 0px; text-align:right; float:left; width:100%;}*/




.visit-date-wise                   { }
.visit-date-wise-icons             {}
.visit-date-wise-icons a i         {font-size:15px; color:gray;}

.ds-legends         { float: right;padding: 5px 11px;}
.ds-legends label   {margin-left: 10px;vertical-align: middle;line-height: 16px;}
.ds-legends label i {vertical-align:middle; margin-right:5px; font-size:12px;}
.ds-legends label i.ds-start   {color:#e49d1c;}
.ds-legends label i.ds-starting{color:#42d206;}
.ds-legends label i.ds-complete{color:#679ff3;}
.ds-legends label i.ds-apprved {color:#cb1ace;}
.ds-start   				{color:#e49d1c !important;}
.ds-starting			{color:#42d206 !important;}
.ds-complete			{color:#679ff3 !important;}
.ds-apprved 				{color:#cb1ace !important;}

.date-wise-title                   {position:relative; margin:45px 0px;}
.date-wise-title hr                {border:1px solid #eaeaea; width:80%;}
.date-wise-title .icon-chart-bar   {font-size:15px; color:Green; cursor:pointer;} 

.item-edit                         {  position: absolute; right:50px; top: -10px; background: #E1EEFF; padding: 2px 10px; border-radius: 5px; 
                                      border: 1px solid #cbcbcb; cursor: pointer;
                                      background:#A2C8E0; 
                                      background: -moz-linear-gradient(top, #D6EDFF 1%, #A2C8E0 100%);
                                      background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D6EDFF), color-stop(100%,#A2C8E0));
                                      background: -webkit-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                      background: -o-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                      background: -ms-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                      background: linear-gradient(to bottom, #D6EDFF 1%,#A2C8E0 100%);
                                      }

.item-email                        {right: 18px; padding: 1px 4px 0px 4px; font-size: 15px; border-radius: 4px; color: #5C5C5C;} 
.medi-rpt-div    { margin: 15px 0 0 0;}
.medi-rpt-div li { display: inline-block;}
                                      


.visit-ck-editor                  {float:left; width:49%; margin-right:1%; margin-bottom:1%;}
.visit-ck-editor label            {font-weight: bold; display: block; margin-bottom:5px;text-decoration: underline;}

.visit-ck-editor-full              {width:99.8%; /*margin-right:1%; margin-bottom:1%;*/}
.visit-ck-editor-full label        {font-weight: bold; display: block; margin-bottom:5px;text-decoration: underline;}

.primary-doc-active { border-left:3px solid #bd8e09;}





.date-wise-title-text              {text-align:center; height:20px; width:180px; line-height:20px; padding:0px 5px; cursor:pointer;  border-radius:10px; position:absolute; left:50%; top:-7px; margin-left:-80px;
                                    background:#A2C8E0; 
                                    background: -moz-linear-gradient(top, #D6EDFF 1%, #A2C8E0 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D6EDFF), color-stop(100%,#A2C8E0));
                                    background: -webkit-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: -o-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: -ms-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: linear-gradient(to bottom, #D6EDFF 1%,#A2C8E0 100%);}
                                    
.date-wise-title-text:hover       { background:#D6EDFF;} 
.date-wise-title-text-active      { text-align:center; height:20px; line-height:20px; width:180px; padding:0px 5px; cursor:pointer; border-radius:10px; position:absolute; left:50%; top:-7px; margin-left:-80px;
                                    background:#54ac54; 
                                    background: -moz-linear-gradient(top, #b5d9b5 1%, #54ac54 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b5d9b5), color-stop(100%,#54ac54));
                                    background: -webkit-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                    background: -o-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                    background: -ms-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                    background: linear-gradient(to bottom, #b5d9b5 1%,#54ac54 100%);}
                         
.date-wise-title-text-active label{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#000;}                         
.date-wise-title    i             {font-size: 19px;color: #333;}  
.date-wise-title   .hist-date     {width:auto;float:none;}                      
                                    
.date-wise-title-text span        { font-size:11px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; float:left; color:#000;}                                    
.date-wise-title-text label       { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}                                     
                                    
.data-modified-date               {text-align:right; color:#C0BFBF; font-size:10px; margin-top:5px; padding:0 5px;}
.data-modified-date2               {padding: 0px 3px 0px 3px; font-size: 10px !important; color:#C0BFBF !important;}



.visit-top-radio-buts             {margin-bottom:5px; /*height:20px;*/}
.visit-top-radio-buts input[type="radio"]{margin:0px 5px 0px 0px;}
/*.visit-top-radio-buts span        {margin-right:10px;}*/

.vd-legends-div{float:left; margin-left:50px;}



.vd-legends                    {padding:3px 5px 3px 5px; border-left: 1px solid #000; border-right: 1px solid #000; border-radius:5px}
.Chief                            {border-bottom: 2px solid #93df65}
.Present                          {border-bottom: 2px solid #aebdff;}
.Past                             {border-bottom: 2px solid #ffbac4;}
.visit-top-radio-buts input[type="text"]{padding:3px; border-radius:3px; vertical-align:top; border:1px solid #cbcbcb; margin-top:-3px;}


.currentvisit                     { border-bottom: 2px solid #aebdff}
.nextvisit                        { border-bottom: 2px solid #ffbac4}



.visit-myfavoritesDIV             { position:absolute; height:auto; width:718px; right:0px; top:26px; border-radius:3px;  
                                    padding:12px 0px 0px 0px;  cursor:auto;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
                                    box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index:99; cursor:default; display:none;}  
           
.myfavorites-arrow                 {position:relative;}           
           
.myfavorites-arrow:after, .myfavorites-arrow:before {right:108px; top:-8px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; z-index:99999;} 
.myfavorites-arrow:before           {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-12px;} 
.myfavorites-arrow:after           {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-10px;}           
     
           
           

     

 
.visit-myfavcontent               { height:275px; background:#fff; border: 1px solid #c2c0c0; overflow:auto;-webkit-overflow-scrolling:touch; padding:7px;}
.visit-myfavcontent ul            { float:left; width:100%;}
.visit-myfavcontent ul li         { width:49%; float:left; margin:3px 1px 3px 5px;}
.visit-myfavcontent ul li input[type="checkbox"] {vertical-align:middle; margin-right:5px; margin-top:1px;}
.visit-myfavcontent ul li label   { margin-top:2px; float:left; width:88%; font-size:11px; overflow:hidden; text-overflow:ellipsis;}
.visit-myfavoritesbuttons         { padding: 0px 10px 10px 10px; border: 1px solid #c2c0c0; border-width:0 1px 1px 1px; background:#F0F0F0;}
.visit-myfavoritesbuttons input[type="button"]{margin-top:10px; cursor:pointer;}
.visit-myfavcontent ul li b       { margin-right:5px; font-size:15px;}


.visit-myprofilesDIV              { position:absolute; height:auto; width:718px;  right:0px; top:26px; border-radius:3px;  
                                    padding:12px 0px 0px 0px; cursor:auto;  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
                                   box-shadow: 0 6px 12px rgba(0, 0, 0, .175); z-index:99; cursor:default; display:none;}  

.PH-myprofilesDIV                 { width:100%;}
                                   
.myprofiles-arrow                 {position:relative; border:1px solid #c2c0c0;}
.myprofiles-arrow:after, .myprofiles-arrow:before {right:34px; top:-8px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; z-index:99999;} 
.myprofiles-arrow:before           {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-12px;} 
.myprofiles-arrow:after           {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-10px;}
.visit-myprocontent-DIV           {width:100%; height:290px; background:#fff; overflow:auto;-webkit-overflow-scrolling:touch; float:left; border-radius:3px; padding:0% 1% 1% 1%;}
.visit-myprocontent-DIV  ul li    {float:left; width:100%;}
.visit-myprocontent-header        {padding:5px 0; margin-top:5px; background:#EBEFEF; border:1px solid #cbcbcb; float:left; width:100%;}
.visit-myprocontent-header label  {margin-left: 10px; width:75%; font-weight:bold;}
.visit-myprocontent-header i      {font-size:17px; color:gray; cursor:pointer;}
.visit-myprocontent               {height:auto; width:100%; border:0px solid #cbcbcb; border-width:0 1px 1px 1px; padding:1%; float: left;}
.visit-myprocontent ul li         {padding:3px 0px; float: left; width: 100%; list-style:disc inside;}
.visit-myprocontent p             {text-align: justify;}








.cheif_dot                        { background:#93df65; padding:1px 3px; border-radius:3px; color:#fff;} 
.Present_dot                      { background:#aebdff; padding:1px 3px; border-radius:3px; color:#fff;} 
.Past_dot                         { background:#ffbac4; padding:1px 3px; border-radius:3px; color:#fff;}  

.alert-ca                         { background:#8FBA75; padding:1px 3px; border-radius:3px; color:#fff;} 
.alert-ps                         { background:#679CE3; padding:1px 3px; border-radius:3px; color:#fff;} 
.alert-bt                         { background:#F65FA7; padding:1px 3px; border-radius:3px; color:#fff;}  
.alert-ph                         { background:#D7933D; padding:1px 3px; border-radius:3px; color:#fff;} 
.alert-pm                         { background:#B89767; padding:1px 3px; border-radius:3px; color:#fff;} 


.active-status                    { background:#ffbac4; padding:1px 3px; border-radius:3px; color:#fff;}
.passive-status                   { background:#aebdff; padding:1px 3px; border-radius:3px; color:#fff;}




.outside-medc                     { background:#C37916; padding:1px 3px; border-radius:3px; color:#fff;}
.inside-medc                      { background:#aebdff; padding:1px 5px; border-radius:3px; color:#fff;/*margin-left: 10px;*/}

.stock-out                        { border: 1px solid #f89494 !important; box-shadow: 1px 1px 8px 1px #ffc2c2 inset !important; color:Red;}


.visit-dls-grid     			  { border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 12px; border-style: none; border-width: 0px;}
.visit-dls-grid th			      { height:25px; vertical-align:middle; background:#e4f4fa; padding: 3px 3px 3px 3px; color:#5C5B5B;}
.visit-dls-grid td                { padding: 3px 3px 0px 3px; color: gray;font-size: 12px; vertical-align:middle;}
.visit-dls-grid td i              { font-size:15px; cursor:pointer; color: #9a5a2f ;}

.visit-Instruction                { position:relative;}
.visit-Instruction i              { font-size:15px; color:Gray; vertical-align:middle;}
/*.visit-Instruction:hover .visit-Instruction-div{display:block;}*/

.visit-Instruction-div            { background:#fff; border:1px solid #d7d7d7; padding:7px; z-index:99999; position:absolute; top:32px; right:0px; width:350px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);  display:block;}
.visit-Instruction-div  table     { margin:0px; padding:0px;}
.visit-Instruction-div  table tr td{ list-style:none; font-size:12px; color:#797979; display:list-item; margin-left:1px; padding:5px 5px 8px 5px; width:auto; border:0px solid #ededed; border-width:0px 0px 0px 0px;}
.visit-Instruction-div  span      { margin:0 0 0 5px; text-align:right;}
  
.inv-table-icons                  { font-size:20px !important;}
.VD-textarea                      {height:80px;}

.visit-saveprofile                { margin-top:10px; position:relative;}
.visit-saveprofile-but            {position:relative; float:right; margin-right:5px;}
.visit-Diagnosis-but            {background: #fff;border: 1px solid #d7d7d7;padding: 7px;z-index: 99999;position: absolute;top: 38px;
                                 right: 0;width: 250px;-webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);}


.visit-saveprofile-div            { background:#fff; border:1px solid #d7d7d7; padding:7px; z-index:99999; position:absolute; top:-115px; right:0px; width:350px;
                                    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);  display:block;}
.ph-saveprofile                   { top:40px; right: 0px; width: 250px;}

.ph-saveprofile:after, .ph-saveprofile:before  {right:6px; top:-10px;  border:11px solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.ph-saveprofile:after             { border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; margin-top:-11px;} 
.ph-saveprofile:before            { border-color: rgba(49, 49, 49, 0); border-bottom-color:#cbcbcb; margin-top:-13px;}   



.visit-saveprofile-div table      {}
.visit-saveprofile-div table tr td{ list-style:none; font-size:12px; color:#797979; display:list-item; margin-left:1px; padding:5px 5px 8px 5px; width:auto; border:0px solid #ededed; border-width:0px 0px 0px 0px;}               
.visit-saveprofile-div table td i {font-size:20px !important; cursor:pointer;}  

.wiki-tag                         {position:relative;}
.wiki-tag:after                   {content: "W"; position: absolute;right: -17px; color: #fff; font-size: 7px;
                                   padding: 1px 3px; background: #939393; border-radius:2px; cursor:pointer;}


.icd-tag:after                   {content: "ICD-10";color: #fff; font-size: 7px;padding: 1px 2px;background: #0ea2b1; border-radius:2px; cursor:pointer;    margin-left: 5px;}
                                   
.grid-wiki-tag                    {color:#fff; font-size:8px; position:absolute; right:35px; top:6px; padding:1px 3px; background: #939393; border-radius:2px; cursor:pointer;}
.grid-med-count                   {color:#fff; font-size:11px; position:absolute; right:7px; top:6px; padding:1px 5px; background: #FC5050; border-radius:2px; cursor:pointer;}
              
.rec-add-icon                     {padding: 4px 4px 1px 4px; background: #D4D3D3; border-radius: 3px; color: #555; border: 1px solid #C0BBBB; margin:0 0 0 5px; 
                                   margin-right:0px !important; display:inline-block; font-size:15px; cursor:pointer;
                                   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%);}              
              
              
              	
/*.visit-saveprofile-but:hover .visit-saveprofile-div{display:block;}*/

.diagnosis-save input[type="button"]{margin-right:8px;}
.diagnosis-save-dls table td i    {font-size:20px !important; cursor:pointer;}
 
.Diagnosis-save-dls               {} 
.Diagnosis-save-dls li            {margin-bottom:10px;}
.Diagnosis-save-dls li span       {font-weight:bold;  color:#353535;} 
.Diagnosis-save-dls li p span     {color:gray; font-size:12px; font-family:'Roboto';} 


.visit-dia-div                 {position:relative; margin-bottom:8px;}
.visit-dia-div:after, .visit-dia-div:before {right:34px; top:-16px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; z-index:99999;} 
.visit-dia-div:before           {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-12px;} 
.visit-dia-div:after           {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-10px;}
 
 
 
.pat-his-div                      { /*margin-top:10px; background:#fafbfa;*/ float:left; margin-right:1%; width:32.65%; height:200px;margin-bottom:1%; }
.pat-his-header                   {border-bottom:1px solid #cbcbcb; height:36px; background: #fafbfa; /* padding:8px 5px;*/
                                    border:1px solid #cbcbcb; border-width:1px 1px 0 1px; position:relative;}
.pat-his-header .ph-textbox       {margin: 4px 3px 3px 3px; width:150px; padding:5px; color: #555; border-radius:3px;  border:1px solid #ccc;} 
 
.pat-his-header i                {font-size:16px; margin:8px 10px 1px 1px; color: #848383; cursor:pointer;}
 
 
                                    
.pat-his-header label             {font-size:14px; font-family:Roboto; margin:8px; float:left; cursor:pointer;} 
.pat-his-div textarea             {height:164px;}



.visit-doctor-list                { display:none;  position:absolute; top:30px; right:0px; background:#fff; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; z-index:99999; width:244px; 
                                    -webkit-box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40);  box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40); }
                                    
.visit-doc-bglist                 { background:#E7E7E7;}      



.visit-doc-history                  {height:320px; overflow:auto;-webkit-overflow-scrolling:touch; padding:5px;}  	 
.visit-doc-history  ul li           { background:#fff; cursor:pointer; border-left:2px solid transparent; padding:3px 3px 3px 10px; overflow:hidden; 
                                      text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px; position:relative;}
.visit-doc-history ul li h1        { font-size:13px; color:#5D5E5F; font-weight:bold; width:100%; font-family:'Roboto';}
.visit-doc-history ul li span      { color:#797979; width:100%; float:left; font-size:11px;}
.visit-doc-history ul li:hover     { background:#f7f7f7; border-left:2px solid #be6d0e;}
.visit-doc-history ul li.active1   { background:#cfe9f5; border-left:1px solid #fe9797;}  
.visit-doc-history  ul li i.dms-view { position:absolute; top:5px; right:5px; font-size:18px;}


.doc-bglist-header                 { padding:5px 10px; border-bottom: 1px solid #cbcbcb;
                                    background: -moz-linear-gradient(top, #ffffff 0%, #DEE3EB  100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEE3EB ));
                                    background: -webkit-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                    background: -o-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                    background: -ms-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                    background: linear-gradient(top, #ffffff 0%,#DEE3EB  100%);}


.doc-bglist-header label           {font-size:12px; font-weight:bold;}
.doc-bglist-header input[type="checkbox"]{vertical-align:middle; margin-right:5px;}







.grid-textbox-div                 {position:relative;}
.grid-textbox-icon                {position:absolute; right:12px; top:3px;}

.srvc-view-icon                    {position: absolute;right: 54px;top: 4px;}
.srvc-descrption                   {position: absolute;left: 6px;top: 34px;background: #F5F5F5;border: 1px solid #cbcbcb;height: 200px;width: 314px;z-index: 99;overflow: auto;}
.srvc-descrption      h1           {padding: 6px;background: #f2f2f2;border-bottom: 1px solid #cbcbcb;font-size: 14px;}

.form-checkboxs                    {float:left; width:100%; margin-top:10px;}                                                                        
.form-checkboxs label{margin-right:20px;}
.form-checkboxs input[type="checkbox"]{vertical-align:middle;}

.rehab-Management                 {float: left; width: 100%; margin-top: 10px; margin-bottom: 10px;}
.rehab-Management h2              {font-size:18px; color:#000; font-weight:bold; margin-bottom:10px; font-family:'Roboto Condensed'}
.rehab-Management ul              {list-style: inherit; list-style-position: inside;}
.rehab-Management ul li label     {}

.vd-doc-up                        {position:absolute; top:8px; right:14px; color:Gray; cursor:pointer;}
.vd-doc-down                      {position:absolute; top:18px; right:14px; color:Gray; cursor:pointer;}
.vd-ass-top-icons .ass-top-icon-right i{color:gray; font-size: 18px; margin-left: 10px; cursor:pointer;}
.ass-top-icon-right               {float:right;}

.sign-off       {padding: 4px 7px 4px 7px;font-size: 13px;color: #3F8010;font-weight: 600;margin: 0 5px; border-radius:8px;line-height: 24px;}
.sign-off    i  {color: #333 !important;margin: 0px 3px 0 0 !important;font-size: 15px !important;vertical-align: sub; }




.VD-print-dls 			           { border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 12px;}
.VD-print-dls th			       { color: #000000; height:35px; padding:7px 15px 7px 5px;  border: 0px solid #88D1E0; border-width:0px 0px 0px 0px; vertical-align:top;}
.VD-print-dls td			       { padding: 5px; color:#333333;}
.VD-save-pro-buts                  { text-decoration:none; color:gray; margin-left:15px;}

.adendum-set                       { margin: 10px 0px;}
.adendum-set fieldset              { border: 1px solid #cbcbcb;}
.adendum-set legend                { font-size: 14px; font-weight: bold;}
.adendum-content                   { padding:0px 18px; margin-bottom: 10px;}
.adendum-content li.adendum-text   { color:#000; list-style-type:disc; padding-bottom:3px;}
.adendum-content li.adendum-date   { color:#807c7c; font-style: italic; font-family: arial; text-align: right;}


.vd-ass-top-icons                   {height:28px;}
.ass-next-prv                       { float:left; height:28px; width:200px; border-radius:3px; border:1px solid #cbcbcb; text-align:center; background:#B9F3FF; margin-left:10px; position:relative;}
.ass-next-prv i                     { position:absolute;  font-size:15px;}

.ass-next-prv span                  { outline:none; line-height:26px;}                                     
.ass-prv                            { cursor:pointer; top:5px; left:3px;}
.ass-next                           { cursor:pointer; top:5px; right:3px;}

.ass-reload-icon                    { float:left; float:left; margin-left:10px; padding: 3px 7px 0px 5px; background: #f2f2f2; border: 1px solid #cbcbcb; border-radius: 3px;}
.ass-reload-icon i                  { font-size:18px; cursor:pointer;}


.no-data-maindiv                    {height:auto; width:100%; padding-top:20px;}
.no-data-padding                    {padding-top:150px !important;}
.no-data-div                        {height:165px; width:750px; margin:0px auto; text-align:left;}

.left-icon-div                      {width:120px; height:100%; text-align:center; border-right:1px solid #cbcbcb; padding:10px; 
                                     display:table; float:left;}
                                     
.left-icon-img                      { height:80px; width:80px;}                                    
.vital-position                     {background-position:top -80px left -320px;} 
.alg-position                       {background-position:top 0px left -80px;} 
.inv-position                       {background-position:top 0px left -400px;}  
.med-position                       {background-position:top -80px left -80px;} 
.ph-position                        {background-position:top -80px left -160px;} 
.compl-position                     {background-position:top 0px left 0px;}
.hc-position                        {background-position:top 0px left -240px;}
.dx-position                        {background-position:top 0px left -160px;}
.rec-position                       {background-position:top -80px left -240px;}
.rv-position                        {background-position:top -80px left -240px;}
 
                                     
/*.left-icon-div i                  {font-size:85px; color:#5088B6; display: table-cell; vertical-align: middle;}*/
.left-icon-div img                  {height:85px; width:85px; display:none;}



.right-icon-div                     {clear:right; margin-left:130px;  padding:10px 15px;} 
.right-icon-div label               {font-family:'Roboto thin'; font-size:40px; font-weight:400; font-style:normal; cursor:pointer;}
.right-icon-div label span          {color:#0390b3; position:relative;}
.right-icon-div label span:after    {content: "W"; position: absolute; top:1px; font-weight: bold; right:-6px; color: #fff;
                                     font-size:9px; padding: 2px 4px; background:#939393; border-radius:3px;}
.right-icon-div p                   {color:#949494; margin:0px; overflow:hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;
                                     -webkit-line-clamp:3; display: -webkit-box;}
.right-icon-div label b             {color:#0390b3; position:relative; font-weight:normal;}
.right-icon-div label b:after       {content: "ICD-10"; position: absolute; top:1px; font-weight: bold; right:-6px; color: #fff;
                                     font-size:9px; padding: 2px 4px; background:#939393; border-radius:3px;}
                                     
.right-icon-div .cancel-office-ol   {margin:5px 0 0 0; padding: 0 0 0 17px; color:#949494;}

.child-servce { display:block; color:#adadad;}


/**************************26-6-15****************************/

.RR_history{ margin:25px 0 0 0; padding:0px;}
.RR_Header_text{ background:#f1f1f1; padding:3px; margin:0px;}
.RR_Header_text h1{ margin:0px; padding:0px; font-weight:normal;}
.RR_history table{ margin:10px 0 10px 0;}
.RR_history table tr td input[type="checkbox"]{ margin: 0 0 0 10px;}

.RR_Assess_summery table{margin:10px 0 10px 0;}
.RR_hist_icon{ font-size:20px; color:#999696; margin:0px 0 0 10px;}
.RR_calender{ font-size:25px; color:#999696;   vertical-align: middle;}
/*.StplGrid label{color: #6b6b6b;}*/
.RR-reports{ margin:0px; padding:0px !important;}
.RR-reports table tr td{ padding:0px !important;}
.RR-chrono{font-size:35px; color:#999696; }

/***********************************************************print***********************************************/
.prin-page-bg                  {background:#fff;}
.visit-patdls-print            { margin:5px 0 0 0;  width:100%;}
.visit-patdls-print .vd-print-title  {font-size:14px; padding:5px 0 5px 5px; background:#E2E2E2; outline:none; color:#373737;text-transform: capitalize;}
.visit-patdls-print .vd-print-title2  {font-size:14px; padding:5px 5px 5px 5px;}

.visit-ass-report   {width:100%; margin-top:10px;}
.visit-ass-report h2{font-size:12px;}

.pat-document{padding-right:30px;}
.pat-document i{position:absolute; right: 6px; top: 2px; font-size: 15px;}
.pat-document .PC-count{position:absolute; right: 6px; top: 21px; padding: 1px 11px; font-family: 'Roboto condensed'; font-size: 11px; background: #6E8CB6; color: #fff; border-radius: 10px;}

.phy-rpt ul    {padding: 5px 5px 5px 5px;}
.phy-rpt ul li {display: inline-block;margin-right: 41px;}

/*****************************************************Maping********************************************************************/

.Maping-tabs                   { margin-bottom:7px;}
.Maping-tabs li                {margin-right:25px; display:inline-block;}
.Maping-tabs li a              {font-family:'Roboto Light'; font-weight:bold; font-size:1.5em; color:#7a7b7f; text-decoration:none;}
.Maping-tabs li a:hover        {color:#006869;}
.Maping-tabs li .active        {}

.Maping-content                { height:100%;} 
.Maping-div                    {width:20%; float:left;  border:1px solid #cbcbcb; margin-right:4%; position:relative; height:100%}  
.Maping-header                 {float:left; width:100%;}   
.Maping-header label           {margin:0px 0 0 10px; font-size:18px; font-family:'Roboto Condensed'; padding:5px 0;}

.Maping-Search                 { padding: 10px; float: left; width: 100%; position:relative; border-bottom:1px solid #cbcbcb;}
.Maping-Search input[type="text"]{padding-right:25px;}
.Maping-Search i               {position:absolute; right:18px; top:18px; font-size:16px; color:Gray;}
.Maping-list                   {height:390px; overflow:auto; -webkit-overflow-scrolling:touch;clear:both;} 
.Maping-list li                {border-bottom:1px solid #cbcbcb; cursor:pointer; float: left; width: 100%; padding:6px 5px; position:relative; border-left:2px solid transparent;}  
.Maping-list li:hover          {background:#e6f0f1;}                               

.Maping-list li:last-child     {border-bottom:none; margin-bottom:25px;} 
.Maping-list li:first-child    {border-bottom:1px solid #cbcbcb;}

.Maping-photo                  {width:30px; height:30px; text-align:center; overflow:hidden; float:left;} 
.Maping-photo img              {width:30px; height:30px;}   
.Maping-dls                    {clear:right; margin:0px 0 0 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.Maping-dls label              {font-family:'Roboto'; font-size:1.1em;     display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.Maping-dls span               {font-family:'Roboto Condensed'; font-size:12px; color:#787878;}

.mapping-arrow                 {position:absolute; top:50%; right:-38px; margin-top:-30px;}
.mapping-arrow i               {font-size:40px; color:#D0CFCF;}
.check-box-pad                 {padding-left:30px !important;}
.mapping-checkbox              {position:absolute; left:5px; top:10px;}
.mapping-checkbox input[type="checkbox"]{width:16px; height:16px;}

 
.mapping-doc-div               {width:52% !important; margin-right:0px !important;} 
.Maping-doc-dls                {width:40%; float:left; margin-left:10px !important;}
.Mapping-doc-timeings          {float:right; width:50%; color:#787878;}
.Mapping-doc-timeings table td input[type="text"]{ width:100%; padding:3px 3px;} 
 
 
 
 
 
/************************************************Schedule Management*************************************************/
 
.SM-doc-dls                    { padding-bottom:7px; border-bottom: 1px solid #cbcbcb; margin-bottom:5px;}  
.SM-doc-div                    { /*float:left; width:450px;*/}
.SM-doc-photo                  {width:30px; height:30px; overflow: hidden; text-align: center; float: left;}
.SM-doc-photo img              {width:30px; height:30px;}  
.SM-doc-name                   {margin:0px 0 0 10px; float:left;}
.SM-doc-name h1                { font-family:'Roboto'; font-size:16px; line-height:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.SM-doc-name label             {font-size:13px; color: #848484; font-family:'Roboto'; line-height:14px; float:left;  margin-top:2px;}
.SM-doc-name span              {font-size:13px; color:#848484; font-family:'Roboto'; line-height:16px; float:left;  margin-left:10px; margin-top:1px;}      
 
.schedule-content              {overflow:auto;-webkit-overflow-scrolling:touch;}
.SM-create-shifts              {/*clear:right; margin-left:500px;*/ margin-bottom:10px;} 
.SM-create-shifts table td input[type="text"]{padding:3px; border-radius:3px; border:1px solid #cbcbcb;}
.SM-create-shifts table td select{padding:3px; border-radius:3px; border:1px solid #cbcbcb;}
.SM-top-content                {margin-bottom:15px;} 
.SM-bottom-content             {}
.SM-day-Schedule-grid          {width:70%; float:left; margin-right:1%;}
.SM-Schedule-grid-weeks        {background: #E5E5E5; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; height:34px; position:relative; }
.SM-Schedule-grid-weeks ul     {margin:8px 0 0 10px}
.SM-Schedule-grid-weeks ul li  {display:inline-block; margin-right:25px; font-family:'Roboto'; font-size:13px;}
.SM-Schedule-grid-weeks ul li input[type="checkbox"]{vertical-align:middle; height:13px; width:13px; margin-right:5px; margin-top:-3px;}
.sc-shiftgrid-het              {height:180px; overflow:auto;-webkit-overflow-scrolling:touch;}
.SC-shift-buts                 {width:70%;   margin-bottom: 15px;}
.sc-shiftbooked-grid           {height:300px; overflow:auto; -webkit-overflow-scrolling:touch;width:70%; float:left}

.SM-create-sch-popup           {background:#fff; border:1px solid #d7d7d7; padding:7px; z-index:99999; position:absolute; top:-120px; right:110px; width:350px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35); box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);}
.SM-create-sch-popup table     {margin:0px; padding:0px;}
.SM-create-sch-popup table tr td {list-style:none; font-size:12px; color:#797979; display:list-item; margin-left:1px; padding:5px 5px 8px 5px; width:auto; border:0px solid #ededed; border-width:0px 0px 0px 0px;}  
.SM-create-sch-popup table tr td i{color:Gray; font-size:21px;}                	
.SM-create-sch-popup:after, .SM-create-sch-popup:before  {right:40px; bottom:-10px;  border:1px solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.SM-create-sch-popup:after     {border-color: rgba(255, 255, 255, 0); border-top-color:#fff; border-width:11px; margin-bottom:-11px;} 
.SM-create-sch-popup:before    {border-color: rgba(49, 49, 49, 0); border-top-color:#cbcbcb; border-width:11px; margin-bottom:-13px;}   
.template-but                  {position:absolute; top:4px; right:5px; padding:3px 10px; display:none;} 
 
.SM-template                   {border:1px solid #c2c0c0; display:block; z-index:9999; background:#fff; height:300px; clear:right; margin-left:71%;} 
.SM-template-header            {width:100%; border-bottom:1px solid #ccc; text-align:center; padding:6px 0; background: #f5f5f5;}
	           
.SM-template-header h2         {font-size:15px; font-family:'Roboto Condensed';}

.SM-template-cont-div          {max-height:258px; overflow: auto;-webkit-overflow-scrolling:touch; padding:5px;}
.SM-template-cont              {padding:3px; text-align:left; position:relative;}
ul li.SM-template-cont         {border-bottom:1px solid #cbcbcb;}
ul li.SM-template-cont a       {color:#5E88C4; font-weight: bold; font-family:'Roboto Condensed'; text-decoration:None; font-size:14px; float:left; width:100%; margin-bottom:5px;}
ul li.SM-template-cont label   {float:left; width:100%; color: #6C6767; font-family: 'Roboto';}
.temp-delete                   {position:absolute; right:7px; top:3px; color:#5E88C4; font-size:16px; cursor:pointer;}


.shift3                        {min-width:870px; width:100%;}
.shift4                        {min-width:1005px; width:100%;}
.shift5                        {width:1170px;}
.shift6                        {width:1335px;}
.shift7                        {width:1500px;}
.shift8                        {width:1665px;}

.SM-Schedule-slots-div         {border: 1px solid #d3d3d3;height: 214px;padding: 0.5%;margin-bottom: 15px;overflow: auto;}
.SM-slot-div {margin-right: 140px;}
.SM-slot-mrgn-none {margin-right:0px !important;}

.SM-slot-div ul li.SM-slots { float:left; margin:0 0.5% 0.5% 0;width: 19.5%;border: 1px solid #E0DCDC;}
.SM-dates-div               { float: right;width: 130px;border: 1px solid #cbcbcb;border-radius: 3px; position:relative;}
.chkbox-pos                 {position: absolute;right: 16px;top: 5px;}

.SM-dates-div h1           {font-size: 15px;color: #03abd4;border-bottom: 1px solid #cbcbcb;text-align: center;padding-bottom: 3px;}
.SM-dates                  {padding:0 10px;}
.SM-dates td               {font-size:13px; cursor:pointer;}


.SM-new-slot-div {height: 35px;background: #F6F6F6;margin-bottom: 0px;padding: 5px;position: relative;}
.SM-add-but {width: 50px;height: 26px;border: 1px solid #cbcbcb;float: right;background: #fcfcfc;text-align: center;cursor: pointer;
background: -moz-linear-gradient(top, #fefefe 1%, #fcfcfc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(100%,#fcfcfc));
background: -webkit-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
background: -o-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
background: -ms-linear-gradient(top, #fefefe 1%,#fcfcfc 100%);
background: linear-gradient(to bottom, #fefefe 1%,#fcfcfc 100%);
}
.SM-add-but label {float: left;margin: 3px 0 0 7px;font-size: 1.1em;color: #9D9C9C;font-family: 'Roboto';}
.SM-slot-status   {cursor: pointer;width: 20px;height: 20px;text-align: center;border: 1px solid transparent;margin-top: 5px;float: left;margin-left: 20px;}
.SM-slot-status:hover {border-radius: 3px;background: #fff;border: 1px solid #cbcbcb;}
.SM-slot-status   {color: #03abd4;}
.SM-patient-priarity {margin-top: 5px !important;}
.SM-chkbox {}
.SM-chkbox input[type="checkbox"]{ outline:none;margin: 5px 5px 5px 10px;}
.multi-slt-v2 {background-color: #f3f3f3;padding: 5px;border-radius: 3px;border: 1px solid #e4e4e4;}


/********************************************Spa-wise-appt*********************************/


.Spa-wiseappt-doc-profile-div {width:220px !important;}
.Spa-wise-appt                {}
.Spa-wise-appt ul li          {padding:8px 5px !important; border-bottom:1px solid #cbcbcb;}
.Spa-wise-appt ul li label    {float:left; width:100%; margin-bottom:3px; color:Gray;}
.Spa-wise-appt ul li i        {font-size:15px; cursor:pointer; margin-right:5px;} 

 /*.doc-speca                     {}
 .doc-speca li                  {padding: 3px 11px;border-bottom: 2px solid transparent;margin-right: 5px;}
 .doc-speca li:hover            {}*/
 
.resources                      { color:#5A6886; background:#f9f9f9; border-bottom:1px solid #cbcbcb;}  
.resources ul                   { display:flex; display: -webkit-flex;}                               
.resources ul li                { padding:5px 0px; text-align:center; font-size: 13px;cursor:pointer; flex:1; -webkit-flex:1; 
                                  /*-webkit-transition: 0.50s; -moz-transition: 0.50s;transition: 0.50s; font-weight:bold;*/ border-bottom:2px solid transparent;} 
                                                                   
.resources ul li i              { font-size: 18px;vertical-align: middle;margin-right: 2px;}                                  
.resources ul li:hover          { color:#000;}                                  
.resources ul li.active         { background: #fff; border-bottom: 2px solid #03abd4;}
                                  
.User-Pref                      { position:absolute; font-size:18px; color:#464646; right:8px; top:7px; cursor:pointer;}

.PD-filter-div                  {color:#5A6886; background: #DEE3EB; border:1px solid #e0e0e0; position:absolute; bottom:0px; width:100%; height:31px; 
                                 background: -moz-linear-gradient(top, #ffffff 0%, #DEE3EB  100%);
                                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEE3EB ));
                                 background: -webkit-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                 background: -o-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                 background: -ms-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                                 background: linear-gradient(top, #ffffff 0%,#DEE3EB  100%);}  
.PD-filter-div .PD-filter-icons {float:left; cursor:pointer; width:30.8px; height:29px; -webkit-transition: 0.50s; -moz-transition: 0.50s;transition: 0.50s; /*padding:4px 7.6px; */
                                 border-right: 1px solid #e0e0e0; border-bottom:2px solid transparent; position:relative;} 
                                 
.PD-filter-div .PD-filter-icons:last-child{border-right:0px;}                                  
.PD-filter-div .PD-filter-icons i{font-size:16px; margin:5px 0 0 7px; float:left;}                                 
.PD-filter-icons .su-check-mark-circle-two{color:#055598;}
.PD-filter-icons .su-hourglass-1{color:#1aba3c;}
.PD-filter-icons .su-logout{color:#F78AF6;}
.PD-filter-icons .su-eye-3{color:#000;}
.PD-filter-icons .su-Q{color:#00a2e8; font-weight:bold;}

.PD-filter-div .PD-filter-icons.active{ }
                                     
.VD-filter-div .PD-filter-icons { width: 35.1px;}


.PD-filter-popover               {position:absolute;  background:#fff; width:200px; right:-90px;  bottom:30px; border:1px solid #cbcbcb; display:none; padding:5px;
                                 -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.18); z-index:999999;}
.PD-filter-popover:after, .PD-filter-popover:before{right:95px; bottom:-20px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.PD-filter-popover:after         {border-color: rgba(255, 225, 255, 0); border-top-color:#fff; border-width:10px; margin-bottom:2px;} 
.PD-filter-popover:before        {border-color: rgba(203, 203, 203, 0); border-top-color:#cbcbcb; border-width:10px;}         
.PD-filter-popover ul            {display:block !important; margin:0px!important; padding:0px !important;}                          
.PD-filter-popover ul li         {color:#858585; border:0px solid #cbcbcb; border-width:0 0 1px 0; padding:5px 0 5px 5px !important; width:100%; line-height:inherit !important;}
.PD-filter-popover ul li:hover   {background:#ededed; color:#000000;}  
.PD-filter-popover ul li a       {text-decoration:none; color:#858585; }
.PD-filter-popover ul li a i     {font-size:16px !important; vertical-align: middle; margin-right:10px;}

.PD-filter-click:hover .PD-filter-popover{display:block; -webkit-animation: fadeIn .3s linear 1, move-down .3s linear 1;-moz-animation: fadeIn .3s linear 1, move-down .3s linear 1;-ms-animation: fadeIn .3s linear 1, move-down .3s linear 1;}

.CP-failds                      { width:350px;}
.textboxerrormsg                { border:1px solid #f89494; position:absolute; height:40px; width:175px; right:-185px; top:0px; text-align:center; line-height:40px; font-family:'Roboto medium';}
.textboxerrormsg label          { color:Red !important;}
.textboxerrormsg:after, .textboxerrormsg:before{top:15px; right:100%; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none;} 
.textboxerrormsg:after          { border-color: rgba(252, 252, 250, 0); border-right-color:#fcfcfa; border-width:6px; margin-top:-1px;} 
.textboxerrormsg:before         { border-color: rgba(0, 180, 169, 0); border-right-color:#00b4a9; border-width:7px; margin-top:-2px;}
 
 
.FP-Failds-div                  {width: 350px;} 
.FP-radio-buts ul li            {padding-bottom:4px;}
.FP-radio-buts ul li .FP-radio-label{font-size:13px; font-family:'Roboto'; 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-family:'Roboto Light'; font-weight:bold;} 
  
/****************************************************Asesment-Print Page*******************************************/

.printpage                       {padding:15px;}
.print-header                    {width:100%; border-bottom:1px solid #cbcbcb; padding-bottom:10px;}  
.print-header-logo               {float:left; width:150px; }
.print-header-logo img           {height:45px;}
.print-header-details            {text-align:center; margin-left:175px; clear:right;}
.print-header-details h3         {width:100%; font-size:18px; line-height:25px; outline:none;}
.print-header-details p          {margin: 0;font-size: 13px;color: #333;}

.print-patientdetails            {float:left; margin:25px 0 0 0;  width:100%; border-bottom:1px solid #cbcbcb; padding-bottom:15px;}
.print-patientdetails h1         {font-size:15px; padding:5px 0 5px 2px; background:#e3e3e3;}
.print-patientdetails table td, .ClinicalNotes table td   {padding:5px 0 0 2px;}
.print-patientdetails table label, .ClinicalNotes table label{font-weight: bold;}
.ClinicalNotes                   {float:left;  width:100%; padding:15px 0 0px 0;}
 

.ass-prnt-btn {text-align: center; border-top: 1px solid #cbcbcb; padding: 10px 0; background: #E2E2E2;}
.ass-prnt-btn a {background: #03abd4; color: #fff; font-size: 15px;padding: 5px; border-radius: 3px;}
.ass-prnt-btn a:hover { cursor:pointer;}
.ass-prnt-btn a:active { background: #03abd4; color: #fff; font-size: 15px;padding: 5px; border-radius: 3px;}
.ass-prnt-btn i {margin-right: 5px; vertical-align:middle;}





.no-records{text-align:center; margin-top:120px;} 
.no-records label{padding:7px 0; color:#F46767; font-size:15px; font-family:'Roboto Light'; font-weight:bold; float:none;} 

/*.grid-no-records{text-align:center; position: fixed; left: 50%; margin-left: -58px; top: 50%;} 
.grid-no-records label{padding:7px 0; color:Red; font-size:18px; font-family:'Roboto Light';} */
 
 
.privacy-policy p{line-height:20px; color:#6A6969;} 
.poicy-text ul li{padding:5px 0; list-style-type:disc; list-style-position:inside;} 
 
.report-search{height:130px;} 
 
 
.prevbtn,.nextbtn{position:absolute; top:50%; margin:0px; padding:0px;}
.prevbtn{left:0px;}
.nextbtn{right:0px;}
.prevbtn i,.nextbtn i{color:#A4B2DC; z-index:99999; font-size:30px; cursor:pointer; /*filter:alpha(opacity=80); opacity:0.5;*/ margin:0px; padding:0px;}
.prevbtn i:hover,.nextbtn i:hover{color:#3C5396;} 
 
 

            
              
.static-gridcontent{padding:0px 10px 10px 10px;overflow: hidden;width: 100%;} 
.my-static-grid{position: relative; border: 1px solid #d3d3d3;  background:#ffffff; height:100%;} 
.Res-avl-grid {width:100%; overflow:auto;-webkit-overflow-scrolling:touch;}
.Res-avl-but{ border-top:1px solid #d3d3d3; padding:9px 6px; height:42px;
              background: #ededed; 
              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%);
              } 
 
.Res-avl-but input[type="button"]    {margin-right:10px; cursor:pointer;}                                  
.Res-avl-but label                   {margin:3px 10px 0 0; color:#807E7E;}                                  
.Res-avl-but span                    {margin:10px 10px 0 10px;}  
.Res-avl-but select                  {padding:2px 6px; width:75px; margin:0px 10px 0px 0px; border:1px solid #CACACA; outline:none;}
 
 
.page-header-auto .angucomplete-dropdown { width:300px;}     
 
 
.faci-spac-map-div{height:100%;} 
.faci-spac-map { float: left; width:21%; border: 1px solid #cbcbcb; margin-right:2%; height:100%;}
.faci-spac-map-header {height: 30px; border-bottom: 1px solid #cbcbcb; 
                       background: #cbcbcb; 
                       background: -moz-linear-gradient(top, #ffffff 0%, #DEE3EB  100%);
                       background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEE3EB ));
                       background: -webkit-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                       background: -o-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                       background: -ms-linear-gradient(top, #ffffff 0%,#DEE3EB  100%);
                       background: linear-gradient(top, #ffffff 0%,#DEE3EB  100%);}
                        
.faci-spac-map-header label { margin: 8px 0 0 10px; float: left; font-weight: bold; }
.faci-spac-map-header i     { font-size:15px; margin: 8px 10px 0 0px; color:#777272;}

.faci-spac-dls {overflow: auto; padding: 5px;}
.faci-spac-dls ul li{padding:5px 0px;}
.faci-spac-dls ul li input[type="checkbox"]{vertical-align:middle; margin-right:5px;}
.faci-spac-dls ul li i{font-size:15px; color:#777272;}



.faci-map-spaciality { float: left;  width: 325px; height:100%; border: 1px solid #cbcbcb; padding: 10px; }
.faci-map-spcl-spzn { height: 100%; overflow: auto; }
.faci-map-spcl-spzn ul li.map-spzn { font-weight: bold; font-family: 'Roboto'; font-size: 13px; }
.faci-map-spcl-spzn ul li.map-spzn i{ font-size: 18px; vertical-align: middle; margin-right: 5px; color: Gray; }
.faci-map-spcl-spzn ul li.map-spzn ul li { margin-left: 23px; color: Gray; font-weight: 200; padding: 3px 0;} 
 
 
 
.spec-class-div{ }
.spec-class-div ul li{float:left; width:32%; margin-right:1%; margin-bottom:10px;} 
.spec-class-div ul li label{color:Gray; font-size:14px; padding-bottom:3px; float:left; width:230px;} 
.spec-class-div ul li input[type="text"]{width:50%;} 




 
/****************************************************Admin Dashboard*******************************************/



.RMD-title-header                {padding:10px; height:22px; display:none;} 


/*.RMD-title-icons                 {width:100px; height:30px; float:right;}
.RMD-title-icons i               {float:right; font-size:18px; margin:8px 0px 0 0px; color:#afafaf; position:relative;}
.RMD-title-icons .no-of-mail     {position:absolute; height:12px; width:12px; background:#41d000; top:-13px; right:3px; border-radius:50%; text-align:center; color:#fff;}
                             
.no-of-mail i                    {height:0px; width:0px; border-top:4px solid #41d000; border-left:4px solid transparent; 
                                  border-right:4px solid transparent; position:absolute; bottom:-2px; right:2px;}                            
.no-of-mail span                 {font-size:9px;}     */                       

 


.RMD-left-menu                   {float:left; width:60px; margin:30px 0 30px 0; border-left:1px solid #087590; border-bottom:1px solid #087590;}
.RMD-left-menu li                {padding:15px 9px 9px 9px; text-align:center; height: 60px; width: 60px; border-top:1px solid #087590; border-bottom:1px solid #6dc1d6; font-size:30px; color:#fff; position:relative; cursor:pointer;}
.RMD-left-menu li .RMD-arrow     {height:0px; width:0px; border:10px solid transparent; border-right:10px solid #fff; position:absolute; right:-2px; top:23px;} 
.RMD-left-menu li i              {font-size:30px;}
.RMD-left-menu li:hover          {color:#fff;}






.RMD-right-content               {padding:15px; border-radius:8px; margin-bottom:10px; height:100%; clear:right; margin-left:60px;}

.RMD-content-tabs                { height:32px; position:relative;}
.RMD-content-tabs li             {height:30px; min-width:88px; max-width:auto; font-size:13px; font-family:'Roboto'; margin-right:5px; border:0px solid #cbcbcb; padding:0px 5px 0px 5px; float:left; border-width:1px 1px 0 1px; border-radius:5px 5px 0 0; text-align:center; line-height:30px;
                                  background: #f2f1f2;
                                  background: -moz-linear-gradient(top, #f2f1f2 0%, #fefdfd 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f1f2), color-stop(100%,#fefdfd)); 
                                  background: -webkit-linear-gradient(top, #f2f1f2 0%,#fefdfd 100%);
                                  background: -o-linear-gradient(top, #f2f1f2 0%,#fefdfd 100%);
                                  background: -ms-linear-gradient(top, #f2f1f2 0%,#fefdfd 100%);
                                  background: linear-gradient(to bottom, #f2f1f2 0%,#fefdfd 100%);
                                  }
               						      
.RMD-content-tabs li:hover       {background: #e5fbff; border:0px solid #b6f1ff; border-width:1px 1px 0 1px; color:#009bc0;
                                  background: -moz-linear-gradient(top, #e5fbff 0%, #fefdfd 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5fbff), color-stop(100%,#fefdfd)); 
                                  background: -webkit-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: -o-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: -ms-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: linear-gradient(to bottom, #e5fbff 0%,#fefdfd 100%);
                                  } 
                                  
.RMD-content-tabs .active       {  border-width:1px 1px 0 1px; color:#fff;
                                  /*background: -moz-linear-gradient(top, #e5fbff 0%, #fefdfd 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5fbff), color-stop(100%,#fefdfd)); 
                                  background: -webkit-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: -o-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: -ms-linear-gradient(top, #e5fbff 0%,#fefdfd 100%);
                                  background: linear-gradient(to bottom, #e5fbff 0%,#fefdfd 100%);*/
                                  }                                   
                                  
.RMD-content-tabs .active:hover{ border-width:1px 1px 0 1px; color:#fff;}                                               						      
               						      
.RMD-content-tabs li label       {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; cursor:pointer;} 



.Role-search                     {margin:3px 0 3px 0;}
.RMD-content                     {height:100%;}
.master-grid-content{}







.headerfreez                     {overflow:auto; border:1px solid #cbcbcb; height:370px; -webkit-overflow-scrolling:touch;}

/*.SuvarnaGrid 					 {border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 11px; border-style: none; border-width: 0px;}
.SuvarnaGrid th					 {height:25px; padding:5px 3px; border: 0px solid #d3d3d3; text-align:left; 
               					  border-width:1px 1px 0px 1px; vertical-align:top;background: #eeeeee;
               					  background: -moz-linear-gradient(top, #fcfdfc 0%, #eeeeee 100%); 
               					  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfdfc), color-stop(100%,#eeeeee)); 
               					  background: -webkit-linear-gradient(top, #fcfdfc 0%,#eeeeee 100%);
               					  background: -o-linear-gradient(top, #fcfdfc 0%,#eeeeee 100%);
               					  background: -ms-linear-gradient(top, #fcfdfc 0%,#eeeeee 100%);
               					  background: linear-gradient(to bottom, #fcfdfc 0%,#eeeeee 100%);
               					  }

.SuvarnaGrid th a				 { text-decoration: none; color: gray;font-size: 12px; padding: 0px 0px 0px 0px; vertical-align:top; }
.SuvarnaGrid th a:link, a:active { text-decoration: none; color: gray;font-size: 12px; }
.SuvarnaGrid th a:hover			 { text-decoration: none; color: #0089ab;}
.SuvarnaGrid th .ass             { position:relative; cursor:default;}
.SuvarnaGrid th .diss            { position:absolute; left:0px; top:2px;}
.activediss                      {color:#7fd9ee;}

.SuvarnaGrid td                  { border:1px solid #d3d3d3; border-width:1px 1px 1px 1px; padding: 5px 3px 5px 3px; color: gray;font-size: 12px; vertical-align:top;}
.SuvarnaGrid td i                { font-size:15px; cursor:pointer; color:gray !important;}
.SuvarnaGrid td a				 { text-decoration: none; color: #0089ab;font-size: 12px; padding: 0px 0px 0px 0px; vertical-align:top; }
.SuvarnaGrid td a:link, a:active { text-decoration: none; color: #0089ab;font-size: 12px;  }
.SuvarnaGrid td a:hover			 { text-decoration: none; color: #ff9900;  } */
										  
										  
.tagdiv                          {float:left; width:100%;}
.tagdiv ul li                    {float:left; margin:0px 5px 5px 0px; border-radius:2px; border:1px solid #cbcbcb; cursor:pointer; position:relative;
                                  background: #ecedec;
                                  background: -moz-linear-gradient(top, #f2f2f2 0%, #ecedec 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#ecedec)); 
                                  background: -webkit-linear-gradient(top, #f2f2f2 0%,#ecedec 100%);
                                  background: -o-linear-gradient(top, #f2f2f2 0%,#ecedec 100%);
                                  background: -ms-linear-gradient(top, #f2f2f2 0%,#ecedec 100%);
                                  background: linear-gradient(to bottom, #f2f2f2 0%,#ecedec 100%);
                                  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ecedec',GradientType=0 );}
               
.tagdiv ul li:hover              {background:#c6f5ff; border:1px solid #a3dfea;}
.tagdiv ul li:hover .tagphoto    {display:block;}
.tagdiv ul li i                  {color:#aba8a8;}
.tagdiv ul li a                  {text-decoration:none; float:right; padding:2px 0px 2px 0px; border-radius:0px 4px 4px 0px; 
                                  background: #dbdcdb;
                                  background: -moz-linear-gradient(top, #eeeeee 0%, #dbdcdb 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dbdcdb)); 
                                  background: -webkit-linear-gradient(top, #eeeeee 0%,#dbdcdb 100%);
                                  background: -o-linear-gradient(top, #eeeeee 0%,#dbdcdb 100%);
                                  background: -ms-linear-gradient(top, #eeeeee 0%,#dbdcdb 100%);
                                  background: linear-gradient(to bottom, #eeeeee 0%,#dbdcdb 100%);
                                 } 
                                 
.tagname                         {float:left; max-width:200px; padding:2px;}
.tagname label                   {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#09afd7; cursor:pointer; font-size:11px;}
.more                            {text-decoration:none;color:#aba8a8; margin-top:5px; float:left; }



/*.img-map-tagphoto                {top:23px !important;}
.img-map-tagphoto i              { border-bottm:12px solid #abf1ff !important; border-left:12px solid transparent; 
                                   border-right:12px solid transparent; position:absolute;bottom:-12px; left:17px;}*/
                                   
                                   
.img-map-tagphoto                {text-align:center; border-radius:50%;  width:60px; height:60px; padding:5px; 
                                  position:absolute; border:1px solid #abf1ff; z-index:9999; top:29px; left:50%; margin-left:-25px; display:none;
                                  background: #abf1ff;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .175); box-shadow: 0 3px 4px rgba(0, 0, 0, .175);
                                  background: -moz-linear-gradient(top, #ffffff 0%, #abf1ff 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abf1ff)); 
                                  background: -webkit-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: -o-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: -ms-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: linear-gradient(to bottom, #ffffff 0%,#abf1ff 100%);
                                  }   
                                   
.img-map-tagphoto i              { height:0px; width:0px; border-bottom:12px solid #abf1ff; border-left:12px solid transparent; 
                                   border-right:12px solid transparent; position:absolute;bottom:57px; left:17px;}            
.img-map-tagphoto img            {width:50px; height:50px; border-radius:50%; overflow:hidden;}	                                  
.tagdiv ul li:hover .img-map-tagphoto {display:block;}                                  
                                  
                                                                 
                                   

.tagphoto                        {text-align:center; border-radius:50%;  width:60px; height:60px; padding:5px; 
                                  position:absolute; border:1px solid #abf1ff; z-index:9999; top:-73px; left:50%; margin-left:-25px; display:none;
                                  background: #abf1ff;-webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .175); box-shadow: 0 3px 4px rgba(0, 0, 0, .175);
                                  background: -moz-linear-gradient(top, #ffffff 0%, #abf1ff 100%); 
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#abf1ff)); 
                                  background: -webkit-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: -o-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: -ms-linear-gradient(top, #ffffff 0%,#abf1ff 100%);
                                  background: linear-gradient(to bottom, #ffffff 0%,#abf1ff 100%);
                                  }
          
.tagphoto i                      { height:0px; width:0px; border-top:12px solid #abf1ff; border-left:12px solid transparent; 
                                   border-right:12px solid transparent; position:absolute;bottom:-12px; left:17px;}            
.tagphoto img                    {width:50px; height:50px; border-radius:50%; overflow:hidden;}		



.tagdiv2                         {width:50% !important; margin-top:30px;}
.tagname2                        {float:left; max-width:350px; padding:2px;}
.tagname2 label                  {max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#09afd7; cursor:pointer; font-size:11px;}
.tagname2 span                   {max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; color:#09afd7; cursor:pointer; font-size:11px;}











.AD-search-dls                   {overflow:auto; -webkit-overflow-scrolling:touch;}
.PAdoctoreditDIV                 {}
.nameline                        {position:relative; margin:20px 0 20px 0px;}
.nameline hr                     {border:1px solid #eaeaea; width:100%;}


.PAsave a                        {padding:8px 7px 9px 7px !important;}

.nameline2                       {height:20px; text-align:center; line-height:20px; width:180px; padding:0 5px; cursor:pointer; color: #000; border-radius:10px; position:absolute; left:81px; top:-7px; margin-left:-80px;
                                    background:#A2C8E0; 
                                    background: -moz-linear-gradient(top, #D6EDFF 1%, #A2C8E0 100%);
                                    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#D6EDFF), color-stop(100%,#A2C8E0));
                                    background: -webkit-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: -o-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: -ms-linear-gradient(top, #D6EDFF 1%,#A2C8E0 100%);
                                    background: linear-gradient(to bottom, #D6EDFF 1%,#A2C8E0 100%);
                                 }
.nameline2:hover                 {background:#D6EDFF;}    

.nameline .icon-chart-bar        {font-size:15px; color:Green; cursor:pointer;} 

.nameline2-active                {cursor:pointer; color: #000;
                                  background:#54ac54; 
                                  background: -moz-linear-gradient(top, #b5d9b5 1%, #54ac54 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b5d9b5), color-stop(100%,#54ac54));
                                  background: -webkit-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                  background: -o-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                  background: -ms-linear-gradient(top, #b5d9b5 1%,#54ac54 100%);
                                  background: linear-gradient(to bottom, #b5d9b5 1%,#54ac54 100%);}
                                  
.nameline2-active span           {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:11px;}
.nameline2-active label          {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left;}                                     
                                  
.nameline2-active label          {color: #6b6b6b; margin-top:7px;}
.nameline2-active:hover          {background:#b5d9b5;}                             

.nameline2 span                  {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; font-size:11px;}
.nameline2 label                 {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; margin-top:5px;}




.PAeditview                      {}
.PAeditview li                   {width:100%; display:inline-block;}
.map-org-name, .map-loc-name     {font-size:13px; color:Gray; font-family:'Roboto';  padding: 5px 3px;}
.map-org-name                    {float:left; width:30%;}
.map-loc-name                    {float:left; width:15%;}
.map-delete                      {float:left; width:35px; padding: 5px 3px; font-size:17px; color:Gray; cursor:pointer;}        








.general-exm                    { width:530px; height:100%; float:left;}
.initial-ass-fields             {width:100%; padding:10px;}
.appearence                     {}
.ge-bottom-grid                 {float: left; height: 100%; width:180px; margin-right:10px; overflow: auto;}
.ge-bottom-grid:nth-of-type(3)  {margin-right:0px;}


.sys-exm-div                    { clear:right; margin-left:540px; -webkit-overflow-scrolling:touch;}
.apt-panel                      { border: 1px solid #d6d5d5;background-color: #fff;
                                  border-top-right-radius: 2px;border-top-left-radius: 2px;}
.apt-panel-header               { height: 30px;padding: 5px 10px;border-top-right-radius:2px;
                                  border-top-left-radius: 2px;background: #efeded;color: #484747;}


.apt-panel-header label{ font-size:14px;}
.apt-panel-header i    {font-size: 18px; margin:5px 10px 0 0; cursor: pointer;}
.apt-panel-content     {padding:10px;}

.clr-btn   {cursor: pointer;padding:1px 2px 0px 2px; border-radius:3px; color:rgb(136, 136, 136);}
.clr-btn:hover {color:#3a3a3a;}
.clr-btn i     {float: left;margin: 2px 5px 0 0;font-size: 13px;}
.clr-btn label { margin: 0; cursor: pointer;font-size: 13px;}





.sys-exm-subtitle{background:#EEF3F5; border:1px solid #cbcbcb; margin-bottom: 5px; border-radius: 3px; cursor:pointer; padding:4px;}
.sys-exm-subtitle:hover{background:#E7E7E7;}
.sys-exm-subtitle.active{ color:#fff;}

.sys-exm-subtitle label{cursor:pointer;}
.sys-exm-fields{display:none;}

.visit-Diabetic {margin-bottom: 3px; }/*height: 56px;*/

.visit-Diabetic-left {float: left; width: 559px; background: #f2f2f2; border: 1px solid #cbcbcb;border-radius: 5px; padding: 0px 6px; height: 54px;}

.ge-top-options{padding: 5px; background: #f2f2f2; border: 1px solid #cbcbcb; border-radius: 5px;} /*margin-left:573px; clear:right;*/
.ge-top-options ul li{display:inline-block; margin-right:25px; color:#4D4D4D; margin-bottom: 5px;}
.ge-top-options ul li input[type="checkbox"]{margin-right:5px; vertical-align:middle;}

.gen-exam-scroll  {overflow:auto;}
.ge-tab-div       {border: 1px solid #cbcbcb; margin-bottom:5px; border-radius: 1px}
.ge-tab           {background: #f3f5e0; padding: 4px; cursor:pointer; height:25px; color:#4e4e4e; border-bottom: 1px solid #cbcbcb;}
.ge-tab h3        {cursor:pointer; font-size:12px;}
.ge-tab i         {font-size:15px;}
.ge-limb          {margin: 0 0 10px 0;}
.ge-limb  img     {height: 107px;}
.ge-limb  label   {background-color: #e0f7fa;padding: 5px;border:1px solid #80deea;margin: 5px 0; font-weight:bold;}

.ge-note-left     {float: left;width: 50%;}
.ge-note-right    {clear: right;margin-left: 51%;}

.ge-tab-active {    background: #e0f7fa;}



/****************visit details General Examin*******************/
/*.nervous-system-content{padding:10px;}**/
.nervous-system-content ul li{display: inline-block;margin-right: 20px;color: #4D4D4D;margin-bottom: 5px;}
.nervous-system-content ul li input[type="checkbox"]{margin-right:5px; vertical-align:middle;}

/*********************************************diadetics*****************************************/
.diabetics-div{ margin-top:15px; overflow:auto; -webkit-overflow-scrolling:touch;}
.diabetic-failds{ margin-bottom:10px;}
.diabetic-failds h1{font-size:16px; font-family:'Roboto Condensed';  font-weight: 100;}
.fieldset-border{border: 1px solid #D0D2D2; background: #f2f2f2;}
.fieldset-border legend{font-size:15px; font-family:'Roboto Condensed'}

.diabetic-failds ul li{display:inline-block; margin:0 20px 15px 0; color:#6b6b6b;}
.diabetic-failds ul li input[type="checkbox"]{vertical-align:middle; margin-right:5px;}


.diabetic-failds-title{height:30px;background:#F4F4F4; width:100%; border-bottom:1px solid #cbcbcb;
                                  background: -moz-linear-gradient(top, #DFDFDF  1%, #F4F4F4 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#DFDFDF), color-stop(100%,#F4F4F4));
                                  background: -webkit-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                  background: -o-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                  background: -ms-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                                  background: linear-gradient(to bottom, #DFDFDF 1%,#F4F4F4  100%);}
.diabetic-failds-title label{float:left; font-size:16px; font-family:'Roboto Condensed'; margin:5px 0 0 10px;}

.eye-img {}
.eye-img img { width: 120px;}

.diabetics-patient_det{ background: #f2f2f2; padding: 10px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #cbcbcb; position:relative;}

.ortho-pat-icon { position: absolute;top: 0;right: 40px;border: 1px solid #cbcbcb;border-radius: 4px;background-color: #fff;z-index: 99999;}
.ortho-pat-icon ul {}
.ortho-pat-icon ul li { padding:4px 6px 2px 6px;border-right: 1px solid #cbcbcb;color: #696969; float:left;}
.ortho-pat-icon ul li:last-child { border-right:none;}
.ortho-pat-icon ul li:hover {background-color:#03abd5;color:#fff; cursor:pointer;}
.ortho-pat-icon li i {font-size: 16px;}

.dbit-smoke{ background: #E5E5E5; padding: 0 10px; border-radius: 5px; border: 1px solid #cbcbcb;}

.Procedure-dls{}
.Procedure-dls ul li{padding:5px 0;}
.Procedure-dls ul li h1{margin:15px 0;}
.Procedure-dls ul li label{margin-right:15px; color:#6b6b6b;}
.Procedure-dls ul li input[type="checkbox"]{vertical-align:middle; margin-right:5px;}
.Procedure-dls ul li input[type="radio"]{vertical-align:middle; margin-right:5px;}

/********************************************Org-info*******************************************/
.org-left{/*clear:right; margin-left:41%;*/}
.org-top-dls{float: left; width:40%; height: 100%; display: table; margin-right:1%; background: #f2f2f2; border:1px solid #cbcbcb; display:none;}
.org-hosp-dls{/*padding-bottom:10px; margin-bottom:5px; border-bottom: 1px solid #E5E1E1;*/ display: table-cell; vertical-align: middle; width:100%;}
.org-logo    {height:100px; width:100px;overflow:hidden; text-align:center; display:initial; display: -moz-deck;  display:-ms-inline-flexbox; margin-bottom:10px;}
.org-logo img{height:100px; }
.org-info{text-align:center;}

.org-info ul li{color:Gray; margin-bottom:5px;}
.org-info ul li h1{margin-top:0px; color:#000; font-size:20px; font-family:'Roboto Thin'}


.org-tabs-div{height:53px; text-align:center; border-bottom: 1px solid #E5E1E1;
              /*background:#f2f2f2;
              background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
              background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
              background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
              background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
              background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);*/}
              
.org-tabs-div ul   {}
.org-tabs-div ul li  {display:inline-block; margin-right:25px; padding:5px; cursor:pointer;}
.org-tabs-div ul li a{ font-size:13px; color:#000; text-decoration:none;}


.org-tabs-div ul li i       {font-size:16px;}




.org-doc-info{width:240px !important; margin-right:30px !important;}
.org-content-div{overflow:auto; -webkit-overflow-scrolling:touch;}
.org-about{ margin-bottom:20px;}
.org-about h1{font-size:15px; color:#000;}
.org-about p{margin:5px 0 0 0; color:#939393; line-height:18px;}


.org-tab-content{}
.org-title h1{font-size:16px; font-family:'Roboto Condensed'; margin-bottom:5px;}



.org-tab-dls{}
.org-Facilities{float:left; margin-right:1%; width:49%;}
.org-Facilities:last-child{margin-right:0px;}

.org-next-docs{float: left; width: 100%; text-align:center; padding: 5px 15px; background:#f2f2f2; border:1px solid #cbcbcb;}
.org-next-docs a{font-size:15px; text-decoration:none; color:#000;}


.org-doc-details{margin:8px; position:relative; height:auto;}
.org-doc-img{float: left;width:95px;}
.org-doc-photo{width:65px;height:65px; overflow: hidden;text-align: center;}
.org-doc-photo img{width:65px;height:65px;}
.org-doc-info-div{clear:right; margin-left:100px;}
.org-doc-info-name h2{margin-bottom:5px; font-size: 17px; font-family: Roboto; font-weight: 400; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.org-doc-timings{}
.org-doc-timings ul{margin: 0px 0px 0px 0px;padding: 0px;list-style: none;}
.org-doc-timings ul li{margin: 0px 0;list-style: none;display: block;}
.org-doc-timings ul li.wd{  }
.org-doc-timings ul li.time{    }
.org-doc-timings ul.wdul{margin:5px 0px 0px 0px;padding: 0px;list-style: none;}












.pd-sel-item-div{width: 250px; float: left; height:100%; border:1px solid #cbcbcb;}
.pd-sel-item-header{padding: 10px; background-color: #EEEEEE; border-bottom:1px solid #cbcbcb;}
.pd-sel-items{overflow:auto; height:400px; -webkit-overflow-scrolling:touch;}

.pd-report-div{clear: right; height:100%; margin-left: 260px; border:1px solid #cbcbcb; overflow:auto; -webkit-overflow-scrolling:touch; padding:10px;}
.pd-report{width:100%; height:100%;}
.pd-report iframe{border:none;}
.pd-img{width:100%; height:100%;}
.pd-img img{width:100%; /*height:100%;*/}



/**************************************image-mapping********************************/

.img-map-div{}
.img-map-left{float:left; width:50%; /*border:1px solid #cbcbcb;*/ height:100%;}
.img-map-right{clear:right; margin-left:51%; border:1px solid #cbcbcb; height:100%; overflow:auto; -webkit-overflow-scrolling:touch;}
.spc-img{width:95%;}


.square{ width:20px; height:20px; /*background:blue; border-radius:50%;*/ cursor:pointer;}
.square i{font-size:18px; color:Blue;}
.square i.location-red{font-size:22px !important; color:red !important;}
/*.bubble-tip{display:none; height:100px; width:100px; border:1px solid #cbcbcb; position:absolute; bottom:36px; z-index:999999; 
            left:-22px; border-radius: 10px; background:#fff; padding:10px;}
            
.square:hover .bubble-tip{display:block;}*/




.cBase { border-radius: 50%; behavior: url(PIE.htc); /* remove if you don't care about IE8 */}
        
.shapeme{ width: 5px; height: 5px; background: #ccc; border: 2px solid #000; position: absolute;}
.mydiv  { width:200px; height:100px; display: none; position:absolute; background-color: white; padding:10px; 
          border:1px solid #cbcbcb; /*border-radius:50%;*/ box-shadow:7px 7px 22px -3px #A19B9B;}
          
.mydiv:before, .mydiv:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-24px; left:7px;}
.mydiv:after{border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:12px; margin-top:2px;}
.mydiv:before{border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:12px; margin-top:0px;}        
          
          
          
          
          
          
.mydiv .mydiv-des{width:100%; text-align:right;}
.mydiv .mydiv-des input[type="text"]{width:100%; margin-bottom:10px;}



.mydiv .mydiv-des i{font-size:18px; color:Gray; cursor:pointer; margin-left:10px;}

.imgmap-img-div{text-align:center;}


/*****************************FAQ*******************************/

.faq-main-group{height:165px; position:relative; border-bottom:1px solid #cbcbcb;}
.faq-main-group-div{height:155px; width:400px; position:absolute; left:50%; margin-left:-200px;}
.faq-groups-div{margin-top:15px;}

.faq-group{height:200px; width:400px; float:left; margin-right:15px; margin-bottom:15px; /*background:#f2f2f2;*/ position:relative;}
.faq-group-title h1{ font-size: 17px; margin-bottom: 5px; font-family:'Roboto Light'; color:#666262;}
.faq-group-title i {vertical-align:middle; font-size:30px; margin:5px 5px 0 0; color:#666262;}
.faq-group-quats{padding:0px 0px 0px 35px;}
.faq-group-quats ul li{padding: 5px 0 0px 0; font-size:12px; font-family: 'Roboto'; cursor:pointer;}
.faq-group-button{border:1px solid #cbcbcb; position:absolute; bottom:5px; left:35px; padding:5px 10px; border-radius:20px; background:#fff; color:#888181; margin-top:10px; outline:none; cursor:pointer;  
                                      -webkit-transition: background ease-in-out .30s, border ease-in-out .30s, color ease-in-out .30s;
                                      transition: background ease-in-out .30s, border ease-in-out .30s, color ease-in-out .30s;}
                                      
.faq-group-button:hover{color:#fff;}
 





.contentsection{}
.contentsection h1{font-size:17px; margin-bottom:5px; font-family:'Roboto Light'; color:#666262;}
.contentsection h1 i{vertical-align: middle; font-size:30px; margin:5px 5px 0 0; color:#666262;}
.faq-quetion      {}
.faq-que-title{padding:10px 0 0px 0; font-size:14px; font-family:'Roboto'; text-decoration:underline;}
.faq-que-title label{cursor:pointer;}
.faq-answer       {display:none;}
.faq-answer p     {color: #7E7979; line-height:17px;}

.faq-top-title{border-bottom:1px solid #cbcbcb; margin-bottom:15px;}
.faq-top-title h1{font-size: 15px; font-family: 'Roboto Light'; font-weight: bold;}
.faq-top-title p{font-size:12px; color:#575757;}



/***********************************packages************************************/
.pack-info-div{float:left; width:460px;}
.pack-info-name h2{margin-bottom:5px; font-size: 17px; font-family: Roboto; font-weight: 400; font-style: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pack-dls-div{}
.pacage-weeks{margin-left: 5px; position:absolute; /*top:25px;*/ right:0px; width:200px; height:85px;}
.pacage-weeks ul li{padding:3px 7px; border:1px solid #cbcbcb; float:left; margin-right:3px; font-size:11px; border-radius:3px; background:#f2f2f2; color:#BAB4B4;}
.pacage-weeks ul li.active{background:#fff; color:#000;}
.pacage-weeks h1{  font-size: 12px; margin-bottom: 10px; color:#6b6b6b; font-weight:400;}
.pack-rating{ margin-bottom: 10px; color:#6b6b6b;}
.pack-rating label{margin-right:10px;}
.pack-rating i{font-size:16px; vertical-align:middle; cursor:pointer;}
.pack-rating .rating-fill{color:#CBDF11 !important;}
.pack-rating .rating-empty{color:#D7D7D7 !important;}

/*.pacage-weeks i{font-size:20px; color:#898181; float:right;}*/

.pacage-calendar{position:relative;  float:right; /*border:3px solid #69a67c;*/}
/*.pacage-calendar i.pick-cal-icon{ width:25px; height:25px; cursor:pointer; z-index:99999;}*/
.pacage-calendar input[type="text"]{background:url(../img/date-pick.png) no-repeat; border:none; outline:none; width:50px; height:45px; font-size: 0px; cursor:pointer; position:relative;}
.year-text             {color:#fff; position:absolute; top: 6px; left: 11px; font-size: 10px; z-index: 999;}
.date-text             {color:#69a67c; position:absolute; top:20px; left: 12px; font-size:18px; z-index: 999; font-weight:bold;}

.price-remove{float: left; position: relative;}
.price-remove hr{margin:0; padding:0; position:absolute; width:100%; border:1px solid red; border-width:1px 0 0 0; top:50%; left:10px;}

.dis-price-green span{color:#16BE0B;}
.dis-price-red span{color:red !important;}






.cp-menu-div                       {float:left; width:100%;}
.cp-menu-div ul                    {float:left; width:100%;}
.cp-menu-div ul li                 {float:left; width:250px; height:250px; margin-right:15px; margin-bottom:15px;}
.cp-menu-div ul li img             {height:250px; width:250px;}


.cp-menu-div2                       {float:left; width:100%; position:relative;}
.cp-menu-div2 ul                    {float:left; width:100%;}
.cp-menu-div2 ul .cp-menu-pack       {float:left; width:100px; height:100px; margin-right:30px; margin-bottom:15px;}
.cp-menu-div2 ul .cp-menu-pack img  {height:100px; width:100px;}


.cp-menu-big-img ul .cp-menu-pack   {float:left; width:200px; height:200px; margin-right:15px; margin-bottom:15px;}
.cp-menu-big-img ul .cp-menu-pack img  {height:200px; width:200px;}




.corp-popover                       {border:1px solid #cbcbcb; height:320px; background:#fff; box-shadow: 0px 0px 27px -3px #acaeaf; padding:10px; 
                                     -webkit-box-shadow:0px 0px 27px -3px #acaeaf; position:absolute; top:120px; left:10px; right:10px;}
.corp-popover:after, .corp-popover:before{ left:26px; top:-21px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; z-index:99999;}           
.corp-popover:after                        { border-color: rgba(255, 255, 255, 0); border-bottom-color:#ffffff; border-width:15px; margin-top:-7px;}           
.corp-popover:before                       { border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:15px; margin-top:-9px;}   

.corp-book-button                          {position:absolute; right:0px;}

.Dos-Donts-text h1                   { color:#000; font-size:15px; font-weight:bold;}
.Dos-Donts-text h2                   { color: #848383; font-size:13px; font-weight:bold; margin-bottom:20px;}
.Dos-Donts-text ul li                { list-style-type:disc; list-style-position:inside; color:#777777; padding:5px 0;}
.Dos-Donts-text ol                   { padding:0px; margin:0px;}
.Dos-Donts-text ol li                { color:#777777; padding:5px 0; list-style-position:inside;}



.link-content                      {float:left; width:100%;  padding:25px 0; border-bottom:1px dotted #797878;}
.link-content p                    {color:#797878; margin:0px; line-height:18px;}
.corp-addrs                        {text-align:center; padding:25px 0; border-bottom:1px dotted #797878; float: left; width:100%;}
.corp-addrs P                      {margin:5px 0px;}

.corp-addrs-links a                {text-decoration:none;}
.corp-addrs-links a:hover          {text-decoration:underline;}

                                   
                                     
.gastro-ser-dls                    {}
.package-book                      {text-align:center; color:#838383;}
.guidelines-add                    {border: 1px solid #cacaca; text-align: center; min-height: 100%; width: 255px; position:absolute; top:0px; right:0px;}


.packages-filters                  {height:27px; background:#EFF4F9; border:1px solid #e4e5e4;  margin-right:252px; display:none;}
.packages-filters ul   { float:left; width:100%;}
.packages-filters ul .packages-filters-type{ float:left; width:25%; text-align:center;padding:5px 0; border-right: 1px solid #e4e5e4; cursor:pointer; 
                                             position:relative; color:#676767; font-weight:bold;}
.packages-filters ul .packages-filters-type:hover {box-shadow: 1px 1px 8px 1px #B0C9E2  inset; webkit-box-shadow: 1px 1px 8px 1px #B0C9E2  inset;}                                     
.packages-filters ul .packages-filters-type.active{box-shadow: 1px 1px 8px 1px #B0C9E2  inset; webkit-box-shadow: 1px 1px 8px 1px #B0C9E2  inset;}                                       
.packages-filters ul .packages-filters-type:last-child {border-right:none;}
.packages-filters ul .packages-filters-type i          {position:absolute; right:6px; top: 4px; font-size: 17px;}


.pack-filter-popover               {height:150px; width:100%; position:absolute; top:25px; left:0px; background:#fff; z-index:999999; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); 
                                    box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border:1p solid #cbcbcb; border-width:0px 1px 1px 1px; overflow:auto; -webkit-overflow-scrolling:touch;   padding: 10px;}

.pack-filter-popover ul li         {padding:5px 0; text-align:left;}
.pack-filter-popover ul li input[type="checkbox"]{vertical-align:middle; margin-right:5px;}

.package-title-div i               {font-size: 22px; cursor: pointer; color: #7E7D7D;}
.package-title                     {margin-bottom:10px; font-size: 20px;}



.view-package-div                  {background: #F5F5F5; width : 100%; height: 300px; padding: 10px; border-top: 1px solid #e4e5e4; overflow: auto; display: none;}
.gp-includes                       {float:left; width:250px; min-height:279px; max-height:100%; padding-right:20px; border-right:1px solid #cbcbcb;}
.gp-includes ul li                 {padding:5px 0px; width:100%; float:left; font-size:13px; cursor:pointer;}

.HP-left-img                       {float:left; width:49%; height:100%; padding-right:20px; border-right:1px solid #cbcbcb;}

.pack-free-text ul li              {padding:5px 0px; width:100%; float:left; font-size:13px; cursor:pointer;}



.gp-includes-dls                   {clear:right; margin-left:267px; padding:15px 15px 15px 15px; text-align:center;}
.adnlint                           {float: left;  width:350px;}
.right-editor                      {clear:right; margin-left:360px;}
.adnlint h1                        {font-size:18px; margin-bottom:10px;}
.adnlint ul                        {border:1px solid #cbcbcb;}
.adnlint ul li                     {font-weight:bold; padding:8px 6px; border-left:2px solid transparent; background:#f2f2f2; border-bottom:1px solid #cbcbcb; cursor:pointer;}
.adnlint ul li:last-child          {border-bottom:none;}
.adnlint ul li.active              {background:#E4E4E4;}


.ct-tab-content{overflow:auto; margin-top:10px; -webkit-overflow-scrolling:touch;}




.ct-left-div{}

.ct-title label{font-size:16px; font-family:'Roboto Condensed';  font-weight: 100;}
.ct-left-content{}

.radio-margin{margin-right:25px; margin-bottom:10px; float:left;}
.ortho-div{margin-bottom:10px;}








 


.res_1000 .RV-Sname            {width:22%;}
.res_1000 .RV-Sergroup         {width:22%;}





/*doc-profile*/
.res_1000 .VP-slots ul li          {width: 43px; padding:2px; font-size: 11px;}

.visit-row1{height:110px;}                                    
                                    
                                    
     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;}
::-webkit-scrollbar-track{/*-webkit-box-shadow:inset 0 0 6px #fdfdfd; border-radius:8px;*/ background:#f4f4f4;}
::-webkit-scrollbar-thumb{/*-webkit-box-shadow:inset 0 0 6px #a3a2a2;border-radius:8px;*/ background:#DFDDDD;}
::-webkit-scrollbar-thumb:hover{background:#5f5f5f;}
::-webkit-scrollbar-button:start{background:#f4f4f4; }
::-webkit-scrollbar-button:end{background:#f4f4f4;  }
.scrollbar{height:100%; overflow:auto;-webkit-overflow-scrolling:touch;}



/*******************corporat-dashboard************************/

.left-clinics-header{  height: 30px;
  background: #F4F4F4;
  width: 100%;
  background: -moz-linear-gradient(top, #DFDFDF 1%, #F4F4F4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#DFDFDF), color-stop(100%,#F4F4F4));
  background: -webkit-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
  background: -o-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
  background: -ms-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
  background: linear-gradient(to bottom, #DFDFDF 1%,#F4F4F4 100%);
}

.left-clinics-header label{font-size: 15px; float: left; margin: 3px 9px; font-weight: bold; color:#776E6E;}
.corp-ds-clinics{margin-bottom:15px; background:#fff; overflow:auto; border:1px solid #cbcbcb;}
                   
.corp-ds-Packages{ background:#fff; border:1px solid #cbcbcb;}
.corp-left-scroll{ overflow:auto;}











/********************************Add-Cart**************************************/

.Recent-history                             {float:left; width:100%;}
.Recent-history h1                          {padding:5px 0; font-weight:400; font-size:18px; margin-bottom:10px; color:#000;}

.Recent-history h1 a                        {text-decoration:none; font-size:13px; color:#006867; margin-left:15px;}
.Recent-history h1 a i                      {vertical-align:sub; font-size:18px; margin-right:5px; color:#006867;}


.empthy-carts-div                           {height:350px; position:relative;}
.empthy-carts-meg                           {width:250px; text-align:center; height:50px; position:absolute; left:50%; top:50px; margin-left:-125px;}
.empthy-carts-meg label                     {font-size:13px; color:Gray; font-family:'Roboto';}
.empthy-carts-meg input[type="button"]      {float:none; margin-top:5px;}







.cart-dls-div{float:left; width:700px; box-shadow: 0px 1px 2px 0px #acaeaf; -webkit-box-shadow: 0px 1px 2px 0px #acaeaf; border:1px solid #cbcbcb; border-width:1px 1px 0px 1px;}
.cart-header{height:35px; border-bottom:1px solid #cbcbcb;
             background:#d9d9d9 ; 
            background: -moz-linear-gradient(top, #e6e6e6 0%, #d9d9d9 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6e6e6 ), color-stop(100%,#d9d9d9));
            background: -webkit-linear-gradient(top, #e6e6e6  0%,#d9d9d9 100%);
            background: -o-linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
            background: -ms-linear-gradient(top, #e6e6e6 0%,#d9d9d9 100%);
            background: linear-gradient(to bottom, #e6e6e6 0%,#d9d9d9 100%);}
.cart-header label{margin: 8px 0 0 5px; float: left; font-weight: bold; font-size: 16px;  color:#000;}            
.cart-header a    {margin: 8px 5px 0 0px; font-weight: bold; font-size: 16px;  text-decoration:none;}      
.cart-header a i  {vertical-align:middle; margin-right:5px; font-size: 18px; float: left;}


      
            
.add-services{clear:right; margin-left:715px; box-shadow: 0px 1px 2px 0px #acaeaf; -webkit-box-shadow: 0px 1px 2px 0px #acaeaf; border:1px solid #cbcbcb; border-width:1px 1px 0px 1px;}

.Ncart-details                               { }
.Ncart-details tr th                         { color:#000; font-size:13px; padding:10px 5px; border-bottom:1px solid #cbcbcb;
                                               background:#F2F2F2 ; 
                                                 background: -moz-linear-gradient(top, #FCFCFC  0%, #F2F2F2  100%);
                                                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC ), color-stop(100%,#F2F2F2));
                                                 background: -webkit-linear-gradient(top, #FCFCFC  0%,#F2F2F2 100%);
                                                 background: -o-linear-gradient(top, #FCFCFC 0%,#F2F2F2 100%);
                                                 background: -ms-linear-gradient(top, #FCFCFC 0%,#F2F2F2 100%);
                                                 background: linear-gradient(to bottom, #FCFCFC 0%,#F2F2F2 100%);}

.Ncart-details .active                       {background:#DDF7FF; }
.Ncart-details tr td                         { color:#8F8E8E; padding:10px 5px; border-bottom: solid 1px #cbcbcb;}
.Ncart-details tr td .Equ-sub-namediv        {margin-bottom:5px;}
.Ncart-details tr td span                    {font-weight:bold; font-size:13px; margin-right:5px; color:#696969;}
.Ncart-details tr td i                       { font-size: 20px; cursor:pointer; color:#8F8E8E;}

.Ncart-footer                                {width:100%;}

.service-div .Nadd-card                      {padding:5px 10px; border:none; outline:none; color:#fff; cursor:pointer; position: absolute; right:5px; top:5px; border-radius:3px;}
.service-div .Nadd-card i                    {margin-right:5px;background:#6c1d60; padding:5px 8px;}


.Nprice{position:absolute; right:138px; top:8px; font-size:13px;}




.service-div                                {background:#f2f2f2; margin-bottom:5px; padding:5px 230px 5px 5px; cursor:pointer; position:relative; border: 1px solid #E0DFDF; border-radius:3px;}
.service-name                               {}
.service-name ul li                         {font-size: 13px; color:#505050; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:3px 0 6px 0; -webkit-user-select: none;}
.service-name .price                        {font-size:13px !important; color:gray !important;}

.service-div .add-card                      {padding:5px 10px; border:none; outline:none; color:#fff; cursor:pointer; position:absolute; top:8px; right:8px;}
.service-div .add-card i                    {margin-right:5px;background:#6c1d60; padding:5px 8px;}


.lab-test-div                               {}
.lab-test-tabs                              {}
.lab-test-tabs ul                           {float:left;}
.lab-test-tabs ul li                        { padding:7px 15px; cursor:pointer; font-family:'Roboto'; font-size:13px; display:inline-block; margin-bottom:-1px; font-family:'Roboto Condensed';}
.lab-test-tabs ul li.active                 {padding:7px 15px; background:#fff; border:1px solid #cbcbcb; border-width:1px 1px 0 1px;}


.lab-text                                   {width:100%; min-height: 250px; /*background:#f2f2f2;*/ padding:15px; border:1px solid #cbcbcb; margin-bottom:5px;}
.service-history ul li                      { padding-bottom:10px; margin-left:15px; list-style-type: square;}
.service-history ul li label                {margin-left:15px; color:Gray;}



.cart-footer                                {margin:5px;}
.cart-amount-div                            { padding:5px; background:#f2f2f2;  float:left; width:100%;}
.cart-amount-div label                      {padding:5px 0px; font-size:16px; color:#798595; font-weight:bold; font-family:'Roboto Light'}
.cart-total-amount                          {color:#000 !important; margin-left:5px;}
.cart-buttons                               {padding: 5px 5px; float:left; width:100%;}
.cart-buttons .place-order                  {padding:5px 12px; outline:none; color:#fff; border-radius:4px; border:none; margin-left:10px; font-size: 14px; cursor:pointer;}
.cart-buttons .con-shop                     {padding:5px 12px; outline:none; color:#fff; border-radius:4px; border:none; font-size: 14px;cursor:pointer;}



/*******************************carts*****************************/

.add-cart-srv{position:relative;}

.service-header{margin-bottom:10px;}
.service-header label{font-weight: bold; font-size: 16px;  color:#000; font-family:'Roboto Thin'; font-size:25px;}   

.cart-services{min-height:100px;}

.add-srv-table tr th{padding:10px 5px; background:#f2f2f2;}
.add-srv-table tr td{padding:10px 5px; color:#819DC2; vertical-align:top;}
.add-srv-table tr td .srv-qunt{min-width:30px; padding:2px 3px; border:1px solid #819DC2; border-radius:3px; display:inherit;}
.add-srv-table tr td .srv-price{min-width:30px; padding:2px 5px; background:#72C069; border-radius:3px; color:#fff; display:inherit;}
.add-srv-table tr td i{font-size:15px; cursor:pointer;}
.add-srv-table tr td input[type="text"]{padding:3px; border:1px solid #cbcbcb; border-radius:3px; width:100%;}

.cart-rx-type{color:#fff; background:#D2C258; width:22px; height:22px; border-radius:50%; display:block; text-align:center; line-height:21px;}
.cart-ix-type{color:#fff; background:#99B5E8; width:22px; height:22px; border-radius:50%; display:block; text-align:center; line-height:20px;}



.cart-add-srv-div{height:35px; background:#f2f2f2; border-top:1px solid #cbcbcb;}
.cart-add-srv{float: right; margin: 8px; font-size: 13px;}
.cart-add-srv input[type="checkbox"]{margin-right:5px;}

.cart-srv-total{border-top:1px solid #cbcbcb; text-align:right; margin-top:10px;}
                
.cart-srv-total label{margin:8px 0px; display: block; font-size:14px;color:#6C6A6A;}  
.cart-srv-total label span{color:#000; font-weight:bold;}

.cart-payable{text-align:center;}              
.cart-payable label{font-size:14px; font-weight:bold; display:block; margin-bottom: 15px;}





.no-of-cart  { color:#fff; margin: 15px 0; text-align:right; position:relative;}
.no-of-cart label{display: inline-block; padding:4px 10px 0px 10px; margin-right:10px;}
.no-of-cart label i{font-size: 18px; vertical-align: middle; margin-right: 7px;}
.cart-no{position: absolute; height: 18px; min-width: 18px; border-radius:3px 3px 3px 0px; top: -12px; right: 1px; color: #fff;
         line-height: 18px; text-align: center; background: #EC6969; z-index: 999;}
.cart-no span{}


.vist-srv-div{ padding:8px 5px; cursor:pointer; position:relative; border: 1px solid #cbcbcb;
               background:#f2f2f2 ; 
               background: -moz-linear-gradient(top, #ffffff 80%, #ECEAEA 100%);
               background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff ), color-stop(100%,#ECEAEA));
               background: -webkit-linear-gradient(top, #ffffff  80%,#ECEAEA 100%);
               background: -o-linear-gradient(top, #ffffff 80%,#ECEAEA 100%);
               background: -ms-linear-gradient(top, #ffffff 80%,#ECEAEA 100%);
               background: linear-gradient(to bottom, #ffffff 80%,#ECEAEA 100%);}
               
.srv-bill-dls{}
.srv-bill-dls li {margin-bottom:5px;}

.bill-srvs{border:1px solid #cbcbcb; border-width:0px 1px 1px 1px;}





/**********************************google map*****************************************/

.gm-main-div{background:#fff; height:500px; position:fixed; bottom:0px;}

.gm-arrow-div{height:250px; width:250px; background:#f0f0f0; border-radius:50%; position:absolute; top:50px; left:50%; padding:10px;
              -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}




/*.gm-arrow-div img{margin-top: 142px; margin-left:-21px;}*/


.gm-arrow-div:after  {right:29px; bottom:-97px; border: solid transparent; content: ""; height: 0px; width: 0px; position: absolute; pointer-events: none;} 
.gm-arrow-div:after  {border-color: rgba(240, 240, 240, 0); border-top-color: #f0f0f0; border-left-width:96px; border-right-width:96px; border-top-width:138px;} 

.gm-content-div      { height:230px; width:230px; background:#fff; border-radius:50%; position:absolute; z-index:999; overflow:hidden;}

.gm-org-logo         { height:80px; width:80px; border-radius:50%; border:1px solid #cccccc; overflow:hidden; text-align:center;  margin: 51px 74px 74px 74px;}

.gm-org-logo img     { height:70px; width:70px;}


.gm-spc-icon         {height:40px; width:40px; border-radius:50%; border:1px solid #cccccc; overflow:hidden; text-align:center; position:absolute;}
.gm-spc-icon i       {color:#918B8B; font-size:23px; margin: 7px 5px 5px 8px; float: left;}

.spc-1               {top:83px; left:9px;}
.spc-2               {top:39px; left:30px;}
.spc-3               {top:11px; left:70px;}
.spc-4               {top:11px; right:70px;}
.spc-5               {top:39px; right:30px;}
.spc-6               {top:83px; right:9px;}
 
.gm-org-dls          {height: 67px; width: 100%; position: absolute; bottom:28px; text-align:center;}
.gm-org-dls ul li    {color:#6c6c6c; font-size:13px;}
.gm-org-name         {font-size:16px !important;}
.gm-org-loc          {margin-bottom:10px;}



/****************************body image map******************************************/
.bim-tabs{margin-bottom:20px; height:30px;}
.bim-tabs ul li{display:inline-block; margin-right:25px; font-size:15px; cursor:pointer; padding:0 0 6px 0; font-weight: bold;}


.bim-images{margin-top:15px;}
.bim-images ul li{display:inline-block; width:100px; height:125px; border:1px solid #cbcbcb;  position:relative;
                  overflow:hidden; text-align:center; margin:0 10px 10px 0; }
.bim-images ul li:hover .bim-img-delete{display:block;}               
.bim-img-delete{position:absolute; width:100%; height:30px; background:black; top:0px; left:0px; opacity:0.8; 
                text-align:center; font-size:15px; color:#fff; display:none;}      
            
.bim-images ul li img{height:100px; width:100px;}

.body-img{overflow:inherit;}
.body-img ul li{display:inline-block; width:50px; height:65px; text-align:center; position:relative; padding:15px 0px 0px 0px;
                margin:0 10px 10px 0;}
.body-img ul li input[type="checkbox"]{position:absolute; top:0px; left:0px;}
.body-img ul li img{height:50px; width:50px;}
.body-img-hover{position:absolute; width:130px; height:130px; display:none; top:15px; left:0px; z-index:999999; overflow:hidden; background:#fff;}
.body-img-hover img{width:130px !important; height:130px !important;}
.body-img ul li:hover .body-img-hover{display:block;}






.img-map-Speciality ul li {background:#f2f2f2; padding:10px; border-left:2px solid transparent; cursor:pointer; border-bottom:1px solid #cbcbcb;}
.img-map-Speciality ul li:last-child{border-bottom:none;}





/****************************guidelines******************************************/
.guidelines-header{height:25px;}
.guidelines-header h1{font-size: 15px; margin: 0px 0px 10px 0px;}
.guidelines-term     {overflow:auto; -webkit-overflow-scrolling:touch;}
.guidelines-term p   {color: #838383; line-height: 20px;}



/*************************************Order Details**************************************/

.order-dls-main-div                   {height:auto;}
.order-details th                     {font-size:12px; font-family:'Roboto'; color:#000; border-bottom:1px solid #cbcbcb; background:#EFEFEF; padding:5px 10px;}
.order-details td                     {font-size:12px; font-family:'Roboto'; color:#000; padding:10px; color:#424242; border-bottom:1px dotted #cbcbcb;}
.od-row-bg                            {background:#f2f2f2;}




.order-sub-dls                        {position:relative; float:left; width:100%;}
.order-sub-dls hr                     {border:1px solid #cbcbcb; border-width:1px 0 0 0; position: absolute; width: 100%; top:0px;}

.order-sub-dls ul                     {float:left; width:100%;}
.order-sub-dls ul li                  {float:left; position:relative; padding:3px;}
.sample-sub-dls-6 ul li               {margin-left:10.3%;}









li.circle-dis                         {width:12px; height:12px; border-radius:50%; border:2px solid #cacaca; background:#ebebeb; }
li.circle-active                      {width:12px; height:12px; border-radius:50%; background:#2E5387; border:2px solid #2E5387; cursor:pointer;}
li .circle-active-2                   {width:20px; height:20px; border-radius:50%; border:1px solid #2E5387; position:absolute; top:-6px; left:-6px; cursor:pointer;}


.order-sub-dls ul li:hover .top-arrow, .order-sub-dls:hover .order-dls-popover-2 {display:block}
.order-dls-popover-2                  {position:absolute; width:100%; height:90px; padding:10px; top:30px; right:0px; background:#fff; border:1px solid #cbcbcb; border-radius:3px; display:none; z-index:999;
                                       -webkit-box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40); box-shadow: 4px 5px 12px 0px rgba(0, 0, 0, 0.40);}

.top-arrow                            {position:absolute; display:none;}
.top-arrow:before, .top-arrow:after   {right:-10px; top:15px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; z-index:9999;}
.top-arrow:after                      {border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:-7px;} 
.top-arrow:before                     {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:-9px;}  

.sub-dls-more-but                     {padding:1px; background:#f2f2f2; border-top:1px solid #cbcbcb; width:100%; bottom:0px; position:absolute; text-align:center; color:Gray; left:0px;}
.sub-dls-more-but label               {cursor:pointer;}
.sub-dls-more-but label i             {vertical-align:middle; margin-left:3px; font-size:10px;}


.qtm-fields{height:50px; border-bottom: 1px solid #cbcbcb; margin-bottom:10px;}
.qtm-quets {overflow:auto; -webkit-overflow-scrolling:touch;}
.qtm-quets ul li input[type="checkbox"]{vertical-align:middle; margin:0 5px 0 0;}
.qtm-quets ul li{color:#000; padding:5px 0;}



/***********************************Feddback**************************************/
.feedback-left{width:525px; height:100%; float:left; border-right:1px solid #cbcbcb; padding-right:25px;}
.feedback-top-dls{width:100%; margin-bottom:15px;}
.fb-top-img{height:100px; width:100px; float:left;}
.fb-top-img img{height:100px; width:100px;}
.fb-top-text{clear:right; margin-left:115px}
.fb-top-text h1{font-family:'Roboto Light'}
.fb-top-text p {margin:0px; color:#6E6E6E;}

.feedback-right{clear:right; height:100%; margin-left:550px;}
.find-doctor-but{height:60px; width:200px; margin-top:34px; margin-bottom:15px; border:1px solid #cbcbcb; border-radius:3px; cursor:pointer;
                 background:#F2F2F2;
                 background: -moz-linear-gradient(top, #FCFCFC  0%, #F2F2F2  100%);
                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FCFCFC ), color-stop(100%,#F2F2F2));
                 background: -webkit-linear-gradient(top, #FCFCFC  0%,#F2F2F2 100%);
                 background: -o-linear-gradient(top, #FCFCFC 0%,#F2F2F2 100%);
                 background: -ms-linear-gradient(top, #FCFCFC 0%,#F2F2F2 100%);
                 background: linear-gradient(to bottom, #FCFCFC 0%,#F2F2F2 100%);}
                 
.find-doctor-but-img{height:60px; width:50px; border-right:1px solid #cbcbcb; float:left;}
.find-doctor-but-img img{height:40px; width:40px; margin:9px 0px 0 5px;}
.find-doctor-but-text{clear:right; margin-left:58px; text-align:left;}
.find-doctor-but-text h1{font-family:'Roboto Light'; font-size:16px; margin:3px 0 3px 0;}
.find-doctor-but-text p{ margin:0px; font-size:10px;}

.fb-faq-div{width:200px; height:300px; background:#FAFAFA; border:1px solid #cbcbcb; position:relative; padding-bottom:30px;}
.fb-faq-header{padding:5px 0; text-align:center; background:#F0F0F0; border-bottom:1px solid #cbcbcb;}
.fb-faq-header label{color:#989292;}
.fb-faq-more{padding:5px; position:absolute; bottom:0px; right:0px; width:100%; background:#F0F0F0; text-align:right;  border-top:1px solid #cbcbcb;}
.fb-faq-more label{cursor:pointer;}
.fb-faq-more label i{vertical-align:middle; font-size:18px; margin-left:5px;}

.fb-quest{height:242px; overflow:auto; padding:10px; -webkit-overflow-scrolling:touch;}
.fb-quest ul li{margin-bottom:10px; cursor:pointer;}

.submittedqueries{font-size:16px; color:#666262; margin-bottom:12px;}
.smt-queri-ul{padding: 5px; background: #f2f2f2; cursor:pointer;}
.smt-queri-ul ul li{display:inline-block; font-weight:bold;}
.smt-queri-expend{padding: 5px; color: #666262;}
.smt-queri-content{margin-bottom:15px;}


/***********************************Feddback2**************************************/
.fb-main-leftdiv{float:left; height:100%; width:450px; border-right:1px solid #cbcbcb;}
.fb-main-rightdiv{clear:right; margin-left:480px; height:100%; width:450px;}
.fb-status-div{}
.fb-status .fb-round {float:left; height:30px; width:30px; border-radius:50%; 
                      margin-left:-1px; text-align:center; font-size:20px; color:#fff;}
.fb-status .fb-round:last-child{margin-right:0px;}

.fb-status .fb-statu-line{height:12px; width:25px; float:left; margin-top:9px; margin-left:-1px;}


/******************Agent Feedback*****************/

.agent-fd-title{border-bottom:1px solid #cbcbcb; padding-bottom:10px; margin-bottom:10px;}
.agent-fd-title h2{display:inline; font-size:16px;}


/***********************************Call Center*****************************************/

.cc-mobile-icon{position: absolute; top: 8px; right: 0px; font-size: 18px; cursor:pointer;}
.cc-save{height:33px; width:49%; position:absolute; bottom:0px; text-align:center; cursor:pointer; -webkit-user-select: none; user-select: none;}
.cc-save label{color:#fff; font-size:14px; line-height:33px; cursor:pointer;}
.cc-pat-dls{position: absolute; width: 100%; top: 0; left: 0; box-shadow: 0px 0px 27px -3px #acaeaf; 
            -webkit-box-shadow:0px 0px 27px -3px #acaeaf;  display : none; z-index:9999;}

.cc-doc-slot-div{height:100%; overflow:hidden;}
.cal-left-row{overflow:auto;-webkit-overflow-scrolling:touch;}


.cc-doctorwrapper{overflow:auto; width:100%; -webkit-overflow-scrolling:touch; border-bottom:1px solid #cbcbcb;}
.cc-doc-slot-div .cc-doc-ul{/*height:100%;*/ float:left; display:flex; display:-webkit-flex;}
.cc-doc-dls{float:left; height:auto; width:250px; border:1px solid #cbcbcb; margin-right:10px; z-index:999;}


.cc-top-docs                     {height:100px;}
.cc-doc-tab                      {height:100px; width:250px; border:1px solid #cbcbcb; margin-right:10px; float:left; padding: 5px; position:relative; cursor:pointer;}
.dpt-doctor                      {border-left:2px solid #2DCA4C;}
.cc-doc-tab-active               {width:100%; height:3px; background:#127270; bottom:0px; left:0px; position:absolute;}
.cc-doc-img                      {width:45px; height:45px; overflow:hidden; text-align:center; float:left; /*margin-top:5px;*/}
.cc-doc-img img                  {width:45px; height:45px;}
.cc-doc-details                  { height:100%; clear:right; margin-left:55px; position: relative; padding-right: 20px;}
.cc-doc-details h1               {font-size:15px; font-family:'Roboto'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; margin-top:-4px;}
.cc-doc-details ul li            {color:#7f7f7f; font-size:11px; font-family:'Roboto'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:100%; float: left; line-height:15px;}
.cc-week-view-icon               {position:absolute; top:0px; right:-2px; font-size:19px; color:#6E6E6E;}


.cc-status                       {position: absolute; /*padding: 0px 5px; width:45px;*/ bottom:30px; left: 5px;  
                                  text-align: center; color: #fff; font-size: 10px;}
.cc-in-status                    {background:#76C361; padding: 0px 19px; border-radius:3px;}
.cc-out-status                   {background:#EA5959;padding: 0px 15px; border-radius:3px;}
.cc-apt-count                    {position: absolute; top:27px; right:9px; font-size:18px; color:#03abd4;}
.cc-apt-count-div                {position: absolute; width:155px; height:30px; top:-5px; right:26px; display:none; border:1px solid #cbcbcb; 
                                  padding:0 5px; background:#fff; z-index:99;}
.cc-apt-count-div  ul li         { margin-right:5px; text-align:center; line-height:18px; height:20px; width:41px; float:left; margin-top:5px;
                                  color:#000; font-weight:bold; border-right:1px solid #cbcbcb; font-size:12px;}
.cc-apt-count-div  ul li:last-child{ margin-right:0px; border-right:none;}

.cc-apt-count-div:before, .cc-apt-count-div:after{ height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:7px; right:-15px;}
.cc-apt-count-div:after             { border-color: rgba(255, 255, 255, 0); border-left-color:#ffffff; border-width:7px; margin-right:1px;}
.cc-apt-count-div:before            { border-color: rgba(203, 203, 203, 0); border-left-color:#cbcbcb; border-width:7px; margin-right:0px;}
   
.cc-doc-status                   {width: 100%; background:#F9F4F4; height: 25px; position: absolute; left: 0px; bottom: 0;}
.cc-doc-status .cc-in            { padding: 0px 5px; background:#03abd4; border-radius: 2px; float: left; color: #fff; margin: 5px;}
.cc-stop                         { margin:2px; float: left; font-size:19px; color: #595555;}
.cc-doc-more-icons               { margin:3px; float: right; font-size:18px; color: #595555; position:relative;}
.cc-doc-more-icons:hover .cc-doc-icon-div{ display:block;}
.cc-doc-icon-div                 { position: absolute; z-index: 99; bottom:25px; right:-15px;  padding: 0 15px 5px 15px; display:none;}
.cc-doc-icon-popover             { width:200px; height: 67px; background: #fff; border: 1px solid #cbcbcb;}
.cc-doc-icon-popover:before, .cc-doc-icon-popover:after{ border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; bottom:-8px; right:19px;}
.cc-doc-icon-popover:after             { border-color: rgba(255, 255, 255, 0); border-top-color:#ffffff; border-width:7px; margin-bottom:1px;}
.cc-doc-icon-popover:before            { border-color: rgba(203, 203, 203, 0); border-top-color:#cbcbcb; border-width:7px; margin-bottom:0px;}

.cc-doc-shift                       {left: -15px; right:inherit; bottom: 15px;}
.cc-doc-shift-popover{width:130px; padding: 2px 5px 2px 5px;}
.cc-doc-shift-popover:before, .cc-doc-shift-popover:after{right:inherit; left:39px;}



.cc-doc-token                       {padding:5px; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; border-bottom: 1px solid #cbcbcb;}
.cc-doc-counts                      {padding:8px;}
.cc-doc-counts li                {display: inline-block; margin-right: 5px; text-align: center; line-height: 18px;
                                     height: 20px; width:53px; color: #000; font-weight: bold; border-right: 1px solid #cbcbcb;
                                     font-size: 12px;}
                                     
.cc-doc-counts li label          {height: 18px; width: 18px; border-radius: 3px; background: #C0C0C0; color: #fff; float: left;
                                     font-weight: 400;}                                     
.cc-doc-counts li:last-child{ margin-right:0px; border-right:none;}
  

.count-icon2 label                  {height:18px; width:18px; border-radius:3px; background:#C0C0C0; color:#fff; float:left; font-weight:400;}
.count-icon2 label.su-rupee         {padding:2px 3px 2px 3px;}





.cc-apt-count:hover .cc-apt-count-div{display:block;}

.cc-doc-facilitysDIV             { width:100%;}
.cc-doc-facilitysDIV ul .cc-fac-li-dis{background:#f2f2f2; cursor:default;} 
.cc-doc-facilitysDIV ul .cc-fac-li-dis .cc-slotloc-time{ color: #A09D9D;}
.cc-doc-facilitysDIV ul .cc-fac-li-dis .cc-slot-status{ color: #A09D9D;}
.cc-doc-facilitysDIV ul .cc-fac-li-dis .cc-pat-big-slot { color: #A09D9D; cursor:default;}

.noty-time                       {color: #EC2E2E !important; font-weight:bold;}



.cc-fac-li                       {cursor:pointer;}
.cc-fac-li:hover                 {background:#f2f2f2;}
.cc-fac-name                     {width:100%; border:1px solid #cbcbcb; border-width:0 0px 1px 0px; height:30px; 
                                  padding: 0 6px; position:relative;}
.cc-fac-name2                    {height:80px !important;}
.cc-pat-big-slot                 {float:left; width:100%; color:#5e5e5e; cursor:pointer;}


.cc-fac-booked                   {background:#F1F4E5;}

.cc-slotloc-time                 { float: right; margin-top:7px; color:#5e5e5e; cursor:pointer; }
                                   
.cc-slotloc-time label           {float: left; margin: 3px 0 0 7px; font-size: 1.1em; color:#9D9C9C; cursor:pointer;}                                    
.cc-slotloc-time i               {float:right; margin:2px 5px 0 0px; font-weight:bold; font-size:18px;}                                   
                                   
                                   
                                   
                                   
.cc-slot-status                  {margin-top:7px; color:#5e5e5e; float:left;}
.cc-slot-status2                  {margin-top:7px; color:#5e5e5e; float:left; margin-left : 10px;}
                                   
.cc-add-fac-slot                 {text-align:center; height:70px; background: #ededed; color:Gray;}
.cc-add-fac-slot span            {font-size:18px; line-height:70px;}





.cc-pat-history                  {position:absolute; display:none; bottom:0px; left:0px; border:1px solid #cbcbcb; background:#fff;  z-index:99999; /*padding:0px 10px 10px 10px;*/
                                  height:auto; width:100%; box-shadow: 0px 0px 27px -3px #acaeaf; -webkit-box-shadow:0px 0px 27px -3px #acaeaf;}
.cc-notfy                        {position: absolute; height: 25px; background: #FAF0DE; width: 100%; border: 1px solid #cbcbcb;
                                  bottom: 144px; border-radius:15px; left: 0px; padding: 0 15px; z-index: 9999;}                                  
.cc-notfy ul li                  { display:inline-block;}                                
                                  
.cal-center-tabs-div             {height:37px; text-align:center; border-bottom: 1px solid #E5E1E1;}                                  
.cal-center-tabs-div ul          {}
.cal-center-tabs-div ul li       {display:inline-block; margin-right:25px; padding:5px; cursor:pointer;}
.cal-center-tabs-div ul li a     {font-size:15px; text-decoration:none;}


.Enquiry-grid                    {table-layout: fixed;}
.Enquiry-grid td                 {padding :10px 0px;  padding: 5px 5px;  border-bottom: 1px solid #cbcbcb; vertical-align:middle;   color: #5A5A5A;
                                   vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-right:1px solid #cbcbcb;}
.Enquiry-grid td i               {cursor:pointer; font-size:16px;} 
                               
.adm-textbox                     {width:85%; padding:3px;}                                  
                                  
.cc-avicolor                     { color:#7cc26a;}
.cc-bookcolor                    { color:#aac5ea;}
.cc-waitcolor                    { color:#bbab73;}
.cc-comcolor                     { color:#c29cbe;}                                  
                                  
.cc-pat-popover-pad              { padding-right:35px !important;} 
.cc-pat-popover-icon             { position:absolute; right:0px; top:5px; color:#868282; font-size:16px;
                                   background:#cbcbcb; border-radius: 50%; width:27px; height:27px; cursor:pointer;}                            
.cc-pat-popover-icon i           { margin-left:5px; margin-top:4px; display:block;} 

.cc-pat-popover                  { padding: 0px 0px 10px 20px; position:absolute; left:200px; top:122px; z-index:999999;  display: none;}

.cc-pat-popover-arrow            { background:#fff; border:1px solid #cbcbcb; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); padding:7px; 
                                   box-shadow: 0 6px 12px rgba(0, 0, 0, .175); border-radius:5px; }
.cc-pat-popover-arrow:before, .cc-pat-popover-arrow:after {border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:44px; left:-4px;}
.cc-pat-popover-arrow:after{border-color: rgba(255, 255, 255, 0); border-right-color:#ffffff; border-width:12px; margin-left:2px;}
.cc-pat-popover-arrow:before{border-color: rgba(203, 203, 203, 0); border-right-color:#cbcbcb; border-width:12px; margin-left:0px;}                                        
.cc-pat-popover-scroll{height:300px; width:300px; overflow: auto;}  
.cc-autocmp-height {height: 374px;}        

.cc-pat-popover-arrow .addbtn {border: 1px solid #cbcbcb;border-radius: 2px;height: 26px;width: 26px;padding: 2px 0 0 2px;}   
.popup-fonts span {color: #333;font-size: 13px;font-weight: 700;margin-right: 10px;}                                                     
                                 
.ah-popover        {position:absolute; display:none;  padding:12px 20px 0 20px;   top:23px; right: -23px; z-index: 999999;}                                  
.ah-pop-click:hover .ah-popover{display:block;}                                  
.ah-popover-div    {min-height:230px; width:200px; border:1px solid #cbcbcb; border-radius:0 0 5px 5px;  
                    position:relative; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); background-color:#fff;}  
  
.ah-arrow:before, .ah-arrow:after{border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-20px; right:38px;}
.ah-arrow:after    {border-color: rgba(242, 242, 242, 0); border-bottom-color:#f2f2f2; border-width:10px; margin-top:2px;}
.ah-arrow:before   {border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:10px; margin-top:0px;} 

.ah-scroll-div ul li{padding:5px; width:100%; border-bottom:1px solid #cbcbcb; background:#f2f2f2; margin:0px; } 
.ah-scroll-div label{ float:left !important; width: 125px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
                      cursor:default !important; font-size:12px !important;}
.ah-scroll-div span{float:right; margin-top:2px; color:#000;}
.ah-scroll-div ul li:hover{border-radius:0px;} 


                              
                                  
                                  
/*.cc-pat-overlap                  {animation:1.5s ccslidy 1; -webkit-animation:1.5s ccslidy 1;}


@-webkit-keyframes ccslidy
 {
       
    0%   {bottom:-305px;}
    10%  {bottom:-305px;}
    20%  {bottom:-305px;}
    30%  {bottom:-305px;}
    100% {bottom:0px;}
    
}*/


.cc-doc-mag{position:absolute; bottom:200px; left:0px; width:94%; margin:0 3%; border-radius:10px; padding:5px 65px 5px 10px; 
            border:1px solid #cbcbcb; background:#fff; z-index:9999; box-shadow: 0px 0px 27px -3px #acaeaf; 
            -webkit-box-shadow:0px 0px 27px -3px #acaeaf;}

.cc-msg-doc-name{font-size: 12px;}
.cc-msg-doc-name2{font-weight: 400; color:#5A5A5A;}
.cc-mag-time    {font-weight: 400; color:#5A5A5A;}
.cc-mag-time i  {vertical-align:middle; margin-right:5px; font-size:15px;}


.cc-his-but{position:absolute; width:60px; height:30px; bottom:0px; left:50%; margin-left:-30px; text-align:center; color:#6E6C6C;
             background:#f2f2f2; border:1px solid #cbcbcb; border-width:1px 1px 0 1px; border-radius:51px 51px 0 0; cursor:pointer;}
/*.cc-his-but:hover{box-shadow: 0px 0px 10px 1px #CFD0D0; -webkit-box-shadow:0px 0px 10px 1px #CFD0D0;}*/


.cc-his-but i{font-size:28px; color: #cbcbcb;}

.cc-doctor-grid th{border: 0px solid #d3d3d3; border-width:0px 1px 1px 0px;}
.cc-doctor-grid th:last-child{border-right:none;}
.cc-doctor-grid td{border: 0px solid #d3d3d3; border-width:0px 1px 1px 0px;}
.cc-doctor-grid td:last-child{border-right:none;}
.cc-Inf-list ul{ padding:0 0 0 15px;}
.cc-Inf-list ul li{padding:0 0 10px 0; color:#7E7C7C;  list-style-type: circle;}
.cc-Inf-list ul li label{cursor:pointer; font-weight:bold;}
.cc-Inf-list ul li label:hover{color:#B0ADAD;}

.ccpat-icon-div { top: 0px;position: absolute;width: 40px;height: 22px;bottom: 0px;left: 50%;margin-left: -20px;text-align: center;
                  color: #6E6C6C;background: #ebebeb;border: 1px solid #cbcbcb;border-width: 0px 1px 1px 1px;border-radius: 0 0 51px 51px;cursor: pointer;}
.ccpat-icon-div i { font-size:18px; }




.spec-Micon .find-Physiatrist{font-size: 82px; margin: -13px 0 0 -11px;}
.spec-Micon .find-Physiatrist2{font-size:42px; margin:9px 0 0 9px;}


.clinic-prv{float: left; margin-top: 13px; font-size: 21px; cursor:pointer;}
.clinic-next{float: right; margin-top:-27px; font-size: 21px; cursor:pointer;}


.doc-status-msg{width:350px; border:1px solid #F7AE7A; height:25px; border-radius:6px; position:fixed; top:75px; cursor:pointer; 
                background :#FFE7DA; left:50%; margin-left:-175px; z-index:99999; text-align:center; padding: 0 5px;}
            
.doc-status-msg label{text-align:center; line-height:25px; color:#890F0F; font-size: 13px;}

.cc-date-calinfo{padding:4px 0;}






/***********************************INsurance-Invoice****************************/

.ii-top-pat{background: #DCF0F7; padding:0 5px; height:37px; margin-bottom:5px; border: 1px solid #cbcbcb; border-radius:3px;
            background: -moz-linear-gradient(top, #ffffff 10%, #DCF0F7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#DCF0F7));
            background: -webkit-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
            background: -o-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
            background: -ms-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
            background: linear-gradient(to bottom, #ffffff 10%,#DCF0F7 100%);}

.ii-bill{padding: 4px 7px 4px 7px; float: right; font-size: 13px; margin-left: 5px; cursor: pointer; position: relative; border: none;
         border-radius: 2px; color: #fff !important;}
.ii-bill i{font-size:16px; vertical-align:middle; margin-right: 5px;}        


.ii-tab-div{margin-right: 265px; box-shadow:-1px 4px 21px -6px #acaeaf; -webkit-box-shadow:-1px 4px 21px -6px #acaeaf; border:1px solid #cbcbcb;} 
ul .ii-tab    { border-bottom:1px solid #cbcbcb; /*border-width:1px 1px 0 1px;*/ cursor:pointer;
               box-shadow:-1px 4px 21px -6px #acaeaf; -webkit-box-shadow:-1px 4px 21px -6px #acaeaf;}

.ii-tab-content{}
.ii-tab-header{}

.ii-title-header{padding:5px 10px; font-size:17px;}

.ii-active-header{width:100%; padding:5px 10px; background:#DCF0F7; border-bottom:1px solid #cbcbcb;
                    background: -moz-linear-gradient(top, #ffffff 10%, #DCF0F7 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(100%,#DCF0F7));
                    background: -webkit-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
                    background: -o-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
                    background: -ms-linear-gradient(top, #ffffff 10%,#DCF0F7 100%);
                    background: linear-gradient(to bottom, #ffffff 10%,#DCF0F7 100%);}
            
.ii-active-label{font-size:18px;}
.ii-active-amount{width:560px; float:right; font-size:12px;}
/*.ii-active-amount b{color:#fff;}
.ii-active-amount label{color:#000;}*/

.totaldue-arrow img{position:absolute; right:0px; top:2px;}
.ii-Providers{ padding:5px 10px; position:absolute; background:#DCF0F7; border:1px solid #cbcbcb; border-radius:2px; bottom:0px; left: 17px; right: 17px;}
.ii-Providers ul li{display:inline-block;  font-size: 13px; margin-left: 15px; text-decoration: underline; cursor:pointer;}



.ii-swipe-notelg{border-left:2px solid #000;}
.ii-swipe-succes{border-left:2px solid #67ABE8;}
.ii-swipe-succes td{color:#67ABE8;}

.ii-swipe-reversal{border-left:2px solid #E88967;}
.ii-swipe-reversal td{color:#E88967;}

.ii-swipe-reject{border-left:2px solid #E8676C;}
.ii-swipe-reject td{color:#E8676C;}



.ii-grid    {position:relative;}
.ii-amount-main-div{float:right; width:250px; overflow:auto; -webkit-overflow-scrolling:touch;}
.ii-amount-div     {padding: 5px 10px; border-radius:15px; border:1px solid #cbcbcb; margin-bottom:10px;}
.amount-card1{border-left:3px solid #e82c4f;}
.amount-card2{border-left:3px solid #5dc146;}
.amount-card3{border-left:3px solid #63a2e2;}
.amount-card4{border-left:3px solid #eaab3d;}
.amount-card5{border-left:3px solid #4cc8cd;}

.ii-payment-type{float:left; width:110px; padding-top:36px;}
.ii-payment-type li{padding:10px; color: #fff; margin-bottom: 1px; text-align: center; position:relative;} 
.ii-pay-arrow {border:8px solid transparent; position:absolute; border-right:10px solid #fff; right:-1px; z-index:99;}

.ii-payment-right-div{clear: right;  margin-left:110px; position:relative; height:250px; border:1px solid #cbcbcb;}
.ii-amount-dls{position:absolute; bottom:-35px; width:100%;}

.swiping-icon{width:100%; text-align:center;}
.swiping-icon img{width:200px; height:200px; padding:10px;}
.swiping-icon label{display: block; font-size: 19px; color: #A09D9D;}


/*******************************OP-case-sheet*****************************/


        
.report-container      { background-color: #fff; /*width: 700px;*/ margin: 0 auto;}
.r-border-div          { border:1px solid #000;}
.r-header              { /* height: 60px; */border-bottom: 1px solid #000;padding: 4px 0px;}
.r-logo                { float: left; width:200px; height:65px; overflow:hidden; margin:4px;}
.r-logo img            { width:150px; height:50px;}
.r-Addres              { clear:right; margin-left:220px; text-align: center; padding-top:5px;}
.r-Addres h1           { font-size: 20px;}
.r-Addres p            { margin:0px; font-size:11px;}

.r-title               { padding:4px 0px; /*background:#f2f2f2;*/ text-align:center; border-bottom:1px solid #000;}
.r-title h1            { font-size:15px;}
.r-pat-dls             { border-bottom: 1px solid #000; padding:2px 0;}



.treatment             { }
.treatment table       { }
.treatment table tr th { border-bottom: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; padding:3px; font-size:12px;}
.treatment table tr th:last-child{border-right:none;}
.treatment table tr td:last-child{border-right:none;}
.treatment table tr td { border-right: 1px solid #000; border-bottom: 1px solid #000;}



       
.r-appt                { padding:5px 0;}
   
 
.r-Footer                { border-top: 1px solid #000; padding:5px; text-align: center; height:80px; position:relative;}
.r-Footer h1             { font-size: 27px; }
.r-validity              { font-weight:bold; font-size:12px;}


.complaints-div           { border-bottom:1px solid #000;border-top:1px solid #000;padding: 30px 0;} 
.complaints-div .complaint{}
.complaint                { position:relative;}
.complaint-line           { height:30px; border-bottom:1px dashed #000;border-top:1px dashed #000;margin-bottom: 30px;}
.compl-title              { position: absolute;top: -10px;left: 0;background-color: #fff;font-size: 12px;padding: 0 2px;}
.compl-sub-heading        {font-size:12px;color:#000;margin: 5px 0;}

/********************************IP Visit Details**************************/

.ipv-note{}
.ipv-note textarea {height:120px;}

.text-edit{ border:none; background:#E1ECF9; outline:none;-webkit-box-shadow: inset 0 1px 1px transparent !important;
            box-shadow: inset 0 1px 1px transparent !important; cursor:default;}
.text-edit:focus{border:none;-webkit-box-shadow: inset 0 1px 1px transparent !important; 
                 box-shadow: inset 0 1px 1px transparent !important;}

.ipv-prv-note{}
.ipv-prv-note ul   { margin-bottom:10px;}
.ipv-prv-note ul li{color:#6B6969;}





/*********************************Dental Popup*************************/

.dental-img  { float:left; background:url(../img/teeth.jpg) left 0px bottom 0px no-repeat; height:507px; width:507px; position:relative;}
.teeth-but   {position:absolute; height:20px; width:20px; background:#b9547c; font-size:11px; 
              color:#fff; text-align:center; line-height:19px; border-radius:50%; cursor:pointer;}
.teeth-but:hover{background:#924362;}              
              
              
.teeth-1     {top:217px; left:107px;}
.teeth-2     {top:185px; left: 111px;}   
.teeth-3     {top: 144px; left: 122px;}   
.teeth-4     {top:115px; left: 130px;}   
.teeth-5     {top: 88px; left: 141px;}   
.teeth-6     {top: 61px; left: 159px;}   
.teeth-7     {top:38px; left:185px;}   
.teeth-8     {top: 26px; left: 219px;}   
.teeth-9     {top:26px; right:225px;}   
.teeth-10     {top: 42px; right: 185px}   
.teeth-11     {top:65px; right:159px;}   
.teeth-12     {top: 95px; right: 143px;}   
.teeth-13     {top: 120px; right: 133px;}   
.teeth-14     {top:147px; right: 122px;}   
.teeth-15     {top: 183px; right: 116px;}   
.teeth-16     {top:218px; right:112px;}   
.teeth-17     {bottom:195px; right:115px;}   
.teeth-18     {bottom:161px; right:121px}   
.teeth-19     {bottom:121px; right:129px;}   
.teeth-20     {bottom:89px; right:144px;}   
.teeth-21     {bottom:57px; left:328px;}   
.teeth-22     {bottom:38px; left:305px;}   
.teeth-23     {bottom:26px; left:281px;}   
.teeth-24     {bottom:21px; left:257px;}   
.teeth-25     {bottom:21px; left:233px;}   
.teeth-26     {bottom:26px; left:208px;}   
.teeth-27     {bottom:38px; left:182px;}   
.teeth-28     {top:427px; left:159px;}   
.teeth-29     {top:393px; left:142px;}   
.teeth-30     {top:360px; left:130px;}   
.teeth-31     {top:323px; left:122px;}   
.teeth-32     {top:287px; left:115px;}                 
              

           
.child-dental-img  { float:right; background:url(../img/child-dental.jpg) left 0px bottom 0px no-repeat; height:507px; width:507px; position:relative;}              
              
.child-teeth-1     {top:183px; left:103px;}
.child-teeth-2     {top:129px; left:118px;}   
.child-teeth-3     {top:87px; left:145px;}   
.child-teeth-4     {top:56px; left:177px;}   
.child-teeth-5     {top:37px; left:223px;}   
.child-teeth-6     {top:37px; right:214px;}    
.child-teeth-7     {top: 57px; left: 316px;}   
.child-teeth-8     {top:83px; right:137px;}   
.child-teeth-9     {top:126px; right:111px;}   
.child-teeth-10     {top:184px; right:91px;}   
.child-teeth-11     {bottom:187px; right:99px}   
.child-teeth-12     {bottom:128px; right:119px;}   
.child-teeth-13     {bottom:86px; right:144px;}   
.child-teeth-14     {bottom:58px; right:182px;}   
.child-teeth-15     {bottom: 44px; left: 266px;}   
.child-teeth-16     {bottom:47px; left:224px;}   
.child-teeth-17     {bottom:58px; left: 188px;}   
.child-teeth-18     {bottom:83px; left:153px;}   
.child-teeth-19     {bottom:126px; left:124px;}   
.child-teeth-20     {bottom:179px; left:103px;}               
              
              
              
             
.dental-table 						   { border-collapse: collapse; font-style:normal; font-variant:normal;font-size: 12px; border:1px solid #e0e0e0; border-width:0px 0px 0 0px; }
.dental-table th					   { color: #000000; padding:6px;  border:1px solid #e0e0e0; vertical-align:top; font-family:'Roboto'; 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;}
.dental-table .gridrow-active          { background:#e1f5fe; border-left:3px solid #046bc7;}
.dental-table td					   { border:1px solid #e0e0e0; height:35px; width:5%; padding:3px; color:#6f6f6f; position:relative; font-family:'Roboto'; 
                					     font-size:12px; white-space:nowrap; cursor:pointer; vertical-align:middle; text-align:center;}   
                					     
               					     
.dental-table td:hover                 { background:#f3f3f3;} 
.dental-table td.active                { background:#f3f3f3;}    
.dental-table td .dental-dot           { display: inline-block; height:13px; width:13px; border-radius:50%; position:relative;}           					                
.dental-table td .dental-active-dot    { background:#c7a80f; }             
.dental-table td .dental-edit-dot      { background:#6fb2f3;}              
.dental-problem                        { background: #c7a80f; display: inline-block; min-width:20px; border-radius:2px; text-align: center; color: #fff;} 
.dental-dls-hover                      { position:absolute; top:23px; left:50%;  z-index:500; display:none;padding-top:10px; white-space: normal;    margin-left: -73px;}   
.dental-dls-arrow                      { background-color:#fff; width:146px; max-height:150px; border:1px solid #cbcbcb; padding:6px;
                                         -webkit-box-shadow:3px 3px 5px -3px #2d2d2d; box-shadow: 3px 3px 5px -3px #2d2d2d; border-radius:3px; position:relative;}
.dental-pblm-count                     { min-width: 20px; border-radius: 2px; background: #805e13; display: inline-block; color: #fff; text-align: center;}
.dental1-divider th:nth-of-type(8), .dental1-divider td:nth-of-type(8) { border-right: 1px solid #757575;}
.dental2-divider th:nth-of-type(5), .dental2-divider td:nth-of-type(5) { border-right: 1px solid #757575;}
.teeth-hr-border td                    { border-bottom: 1px solid #757575; }
.td-div                                { position: relative; height: 20px; width: 20px;}
.td-div:hover .dental-dls-hover        { display: block;}

.dental-his-headline h3                { padding: 5px 0px; color: #03abd4;}


                                         
.dental-table td:first-child .dental-dls-hover                    {left: 0px;}
.dental-table td:first-child .dental-dls-arrow:before,.dental-table td:first-child .dental-dls-arrow:after  {left: 25px;}

                                         
.dental-table td:last-child .dental-dls-hover                    {right:0px;left: inherit;margin:0px;}
.dental-table td:last-child .dental-dls-arrow:before,.dental-table td:last-child .dental-dls-arrow:after  {left: inherit;right:25px;}

 
.dental-dls-arrow:before, .dental-dls-arrow:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:-17px; left:65px;}
.dental-dls-arrow:after                { border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:8px; margin-top:2px;}
.dental-dls-arrow:before               { border-color: rgba(203, 203, 203, 0); border-bottom-color:#cbcbcb; border-width:8px; margin-top:0px;}
.dental-table td:hover .dental-dls-hover{display:block;}     

.dental-stat  { position:absolute;line-height: 0;font-size: 29px;}
.dental-stat1 { left:-4px; top:-4px; color:#e36666;}
.dental-stat2 { right:-4px; top:-4px; color:#30b6a8;}
.dental-stat3 { right: -4px; bottom: 7px; color:#5db804;}
.dental-stat4 { left:-4px; bottom:7px; color:#cd15cd;}
.dent-bridge  { position: absolute;width: 100%;top: 11px;left: 0;border-style: solid;border-color: #c4c6c7;border-width: 1px 0 0 0;}

.dent-left-div { width: 220px; float: left; background: #f5f5f5; border: 1px solid #e0e0e0; height:100%; overflow:auto;}
.dent-right-div { margin-left: 230px; clear: right; overflow:auto; height:100%; padding-right:10px;}
.dent-legends label{vertical-align: middle;color: #7d7d7d;}
.dent-legends label i{vertical-align:middle; margin-right:5px; font-size:12px;}
.dent-legends label i.additional{color:#e36666;}
.dent-legends label i.blocked{color:#30b6a8;}
.dent-legends label i.retained{color:#5db804;}
.dent-legends label i.preadm{color:#cd15cd;}

.dent-left-tab  {    height: 35px;}
.dent-left-tab ul{ float: left; width: 100%; border-bottom: 1px solid #e0e0e0;}
.dent-left-tab ul li{float: left; height:35px; line-height:35px;text-align: center;width: 50%;cursor: pointer;font-weight: bold;}
.dent-left-tab ul li.active{border-bottom: 3px solid #03abd4;}
.dent-ul-tab{padding:10px; overflow:auto; height:100%; background:#f5f5f5; border:0px solid #e0e0e0; border-width:0px 1px 1px 1px;}
              
/***********************invoice print*********************/
.ip-logo{float:left; width:85px; height:80px;}
.ip-logo img{height:80px; width:85px;}
.ip-main-div  {/*width:500px; margin:0px auto;*/ background:#fff; padding:15px;}
.ip-adress    {text-align:center;}
.ip-adress p  {margin:0px;}

.ip-payment   {}
.ip-payment th{padding:5px 7px; vertical-align:top; border-bottom:1px dotted #000;}
.ip-payment td{padding:0px 7px; vertical-align:top;}
.ip-payment2 td{padding:5px 7px; vertical-align:top;}

.ip-top-col{border-top:1px dotted #000;}
.ip-bottom-col{border-bottom:1px dotted #000;}

.camielle-spence{text-align:center; border-top:1px dotted #000; padding-top:10px;}
.camielle-spence h1{font-size:13px;margin:0px;}
.camielle-spence p{margin:0px;}

/**************************IP-Visit Details*********************/

.ipvd-slot-div{height:90px;}



/***********************Appt-Toster*********************/

.appt-toster{width:350px; border:1px solid #DAD4B7; border-radius:6px; position:fixed; top:70px;cursor:pointer; background:#eeebdd; 
             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;}
.toster-success {color : #439436;border:1px solid #439436;}             
.toster-error {color : #FA1D1D;border:1px solid #FA1D1D;}             
.toster-warning {color : #F47913;border:1px solid #F47913;}             
.appt-toster label{padding:7px 15px;float:left;}


/*****************************Home Care**************************/

.hc-headline               {border-bottom:1px solid #e4e4e4;  padding-bottom:5px; margin-bottom:10px;}
.hc-headline h1            {font-size:17px; font-family:'Roboto'; font-weight:bold;}
.hc-headline p             {margin:5px 0;}
.hc-services               {padding-right:227px; overflow:auto;}
.hc-srv-headline-div       {margin-bottom:10px; padding:5px; border:1px solid #cbcbcb; 
                            border-radius:5px; background:#f2f2f2; position:relative;}
.hc-srv-icon               {height:60px; width:60px; overflow:hidden; border-radius:5px; 
                            background:#fff; border:1px solid #cbcbcb; float:left;}
                            
.hc-srv-icon img           {height:60px; width:60px;}
.hc-srv-headline           {clear:right; margin-left:70px;}                            
.hc-srv-headline p         {margin:5px 0; text-align:justify;color:#565555;}
.hc-booking                {position:fixed; width:195px; right:44px; top:325px; background:#fff;}


.hc-tests ul li            {padding:3px 0; color:#565555; font-size:14px;}

.FP-emp        {color: #03abd4;font-size: 23px;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 #03abd4;color: #03abd4;font-size: 18px;padding: 8px 8px 5px 8px;margin-right: 15px; border-radius: 8px 8px 0px 0px;}



/*********************************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:185px; height:23.2%; margin-right:15px; margin-bottom:3%;cursor:pointer;
                   float:left; 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(7){margin-bottom:0px;}
.corp-ds-count-box:nth-of-type(8){margin-bottom: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;}

.cons-bg-border{border:1px solid #7EC07A;}
.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;}
.wellness-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;}


/**********************************Bahmas prints********************************/
.print-wrapper{width: 700px; margin:0px auto; background:#fff; padding:40px;}

.Print-top-header{text-align:center;}
.Print-top-header .MR-title{font-size:18px; }
.Print-top-header .print-clinic-name{font-size:16px; }


.Print-content{padding:40px 0 0 0;}
.cf-date,.doc-name,.cf-accident,.cf-thank,.cf-Sig-pat{display:block; margin-top:15px;}
.print-value{font-style:italic; border-bottom:1px dotted #000;}

.cf-text{margin-bottom:50px;}
.cf-text p{line-height:24px;}

.cf-title{font-size:16px; font-weight:bold;}
.cf-Signature{display:block; margin-top:50px; border-top:1px dotted #000; width:120px;}




.Print-top-header .sl-doc-name{font-size:22px; font-family:'Roboto Thin'; margin-bottom:10px;}
.Print-top-header .sl-top-text{font-size:14px; display:block;}
.Print-top-header .sl-title{font-size:22px; margin-top:20px;}
.sl-sign-img{height:40px; width:150px; overflow:hidden; text-align:center; border-bottom:1px dotted #000;}
.sl-sign-img img{height:40px;}
.sl-Signature {display:block;}


/*****************************Entity Search**************************************/

.entity-wrapper{height:100%; background:#fff;}
.es-left-div{float:left; width:300px; height:100%; background:#ffffff; overflow:auto}
.es-right-div{clear:right; margin-left:300px; height:100%; padding:15px; background:#f5f5f5; position:relative;}
.es-ser-type{padding:0px 0 15px 0; border-right:1px solid #cbcbcb;}
.es-ser-type ul{}
.es-ser-type ul li{border-bottom:1px solid #cbcbcb; text-align:center; padding:10px; cursor:pointer; border-left:5px solid transparent;
                    background: -moz-linear-gradient(top,#fff 3%,#EDEDED 100%);
                 background: -webkit-gradient(linear,left top,left bottom,color-stop(3%,#fff),color-stop(100%,#EDEDED));
                 background: -webkit-linear-gradient(top,#fff 3%,#EDEDED 100%);
                 background: -o-linear-gradient(top,#fff 3%,#EDEDED 100%);
                 background: -ms-linear-gradient(top,#fff 3%,#EDEDED 100%);
                 background: linear-gradient(to bottom,#fff 3%,#EDEDED 100%);}
                 
.es-ser-type ul li.active{background: -moz-linear-gradient(top,#fff 90%,#CBE7FA 100%);
                            background: -webkit-gradient(linear,left top,left bottom,color-stop(90%,#fff),color-stop(100%,#CBE7FA));
                            background: -webkit-linear-gradient(top,#fff 90%,#CBE7FA 100%);
                            background: -o-linear-gradient(top,#fff 90%,#CBE7FA 100%);
                            background: -ms-linear-gradient(top,#fff 90%,#CBE7FA 100%);
                            background: linear-gradient(to bottom,#fff 90%,#CBE7FA 100%);
                            }
                            
.es-ser-type ul li.active .es-ser-icon{}                

.es-ser-type ul li .es-ser-icon{height:85px; width:85px; border:1px solid #989999; border-radius:50%; 
                                margin:0px auto 5px auto; color:#989999;}
.es-ser-type ul li .es-ser-icon:hover{}   
                                
.es-ser-icon i{font-size:25px; font-size: 42px; margin: 20px; display: block;}

.es-ser-type ul li span{font-size:18px; font-family:'Roboto Condensed'; }

.es-ser-title{margin-bottom:5px;}
.es-ser-title h1{font-size:18px; font-family:'Roboto Condensed';}
.es-ser-scroll{overflow:auto;}
.es-ser-dls-div{ margin-top:10px; padding:10px; border:1px solid #cbcbcb; background:#fff;
                 background: -moz-linear-gradient(top,#fff 3%,#f8f8f8 100%);
                 background: -webkit-gradient(linear,left top,left bottom,color-stop(3%,#fff),color-stop(100%,#f8f8f8));
                 background: -webkit-linear-gradient(top,#fff 3%,#f8f8f8 100%);
                 background: -o-linear-gradient(top,#fff 3%,#f8f8f8 100%);
                 background: -ms-linear-gradient(top,#fff 3%,#f8f8f8 100%);
                 background: linear-gradient(to bottom,#fff 3%,#f8f8f8 100%);}
                 
.es-ser-dls-title{font-size: 17px; margin-bottom:10px;}
.es-ser-img{float:left; height:65px; width:65px; overflow:hidden;}
.es-ser-img img{height:65px; width:65px;}
.es-ser-dls{clear:right; margin-left:75px;}
.es-ser-dls-buts{cursor:pointer;} 
.es-ser-dls-buts:hover{text-decoration:underline;}
.es-table-icons td i{vertical-align:middle; margin-right:3px; font-size:15px; color:#525252;}

.es-ser-more-dls{border-top: 1px solid #cbcbcb;margin-top: 5px; padding:10px;}
.es-paging{ padding: 5px 0px 5px 0px; border: 1px solid #cbcbcb; margin-right: 8px; height:37px;}



 


/*************************Nurse Management start here*********************************/
.nm-top-div{/* margin-bottom: 15px; */ padding: 0px 0.5%; /* height: 36px; */}
.nurse-mgnt-scroll{overflow:auto; margin-bottom:6px;}
.nurse-mgnt-div   { float: left;width: 13.7%;height: 160px;background: #f2f2f2;border: 1px solid #cbcbcb;margin: 0 0 0.5% 0.5%;}
.nurse-mgnt-header{height: 25px;border-bottom: 1px solid #cbcbcb;background: #e5e5e5;}
.nurse-mgnt-header h1{font-size: 12px;float: left;margin: 3px;color: #03abd4;width: 135px;overflow: hidden;
                      text-overflow: ellipsis;white-space: nowrap;}
.nurse-mgnt-header .full{float:right; margin:3px; position:relative;}
.nurse-mgnt-header .full i{font-size:15px; color:#03abd4; cursor:pointer;}
.nm-menu-content   {padding: 25px 0 0 0;display: none;position: absolute;left: -162px;top: 2px;z-index: 999;}
.nm-menu-div       {width: 500px;max-height: 296px;overflow: auto;background: #fff;
                    border: 1px solid #e8e8e8;-moz-box-shadow: 0px 3px 6px 0px #f1f1f1;
                    -webkit-box-shadow: 0px 3px 6px 0px #f1f1f1;box-shadow: 0px 3px 6px 0px #f1f1f1;padding: 3px;}
.nm-menu-div:before, .nm-menu-div:after {height:0px; width:0px; border: solid transparent; content:""; height:0px; width:0px; position:absolute; pointer-events:none; top:6px; left:156px;}
.nm-menu-div:after{border-color: rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-top:1px;}
.nm-menu-div:before{border-color: rgba(203, 203, 203, 0); border-bottom-color:#fff; border-width:10px; margin-top:0px;}
.nurse-mgnt-header .full:hover .nm-menu-content{display:block;}

.nm-menu-div ul li{display: inline-block;cursor: pointer;width: 50%;margin: 4px 0;color: #5f5e5e;}


.nurse-mgnt-content{padding: 5px 24px 5px 5px;position: relative; height:135px;}

.summary-status{height:25px; background:#e5e5e5; border-top:1px solid #cbcbcb; 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 #cbcbcb; background:#f2f2f2; margin:0px 1%; padding:6px 10px; display:none;}
.nm-legends   {text-align: right;width: 450px;float: right;background-color: #f2f2f2;border-radius: 2px;border: 1px solid #f3f3f3;}
.nm-legends label{margin-left:10px;    vertical-align: middle;}
.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;}

.nurse-right-icon {position: absolute;right: 0;top: 0;margin: 0px 0px 0px 3px;color: #555;border-left: 1px solid #e6e6e6;
                 text-align: center;width: 20px;}
.nurse-right-icon li  {  height:22px; border-bottom: 1px solid #e6e6e6;
                         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%); }

.nurse-right-icon li i {    height: 22px;line-height: 15px;}

.nurse-botm-div { position:absolute; bottom:0;left:0; height:25px; width:100%;}
.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; }
/*************************Nurse Management end here*********************************/



/*******************************Case Sheet*************************/

.casesheet-main-div{margin-top:15px;}
.cs-left{width:300px; height:100%; float:left; border:1px solid #cbcbcb; padding:10px; overflow:auto;}
.cs-right{clear:right; margin-left:315px; height:100%; border:1px solid #cbcbcb;}
.cs-grid {overflow:auto; height:100%;}


.main-tree-view{}
.tree-view-ul li {font-size: 13px; color: #03abd4; font-family: 'Roboto Condensed'; position: relative; cursor: pointer;
                  padding: 3px 0 3px 25px;}
.tree-view-ul li.active{ color: #936939; font-weight: bold;}
.tree-view-ul i        { font-size: 18px; vertical-align: middle; margin-right: 5px; position: absolute; left: 0px; top: 2px;}
.tree-view-sub-ul      { margin: 15px 0px 10px 0px; }
.tree-view-sub-ul li   { padding-left: 0px; color: #838383; }
.tree-view-sub-ul li.active{ background: #03abd4; text-decoration: inherit !important; padding: 2px 5px; color: #fff;}










/*angular-multi-select.css css styles---Don't modify things marked with ! - unless you know what you're doing*/




/* ! vertical layout */.multiSelect .vertical {float: none;}
/* ! horizontal layout */.multiSelect .horizontal:not(.multiSelectGroup) {float: left;}
/* ! create a "row" */.multiSelect .line {max-height: 34px; overflow: hidden;}
/* ! create a "column" */
.multiSelect .acol {/*display: inline-block;*/min-width: 12px;}

.multiSelect .acol label{line-height:0px !important;}

/* ! */
.multiSelect .inlineBlock {display: inline-block;}

/* the multiselect button */
.multiSelect .mul-button {display: block; position: relative; text-align: left; cursor: pointer; border: 1px solid #c6c6c6;    
                          padding: 5px 8px; font-size: 13px; width:100%; border-radius: 4px; color: #555;   -webkit-user-select: none;
                          -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;  white-space:normal;
                          background-color: #fff; background-image: linear-gradient(#fff, #f7f7f7); }

/* button: hover */
.multiSelect .button:hover { background-image: linear-gradient(#fff, #e9e9e9); }

/* button: clicked */
.multiSelect .buttonClicked {box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);}

/* labels on the button */
.multiSelect .buttonLabel {display: inline-block; padding: 0px 0px 7px 0px; }

/* downward pointing arrow */
.multiSelect .caret {display: inline-block; width: 0; height: 0; margin: 0px 0px 1px 12px  !important; vertical-align: middle; border-top: 4px solid #333;
                     border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 0 dotted; right: 4px; position: absolute;
                     top: 14px; }

/* the main checkboxes and helper layer */
.multiSelect .checkboxLayer {background-color: #fff; position: absolute; z-index: 999; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px;
                             -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); width:278px; 
                             display: none !important; margin-right: 30px; right:-30px; /*right:14px;*/}

/* container of helper elements */
.multiSelect .helperContainer { border-bottom: 1px solid #ddd; padding: 8px 8px 0px 8px; }

/* helper buttons (select all, none, reset); */
.multiSelect .helperButton { display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 26px; font-size: 13px;
                             border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.6; margin: 0px 0px 8px 0px;}

/* clear button */
.multiSelect .clearButton { position: absolute; display: inline; text-align: center; cursor: pointer; border: 1px solid #ccc; height: 22px; width: 22px;
                            font-size: 13px; border-radius: 2px; color: #666; background-color: #f1f1f1; line-height: 1.4; right : 2px; top: 2px; }

/* filter */
.multiSelect .inputFilter {border-radius: 2px;  border: 1px solid #ccc; height: 26px; font-size: 14px; width:100%; padding-left:7px; 
                           -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */
                           box-sizing: border-box;         /* Opera/IE 8+ */    color: #888; margin: 0px 0px 8px 0px;}

/* helper elements on hover & focus */
.multiSelect .clearButton:hover,
.multiSelect .helperButton:hover {border: 1px solid #ccc; color: #999;  background-color: #f4f4f4; }

.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus { border: 1px solid #66AFE9 !important; box-shadow: inset 0 0px 1px rgba(0,0,0,.035), 0 0 5px rgba(82,168,236,.7) !important;}

/* container of multi select items */
.multiSelect .checkBoxContainer { /*display: inline-block;*/ padding: 8px; max-height:250px; overflow:auto; -webkit-overflow-scrolling:touch; }

/* ! to show / hide the checkbox layer above */
.multiSelect .show { display: block !important;}

/* item labels */
.multiSelect .multiSelectItem { display: block; padding: 3px; color: #444;  white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; 
                                -ms-user-select: none; -o-user-select: none; user-select: none;  border: 1px solid transparent; position: relative;
                                
/*width:278px;*/
}

/* Item labels: selected - Enable this if you want to apply styling on selected items */
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected{background-image: linear-gradient( #e9e9e9, #f1f1f1 ); color: #555;  cursor: pointer;        
                                                              border-top: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #d9d9d9;            
}

/* item labels focus on mouse hover */
.multiSelect .multiSelectItem:hover, .multiSelect .multiSelectGroup:hover { background:#f2f2f2; color: #fff !important; cursor: pointer; border: 1px solid #ccc !important;}

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus { background-image: linear-gradient( #c1c1c1, #999 ) !important; color: #fff !important; cursor: pointer; border: 1px solid #ccc !important;}

/* change mouse pointer into the pointing finger */
.multiSelect .multiSelectItem span:hover, 
.multiSelect .multiSelectGroup span:hover{ cursor: pointer;}

/* ! group labels */
.multiSelect .multiSelectGroup { display: block; clear: both;}

/* right-align the tick mark (✔) */
.multiSelect .tickMark { display:inline-block; position: absolute; right: 10px; top: 7px; font-size: 10px; }

/* hide the original HTML checkbox away */
.multiSelect .checkbox { color: #ddd !important; position: absolute; left: -9999px; cursor: pointer; }

/* checkboxes currently disabled */
.multiSelect .disabled, 
.multiSelect .disabled:hover,
.multiSelect .disabled label input:hover ~ span { color: #c4c4c4 !important; cursor: not-allowed !important; }

/* If you use images in button / checkbox label, you might want to change the image style here. */
.multiSelect img { vertical-align: middle; margin-bottom:0px; height: 22px; width:22px;}





 .waves-effect {
  position: relative;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  vertical-align: middle;
  z-index: 1;
  will-change: opacity, transform;
  transition: all .3s ease-out;
}

.waves-effect .waves-ripple {
  position: absolute;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  opacity: 0;
  background: rgba(0, 0, 0, 0.2);
  transition: all 0.7s ease-out;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transform: scale(0);
          transform: scale(0);
  pointer-events: none;
}

.waves-effect.waves-light .waves-ripple {
  background-color: rgba(255, 255, 255, 0.45);
}

.waves-effect.waves-red .waves-ripple {
  background-color: rgba(244, 67, 54, 0.7);
}

.waves-effect.waves-yellow .waves-ripple {
  background-color: rgba(255, 235, 59, 0.7);
}

.waves-effect.waves-orange .waves-ripple {
  background-color: rgba(255, 152, 0, 0.7);
}

.waves-effect.waves-purple .waves-ripple {
  background-color: rgba(156, 39, 176, 0.7);
}

.waves-effect.waves-green .waves-ripple {
  background-color: rgba(76, 175, 80, 0.7);
}

.waves-effect.waves-teal .waves-ripple {
  background-color: rgba(0, 150, 136, 0.7);
}

.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
  border: 0;
  font-style: normal;
  font-size: inherit;
  text-transform: inherit;
  background: none;
}

.waves-effect img {
  position: relative;
  z-index: -1;
}

.waves-notransition {
  transition: none !important;
}

.waves-circle {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}

.waves-input-wrapper {
  border-radius: 0.2em;
  vertical-align: bottom;
}

.waves-input-wrapper .waves-button-input {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1;
}

.waves-circle {
  text-align: center;
  width: 2.5em;
  height: 2.5em;
  line-height: 2.5em;
  border-radius: 50%;
  -webkit-mask-image: none;
}

.waves-block {
  display: block;
} 
    

    
/*******************************Yellow Sheet*************************/

.YellowSheet                    {background: #F1F1F1;padding: 10px;margin-bottom: 10px;border-radius: 5px;border: 1px solid #cbcbcb; }
.RMD-content-tabs li a          {width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;cursor: pointer; text-decoration:none; color:#333;}
.RMD-content-tabs li.active a   {color:#fff;}
.RMD-content-tabs li a:visited  {font-size:13px;}
.RMD-content-tabs li a:active   {font-size:13px;}


.yellowsheet-div            { overflow: auto; }
.yellow-family              { margin:10px 0 0 0;}
.yellow-family     h1       { font-size: 13px; margin-right:10px; float: left;}
.yellow-family     label    { padding-right: 20px; color:#6b6b6b;}
.yellow-family     input    { margin-right: 4px; vertical-align:middle;}
.yellow-tab-div     h1      { font-size:18px; margin:15px 0; font-weight:bold; color: #03abd4;}


/*******************************Eye*************************/

.eye-content-scroll         {margin-top:10px;}
.eye-content                {height:100%;}
.Complnts-type-div          {height:370px; width:250px; float:left;}
.Complnts-type-left         {height:100%; width:100%; border:1px solid #cacaca; border-radius:3px; overflow: auto; position:relative;}
.Complnts-type-left i       {font-size:18px; position:absolute; top:5px; right:5px; color:#8E8D8D; cursor:pointer;} 
.Complnts-type-list li      {padding:7px 7px 7px 25px; border-bottom:1px solid #cbcbcb; position:relative; color:#514E4E;}
.Complnts-type-list li input[type="checkbox"]      {position: absolute; left: 7px; top: 9px;}
                            
.Complnts-type-right        {height:189px; width:100%; float:left; margin-bottom:10px;}
.notes-div                  {height:370px; clear:right; margin-left:260px;}
.notes-div-1                {height: 170px; float:left; background:#f1f1f1;  width:250px; margin-right:10px; border: 1px solid #cacaca; padding:10px;}
.cheifcmplnts-div           {height: 170px; float:left; width:350px; border:1px solid #cacaca;  padding:10px; background: #f1f1f1;}
.diabetic-div               {clear:right; margin-left:620px;}




.OD-OS-failds               {width:300px;  float:left;  border:1px solid #cbcbcb; height:535px;}

.opcasesheet-failds         {border:1px solid #cbcbcb; width:100%; margin-bottom:10px;}
.ocular-div                 {padding:5px; width:48%; position:relative; background:#f2f2f2; border:1px solid #cbcbcb; float:left; margin:10px 0px 10px 10px;}
.ocular-div2                {padding:5px; width:100%; background:#f2f2f2; border:1px solid #cbcbcb; margin:0px 0px 10px 0px;}
.fundas-diagnosis           {width:100%;}

.op2-right-div              {clear: right; margin-left: 310px;}
.op2-right                  {float: left; width: 65%}

.Gonii-height               {height: 299px; margin: 0;}
.Gonihist-higt              {height: 234px; margin: 0;}
.op-height                  {height: 454px;}
.fundas-right               {clear: right; padding-left: 10px; margin-left: 65%}

.ocular-div td b,.ocular-div2 td b  {height: 20px;display: block;}




.prescrption-div            {height: 365px;overflow: auto; margin-top:10px;}
.prescrption-od-os          {border: 1px solid #D0D2D2; background: #f2f2f2;padding: 0px 10px;}
.prescrption-od-os    h1    {font-size: 14px;font-weight: 800;color: #03abd4;}
.prescrption-od-os     b    { color: #222222;font-weight: 500;font-size: 12px;}

.Eye-dtls                   { margin:10px 0 0 0;}

.dist-pd-div                { width:50%;}
.dist-pd-div     h1         { font-size: 14px;font-weight: 800;color: #03abd4;}
.dist-pd-div     b          { color: #222222;font-weight: 500;font-size: 12px;}

.lens-add-div               { height: 95px;width: 100%;overflow: auto;border: 1px solid #cacaca; float:left; padding:2px;}
.lens-add-div   li          { float: left;margin: 5px;width: 185px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.multi-focul                {width: 50%;padding: 10px; }
.multi-focul     h1         {font-size: 14px;font-weight: 800;color: #03abd4;margin: 5px 0;}

.multifocul-img-div         {border: 1px solid #cacaca;padding: 10px;border-radius: 8px;background: #f1f1f1;}




.opt-tab-content            {width:24%; min-height:530px; height:100%; float:left; margin-right:1%; border:1px solid #cbcbcb; }
.Eye-title                  {height: 30px;background: #F4F4F4;width: 100%;
                             border-bottom: 1px solid #cbcbcb;
                             background: -moz-linear-gradient(top, #DFDFDF 1%, #F4F4F4 100%);
                             background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#DFDFDF), color-stop(100%,#F4F4F4));
                             background: -webkit-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                             background: -o-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                             background: -ms-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                             background: linear-gradient(to bottom, #DFDFDF 1%,#F4F4F4 100%);}
.Eye-title label            {font-size: 15px;font-family: 'Roboto Condensed';padding: 3px 0 0 6px;display: block;}
.opt-tab-fields             {padding:10px;}

.eye-hist                   {min-height: 380px; margin: 0 auto; width: 50%;float: none;}

.eye-sub-title              { text-align: center; position: relative; border-bottom: 1px solid #cbcbcb; margin: 20px 0px;}
.eye-sub-title:after        { border: 1px solid #cbcbcb; position:absolute; height:25px; width:25px; top:-12px; 
                              color:#474747; left:50%; margin-left:-12px; z-index: 111; border-radius: 50%;
                              content: "";font-size: 13px; line-height:25px; background:#E6E6E6;
                              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%);}

.AR-title:after             {content: "AR";}
.ST-title:after             {content: "ST";}
.OD-title:after             {content: "OD";}
.OS-title:after             {content: "OS";}


.slit-lamp-img              {background:#f1f1f1;border:1px solid #cbcbcb; padding:10px;}
.slit-lamp-img img          {width:100%;}







                         /*******************************Assessment for high risk feet Report(hrfp)*************************/
.hrfp-main-div        { width:100%; height:100%;}
.hrfp-main-div-wraper { width:700px; background-color:#fff; margin:0px auto;padding: 10px;}

.hrf-header           {height: 80px;}
.hrf-logo-div         {width: 150px;margin-right: 10px;float: left; }
.hrf-logo-div img     {height: 70px;width: 100%;}

.header-title-div     {margin-left: 170px;clear: right;text-align: center;}
.header-title-div h1  {color: #333;font-size: 16px;letter-spacing: 1px;margin-bottom: 1px;font-family: roboto; }

.hrf-rpt-titile       { text-align:center;}
.hrf-rpt-titile  h2   {color: #03abd4;text-transform: capitalize; font-size:14px;}




.foot-condition-1       {}
.foot-condition-1 h3    {color: #3d3d3d;font-size: 13px;}
.foot-condition-1 h4    {color: #3d3d3d;font-size: 11px;margin-left: 12px;}

.foot1-table            {}
.foot1-table      td    {border: 1px solid #cbcbcb;padding: 6px 6px;color: #6F6F6F;font-size: 12px;vertical-align: top;}
.foot1-table      h1    {color: #333;font-size: 12px;}
.foot1-table      Label {color: #333;font-size: 11px;}
.foot1-table     Label i{color: #979797;font-size: 15px;margin: 0 0 0 10px;}

.foot-condition         {width: 50%;float: left;}
.foot-condition-right   {margin-left:51%;}
.foot1-table-div        {margin: 10px 0;}
.foot1-table            {margin-bottom: 10px; border-collapse: collapse;}

.foot-img               { width:100%; height:150px; border:1px solid #cbcbcb; padding:5px; margin:10px 0;}
.foot-img           h4  {color: #3d3d3d;font-size: 11px;font-weight: 900;} 

.foot-prescption        { border:1px solid #cbcbcb;  width:100%; padding:5px;}
.foot-prescption   h3   {color: #3d3d3d;font-size: 13px;}
.foot-prescption P      {color: #333;font-size: 11px; margin:0;line-height: 20px;}

.vascular               {margin: 10px 0;}
.vascular            h3 {color: #3d3d3d;font-size: 13px;margin: 5px 0;}
.vascular            h4 {color: #3d3d3d;font-size: 11px;margin-left: 12px;}

.Atrerial           { width:250px; float:left;margin-right: 50px;}
.Arial-div          {}
.Arial-div   h2     {color: #333;font-size: 13px;margin: 13px 0;}
.Atrerial P         {color: #333;font-size: 11px; margin:0;line-height: 20px;}

.Neuro               {margin: 10px 0;}
.Neuro            h3 {color: #3d3d3d;font-size: 13px;margin: 5px 0;}
.Neuro            h4 {color: #3d3d3d;font-size: 11px;margin-left: 12px;}

.Neuro-table-div    { margin:10px 0;}
.Neuro          {}
.Neuro   h2     {color: #333;font-size: 13px;}
.Neuro P         {color: #333;font-size: 11px; margin:0;line-height: 20px;}

.treatment-div  {}
.treatment-div h2  {color: #3d3d3d;font-size: 13px;margin: 5px 0;}
.treatment-div p {}

                        /*******************************Eye Department*************************/
.eye         {width:100%; height:100%;}
.eye-wrapper { width:700px; margin:0 auto; background-color:#fff; padding:10px;}

.eye-mini-logo        {width: 170px; float:left; margin-top:18px;}
.eye-mini-logo  img   {height: 50px;width: 100%; }

.eye-header           { text-align: -webkit-center;margin-left: 180px; clear:right;margin-bottom: 10px;}

.eye-addicon          {font-size: 18px;position: absolute;top: 10px;right: 0px;color: #8E8D8D;cursor: pointer;}
/*.eye-header-logo h1   {font-size: 16px;color: #535353;letter-spacing: 4px;}*/

.eye-header  p      {font-size: 16px;color: #222;margin: 5px 0;line-height: 22px;}
.eye-header  span   {font-size: 16px;color: #222;}
.eye-header  span  i {font-size:17px;color: #222;}
.eye-header  h2     {font-size:17px;color: #333;}
.eye-header  Label  {font-size: 13px;color: #222;}

.eye-consul-div     {}
.eye-consul         {}
.eye-consul   td    { padding: 3px 0;}
.eye-consul   td h2       {font-size: 12px;color: #333;}
.eye-consul   td h2 label {font-size: 10px;color: #414141;}

.eye-pat-dtls-div          {border-top: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; margin:10px 0;}
.eye-pat-dtls              {} 
.eye-pat-dtls b h1         {font-size: 13px;font-weight: 600;color: #000;padding: 5px;}
.eye-pat-dtls .col         {font-weight: 800;font-size: 13px;width: 10px;}
.eye-pat-dtls label        {font-size: 12px;font-weight: 600;color: #3D3D3D; margin-right:8px;}
.margin10                  { margin:10px 0;}

.vision-main               { margin:20px 0;}
.vision-main   h2          {font-size: 13px;color: #333;}
.vision                    { width:48%; float:left; }
.vision-left               {float: none;margin-left: 52%;clear: right;}
.vision-div                {  margin:5px 0;}
.vision-table              {border-collapse:collapse;}
.vision-table    th        {color: #333;font-size: 13px;}
.vision-table    td        {color: #333;font-size: 11px;border: 1px solid #cbcbcb;padding:6px; }

.Exam-main                  { margin:20px 0; width:50%;}
.Exam-main   h2            {font-size: 13px;color: #333;}


.eye-footer-div             { border-top:1px solid #cbcbcb; margin:10px 0;}
.eye-footer-table           { margin:5px 0; width:100%;}
.eye-footer-table td label  {font-size: 14px;color: #8B8B8B;}
.eye-footer-div     h1      {text-align: center;font-size: 12px;color: #181717;}


.optho-main                  { margin:20px 0; width:100%;}
.optho-main-hedng            {font-size: 15px;color: #333;text-align: center;padding: 5px 0;border-bottom: 1px solid #cbcbcb; text-transform:uppercase;}
.optho                       {}
.optho        h2             {font-size: 13px;color: #333;margin: 5PX 0;}

.optho-table              {border-collapse:collapse;}
.optho-table    td b h2    {color: #333;font-size: 13px; margin:0;}
.optho-table     td        {color: #333;font-size: 11px;border: 1px solid #cbcbcb;padding:6px; }

.remark-img                {}
.remark-img  img           {height:60px;}
.eye-review                {margin-bottom: 10px;padding-bottom: 3px;border-bottom: 1px solid #cbcbcb;float: right;}

.eye-object                 {}
.eye-object    p            {color: #333;font-size: 14px;margin: 0;line-height: 20px;}
.right-eye                  {}
.right-eye          {}
.right-eye ul       {}
.right-eye ul li    {}
.right-eye  h1     {font-size: 13px;color: #333;margin: 5PX 0;}
.right-eye ul li   {font-size: 13px;color: #2E2E2E;margin: 2PX 0 2PX 15px;;}

.advice-div         {text-align: center;float: right; margin:30px;}
.advice-div  h1     {font-size: 13px;color: #333;margin: 5PX 0;}
.advice-div ul li   {font-size: 13px;color: #2E2E2E;margin: 2PX 0 2PX 15px;}

.sign-div         {text-align: center;float: right; margin:30px;}
.sign-div  h1     {font-size: 13px;color: #333;margin: 5PX 0;}
.sign-div ul li   {font-size: 13px;color: #2E2E2E;margin: 2PX 0 2PX 15px;}

.Final-rpt-div          {}
.Final-rpt      h3      {font-size: 13px;color: #333;font-weight: bold;}


.ref-diag           { width: 150px;height: 135px;border-left: 1px solid #333;margin-left: 35px; position:relative; }
.hr-line            { border-bottom: 1px solid #333;position: absolute;top: -35px;left: -35px;height: 100%;width: 100%;}
/*******************************Report Styles *************************/


.prescrpt-div       { margin:10px 0;}
.presc-table        { border-collapse:collapse;}
.presc-table     th { border:1px solid #cbcbcb;padding: 3px 5px 6px 5px;font-size: 12px;font-weight: bold;vertical-align: top; }
.presc-table     td { border:1px solid #cbcbcb;padding: 3px 5px 6px 5px;font-size: 12px;vertical-align: top; text-align:center; color:#333;}

.presc-PD           { border-collapse:collapse;}
.presc-PD td        {padding: 3px 5px 6px 5px;font-size: 12px; border:1px solid #cbcbcb;}
.presc-PD .title {font-weight: bold;vertical-align: top;}
.presc-PD .col   {width: 14px;font-weight: bold;text-align: center;}
.presc-PD .value {vertical-align: top;}

.presc-rpt-img      { width:100px;}
.presc-rpt-img  img { height:80px;}


.tbl-border-none td {border:none !important;}
.cc-week-view-icon   {position: absolute;  right: 5px;  top: 5px;  font-size: 16px;  color: #03abd4;  cursor: pointer;}

        /*******************************Diabetic History Heading Styles *************************/
.diabetic-title {background: #F4F4F4;
                background: -moz-linear-gradient(top, #DFDFDF 1%, #F4F4F4 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#DFDFDF), color-stop(100%,#F4F4F4));
                background: -webkit-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                background: -o-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                background: -ms-linear-gradient(top, #DFDFDF 1%,#F4F4F4 100%);
                background: linear-gradient(to bottom, #DFDFDF 1%,#F4F4F4 100%);
                color: #03abd4; height:30px; border-bottom:1px solid #cbcbcb;}
.diabetic-title h2{float:left; margin:5px 0 0 5px; font-weight: 200; font-size: 15px;}               
.diabetic-his-dls    { margin-bottom:15px; border:1px solid #cbcbcb;}
.diabetic-op-case-his{float:left; width:250px; border:1px solid #cbcbcb; margin-right:15px;}


.eye-his-div         {border:none; width:600px;  margin: 0 auto 15px auto;}
.Diabt-history-icon  {float:right; cursor:pointer;margin-left: 10px;color: #03abd4; font-size:15px;}
.history-icon        {cursor:pointer;color: #03abd4; font-size:15px;}
.diabetic-history{padding:10px;}
.diabetic-history table    {border-collapse:collapse; width:100%; background:#f8f8f8;}
.diabetic-history td       {padding:6px ; border:1px solid #cbcbcb; }
.diabetic-history p        {margin: 0px;}

 /*******************************OPtha Prescription*************************/
.OPtha-presc        {height: 100%;width: 100%;}
.OPtha-presc-wraper {width: 700px;margin: 0px auto;background: #fff; padding:10px;}
.foculs             {margin: 10px 0;}
        
.foculs table td    {padding: 3px 5px 6px 5px;font-size: 12px;}
.foculs table td i  {color: #747474;font-size: 13px; margin-right:3px;}
.foculs table td label  {font-size: 13px; color:#333;}
.glass-type             {margin: 20px 0; }
.glass-type   li        {display:inline-block; margin-right:48px; }
.glass-type  li i       {color: #3D3D3D;margin-right: 5px;font-size: 12px;}
.glass-type  li label   {color: #333;font-size: 14px;text-transform: capitalize;}
        
/************************Top Patient details*********************/
.top-pat-dls          { background: #f2f2f2; padding:0px 0px 0px 5px; margin-bottom: 10px; height:32px; border-radius:3px; 
                        border: 1px solid #cbcbcb;}
.top-pat-dls-div      { clear: left; margin-right: 150px;position:relative;}
/*.top-pat-dls-div table td{padding:3px 15px 3px 3px; color:#545454; font-size:13px;}*/
.top-full-pat-dls{height: 60px; position: absolute; top: -1px; left: -6px; width: 100%;
                  z-index: 99; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); display: none;}


.top-pat-icon                       {float:right; width:150px; border-radius:0 3px 3px 0px;}
                                    
.top-pat-icon ul li :hover                 {color:#000; background:#fff;} 
.top-pat-icon i                     {font-size:17px; cursor:pointer;}
.top-pat-icon ul li                { float:right; padding:4px 4px 3px 4px; background: #D4D3D3; color: #555; border-left:1px solid #C0BBBB;
                                    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%);}


            /************************Service dashboard*********************/
 
.left-sd-content                  {}
.left-sd-content-small            {clear:left; margin-right:320px; height: 100%; overflow: auto;}
.right-sd-content                 {width:320px; height:100%; float:right; padding:0.4% 0.5%; }
.sd-pat-content                   {height:100%; background:#F7F7F7; border:1px solid #E7E4E4; overflow: auto;}
/*.sd-pat-header                    {background: #D4D3D3; color: #555; border-bottom:1px solid #cbcbcb; height:30px;
                                    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%);}*/
                                    



.sd-pat-div                       {padding:7px;}
.sd-pat-card                      {padding:5px; background:#fff; margin-bottom:7px;  border: 1px solid #E7E4E4; border-radius:3px;}
.sd-pat-photo-div                 {width:40px; float:left;}
.sd-pat-photo                     {width:35px; height:35px; border-radius:50%; overflow:hidden;}
.sd-pat-photo img                 {width:35px; height:35px;}

.sd-pat-dls                       {clear:right; margin-left:45px; height:100%; position:relative;}
.sd-pat-dls .sd-pat-dls-ul li     {color:#6F6F6F; padding-bottom:3px;}
.sd-pat-icons                     {height:25px; border:1px solid #cbcbcb;}
.sd-pat-icons li                  {height:23px; width:30px; border-right:1px solid #cbcbcb; font-size: 15px; text-align: center;
                                   line-height: 25px; color: #6F6868; float:left; cursor:pointer;
                                   background: #D4D3D3; 
                                    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%);}
.sd-pat-icons li:last-child       {/*border-right:none;*/}

.sd-main-ul                       {}
.sd-main-ul .sd-srv-box           { height:125px; width:32.3%; float:left; margin:0.5% 0.5%; border:1px solid #cbcbcb;}
.sd-srv-left                      { width:30px; background-color: #ebebeb; border-left:1px solid #cbcbcb; float:right;}


.sd-srv-box-active                { background-color: #EDFAED;}
.servce-icon-div   ul li          { border-bottom: 1px solid #cbcbcb; border-top: 1px solid #fff; width:100%; padding:3px; background:#f2f2f2; 
                                    text-align: center; height:30.7px;   font-size: 17px; line-height:28px; color:#5C5C5C; cursor:pointer;}
.servce-icon-div ul li:last-child { border-bottom:none;}
.servce-icon-div ul li .small-icon{ font-size: 22px;}
.sd-srv-right                     { clear: left; margin-right:30px; cursor:pointer;}
.srvce-title                      { height:80px; padding:8px 8px 0px 8px;}
.servc-icon                       { border: 1px solid #03abd4;border-radius: 3px;color: #03abd4;float: left; 
                                    text-align: center;height:36px;width:36px; font-size: 23px;  background: #fff;}
.srvce-title   .sd-srv-icon       { margin-top: 3px;display: block;}
.sd-srv-name-div                  { margin-left:45px;  margin-top: -4px;}
.sd-srv-name-div label            { font-size: 12px; color:#03abd4; position:relative;}

.sd-srv-dls                       { display:inherit; height:25px; width:25px;   vertical-align: middle; cursor:pointer; position:relative;}
.sd-srv-dls.su-eye112             { color:#7C7A7A;}

.srvc-buble-div                   { padding:25px 25px 0 25px; position: absolute;top:5px; right:-55px; display:none;z-index: 9;}
.srvc-buble                       {  height:125px; width: 290px; background-color: #fff;border: 1px solid #b5b3b4;border-radius: 3px;
                                    -webkit-box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px;box-shadow: rgba(0, 0, 0, 0.14902) 0px 2px 2px 0px; }
.sd-srv-dls:hover .srvc-buble-div     {display:block;}


.stat-div                         { padding: 8px 8px 0px 8px;}   
.srvc-bookd                       { height:26px; width:78px; float:left; position:relative; margin-right:4px; background: #fff;}
.book-color                       { border:1px solid #03abd4;}
.book-color .srvc-stat            { background:#03abd4;}
.book-color .srvc-stat:after      { border-left: 7px solid #03abd4;}
.book-color   label               { color: #04abd5 ;font-size: 19px;margin-left: 9px;}

.ave-color                        { border:1px solid #6EC26C;}
.ave-color .srvc-stat             { background:#6EC26C;}
.ave-color .srvc-stat:after       { border-left: 7px solid #6EC26C;}
.ave-color   label                { color: #6EC26C ;font-size:19px;margin-left: 9px;}

.srvc-stat                        { position: relative; height: 24px;width:28px; float:left; text-align:center; color:#fff; font-size:19px;}   
                           
.srvc-stat:after                  { right: -14px;top: 7px;border: 7px solid transparent;  content: ''; height: 0px;width: 0px;position: absolute;}   
   



.srv-dash-srv-div                 { -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); padding:7px; 
                                    width:100%; border:1px solid #cbcbcb;}
.sd-servc-icon                    { border: 1px solid #03abd4;border-radius:3px; color:#03abd4; text-align: center;height:30px;width:30px;background: #fff;}
.sd-servc-icon i                  { font-size: 19px !important; margin-top: 4px; display: block;}                                    
.srv-dash-avai                    { width:33px; background:#03abd4; font-size:12px; color:#fff; text-align:center; line-height:16px; border-radius:20px;}                                    
.sd-avai-title                    { position: absolute; font-size: 10px; top: -6px; left: 10px; color:#03abd4;}
.sd-book-title                    { position: absolute; font-size: 10px; top: -6px; left: 0px; color:#6EC26C;}




.srv-dash-cnt                     { width:33px; background:#6EC26C; font-size:12px; color:#fff; text-align:center; line-height:16px; border-radius:20px;} 
.srv-dash-table td                { color:#888383; position:relative;}                                    
.srv-dash-table td i              { font-size:16px; margin-right:5px; margin-left:5px; cursor:pointer; float:left;  margin-top:4px;}
.srv-dash-table td a              { color:#03abd4;}









 
                            /********Servicedashboard dos donts div design by rajesh********/
                            
.sd-view-package    { overflow: hidden; display: block; background: #F5F5F5; border: 1px solid #cbcbcb; display:none;}
.sd-package-header  { padding:6px; background: #f2f2f2; border-bottom: 1px solid #cbcbcb;}                            
  
.sd-package-content { padding:6px;}  
.sd-dos-donts       { width: 65%;padding-right: 10px; float:left;}
.sd-dos-donts h1    { font-size:12px;}
 
 
.dos-points         { color:#949494;text-transform: capitalize;}
.dos-points         {}
.sd-Includes        { clear: right; margin-left: 65%; padding: 0 0 0 10px;} 
.sd-Includes h1     { font-size:12px;  margin-bottom:5px;}

.ht-pckges-points   { padding:5px 5px 5px 17px;}
.ht-pckges-points ul li { color: #333;line-height: 21px; text-transform: capitalize; list-style-type: disc !important;}

                 

 
.buble-content             { height:74px;padding:5px;}
.buble-content span        {color: #666666;font-size: 10px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;
                            -webkit-line-clamp: 4;display: -webkit-box;}
 


.buble-content:after,.buble-content:before   {top: 6px;right: 51px;content: "";height: 0;width: 0;position: absolute;
                                        pointer-events: none;}
.buble-content:after        {border: 10px solid transparent;border-bottom-color: #fff;margin-right: 0px;}
.buble-content:before       {border: 10px solid transparent;border-bottom-color: #929292;margin-top: -1px;}
                                            
                                            
                                            
                                            
                                                    /*******************Immunization Record************/


.imun-recrd       {}
.imun-recrd-wraper        {width: 700px;margin: 0px auto;background: #fff;padding: 10px;}
.imun-heading-div         { padding:10px 0;}
.imun-heading-div {}
        
.imun-heading-left {}
.imun-heading-left h2 {color: #03abd4;font-size: 16px;}
.imun-heading-left h1 {color: #000;font-size: 22px;line-height: 15px;}
        
.imun-heading-right {}
.imun-heading-right img { height:50px;}
        
.imun-pat-dtls { padding:10px 0;}
.imun-pat-dtls td.col{ width:20px; font-weight:bold; vertical-align:top;}
        
.imun-srv-dtls { min-height:650px; padding-bottom:5px;}
.imun-srv-table { border:1px solid #cbcbcb; border-collapse:collapse;}
.imun-srv-table th { border:1px solid #cbcbcb; font-size:12px; }
.imun-srv-table th label { font-size:10px;color: #333;}
.imun-srv-table td { border:1px solid #cbcbcb;padding:10px 5px; font-size:12px;}
.imun-srv-table td label { display:block;}
        
.imun-note-div { padding:10px 0;}
.imun-note-div p { margin: 0;font-size: 10px;color: #333}
        
.imun-note-left { width:53%;}
.imun-note-left .imun-heading {background-color: #03abd4;color: #fff;padding: 5px;margin: 5px 5px 5px 0px;border-radius: 0 0 20px 0;width: 80%;}
.imun-note-left .imun-heading h1 {font-size: 15px;}
.imun-note-left .imun-heading h2 {font-size: 10px;font-weight: 300;color: #F1F1F1;}
        
.imun-note-right {width:47%;}
.imun-note-right b {color: #03abd4;font-size: 11px;}
        
.imun-recrd-footer {}
.imun-recrd-footer p {margin: 0;font-size: 11px; color:#333;}
.imun-recrd-footer b {margin:0 3px 0 0;color: #03abd4;}
.imun-recrd-footer p span {margin:0 3px;color: #03abd4;}   



/****************************Patient Registration search popovers && search popovers*******************************/
 


                 

.search-popover     {background:#fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom:3px solid #03abd4; 
                     -webkit-box-shadow: 2px 2px 16px -3px #B3B3B3; box-shadow: 2px 2px 16px -3px #B3B3B3; 
                     width:100%; position:absolute; left:-1px; top:36px; z-index:999; border-radius:0 0 10px 10px; display:none;  }
                     
.search-popover-scroll{height:395px; overflow:auto;}


.search-pop-dls li  {padding:5px 45px 5px 5px; background:#fff; height:40px;  cursor:pointer; border-bottom: 1px solid #ccc; border-left:3px solid transparent; position:relative;}
                     
.search-pop-dls li:hover{border-left:3px solid #03abd4;}     

.search-pop-dls2 li   {padding:7px 5px; background:#fff; cursor:pointer; border-bottom: 1px solid #ccc; color: #676565; font-size: 13px; position:relative;}
.search-pop-dls2 li label  {display:block; cursor : pointer;}
.search-pop-dls2 li:hover{background:#f2f2f2;}
.search-pop-dls2 li i{position:absolute; font-size:15px; top:9px; right:10px;}

                
                     
  
 
                     
.search-title      { width:100%;background:#DDE6ED; padding:5px; color: #6F6E6E; font-size: 13px; border-bottom: 1px solid #ccc; text-align:center;}   

                                    
                                    
/****************************releasenote*******************************/

.reles-note-body { padding:10px;}
.reles-note-body h2 {color: #5a5a5a; font-size: 13px;}

.release-points   {margin-left: 5px;}
.release-points p {font-family: 'Roboto';line-height: 20px;width: 100%;color: #5e5d5d;text-align: justify;margin: 8px 0;font-size: 13px;}
.release-points pre {font-family: 'Roboto';line-height: 20px;width: 100%;color: #5e5d5d;text-align: justify;margin: 8px 0;font-size: 13px;}

.release-points ol li p {font-family: 'Roboto';line-height: 20px;width: 100%;color: #5e5d5d;text-align: justify;margin: 8px 0;font-size: 13px; list-style-type:decimal;}
.release-points ul      {margin-left: 15px;}
.release-points ul li   {font-family: 'Roboto';line-height: 20px;width: 100%;color: #5e5d5d;text-align: justify;margin: 8px 0;font-size: 13px; list-style-type:disc;}
.releasenote   {}
.releasenote p { margin:5px 0;padding: 0;color: #5e5d5d;font-size: 12px;}
 





                        /****************************Mydashboard *******************************/

.mydshbrd {padding: 0px 0px 10px 10px; }
.mydshbrd ul {}
.mydshbrd ul li { height: 227px;width: 49%;float: left;margin: 10px 10px 0 0;border: 1px solid #428bca;}

.Analytic-left { padding:5px;}
.Analytic-left h1 {color: #03abd4;font-size: 15px;font-weight: lighter;border-bottom: 1px solid #E0E0E0;padding-bottom: 5px;}

.Analytics-div {margin: 5px 10px 0px 10px;}
.Analytics-div h1 {color: #03abd4;font-size: 17px;font-weight: lighter;border-bottom: 1px solid #E0E0E0;padding-bottom: 5px;}

.Analytics-div ul li { display:inline-block;}
.mydshbrd-title {color: #fff;background-color: #428bca;padding:8px;border-bottom: 1px solid #428bca;}
.mydshbrd-title h2 {font-size: 15px;font-weight: 500;}

 

 
.expression-div {}
.expression-div ul li {display: inline-block; border: 1px solid #cbcbcb; overflow: hidden; border-radius:8px; cursor:pointer;  
                       margin-right:15px; width:72px; height:70px;}
.expression-div ul li:last-child{margin-right:0px;}
.expression-div img { width:100%;}

.expression-div input { width:24%;}
.expression-div textarea { width:74%;}

                    /****************************Book Registration Payment *******************************/

.brp-book-tabs {border-bottom: 1px solid #03abd4;}
.brp-book-tabs ul li                        { padding:7px 15px; cursor:pointer; font-family:'Roboto'; font-size:13px; display:inline-block; margin-bottom:-1px; border-radius: 5px 5px 0px 0px;}
.brp-book-tabs ul li.active                 {padding:7px 15px; background:#fff; border:1px solid #03abd4; border-width:1px 1px 0 1px;}
.brp-cal-back-but   {right: -27px;top: 0;}

.brp-doc-dls {width: 34%;float: left; border-right: 1px solid #cbcbcb; padding-right: 10px;}
.brp-timeings {height: 130px;overflow: auto;-webkit-overflow-scrolling: touch;}
.brp-timeings ul li {border: 1px solid #cccccc;display: inline-block;margin: 0.7%;width: 12.8%;text-align: center;line-height: 25px;height: 26px;background: #fcfcfc;
                     background: -moz-linear-gradient(top, #ffffff 1%, #fcfcfc 100%);
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#faf9fa ), color-stop(100%,#fcfcfc));
                     background: -webkit-linear-gradient(top, #ffffff 1%,#fcfcfc 100%);
                     background: -o-linear-gradient(top, #ffffff 1%,#fcfcfc 100%);
                     background: -ms-linear-gradient(top, #ffffff 1%,#fcfcfc 100%);
                     background: linear-gradient(to bottom, #ffffff 1%,#fcfcfc 100%);}
                     
                     
                     
/*****************************Analytics***********************/
.at-top-header{}
.top-ctrl ul li{float:left; width:150px; margin-right:15px;} 
.at-content{overflow:auto;}
.at-top-count{overflow:auto; margin: 10px 0px; padding-bottom: 5px;}
ul .at-count-box{height:90px; width:150px; background:#fff; display:inline-block; text-align:center; position:relative; margin-right:10px; 
                 cursor:pointer; border: 1px solid #cbcbcb;}
ul .at-count-box:hover{border: 1px solid #A3A1A1;}               
ul .at-count-box .at-count-no{font-size:40px;}  
ul .at-count-box .at-count-label{font-size:12px; height:32px; line-height:32px; position:absolute; bottom:0px; left:0px; width:100%; color:#fff;}
.at-count-icons{height:32px; width:40px; background:rgba(0,0,0,0.2);line-height: 35px; 
                font-size:17px; text-align: center;float: left;}
                
.at-static-grid {position: relative; border: 1px solid #d3d3d3; background: #ffffff;}               
.at-grid-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%)}                 
.at-grid-body{overflow:auto;}                
.at-grid-fotter{ border-top:1px solid #d3d3d3; padding:9px 6px; height:42px;
              background: #ededed; 
              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%);
              } 


.at-reg{color:#CB6A6A;} 
.at-reg-bg{background:#CB6A6A;} 

.at-inv{color:#6AA6CB;} 
.at-inv-bg{background:#6AA6CB;}  

.at-med{color:#C59A4D;} 
.at-med-bg{background:#C59A4D;}    

.at-con{color:#649E5B;} 
.at-con-bg{background:#649E5B;} 




.at-left-graph{float:left; width:49.5%; height:250px; border: 1px solid #cbcbcb; padding-bottom:25px; position:relative;}
.at-right-graph{float:left; width:49.5%; height:400px;  border: 1px solid #cbcbcb; padding:15px;position:relative;}

.canvas-lezands-div { position:absolute;bottom:0;left:0;}
.canvas-lezands-div ul {}
.canvas-lezands-div ul li {line-height: 15px;margin-right: 10px; display:inline-block;}
.canvas-lezands-div ul li:last-child{margin-right:0px;}
.canvas-lezands-div i {color: #dcdcdc;font-size: 24px;vertical-align: sub;}

.canvas-lezands-div i.color-1 {color: #97bbcd;}
.canvas-lezands-div i.color-2 {color: #88d7eb;}
.canvas-lezands-div i.color-3 {color: #0f3976;}

.canvas-lezands-div label {font-size: 14px;color: #333;vertical-align: super;}





.at-grid-close{font-size: 16px; background: #03abd4; height: 21px; width: 21px; cursor:pointer;
               text-align: center; line-height: 25px; border-radius: 50%; margin: 3px; float:right; color: #fff;}


.Andriod            {margin: 0 auto;width: 880px;/*padding: 20px 40px;*/padding-bottom:20px;}         

        /********family Relations******/
.fm-rel-left      {float: left;width: 250px;padding: 5px;}
.fm-rel-right     {clear: right;margin-left: 260px;padding: 5px;border: 1px solid #cbcbcb;}

.fm-rel-left h2   {color: #333;font-size: 14px;font-weight: 500;}
.fm-rel-right h2  {color: #333;font-size: 14px;font-weight: bold;padding-bottom: 5px;}
.fm-srvc li       {float: left;margin-right: 12px;font-size: 13px;}

                            /********duplict-services pop div******/

.duplict-services    {padding-bottom:5px; border-bottom:1px solid #cbcbcb;}
.duplict-services ul {list-style-type:disc;margin-left: 15px;}
.duplict-services li {font-size: 14px;line-height: 25px;}
.duplict-services-desc    { }
.duplict-services-desc h1 {font-size: 14px;margin: 3px 0;color: #4e6bea; }
.duplict-services-desc p { margin:0px;padding:0; }



                                        /********session expire  start here******/


.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-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;}

                                      /********session expire  end here******/
                       
                                  
.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;}  







.entity-top-div    {padding:5px 0;}
.entity-top-div h1 {display:initial; font-size:15px;} 
.entity-top-div a  {color:#000; text-decoration:none;} 
.entity-top-div i  {font-size:16px; vertical-align:middle;}  

.entity-top-popover {width:300px; border:1px solid #cbcbcb; position:absolute; right:0px; top:20px; 
                    padding:15px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);
                    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35); z-index: 99; background: #fff;} 
                    
.add-entity-popover {width:220px; border:1px solid #cbcbcb; position:absolute; right:-12px; top:37px; 
                    padding:8px; -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35);
                    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.35); z-index: 99; background: #fff;}                                                      


/*********************Show Hc**************************/

#divcontent   {}
#divcontent h1{ margin: 0px 0px 10px 0px; padding: 0; color:#03abd4; font-size: 17px;}
#divcontent h2{ margin: 0px 0px 10px 0px; padding: 0; color: #494949; font-size: 15px; }
#divcontent h3{ margin: 0px 0px 10px 0px; padding: 0; color: #494949; font-size: 15px;}
#divcontent ul{ margin: 0 0 0 20px; padding: 0; list-style-type: circle; list-style-position: inside;}
#divcontent ul li{ padding: 5px;}
.resizeHC0    { height:50%; overflow:auto;}
.resizeHC1    { height:100%; overflow:auto;}
.resizeBC     { height:50%; overflow:auto;}

            /*********************Doc Srv Map**************************/
.doc-srvc-div {width: 32.8%;float: left;margin: 0 10px 10px 0; height:100%;}
.srvc-btn {text-decoration:none; font-size: 13px; color: #7c7c7c; font-weight: bold;}
.srvc-btn i{vertical-align:middle; margin-right:5px;}
.doc-srvc-sort   {padding:9px; border-bottom:1px solid #cbcbcb;}
.srvc-filter    {display:inline-block; margin-right:3px;  margin-bottom:3px;}
.srvc-filter a  { color: #868686; padding: 1px 4px; background: #f2f2f2; display: block;
                  border: 1px solid #cbcbcb; border-radius: 3px; text-decoration: none;}
.srvc-filter a:hover{background:#F0EFEF;}                  
.doc-srvc-sort a:hover { color:#04abd4;}
.doc-srvc-sort .active { color:#4636f7;}


/*****************dms-view*****************/

.input-box-icon  {display:table; width:100%;}
.box-icon        { border-radius:4px 0 0 4px;}
.input-box       {display:table-cell;}
.input-search    {display:table-cell; padding:5px 0px 0px 0px; width:30px;  background: #D4D3D3;text-align: center;
                  vertical-align: middle; border-radius:0px 3px 3px 0px ; color:#555; border: 1px solid #C0BBBB; 
                  font-size:15px; 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%);}
.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: #03abd4;border-bottom: 2px solid #03abd4;}
                  
.autocomplete-but{margin-right:25px; clear:left;}
.dms-formats-left{float: left;width: 200px;margin-right: 10px;border: 1px solid #e0e0e0;height: 100%;}
.dms-formats-header{padding:5px 10px; background:#f2f2f2; border-bottom:1px solid #cbcbcb;}
.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; width:100%;}
.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{width:100%; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;transform-origin:center; 
                  -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;}

.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;
        }
        
    
        
        .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;
        }
        
        .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;
        }
        .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;
        }



  
/*****************Dialysis *****************/ 

.diasis-div { border-bottom: 1px solid #cbcbcb;margin-bottom: 5px;padding-bottom: 5px;}
.diasis-tit h1 {  color: #03ABD4;  font-size: 19px;  font-weight: 100;}

.book-dialsis    {width: 560px;margin: 0 auto;background-color: #f1f1f1;border-radius: 4px; position:relative;
                    
  -webkit-backface-visibility: hidden;
  -webkit-animation: ngdialog-fadein 0.5s;
  animation: ngdialog-fadein 0.5s;
               }
.dia-main-div { margin-top:5px;}
.book-dialsis i  {position: absolute;right: 3px;top: 3px;color: rgb(174, 245, 245);font-size: 23px;cursor: pointer;}
.book-dialsis h1 {padding: 4px 40px 4px 7px;font-size: 16px;border-radius: 2px;color: #fff;background-color: #03ABD4; }
.pad-right { padding-right:20px !important;}

/***User Management**
.user-mgmt-left {width:50%; }
.user-mgmt-right {width: 50%;}
.search-icon-td  {padding-right: 23px !important;}
.usr-mgt-search-icon {padding: 5px 5px 2px 5px;position: absolute;top: 4px;right: 0px;background: #D4D3D3;border-radius: 3px;
                      color: #555;border: 1px solid #C0BBBB;cursor: pointer;
                      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%);
                     }
.usr-mgt-search-icon i { margin-right:0 !important;}
.column-user-mgmt {  width:50% ;}*/
                    /**glasgow-coma scale**/
.glagow-div {    border: 1px solid #aeafaf;border-radius: 3px 3px 0 0;
                 margin-right: 10px;width: 32.6%;    height: 180px;    position: relative;}
.glagow-div input[type="radio"] { vertical-align:middle;}
.glagow-div h2 {text-align: center;padding: 3px 0px;background-color: #aeafaf;
                color: #fff;margin-bottom: 5px;}
.glagow-div h3 {padding: 3px;color: #333;border-top: 1px solid #c5c5c5;
                position: absolute; bottom: 0;width: 100%;}
.glagow-div li  {margin: 3px 0;}
.glagow-div li label {color:#444;}

.phy-div { margin:0px 10px 10px 0px;}
.adl-div { margin:0px 10px 10px 0; float:left;width: 32.3%; }


.adl-hdr {}
.adl-hdr h1 {margin-bottom: 5px;}
            
.spcia-active {color: #01a0bd;}
        /**---Edit button in foot div-**/
.edit-msg {padding: 2px;border-radius: 3px;color: #555;cursor: pointer;
    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: -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%);
    border: 1px solid #cbcbcb;font-size: 7px; }
                        /**---Anaesthesia Management-**/
    
.anes-mng-srh {margin: 0 0 10px 0;}
.anes-mng-srh label {margin: 0 20px 0 0;color: #333;}
.anes-mng-srh input[type="radio"] {vertical-align: middle;margin-right: 3px;}
                    /**---Ambulance Booking-**/
.ambl-book-left {width: 49%;float: left;height: 100%;}
.ambl-book-left .pat-info,.ambul-info{border: 1px solid #cbcbcb;background-color: #fbfbfb;border-radius: 6px;padding: 5px;margin-bottom:10px;}
.ambl-book-right {clear: right;margin-left: 50%;height: 100%;}
.ambl-book-right .apt-panel { margin-bottom:10px;}
.ambl-type li {    color: #333;margin-bottom: 5px;display: inline-block;width: 50%;}
.ambl-type li input[type="radio"] {margin-right: 3px;vertical-align: middle;}


/********************documentatoin*********************/

.document-left-ul .document-left-li {font-weight: bold; font-size: 13px;}
.document-left-ul .document-left-li label{cursor:pointer;}
.document-left-ul .document-left-li ul li{margin-left: 23px; color: Gray; font-weight: 200; padding:3px 5px;}
.document-left-ul .document-left-li ul li span{cursor: pointer;}
.document-left-ul .document-left-li ul li.active{background:#f5f5f5;}

.docmtn-left{float:left; width:60%; height:100%; display:table; border: 1px solid #cbcbcb;}
.docmtn-right{clear:right; margin-left:61%; height:100%; border: 1px solid #cbcbcb;}
.docmtn-msg-left {float:left; width:60%; height:100%;}
.docmtn-msg-left label {font-size: 24px;font-family: roboto thin;color: rgb(0, 154, 141);line-height: 36px;}
.docmtn-msg-right {clear:right; margin-left:61%; height:100%;}

.document-no-data{vertical-align: middle;  font-size: 14px; color: #969696; width:320px; margin: 25% auto 0px auto;}
.document-no-data ul li i{vertical-align:middle;}


/***********video cam***********/
.vcd-frame      { width: 49%; float: left; height: 100%; position: relative; }
.vd-video-cam   { width: 100%; height: 100%; position: absolute; top: 0px; bottom: 0px; z-index: 200; background: #fff;}
.video-cam-close{ position: absolute; bottom: 30px; left: 50%; margin-left: -60px; color: #fff; border-radius: 50%; cursor: pointer;
                  height: 40px; width: 40px; text-align: center; font-size:25px; background: #f31c1c; border: 1px solid #f31c1c; line-height: 38px;}

/***********file progress bar***********************/

.meter { 
			height: 25px; 
			position: relative;
			border: 1px solid #03abd4;
			/*margin: 60px 0 20px 0; 
			background: #555;
			-moz-border-radius: 25px;
			-webkit-border-radius: 25px;
			border-radius: 25px;*/
			padding: 3px;
			-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
			-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
			box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
		}
	.meter .bar-count{        position: absolute;
    top: -1px;
    right: 2px;
      font-weight: bold;
    padding: 3px;
    font-size: 14px;
    color: #000000;
    border-radius: 3px;
    font-family: 'Roboto Condensed';
    z-index: 10;}		
		
		.meter > span {
			display: block;
			height: 100%;
			   /*-webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;*/
			background-color: rgb(43,194,83);
			background-image: -webkit-gradient(
			  linear,
			  left bottom,
			  left top,
			  color-stop(0, rgb(43,194,83)),
			  color-stop(1, rgb(84,240,84))
			 );
			background-image: -moz-linear-gradient(
			  center bottom,
			  rgb(43,194,83) 37%,
			  rgb(84,240,84) 69%
			 );
			-webkit-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			-moz-box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			box-shadow: 
			  inset 0 2px 9px  rgba(255,255,255,0.3),
			  inset 0 -2px 6px rgba(0,0,0,0.4);
			position: relative;
			overflow: hidden;
		}
		.meter > span:after, .animate > span > span {
			content: "";
			position: absolute;
			top: 0; left: 0; bottom: 0; right: 0;
			background-image: 
			   -webkit-gradient(linear, 0 0, 100% 100%, 
			      color-stop(.25, rgba(255, 255, 255, .2)), 
			      color-stop(.25, transparent), color-stop(.5, transparent), 
			      color-stop(.5, rgba(255, 255, 255, .2)), 
			      color-stop(.75, rgba(255, 255, 255, .2)), 
			      color-stop(.75, transparent), to(transparent)
			   );
			background-image: 
				-moz-linear-gradient(
				  -45deg, 
			      rgba(255, 255, 255, .2) 25%, 
			      transparent 25%, 
			      transparent 50%, 
			      rgba(255, 255, 255, .2) 50%, 
			      rgba(255, 255, 255, .2) 75%, 
			      transparent 75%, 
			      transparent
			   );
			z-index: 1;
			-webkit-background-size: 50px 50px;
			-moz-background-size: 50px 50px;
			-webkit-animation: move 2s linear infinite;
			   -webkit-border-top-right-radius: 8px;
			-webkit-border-bottom-right-radius: 8px;
			       -moz-border-radius-topright: 8px;
			    -moz-border-radius-bottomright: 8px;
			           border-top-right-radius: 8px;
			        border-bottom-right-radius: 8px;
			    -webkit-border-top-left-radius: 20px;
			 -webkit-border-bottom-left-radius: 20px;
			        -moz-border-radius-topleft: 20px;
			     -moz-border-radius-bottomleft: 20px;
			            border-top-left-radius: 20px;
			         border-bottom-left-radius: 20px;
			overflow: hidden;
		}
		
		.animate > span:after {
			display: none;
		}
		
		@-webkit-keyframes move {
		    0% {
		       background-position: 0 0;
		    }
		    100% {
		       background-position: 50px 50px;
		    }
		}
		
		/*.orange > span {
			background-color: #f1a165;
			background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
			background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
		}
		
		.red > span {
			background-color: #f0a3a3;
			background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
			background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
			background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
		}
		
		.nostripes > span > span, .nostripes > span:after {
			-webkit-animation: none;
			background-image: none;
		}*/