@import url("base_default.css"); @import url("dialog.css"); @import url("fonts-animations.css"); 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:7px; height:7px;} ::-webkit-scrollbar-track{/*-webkit-box-shadow:inset 0 0 6px #fdfdfd; border-radius:8px;*/ background:#cecece;} ::-webkit-scrollbar-thumb{/*-webkit-box-shadow:inset 0 0 6px #a3a2a2;*/border-radius:15px; background:#5d5d5d;} ::-webkit-scrollbar-button:start{background:#cecece; } ::-webkit-scrollbar-button:end{background:#cecece; } .scrollbar{height:100%; overflow:auto;-webkit-overflow-scrolling:touch;} html,body { height:100%; background: #eff3f8;} #op-container { height: 100%; display: flex; flex-direction: column;} #op-main-header { height: 50px; background: #fff; -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); box-shadow: 0 2px 2px 0 rgba(0,0,0,.15); display: flex; justify-content: space-between;} .header-leftcol { } .header-leftcol .brandlogo img { margin: 8px 0px 8px 10px; height:34px; } .header-middelcol {} .header-rightcol { display:flex;} #op-main-body { flex: 1; overflow: hidden; display: flex; flex-direction: column; padding: 0 15px;} #op-page-header { padding:5px 0; display: flex;} .page-header-leftcol { display: flex; align-items: center; flex:1;} .page-header-rightcol { align-items: center; display: flex;} .page-header-title { display: flex; align-items: center; flex:1;} .page-header-title h1 { color: #03abd4; font-weight: 300;} #op-main-content { flex: 1; overflow: hidden; display: flex;} #op-main-leftcol { width: 250px; background: #fff; border-radius: 10px; margin-right: 15px; box-shadow: 0px 4px 30px rgba(221,224,255,0.54); height: 100%; /*overflow:hidden;*/ position:relative;} .leftcol-container { height: 100%; display: flex; flex-direction: column;} .leftcol-header {} .leftcol-body { flex: 1; overflow: auto;} .leftcol-footer {} #op-main-rightcol { flex: 1; background: #fff; border-radius: 10px; box-shadow: 0px 4px 30px rgba(221,224,255,0.54); padding: 15px; overflow: auto; position:relative;} #op-main-footer { display: flex; align-items: center; padding: 3px 15px;} .f-left { color:#565656;} .f-middle { flex: 1; overflow: hidden; padding: 0 15px;} .f-right { display: flex; color:#565656;} .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;} h1,h2,h3,h4,h5,h6,p { margin:0px; padding:0px;} button { cursor:pointer;} .pull-left { float: left;} .pull-right { float: right;} .viewmode { pointer-events:none;cursor:visible;} .viewmode-enable { pointer-events:auto;cursor:visible;} .radio-btn, .checkbox-btn { margin-right:10px; position:relative; padding-left:16px;} .radio-btn input[type="radio"], .checkbox-btn input[type="checkbox"]{position:absolute; left:0px; top:2px;} .ellipsis { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mandatory{position:relative;} .mandatory:after {content:'*'; color:Red; position:absolute; top: -3px; right: -8px; font-size:12px;} .page-loader-div { position:fixed; height:100%; width:100%; top:0px; left:0px; bottom:0px; right:0px; z-index:999; background:rgba(0, 0, 0, 0.3);} .page-loader { position:fixed; height:50px; width:50px; background:#fff; overflow:hidden; border-radius:8px; top:50%; left:50%; margin-left:-25px; margin-top:-25px; z-index:999999; text-align:center;display: table;padding: 12px;} .page-loader img {height:35px; width:35px; margin-top:10px;} .page-loader i { font-size:20px; margin-top:11px;} .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;display: table;padding: 12px;} .right-page-loader i { font-size: 25px;display: table-cell;vertical-align: middle;} .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;display: table;padding: 12px;} .left-page-loader i { font-size:20px; margin-top:11px;} [ng-cloak] { display: none !important;} [data-ng-cloak] { display: none !important;} .nopad { padding:0px !important;} .nopadbg { padding:0px !important; background:none !important;} .icon { cursor:pointer; font-size:16px;} .icon-disable {color:#c1bfbf !important; cursor:default !important;} .disabled {color:#a9a7a7 !important; cursor:default !important;} .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: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 { font-family: sans-serif; padding:5px; font-size:11px; color: #555; width:100%; border:1px solid #d4d4d4; height:40px; display:block; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius:1px; 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;/*text-transform:uppercase;*/ } .textarea-editable { display: block; width: 100%; background: white no-repeat; border-width:0px 0px 1px 0; height: 22px; border-bottom: 1px solid #b3b3b3; -webkit-box-shadow: inherit !important; padding: 3px; font-weight: bold !important; line-height: 15px;/*text-transform:uppercase;*/ background-image: linear-gradient(to bottom, #66afe9, #66afe9), linear-gradient(to bottom, #e0e0e0, #e0e0e0); background-size: 0 2px, 100% 0px; background-position: 50% 100%, 50% 100%; transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); } .textarea-editable[disabled="disabled"]{color: #a8a3a3; background:#f5f5f5; background: linear-gradient(to bottom, #fff 0%,#f5f5f5 100%);} .textarea-editable:focus { background-size: 100% 1px, 100% 1px; outline: none; } /*.textarea { padding:5px; font-size:13px; color: #555; width:100%; border:1px solid #ccc; height:50px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; border-radius:2px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; resize:none; font-family: 'Roboto' ,arial,verdana,tahoma;}*/ .button { border:none; padding: 5px 10px; border-radius: 3px; cursor:pointer;} .buttons { padding:4px 7px 4px 7px; float:right; font-size:13px; margin-left:5px; cursor:pointer; position:relative; outline:none; border:none; border-radius:2px;} .buttons:hover {} .button-dis {cursor:default !important; background:#85b0d1 !important; color:#CFEAFF !important; text-decoration:none; border-radius:2px; outline:none; border:none;} .button-dis:hover {background:#85b0d1 !important;} .button-line { padding: 4px 7px 4px 7px; font-size: 13px; margin-left: 5px; cursor: pointer; position: relative; outline: none; border: 1px solid #03abd4; border-radius: 2px; background: transparent; color: #086794;} .button-line:hover { background:#f5f5f5; color:#000;} .button-line[disabled="disabled"] { background: #e7e7e7; border: 1px solid #c9c9c9; cursor: default; color: #878787;} .button-disabled { background: #e7e7e7; border: 1px solid #c9c9c9; cursor: default; color: #878787;} .button-disabled:hover { background:#85b0d1;} .autocomplete-box { padding:3px; border:none; width:100%; outline:none; background:#fff; z-index:999999; font-size:13px;} .umr-serch { position:absolute; right:0px; top:4px; font-size:15px; color:#797979;} .panel-div { border:1px solid #e0e0e0;} .panel-div .panel-heading { padding:4px 4px;text-align: left; height:35px; background:#fefefe; border-bottom:1px solid #e0e0e0; 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-heading .righicon { float: right; border: 1px solid #e0e0e0; padding: 2px 6px; font-size: 15px; margin-left:4px; border-radius: 2px; cursor:pointer;} .panel-heading .righicon:hover{ border:1px solid #969595;} .panel-heading .righicon.righicon-dis{color:#b7b7b7 !important; cursor:default !important;} .panel-heading .righicon.righicon-dis:hover{border: 1px solid #e0e0e0 !important;} .panel-title { color: inherit;margin: 0px;padding: 0; font-size:16px;} .panel-title-ellips { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; float: left;} .panel-body { position:relative; overflow:auto;} .panel-body h3 { margin-bottom: 5px;} .SUN-table { border-collapse:inherit; border:0px;} .SUN-table th { position:relative; padding:4px; vertical-align:middle;} .SUN-table td { position:relative; padding:4px; vertical-align:middle;} .SUN-table label { font-size:1em; color: #000; position:relative;} /*.SUN-table tr td input[type="checkbox"]{vertical-align:middle; margin-right:1px; margin-top:-2px; margin-left:0px;} .SUN-table tr td input[type="radio"]{vertical-align:middle; margin-right:1px; margin-top:-3px; margin-left:0px;}*/ .SUN-table tr td i { vertical-align:middle; margin-right:5px;} .SUN-table-border { border-collapse: collapse; } .SUN-table-border td { border: 1px solid #e0e0e0; } .SUN-table-border td i { font-size:16px; color:Gray; } .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; } .pad-right { padding-right:20px !important;} .mand-feeld { position:relative;} .mand-feeld:after {content:'*'; color:Red; font-size:16px;} .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;} .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:-2px 3px 0 4px; padding: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; font-family: 'Roboto Condensed'; text-transform:capitalize; display: inline-block; margin:2px; font-weight: 100;} .panel-header-flex { display:flex; justify-content: space-between;} .panel-header-left-col { display:flex; align-items: center;} .panel-header-right-col { display:flex;} .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; 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;*/ 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;} .form-panel-footer { background:#f2f2f2; border-top:1px solid #e0e0e0; padding:5px; min-height:25px; display:flex;} .form-copy-dis { color:#e0e0e0; cursor:default;} .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;*/} .visit-Top-buttons ul li { display:inline-block; position:relative;} .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; vertical-align:middle;} .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%;} .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;} .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;} .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;} .text-cards-DIV { float:left; margin-top:10px;} .text-cards { width:225px; height:auto; position:relative; border: 1px solid #e0e0e0; margin:0px 10px 10px 0; float: left;} .cards-edits { height:25px; background:#ECE9E9; border-bottom:1px solid #e0e0e0;} .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; } .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;} .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 !important; 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:#2b2b2b; 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; color:#2b2b2b; margin-left:2px; } .grid-col-ellipsis { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .StplGrid td .manage-icon { display:none; float:right;} .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-alt-row:nth-child(odd) { background:#f2f2f2;} .StplGrid tr.active { background:#f2f5c8;} .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; } .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;} /********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-body {padding:10px; text-align:center;} .session-exp-content h1 {font-size: 17px;color: #535353;padding: 10px 10px;font-weight: 300;background: #f2f2f2; border-radius: 4px 4px 0 0;} .session-exp-content label {font-size: 14px;color: #333;line-height:55px;} .session-exp-content i {font-size: 22px;color: #f51313; margin-right:5px;vertical-align: middle;} /********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;} .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; min-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; min-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; display: inherit;} .qurys-button {float:left; clear:left; width:100%; padding:0px 5px;} .grid-options{float:left; margin: 7px 0px 0px 30px;} .grid-options ul li{display:inline-block;} .grid-options ul li label{margin-right:15px; font-weight:bold;} .grid-options ul li input[type="radio"]{vertical-align:middle; margin-right:5px;} /******page topheader start here *******/ #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;} .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:#e0e0e0; font-style:italic;font-family:'Roboto Medium'; margin-top: 14px; float: left; margin-left: 5px; color:#782285; font-size:20px;} /******page header right Section menus Start here *******/ #header-right {float:right;} .header-top-menu{position: relative; float:right;} .header-top-menu ul{float: right;margin: 5px 17px 0px 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 #e0e0e0; 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; z-index: 10000; 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 img{margin:4px 10px 0px 0px; height:40px; padding:3px; border-radius: 5px; border: 1px solid #C8C8C8;} /******page header right Section popover Start here *******/ .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;} /******page header top menu Start here *******/ .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{} /******popover login div Start here *******/ .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;} .errormsg{text-align:center; color:Red; display:none;} /******Header top menu Start Here*******/ .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; padding:8px 25px 8px 25px; position:relative;} .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: 8px; 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{ 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;} /******Header top notification start Here*******/ .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;} .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; } .notification-div .more-notf a:hover {color:#fff;} .notification-list {overflow: auto; -webkit-overflow-scrolling:touch; max-height:520px;} /******mainwrapper&contentwrapper page Start Here*******/ #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%;} #doc-profile-details-div { position: relative; background:#fff; padding:17px;} .main-content { padding: 0px 17px 0px 17px;overflow: hidden;width: 100%;position:relative;} .main-left-col { width: 220px;float: left;margin-right:17px;} .main-left-col-2 { width:180px; } .main-right-col { clear: right; background: #ffffff; overflow: hidden; height:100%; padding:10px; } .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;} 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 17px;line-height: 20px;color: #7f7f7f;} /******Page head icons Start Here*******/ .page-head-icon { flex: 1; padding:0 0px 0 15px;} .page-head-icon ul li {float:right; margin-left:10px; padding:2px 10px 2px 10px; position:relative; border: 1px solid #adadad; border-radius: 15px; color: #000;} .page-head-icon ul li.active { color: #fff;border-radius:4px;} .page-head-icon ul li i {font-size:17px; margin-right:5px; vertical-align:middle;} .page-head-icon ul li label {font-size:14px; cursor:pointer; float:right; margin-top: 2px;} .page-head-icon ul li:hover {border:1px solid #03abd4; } .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; } .last-refresh { color: #777676;margin:5px 0 0 10px; float:left;} .last-refresh i { vertical-align: middle;margin-right: 5px; font-size: 15px;} .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;} /******Page head icons Ends Here*******/ .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: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;} .grid-page-header { padding: 4px 17px 4px 12px;clear:both;} .page-header { padding: 4px 0px 4px 0px;clear:both;} .page-head { height:30px; width:100%; position:relative} .page-head h1 { font-style:normal; font-size: 22px; font-weight:100; float:left; font-family: 'Roboto Condensed';} .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 { font-size: 24px; margin-right: 15px; cursor:pointer; display:none;} .menulist2 { font-size: 24px; margin-right: 15px; cursor:pointer;} .page-head-right { float:right;} .grid-top-right-buts { position:absolute; height:30px; width:100px; top:7px; right:17px;} .grid-top-right-buts label {font-size: 14px; cursor: pointer; 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;} .pad-popup-set{height:390px; padding:15px; overflow:auto; -webkit-overflow-scrolling:touch;} /***********************************************************Month&day-view-popup Start here***************************************************/ .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;} .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 #e0e0e0; 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 #e0e0e0; 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 #e0e0e0;} .PA-month-content { width:100%; float:left; border:0px solid #e0e0e0; border-width:0px 1px 0px 0;} .PA-month-DIV { width:133.7px; float:left; height:71px; border:0px solid #e0e0e0; 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 #e0e0e0; border-bottom:1px solid #e0e0e0; 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-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;} /***********************************************************calender& ok div Styles Starts here***************************************************/ .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: 2px 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; padding:5px;} #bookapptcalendar { padding:0px 10px; width:100%; float:left;} .pop-calendar { width:100%; border: 1px solid #e0e0e0; height:184px; overflow:hidden;} .DS-calendar { width:100%; float:right; border:1px solid #e0e0e0; margin-bottom:10px; height:auto;} .DS-calendar-header { border:0px solid #e0e0e0; 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 #e0e0e0; border-bottom:1px solid #e0e0e0; 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 #e0e0e0; 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;}/*width:832*/ .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;} /***********************************************************No records start here***************************************************/ .no-records{text-align:center; margin-top:120px; color:red;} .no-records label{padding:7px 0; color:#F46767; font-size:15px; font-family:'Roboto Light'; font-weight:bold; float:none;} .data-notfound img { height: 77px;} .no-records-found { display: flex; justify-content: center; align-items: center; height: 100%;} .no-records-found .data-text h5 { color:#000000;font-size: 14px;} .no-records-found .data-text p { font-size: 11px;color: #b7b7b7;} .nr-bg {padding:130px 50px; text-align: center;} /***********************************************************No records Ends here***************************************************/ /***********************************************************Left Menu list start here***************************************************/ .left-list{border-bottom:1px solid #e0e0e0; padding:7px;} .left-list:hover{background:#f5f5f5;} .left-list.active{background:#f5f5f5; border-left:2px solid #03abd4;} .left-list title{} .left-list .sub-title{display: block; color: #6d6d6d;} .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; } .parent2 {border-bottom:1px solid #cbcbcb; cursor:pointer; border-left:2px solid transparent; position:relative; text-overflow: ellipsis; overflow: hidden; white-space:nowrap;} .parent2.active {border-left:3px solid #03abd4 !important; background: #f5f5f5;} .parent2-table {border-collapse:inherit; border:0px;} .parent2-table td {position:relative; padding:5px; vertical-align:top; white-space: normal;} .parent2-table h4 {color:#03abd4;} .parent2-table span {font-size:11px; color:#8e8e8e;} .parent2-table tr td i {vertical-align:middle; margin-right:5px; color:#767676; font-size:14px;} /***********************************************************Left Menu list Ends here***************************************************/ .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-weight: 400; font-size:12px;} .popup-doc-pic { } .doctorpopupphoto { width: 108px; height: 108px; border-radius: 50%; overflow: hidden; text-align:center; margin-left:132px; margin-bottom:5px;} .doctorpopupphoto img { width: 108px; height: 108px;} .popup-doctorinfo { width:100%; position:relative; text-align:center; display: table-cell; 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;} /***********************************************************Drop Request start here***************************************************/ .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;} .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;} /***********************************************************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-size:19px; color:#426694;} .DVpopdetails ul span { 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;} .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 #e0e0e0; background: #f2f2f2;} .DVslotchng ul li {padding:5px 8px; display:inline-block; /*width:121.7px;*/ text-align:center; cursor:pointer; 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;} /***********************************************************table-view table styles start here***************************************************/ .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;} /****************mask styles starts here******************/ .mask,#mask { position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999; background:gray; filter:alpha(opacity=70); opacity:0.5;} .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 !important; width:100%; outline:none; background:#fff; /*z-index:999999;*/ font-size:12px;} /*********************prompt start here*************************/ .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;} /*********************************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: #007db0; font-family: 'Roboto Light';} .popup-ser-info ul li { line-height:16px; color: #828282; line-height:20px;} .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:#007db0; 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;} /*******************************multiSelect*********************************/ /*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:3px; font-size: 13px; width:100%; border-radius:2px; 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 5px 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: 7px; position: absolute; top: 8px; } /* 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;} /*******************************Doctors resources start here*********************************/ .resources { background:#f9f9f9; border-bottom:1px solid #e0e0e0;} .resources ul { display:flex; display: -webkit-flex;} .resources ul li { color:#404040; padding:5px; font-size: 13px;cursor:pointer; flex:1; -webkit-flex:1; /*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;} /***************slot-filter*******************/ .PD-filter-div { background: #f5f5f5; border:0px solid #e0e0e0; border-width:1px 0 1px 0; width:100%; height:31px; } .PD-filter-div .PD-filter-icons { float:left; cursor:pointer; width:31.4px; height:29px; -webkit-transition: 0.50s; -moz-transition: 0.50s;transition: 0.50s; border-right: 1px solid #e0e0e0; position:relative; color:#404040;} .PD-filter-div .PD-filter-icons:hover{background:#e6e6e6;} .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-div .PD-filter-icons.filter-1 { color:#1aba3c;} .PD-filter-div .PD-filter-icons.filter-2 { color:#F78AF6;} .PD-filter-div .PD-filter-icons.filter-3 { color:#000;} .PD-filter-div .PD-filter-icons.filter-4 { color:#00a2e8; font-weight:bold;}*/ /****************************Apt Patient Details***********************************/ .apt-patient-div {background:#e0f7fa; border: 1px solid #80deea; border-radius:3px; position:relative; padding:11px 5px 5px 5px; display: flex;} .apt-patient-photo {width:35px; height:35px; overflow:hidden; text-align:center; margin-right: 15px;} .apt-patient-photo img {width:35px; height:35px;} .apt-patient-dls {position:relative; flex: 1;} .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;} .alrgy-clr { color: #d20404 !important;} .patient-ul { display: flex; flex-wrap: wrap;} .patient-ul li { margin:0px 25px 0px 0px;} .patient-ul li .title { font-weight: bold; color: #000; font-size: 11px; display: block;} .patient-ul li .value { color: #000000; display: block;} .patient-ul li .col { color:#696969; font-size:12px; display: none;} .pat-dls-icons { position: absolute; top:-13px; right: 6px; border: 1px solid #80deea; background: #fff; border-radius:0px; display: flex;align-items: center;} .vd-dms-icon { padding:1px 5px; background:#fff; color: #555; border-right:1px solid #80deea;} /*<*--float:right;-->*/ .vd-dms-icon:hover { color:#000; background:#fff;} .vd-dms-icon i { font-size:14px; cursor:pointer;} .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;} .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:19px;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;} /****************************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;} .pat-allergies { position: relative;} .pat-allergies-popover { position:absolute; padding:7px; z-index:999; width:200px; min-height:50px; top:18px; left:0px; background: #fff; border-radius: 2px; box-shadow: 0px 3px 6px -2px #a7a7a7; border: 1px solid #cbcbcb; display:none;} .pat-allergies:hover .pat-allergies-popover { display:block;} .allergies-color { color: red;} /****************************no data maindiv & bg icons position start here***********************************/ .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 #e0e0e0; 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 .cancel-office-ol {margin:5px 0 0 0; padding: 0 0 0 17px; color:#949494;} .child-servce { display:block; color:#adadad;} /****************************patient details& table-ellipsis start here***********************************/ .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-weight:bold; color:#333333;} .table-ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /****************************Patient Registration search popovers && search popovers start here*******************************/ .search-popover {background:#fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom:3px solid #007db0; -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 #007db0;} .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;} .suerrmsg { display: none; white-space:nowrap; position: absolute; padding: 8px 10px; background:#FFDFDF; border:1px solid #F0A9A9; z-index:999; right:15px; top:-44px; font-size:13px; color: red; border-radius:3px;} .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;} .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%;} .error {border:1px solid #f89494 !important; box-shadow:1px 1px 8px 1px #ffc2c2 inset !important; padding:7px 12px;} .input-box-icon {display:table; width:100%;} .box-icon { border-radius:2px 0 0 2px !important;} .input-box {display:table-cell;padding: 0px;border-radius: 2px 0px 0px 2px;} .input-search {display:table-cell; padding:0px 0px 0px 0px; width:30px; background: #D4D3D3;text-align: center; vertical-align: middle; border-radius:0px 2px 2px 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%);} .input-search i { margin: 0px; } .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;} /****************module-menu***************/ .main-module-col { width:35px; position: fixed; background:#fff; top:0px; bottom:0px; left: 0px; z-index: 99999999; border-right:1px solid #cbcbcb;} .module-list-div {} .module-list-ul {} .module-list-ul .module-list { padding: 11px 7px; cursor:pointer; position: relative; color: #404040;} .module-list-ul .module-list:first-child{border-bottom: 1px solid #cbcbcb; padding: 22px 7px 23px 7px;} .module-list-ul .module-list:nth-child(2){color:#b7840b;} .module-list-ul .module-list:nth-child(3){color:#a54eb9;} .module-list-ul .module-list:nth-child(4){color:#ce3c3c;} .module-list-ul .module-list:nth-child(5){color:#b7840b;} .module-list-ul .module-list:hover{ background:#f2f2f2;} .module-list-ul .module-list.active{ background:#03abd4; color:#fff !important;} .module-list-ul .module-list:hover .module-name-tooltip{display:block; -webkit-animation: fadeIn .3s linear 1, move-right .3s linear 1; -moz-animation: fadeIn .3s linear 1, move-right .3s linear 1; -ms-animation: fadeIn .3s linear 1, move-right .3s linear 1;} @-webkit-keyframes move-right { from { top:0px;opacity: 0; } to { top:8px;opacity: 1; }} @-moz-keyframes move-right { from { top:0px; opacity: 0; } to { top:8px;opacity: 1; }} @-ms-keyframes move-right { from { top:0px; opacity: 0; } to { top:8px;opacity: 1; }} .module-list-ul .module-list i { display: block; font-size: 17px;} .module-list-ul .module-list .module-name-tooltip{position: absolute; z-index:200; left:46px; top: 8px; font-family: 'Roboto Condensed'; font-size: 15px; font-weight: 300; color: #ffffff; background: #2f2f2f; white-space: nowrap; padding: 4px 10px; border-radius: 3px; display:none;} .documents-div { background:#fff; border-radius:3px; border-right:1px solid #cbcbcb; position:fixed; left:35px; top:0px; bottom: 0px; -webkit-box-shadow: 0 3px 21px -7px #000; box-shadow: 0 3px 21px -7px #000; z-index:10000;} .cmplnt-search-table { padding: 10px; background: #f1f1f1; border-bottom: 1px solid #cacaca;} .documents-div-scroll { height:calc(100% - (+47px)); width:225px; overflow:auto; } .documents-list .module-name { padding:0px 0px 0px 20px; position: relative; } .documents-list .module-name i.icon{ position: absolute; left: 3px; top: 2px; font-size: 12px; color: #404040; cursor:pointer;} .documents-list .module-name h3 { color: #404040; font-size: 14px; font-weight:bold; margin-bottom: 5px; font-family: 'Roboto Condensed';} .documents-list .module-name ul li{ position:relative; cursor: pointer; padding:5px 25px 5px 22px; font-size: 12px; color:#606060; border-left:2px solid transparent;} .documents-list .module-name ul li label{ cursor:pointer;} .documents-list .module-name ul li.active{border-left:2px solid #03abd4; background:#f2f2f2;} .documents-list .module-name ul li.default-page{ border-left: 2px solid #03abd4; background: #f5f2d3;} .documents-list .module-name ul li.default-page:hover{background: #f5f2d3 !important;} .documents-list .module-name ul li .default-page-icon{display:block !important;} .documents-list .module-name ul li:hover{background:#f2f2f2;} .documents-list .module-name ul li:hover .su-document-text-settings{display:block;} .documents-list .module-name ul li .su-page-export { position: absolute; left:0px; top:4px; font-size: 17px; cursor: pointer;} .documents-list .module-name ul li .su-document-text-settings { position: absolute; right:5px; top:5px; font-size: 14px; cursor: pointer; display:none;} /****mediaction****/ .new-hist { color: #333;background: #fae0e0;font-size: 14px;padding: 3px;margin: 5px 0;border: 1px solid #ffd3d3;} .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;} .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;} @media screen and (max-width:1366px){ .visit-saveprofile-div {width: 283px;} .op-view-temp-content {width: 321px !important; padding-left:5px;} } /*******Tree View**************/ .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;} .left-search {background:#fff; padding:0px 0px 0 0px; position:relative; margin:-4px;} /***Search In ***/ .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%);} /**********Radio & checkbox buttons*************/ .flex { display: flex; flex-wrap: wrap;} .pure-checkbox *,.pure-radiobutton * { box-sizing: border-box } .pure-checkbox,.pure-radiobutton { margin: 3px 7px 3px 0px; } .pure-checkbox *:before,.pure-radiobutton *:before,.pure-checkbox *:after,.pure-radiobutton *:after { box-sizing: border-box } .pure-checkbox input[type="checkbox"],.pure-radiobutton input[type="checkbox"],.pure-checkbox input[type="radio"],.pure-radiobutton input[type="radio"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .pure-checkbox input[type="checkbox"]:focus+label:before,.pure-radiobutton input[type="checkbox"]:focus+label:before,.pure-checkbox input[type="radio"]:focus+label:before,.pure-radiobutton input[type="radio"]:focus+label:before,.pure-checkbox input[type="checkbox"]:hover+label:before,.pure-radiobutton input[type="checkbox"]:hover+label:before,.pure-checkbox input[type="radio"]:hover+label:before,.pure-radiobutton input[type="radio"]:hover+label:before { border-color: #1a5bba; background-color: #fff } .pure-checkbox input[type="checkbox"]:active+label:before,.pure-radiobutton input[type="checkbox"]:active+label:before,.pure-checkbox input[type="radio"]:active+label:before,.pure-radiobutton input[type="radio"]:active+label:before { transition-duration: 0s } .pure-checkbox input[type="checkbox"]+label,.pure-radiobutton input[type="checkbox"]+label,.pure-checkbox input[type="radio"]+label,.pure-radiobutton input[type="radio"]+label { position: relative; padding: 5px 5px 5px 1.6em; vertical-align: middle; user-select: none; cursor: pointer } .pure-checkbox input[type="checkbox"]+label:before,.pure-radiobutton input[type="checkbox"]+label:before,.pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before { box-sizing: content-box; content: ''; color: #1a5bba; position: absolute; top: 7px; left: 0; width: 12px; height: 12px; /* margin-top: -8px; */ border: 1px solid #c9c9c9; text-align: center; transition: all .4s ease; background:#fff; } .pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after { box-sizing: content-box; content: ''; background-color: #1a5bba; position: absolute; top: 15px; left: 3px; width: 8px; height: 8px; margin-top: -5px; transform: scale(0); transform-origin: 50%; transition: transform 200ms ease-out; } .pure-checkbox input[type="checkbox"]:disabled+label:after,.pure-radiobutton input[type="checkbox"]:disabled+label:after,.pure-checkbox input[type="radio"]:disabled+label:after,.pure-radiobutton input[type="radio"]:disabled+label:after { background: #c9c9c9 } .pure-checkbox input[type="checkbox"]:disabled+label:before,.pure-radiobutton input[type="checkbox"]:disabled+label:before,.pure-checkbox input[type="radio"]:disabled+label:before,.pure-radiobutton input[type="radio"]:disabled+label:before { border-color: #c9c9c9; background-color: #e7e7e7 } .pure-checkbox input[type="checkbox"]:disabled:focus+label:before,.pure-radiobutton input[type="checkbox"]:disabled:focus+label:before,.pure-checkbox input[type="radio"]:disabled:focus+label:before,.pure-radiobutton input[type="radio"]:disabled:focus+label:before,.pure-checkbox input[type="checkbox"]:disabled:hover+label:before,.pure-radiobutton input[type="checkbox"]:disabled:hover+label:before,.pure-checkbox input[type="radio"]:disabled:hover+label:before,.pure-radiobutton input[type="radio"]:disabled:hover+label:before { background-color: #e7e7e7 } .pure-checkbox input[type="checkbox"]:disabled:checked+label:before,.pure-radiobutton input[type="checkbox"]:disabled:checked+label:before,.pure-checkbox input[type="radio"]:disabled:checked+label:before,.pure-radiobutton input[type="radio"]:disabled:checked+label:before { border-color: #c9c9c9; background-color: #e7e7e7 } .pure-checkbox input[type="checkbox"]+label:after,.pure-radiobutton input[type="checkbox"]+label:after { background-color: transparent; top: 15px; left: 3px; width: 6px; height: 3px; /* margin-top: -5px; */ border-style: solid; border-color: #fff; border-width: 0 0 3px 3px; border-image: none; transform: rotate(-45deg) scale(0); } .pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after { content: ''; transform: rotate(-45deg) scale(1); transition: transform 200ms ease-out } .pure-checkbox input[type="radio"]:checked+label:before,.pure-radiobutton input[type="radio"]:checked+label:before { animation: borderscale 300ms ease-in; background-color: #fff } .pure-checkbox input[type="radio"]:checked+label:after,.pure-radiobutton input[type="radio"]:checked+label:after { transform: scale(1) } .pure-checkbox input[type="radio"]+label:before,.pure-radiobutton input[type="radio"]+label:before,.pure-checkbox input[type="radio"]+label:after,.pure-radiobutton input[type="radio"]+label:after { border-radius: 50% } .pure-checkbox input[type="checkbox"]:checked+label:before,.pure-radiobutton input[type="checkbox"]:checked+label:before { animation: borderscale 200ms ease-in; background: #1a5bba; border: 1px solid #1a5bba; } .pure-checkbox input[type="checkbox"]:checked+label:after,.pure-radiobutton input[type="checkbox"]:checked+label:after { transform: rotate(-45deg) scale(1) } .pure-checkbox.pure-checkbox-inline,.pure-radiobutton.pure-checkbox-inline,.pure-checkbox.pure-radiobutton-inline,.pure-radiobutton.pure-radiobutton-inline { display: inline-block } .pure-checkbox-toggle input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .pure-checkbox-toggle input[type="checkbox"]+label { position: relative; padding: 5px 5px 5px 40px; vertical-align: middle; user-select: none; cursor: pointer; display: block } .pure-checkbox-toggle input[type="checkbox"]+label:before { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; content: ''; color: #1a5bba; width: 35px; height: 20px; border-radius: 50px; text-align: center; transition: all .4s; background-color: #c9c9c9 } .pure-checkbox-toggle input[type="checkbox"]+label:after { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); left: 0; content: ''; background-color: #fff; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #c9c9c9; transition: all .2s; box-sizing: border-box } .pure-checkbox-toggle input[type="checkbox"]:checked+label:before { box-shadow: inset 0 0 0 10px #1a5bba } .pure-checkbox-toggle input[type="checkbox"]:checked+label:after { left: 15px; border-color: #1a5bba; background-color: #fff } .pure-checkbox-toggle input[type="checkbox"]:disabled+label { cursor: default } .pure-checkbox-toggle input[type="checkbox"]:disabled+label:before { box-shadow: inset 0 0 0 10px #e3e3e3 } .pure-checkbox-toggle input[type="checkbox"]:disabled+label:after { border-color: #e7e7e7 } .pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:before { box-shadow: inset 0 0 0 10px #999999 } .pure-checkbox-toggle input[type="checkbox"]:disabled:checked+label:after { border-color: #c9c9c9 } .pure-checkbox-toggle--right input[type="checkbox"]+label { padding: 5px 40px 5px 5px } .pure-checkbox-toggle--right input[type="checkbox"]+label:before { left: auto; right: 0 } .pure-checkbox-toggle--right input[type="checkbox"]+label:after { left: auto; right: 15px } .pure-checkbox-toggle--right input[type="checkbox"]:checked+label:after { left: auto; right: 0 } .op-tag{padding: 4px 25px 4px 5px; background: #ebe5ff; border-radius: 3px; border: 1px solid #a7bcdd; color: #000; font-size: 11px; position:relative; margin:0 5px 5px 0px;} .op-tag i{position: absolute; font-size: 15px; right: 0px; top: 3px; cursor: pointer;} /*********************tabs************************/ .tab { position:relative; border-bottom: 1px solid #cbcbcb; margin-bottom:10px; display: flex;} .tab li { font-size:14px; color: #737373; margin-right:5px; display:inline-block; padding: 6px 15px; cursor:pointer; } .tab li:hover { color:#000;} .tab .active { border-bottom: 2px solid #03abd4; color:#03abd4; font-weight:bold; } .tab .active:hover { color:#03abd4;} /*********************fieldset************************/ .fieldset { margin-bottom: 8px;} .fieldset fieldset { border:1px solid #4d4d4d; height:100%; border-radius: 7px;} .fieldset fieldset legend { margin-left:8px;} .fieldset fieldset legend h3 { font-size:15px; color:#000; font-size:15px;} .fieldset fieldset .fieldset-content{padding:8px;} .fieldset-print { margin-top:10px;} .fieldset-print fieldset { border: 1px solid #cbcbcb;} .fieldset-print .fieldset-content { padding:10px;} .fieldset-print legend { font-size: 15px; font-weight: bold;} /*******************accordion*****************/ .accordion-panel { padding: 6px; border: 1px solid #e0e0e0; margin-bottom: 5px; background: #f8f8f8; border-radius: 1px;} .accordion-panel-header { position:relative; padding-left:23px; cursor: pointer;} .accordion-panel-header i { position: absolute; top: 0px; left: 0px;font-size: 17px;} .accordion-panel-body {} /***************Template view****************/ .view-template, .save-template { position:relative;} .template-popover { position:absolute; padding:5px 0px 0px 0px; right:0px; top:16px; z-index:500; display:none;} .template-content { width:500px;height:260px;background:#fff; padding:8px; display: flex; flex-direction: column; box-shadow:0 2px 4px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); background-color:#fff;} .template-buttons { padding: 0px 10px 10px 10px; border-top: 1px solid #c2c0c0;background:#F0F0F0; margin: 8px -8px -8px -8px;} .template-buttons input[type="button"]{margin-top:10px; cursor:pointer;} .template-list { overflow: auto; overflow: auto; flex: 1;} .view-template:hover .template-popover{display:block;} .save-template-popover { position:absolute; height:auto; right:0px; top:16px; z-index:500; padding:5px 0px 0px 0px; display:none;} .save-template-content { height:125px;width: 350px; box-shadow:0 2px 4px rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.2); background-color:#fff; overflow:auto;-webkit-overflow-scrolling:touch; padding:8px;} .save-template:hover .save-template-popover{display:block;} /*********************Floating Control*********************/ .floating-ctrl { position: relative; margin-bottom: 15px; margin-right:10px;} .textfield { position: relative; padding:5px; height:35px; color: #000; width:100%; border: 1px solid #d4d4d4; border-radius:1px; 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;} .floating-ctrl span { position: absolute; z-index: 1; top: 10px; left: 8px; color: #808080; padding: 0 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; pointer-events: none; } .textfield:focus ~ span, .textfield:not(:focus):valid ~ span { top: -8px; font-size:12px; background-color: #fff;} .textfield, span { transition: ease-in-out 0.2s all; -webkit-transition: ease-in-out 0.2s all; -moz-transition: ease-in-out 0.2s all; -o-transition: ease-in-out 0.2s all; } .floating-icon .textfield { padding-right: 30px; } .floating-icon i { position: absolute; top: 50%; margin-top: -8px; right: 8px; font-size: 17px; cursor: pointer; } .value-ctrl { margin: 0 25px 15px 0; } .value-title { color: #808080; display: block;} .value-txt { font-size: 14px;} .fieldset-panel { border: 1px solid #5eb4ff; background:#fff; margin: 0px 0px 10px 0; padding:0px 10px 10px 10px; border-radius: 5px; } .fieldset-panel legend { font-size: 14px; background: #e4f3ff; border: 1px solid #5eb4ff; padding: 4px 12px; border-radius: 20px; margin-left: 25px; font-weight: bold; color: #1a5bba; text-align:center;} .fieldset-panel legend span { margin-right: 5px; } .fieldset-panel legend i { cursor: pointer; } .history-panel { border-bottom:1px solid #e0e0e0;} .history-panel-header h3 { font-size: 15px; color: #006e9c; margin: 7px 0; } .history-panel-body { } /*lokesh*/ .table-scroll {white-space:nowrap; margin:0; border:none; border-collapse:separate; border-spacing:0; table-layout:fixed; border:1px solid #cbcbcb;} .table-scroll .th-scroll, .table-scroll .td-scroll {border:1px solid #cbcbcb; padding:0.5rem 1rem;} .table-scroll .t-head .th-scroll { position:sticky; top:0; z-index:1; width:100px; background:#03abd4; color:#fff;} .table-scroll .td-scroll {background:#fff; padding:4px 5px; text-align:left;} .table-scroll .t-body .th-scroll {font-weight:100; text-align:left; position:relative;} .table-scroll .th-scroll:first-child {position:sticky; left:0; z-index:2; background:#03abd4; color:#fff; text-align:left;} .table-scroll .t-body .th-scroll {position:sticky; left:0; background:#fff; z-index:1;} [role="region"][aria-labelledby][tabindex] {width:100%; overflow:auto;} [role="region"][aria-labelledby][tabindex]:focus {outline:0; background:#fff;} .disabled-new {pointer-events:none; background: #dcdcdc; opacity: 0.4;} /*End lokesh*/ /*pointer-events:none;/ /* Switch Button Styles */ .switch { position: relative; display: block; vertical-align: top; width: 56px; height: 20px; padding: 3px; background-color: white; border-radius: 18px; box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05); cursor: pointer; background-image: -webkit-linear-gradient(top, #eeeeee, white 25px); background-image: -moz-linear-gradient(top, #eeeeee, white 25px); background-image: -o-linear-gradient(top, #eeeeee, white 25px); background-image: linear-gradient(to bottom, #eeeeee, white 25px); } .switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch-label { position: relative; display: block; height: inherit; font-size: 10px; text-transform: uppercase; background: #eceeef; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); -webkit-transition: 0.15s ease-out; -moz-transition: 0.15s ease-out; -o-transition: 0.15s ease-out; transition: 0.15s ease-out; -webkit-transition-property: opacity background; -moz-transition-property: opacity background; -o-transition-property: opacity background; transition-property: opacity background; } .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; } .switch-label:before { content: attr(data-off); right: 11px; color: #aaa; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .switch-label:after { content: attr(data-on); left: 11px; color: white; text-shadow: 0 1px rgba(0, 0, 0, 0.2); opacity: 0; } .switch-input:checked ~ .switch-label { background: #47a8d8; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2); } .switch-input:checked ~ .switch-label:before { opacity: 0; } .switch-input:checked ~ .switch-label:after { opacity: 1; } .switch-handle { position: absolute; top: 4px; left: 4px; width: 18px; height: 18px; background: white; border-radius: 10px; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2); background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0); background-image: -moz-linear-gradient(top, white 40%, #f0f0f0); background-image: -o-linear-gradient(top, white 40%, #f0f0f0); background-image: linear-gradient(to bottom, white 40%, #f0f0f0); -webkit-transition: left 0.15s ease-out; -moz-transition: left 0.15s ease-out; -o-transition: left 0.15s ease-out; transition: left 0.15s ease-out; } .switch-handle:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: #f9f9f9; border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02); background-image: -webkit-linear-gradient(top, #eeeeee, white); background-image: -moz-linear-gradient(top, #eeeeee, white); background-image: -o-linear-gradient(top, #eeeeee, white); background-image: linear-gradient(to bottom, #eeeeee, white); } .switch-input:checked ~ .switch-handle { left: 40px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2); } .switch-green > .switch-input:checked ~ .switch-label { background: #4fb845; } @media screen and (max-width: 1100px) { #op-main-content{position: relative;} .menulist { display: block; } .last-refresh{display:none;} #op-main-leftcol{display:none; position: absolute; z-index: 100; left: 0; top: 0px; box-shadow: 1px 2px 17px rgba(0 0 0 / 50%); bottom: 0px; border-radius: 0px 10px 10px 0;} }