/*------------------MAIN PAGE-------------------------*/
body, body.p_splash{
background:#fff url("../Images/bck.jpg") repeat-x;
height:100% !important;
}
body.modal-open {
overflow: hidden;
}
html{
height:100%;
}
.bck-anim{
animation: wb-pulse 1s ease-in;
}
.bck-anim .pr-heading{
animation: wb-heads-pulse 0.5s;
}
@keyframes wb-heads-pulse {
0%{
background-color: #fff;
}
100% {
background-color: #f6f6f6;
}
}
@keyframes wb-pulse {
0%{
background-color: #fff;
}
100% {
background-color: #f6f6f6;
}
}
.text-left{
text-align: left !important;
}
.text-right{
text-align: right !important;
}
.text-center{
text-align: center !important;
}
.site-header {
background: #ffffff;
border-top:4px solid #009fe0;
border-bottom: 1px solid #cccccc;
height: 55px;
padding: 32px 0 20px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.site-content{
padding-bottom:390px;
}
.top-menu a{
font-weight:bold;
font-size:16px;
color:#515151;
}
.top-menu a:hover, .top-menu a#active{
color:#009fe0;
}
.top-menu ul li{
display:inline;
margin-left:40px;
padding:20px 0;
}
.top-menu ul{
position:relative;
top:14px;
margin:0;
padding:0;
}
.top-menu ul li:first-child{
margin-left:0;
}
.user-profile a{
font-size:14px;
color:#6a6a6a;
padding-right:20px;
position:relative;
top:12px;
text-decoration:underline;
background: url("../Images/p_admin/arrow-down.png") right 6px no-repeat;
}
.user-profile a:hover{
color:#000;
background: url("../Images/p_admin/arrow-down.png") right -14px no-repeat;
}
.wrapper{
position:relative;
}
.user-not-logged-in{
position:absolute;
top:-24px;
right:0;
font-size:9px;
color:#b4b4b4;
}
.user-not-logged-in a{
text-transform:uppercase;
color:#696969;
}
.user-not-logged-in a:hover{
color:#009fe0;
}
.user-logged-in{
top:-32px;
right:-37px;
font-size:12px;
line-height:17px;
padding-left:1px;
padding-bottom:4px;
padding-right:35px;
background:url("../Images/user-right-bck.png") right -4px no-repeat;
float:right;
}
.user-logged-in span{
background:url("../Images/user-left-bck.png") -11px -4px no-repeat;
display:block;
padding:0px 0 8px 32px;
}
.user-logged-in a{
position:relative;
top:-1px;
color:#ccecf9;
padding-right:20px;
background: url("../Images/user-arrow-down.png") right 5px no-repeat;
}
.user-logged-in a:hover, .user-logged-in:hover span a{
color:#fff;
background: url("../Images/user-arrow-down.png") right -25px no-repeat;
}
.user-trial {
background: url("../Images/user-right-bck1.png") no-repeat scroll right -4px ;
color: #fff;
padding: 0 33px;
float:left;
}
.user-login-container {
height: 20px;
max-width: 100%;
min-width:392px;
position: absolute;
right: -1px;
top: -32px;
}
.login-banner {
text-align: center;
margin-top: 40px;
}
.top-login-banner {
background-color: #ededeb;
overflow: hidden;
}
.top-login-banner a {
display: flex;
justify-content: center;
}
.top-login-banner a img {
max-width: none;
}
.user-trial span{
background:url("../Images/user-left-bck1.png") -11px -4px no-repeat;
display:block;
padding:1px 0px 8px 32px;
font-size:12px;
}
.user-trial a{
position:relative;
top:-1px;
color:#fff;
padding-top:1px;
padding-right:20px;
font-weight:bold;
background: url("../Images/user-arrow-down1.png") right 3px no-repeat;
}
.user-trial a:hover, .user-trial:hover span a{
color:#fff;
background: url("../Images/user-arrow-down1.png") right -22px no-repeat;
}
.user-dd-menu{
position:absolute;
right:20px;
top:24px;
z-index: 9000;
}
.user-dd-menu a{
background:#009fe0;
border-top:solid 1px #4dbce9;
padding:15px;
width:120px;
display:block;
}
.user-dd-menu a:first-child{
border-top:none;
}
.user-dd-menu a:hover{
background:#00b4fe;
}
.user-dd-menu a#user-account{
background-image: url("../Images/p_admin/logged-in-menu-icons.png");
background-position:114px -334px;
background-repeat:no-repeat;
}
.user-dd-menu a#user-account:hover{
background-color:#00b4fe;
background-position:114px -286px;
}
.user-dd-menu a#user-settings{
background-image: url("../Images/p_admin/logged-in-menu-icons.png");
background-position:114px 15px;
background-repeat:no-repeat;
}
.user-dd-menu a#user-settings:hover{
background-color:#00b4fe;
background-position:114px -81px;
}
.user-dd-menu a#user-logout{
background-image: url("../Images/p_admin/logged-in-menu-icons.png");
background-position:114px -33px;
background-repeat:no-repeat;
}
.user-dd-menu a#user-logout:hover{
background-color:#00b4fe;
background-position:114px -129px;
}
.user-dd-menu a#user-billing{
background-image: url("../Images/p_admin/logged-in-menu-icons.png");
background-position:112px -185px;
background-repeat:no-repeat;
}
.user-dd-menu a#user-billing:hover{
background-color:#00b4fe;
background-position:112px -235px;
}
.user-login-container .user-logged-in .user-dd-menu, .notifications-dd-menu {
display: none;
}
.user-login-container .user-logged-in:hover{
padding-bottom:30px;
}
.user-login-container .user-logged-in:hover .user-dd-menu{
display: block;
}
.user-notifications-count{
display: inline-block;
padding-right: 10px;
padding-left: 20px;
margin-right: 10px;
height: 15px;
position: relative;
background: url("../Images/p_admin/user-notifications-flag.png") 1px 2px no-repeat;
border-right: solid 1px #4dbce9;
color: #ccecf9;
}
.user-notifications-overlay{
width: 80px;
height: 40px;
float: right;
position: relative;
left: 70px;
z-index: 2000;
}
.user-notifications-dd-menu{
display: none;
width: 300px;
position: absolute;
margin-left: -220px;
top: 23px;
font-size: 12px;
border: solid 1px #009fe0;
}
.user-notifications-overlay:hover .user-notifications-dd-menu{
display: block;
}
.user-notifications-dd-menu a{
background: #fff url("../Images/p_admin/user-notifications-panel-flag-40light.png") right 18px center no-repeat;
padding: 15px 55px 15px 15px;
width: 230px;
display: block;
color: #aaa;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-top: solid 1px #eee;
}
.user-notifications-dd-menu a:first-child {
border-top: none;
}
.user-notifications-dd-menu span.view-all-notifications{
background: #009fe0 url("../Images/p_admin/user-notifications-panel-flag-40.png") right 18px center no-repeat;
color: #ccecf9;
padding: 15px 55px 15px 15px;
width: 230px;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.user-notifications-dd-menu a.unread-notification{
color: #333;
font-weight: bold;
background: #fff url("../Images/p_admin/user-notifications-panel-flag-40dark.png") right 18px center no-repeat;
}
#video-and-action{
height:352px;
margin-top:30px;
position:relative;
}
#video-holder, #video-holder1{
padding:10px 0 0 15px;
width:589px;
height:352px;
background: url("../Images/p_splash/video-bck.png") no-repeat;
position:absolute;
left:-8px;
}
.social-icons-top{
position: absolute;
width: 39px;
height: 162px;
left:-39px;
top:10px;
z-index: 1000;
}
.social-icons-top a{
display: inline-block;
width:40px;
height:31px;
margin-bottom: -3px;
}
.social-icons-top a.social-icon-li{
background: url("../Images/p_splash/socials-top.png") 7px 0 no-repeat;
}
.social-icons-top a.social-icon-fb{
background: url("../Images/p_splash/socials-top.png") 7px -33px no-repeat;
margin-bottom: -4px;
}
.social-icons-top a.social-icon-pi{
background: url("../Images/p_splash/socials-top.png") 7px -66px no-repeat;
margin-bottom: -2px;
}
.social-icons-top a.social-icon-in{
background: url("../Images/p_splash/socials-top.png") 7px -100px no-repeat;
}
.social-icons-top a.social-icon-tw{
background: url("../Images/p_splash/socials-top.png") 7px -133px no-repeat;
}
.social-icons-top a.social-icon-li:hover{
background: url("../Images/p_splash/socials-top.png") -43px 0 no-repeat;
}
.social-icons-top a.social-icon-fb:hover{
background: url("../Images/p_splash/socials-top.png") -43px -33px no-repeat;
margin-bottom: -4px;
}
.social-icons-top a.social-icon-pi:hover{
background: url("../Images/p_splash/socials-top.png") -43px -66px no-repeat;
margin-bottom: -2px;
}
.social-icons-top a.social-icon-in:hover{
background: url("../Images/p_splash/socials-top.png") -43px -100px no-repeat;
}
.social-icons-top a.social-icon-tw:hover{
background: url("../Images/p_splash/socials-top.png") -43px -133px no-repeat;
}
#action-holder{
width:305px;
position:absolute;
left:595px;
text-align:center;
}
#action-holder form{
text-align:left;
}
.device-icons{
margin:25px 0;
}
.device-icons img {
display:inline-block;
vertical-align: bottom;
margin:0 15px;
}
#action-holder h1, h1.second-page, .calculator h1{
margin:0;
font:italic 26px Georgia, 'Times New Roman', Times, serif ;
}
#action-holder h1.big-description{
font-size:28px;
line-height: 1.4;
padding-top:22px;
padding-bottom:52px;
}
.modal.integration-modal{
width:900px;
margin-left:-450px;
}
.integration-link, .support-24-7{
text-align:center;
margin:30px 0 40px 0;
font:italic 22px Georgia, 'Times New Roman', Times, serif;
}
.support-24-7{
border-top:dotted 1px #ccc;
margin-bottom: 0;
margin-top:20px;
padding-top:5px;
}
.support-24-7 .support-text{
position: relative;
left:60px;
padding-top:50px;
padding-bottom:30px; background: url("../Images/p_splash/24-7-support.png") 180px 25px no-repeat;
}
.integration-link a{
color:#009fe0;
text-decoration: none;
border-bottom:dashed 1px #009fe0;
}
.integration-link a:hover{
color:#000;
text-decoration: none;
border-bottom:dashed 1px #000;
}
.integration-link-modal{
text-align:center;
overflow: visible;
max-height: 430px;
}
.integration-link-modal h1{
font:italic 26px Georgia, 'Times New Roman', Times, serif;
margin-bottom:40px;
}
.integration-link-modal h2{
font:italic 18px Georgia, 'Times New Roman', Times, serif;
}
.integration-link-modal a{
color:#009fe0;
text-decoration: none;
border-bottom:dashed 1px #009fe0;
}
.integration-link-modal a:hover{
color:#000;
text-decoration: none;
border-bottom:dashed 1px #000;
}
.integration-column{
text-align: left;
position:relative;
width:240px !important;
margin-left:58px !important;
}
.integration-column:first-child{
margin-left:0 !important;
}
.integration-column img{
border:solid 5px #009fe0;
}
.integration-column li{
list-style-type: disc;
margin-left: 18px;
}
.step-number{
background:url("../Images/p_splash/next-step-bck.png") no-repeat;
width:30px;
height:57px;
color:#fff;
position: absolute;
left:4px;
top:46px;
padding-top:8px;
font:italic 28px Georgia, 'Times New Roman', Times, serif;
}
.step-number:before{
content:"";
display: block;
width:18px;
height:51px;
position:absolute;
left:-41px;
top:4px;
background:url("../Images/p_splash/next-step-arrow.png") no-repeat;
}
.step-number.no-arrow:before{
background:none;
}
h1.second-page{
margin-top:30px;
text-align:center;
margin-bottom:45px;
}
h1.second-page i.info {
font-size: 18px;
margin: 10px 0 0 0;
}
h1.second-page.second-column{
margin-top: 0;
}
h2.second-page{
margin-top:-30px;
text-align:center;
margin-bottom:30px;
font-family:Georgia;
font-weight: normal;
font-style:italic;
font-size:18px;
line-height:22px;
}
p.second-page{
margin-left:auto;
margin-right:auto;
width:370px;
font-style:italic;
line-height:22px;
}
.unordered-list {
list-style-type: disc;
margin-left: 20px;
}
a#appstore-button{
display:block;
padding:0;
width:154px;
height:52px;
margin:30px 0 51px 0;
background:url("../Images/p_splash/app-store-badge-52.png") no-repeat;
}
a#appstore-button:hover{
background:url("../Images/p_splash/app-store-badge-52.png") 0 -52px no-repeat;
}
.no-transition-important{
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.no-transition{
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
#action-holder label, .form-holder label, #message-holder label{
text-transform:uppercase;
color:#bfbfbf;
font-size:12px;
text-align:left;
}
#action-holder label{
font-size: 11px;
padding-top: 1px;
}
#action-holder input, #message-holder input, #message-holder textarea, .form-holder input, .form-holder textarea, .form-holder select{
background:#fff;
border:solid 1px #aaa;
color:#000;
width:215px;
height:17px;
padding:17px 13px;
font-size:16px;
margin:0;
border-radius:0;
box-shadow:none;
}
select:focus::-ms-value {
background: transparent;
color: #333;
}
#action-holder input:focus, #message-holder input:focus, #message-holder textarea:focus, .form-holder input:focus, .form-holder textarea:focus{
border:solid 1px #009fe0;
padding:17px 13px;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition:none;
box-shadow:none;
}
#action-holder input.submit, #message-holder input.submit, .form-holder input.submit{
background:#009fe0 url("../Images/p_splash/arrow-white.png") 23px center no-repeat;
border:none;
color:#fff;
width:53px;
height:53px;
padding:0;
margin:0;
float:right;
}
.edit-account input[disabled], .edit-account textarea[disabled], .edit-account input[readonly], .edit-account textarea[readonly] {
border: solid 1px #ccc;
background: #e3e3e3;
}
.form-holder input[disabled].submit, .form-holder input[disabled].submit:hover {
background:#aaa url("../Images/p_splash/arrow-white.png") 23px center no-repeat;
}
.edit-holder{
text-align:center;
margin-top:40px;
}
.edit-holder input.submit, .edit-holder a.submit, .edit-holder a#edit-cancel, .form-holder input.submit.no-arrow, .form-holder input.blue-button, .edit-holder input.blue-button, .blue-button{
background:#009fe0;
border:none;
color:#fff;
height:53px;
width:auto;
padding:0 30px;
margin:0;
font-size:16px;
float:none;
transition: background-color 0.5s; -moz-transition: background-color 0.5s; -webkit-transition: background-color 0.5s;
}
.blue-button {
display: inline-block;
line-height: 53px;
cursor: pointer;
}
.red-button,
input.submit.red-button{
background: #c50000;
}
.edit-holder input.submit.ghost-submit{
border: solid 1px #009fe0;
color: #009fe0;
background: transparent;
}
.edit-holder input.submit.ghost-submit:hover{
color: #fff;
background: #00b4fe;
border: solid 1px #00b4fe;
}
.edit-holder input.blue-button:focus, .blue-button:focus{
margin-bottom:0;
}
.edit-holder input[disabled].submit, .edit-holder input[disabled].submit:hover, .form-holder input[disabled].submit.no-arrow, .form-holder input[disabled].submit.no-arrow:hover {
background:#aaa;
transition: background-color 0.2s; -moz-transition: background-color 0.2s; -webkit-transition: background-color 0.2s;
}
.edit-holder a#edit-cancel, .edit-holder a.submit {
height:auto;
display:inline-block;
padding:15px 30px;
cursor: pointer;
}
.edit-holder a#edit-cancel[disabled], .edit-holder a#edit-cancel[disabled]:hover {
background:#aaa;
cursor:default;
}
.edit-holder a#edit-cancel:hover, .edit-holder a.submit:hover, .blue-button:hover {
text-decoration:none;
color: #fff;
}
.edit-holder input.submit:hover, .form-holder input.blue-button:hover, .edit-holder a.submit:hover, .form-holder input.submit.no-arrow:hover, .edit-holder input.blue-button:hover, .blue-button:hover{
background: #00b4fe;
border-color: #00b4fe;
}
.edit-holder input.submit#edit-cancel, .edit-holder a#edit-cancel, .edit-holder input.submit#payment-cancel, .edit-holder a#payment-cancel, .edit-holder input.submit.gray-submit, .edit-holder a.gray-submit{
background:#656565;
margin-right:5px;
}
.btn-cancel-blue .edit-holder input.submit.gray-submit {
background:#009fe0;
}
.btn-cancel-blue .edit-holder input.submit.gray-submit:hover {
background:#00b4fe;
}
.edit-holder input.submit#edit-cancel:hover, .edit-holder a#edit-cancel:hover, .edit-holder input.submit#payment-cancel:hover, .edit-holder a#payment-cancel:hover, .edit-holder input.submit.gray-submit:hover, .edit-holder a.gray-submit:hover{
background:#888;
}
#action-holder input.submit:hover, #message-holder input.submit:hover, .form-holder input.submit:hover{
background-color:#00b4fe;
}
.btn-ok-green input.submit {
background: #5eb121;
}
.btn-ok-green input.submit:hover {
background: #478b14;
}
.edit-holder input.additive{
width:342px;
}
.form-holder .form-registration-select, .form-holder .form-registration-select:focus {
width: 100%;
margin-bottom: 20px;
height: 53px;
}
h2.blue-flag span{
font-size:14px;
color:#fff;
text-transform:uppercase;
letter-spacing:3px;
background:url("../Images/p_splash/blue-flag-bck.png") no-repeat;
height:11px;
padding:13px 20px 15px 35px;
position:relative;
left:-22px;
}
h2.blue-flag {
position:relative;
margin:20px 0 30px 0;
background:url("../Images/p_splash/blue-dash.png") 0 18px repeat-x;
}
h2.blue-flag span.cp:hover:after{
content:' see all';
opacity: 0.6;
}
h2.blue-flag a:hover{
text-decoration: none;
}
h2.blue-flag span.counter {
background: url("../Images/left_count1.png") no-repeat scroll left center rgba(0, 0, 0, 0);
color: #fff !important;
float: left;
font-size: 16px;
left: 0 !important;
letter-spacing: 23px;
line-height: 11px;
padding: 14px 0 16px 16px;
top: 4px;
max-width: 179px !important;
width: 114px !important;
}
h2.blue-flag .counter_parentnode {
background: url("../Images/right_count.png") no-repeat scroll right center rgba(0, 0, 0, 0);
display: inline-block;
height: 49px;
left: 42%;
padding-right: 5px;
position: absolute;
top: -6px;
width: auto;
}
.feature-item{
float:left;
width:300px;
text-align:center;
margin-bottom:20px;
}
.feature-item .feature-item-pic{
position:relative;
padding-top:7px;
margin:0 auto;
width:223px;
height:150px;
background: url("../Images/p_splash/feature-item-pic-bck.png") no-repeat;
}
.feature-item .feature-item-pic:hover .play-overlay{
display:block;
}
.feature-item .feature-item-pic .play-overlay{
display:none;
position:absolute;
top:7px;
left:10px;
width:203px;
height:130px;
z-index:1000;
background: url("../Images/p_splash/play_hover.png") no-repeat;
}
.feature-item h3{
font:italic 22px Georgia, 'Times New Roman', Times, serif;
margin:10px 0 15px 0;
}
.feature-item p{
color:#6a6a6a;
margin:0 20px;
}
.feature-item a{
cursor: pointer;
}
.testimonials-item{
width:440px;
/*border-bottom: 1px dotted #BDBDBD;*/
}
.testimonials-top-div{
border-top:dotted 1px #ccc;
padding-top:15px;
}
.testimonials-what{
margin:0 0 20px 0;
font-style:italic;
}
.testimonials-who{
padding-top:0px;
margin:0px 0 0px 0;
font-size:18px;
font-weight:bold;
}
.testimonials-who-where{
margin:0 0 20px 0;
font-style:italic;
font-size:12px;
color:#009fe0;
}
.logotypes {
margin:20px 0 30px;
text-align:center;
}
.logotypes a {
display:inline-block;
}
.logotypes a img {
border:none;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
position:relative;
opacity: 0.5;
}
.logotypes a:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
opacity: 1;
}
/*------------------------ PRICING begin -------------------------------*/
.billing-align-center{
text-align: center;
margin-top: -10px;
margin-bottom: 30px;
}
.billing-period-selector{
display: inline-block;
padding: 32px;
border: dotted 1px #009fe0;
margin-bottom: 10px;
}
.billing-period-selector a{
text-decoration: underline;
color: #009fe0;
}
.billing-period-selector a.active{
text-decoration: none;
color: #333;
cursor: default;
}
.billing-period-selector span{
color: #777;
margin: 0 12px;
}
.billing-period-selector a sup{
color: #aaa;
text-transform: uppercase;
font-size: 9px;
position: relative;
left: 3px;
top: -8px;
display: inline-block;
text-decoration: none !important;
display: none;
}
.billing-period-selector a.active sup{
color: #009bef;
}
.billing-currency{
position: absolute;
right:0;
top: 5px;
}
.billing-currency select{
border: none;
border-bottom: dotted 1px #aaa;
color: #6a6a6a;
border-radius: 0;
background: transparent;
outline : none;
overflow : hidden;
text-indent : 0.01px;
text-overflow : '';
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: url(../Images/p_admin/arrow-down-select.png) right 2px center no-repeat;
line-height: 20px;
height: auto;
padding-left: 0;
width: 180px;
}
.billing-currency p{
color: #999;
line-height: 20px;
text-align: right;
}
.billing-currency img{
margin-left: 5px;
}
.billing-currency select::-ms-expand {
display: none;
}
.billing-currency select:focus{
border-bottom: dotted 1px #009fe0;
color: #009fe0;
}
.billing-currency select:focus option{
color: #6a6a6a;
}
.pricing-banner{
text-align: center;
margin: -10px 0 40px 0;
}
.pricing-banner img{
border: solid 1px #d3d3d3;
}
.pricing-item{
width:289px;
position:relative;
padding:5px 5px 10px;
border:solid 2px #009fe0;
background: #fff;
}
.pricing-item.center-item{
margin: -10px -5px;
z-index: 200;
padding-bottom: 20px;
margin-bottom: 20px;
}
.pricing-item.pricing-nobuttons{
padding:5px 5px 5px;
margin:0 5px 0px 5px;
}
.pricing-bck{
}
.pricing-item h3{
color: #009fe0;
font-size: 18px;
font-weight: 300;
margin-top: 23px;
text-align: center;
text-transform: uppercase;
font-family: 'Signika Negative', sans-serif;
margin-bottom: 0;
}
h3.detailed-pricing-header{
font-family: 'Signika Negative', sans-serif;
font-size: 22px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin: 40px 0;
}
.detailed-pricing-video{
cursor: pointer;
display: inline-block;
padding: 5px 0 5px 36px;
background:url("../../Images/p_admin/play-vid-icon.png") 0 5px no-repeat;
text-transform: uppercase;
position: relative;
top: -25px;
transition: none; -moz-transition: none; -webkit-transition: none;
}
.detailed-pricing-video:hover{
background:url("../../Images/p_admin/play-vid-icon.png") 0 -42px no-repeat;
transition: none; -moz-transition: none; -webkit-transition: none;
color: #333;
}
.detailed-pricing-left{
border: solid 1px #ccc;
padding: 40px;
text-align: center;
background: #fff;
}
.detailed-pricing-right {
position: relative;
}
.detailed-pricing-right.fixed {
position: fixed;
top: 50px;
z-index: 0;
overflow: hidden;
}
.detailed-pricing-right.fixed-bottom {
position: absolute;
top: auto;
z-index: 0;
bottom: 340px;
}
.detailed-pricing-block{
border-top: solid 1px #ccc;
padding-top: 40px;
margin-top: 40px;
}
.detailed-pricing-block:first-child{
padding-top: 0;
margin-top: 0;
border-top: none;
}
.detailed-pricing-block h4{
margin-top: 0;
font:italic 20px Georgia, 'Times New Roman', Times, serif;
}
.detailed-pricing-block .form-holder input{
text-align: center;
margin-top: 30px;
margin-bottom: 0;
}
.pricing-hardware-long{
display: inline-block;
width: 74%;
}
.pricing-hardware-short{
display: inline-block;
width: 22%;
margin-left: 10px;
}
.pricing-hardware-item.form-holder{
width: 100%;
margin: 20px 0 0 0;
}
.pricing-hardware-item label{
width: 372px;
margin: 0 auto;
text-align: left;
}
.detailed-pricing-block .pricing-hardware-item.form-holder input{
margin-top: 5px;
}
.detailed-pricing-block .form-holder .pricing-hardware-short input{
text-align: center;
margin-top: 0px;
width: 100%;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
height: 53px;
line-height: 53px;
}
.form-holder .pricing-hardware-long .form-registration-select{
margin: 0;
vertical-align: middle;
}
.pricing-hardware-item{
position: relative;
}
.hardware-requested{
text-transform: uppercase;
color: #009fe0;
font-size: 12px;
width: 372px;
margin: 0 auto;
position: absolute;
top: 2px;
text-align: right;
}
.hardware-price{
color: #009fe0;
text-align: left;
width: 80px;
position: absolute;
top: 33px;
right: -25px;
font-size: 16px;
display: none;
}
.hardware-price span{
font-size: 10px;
text-transform: uppercase;
display: block;
}
/*custom checkbox*/
input[type="checkbox"].sf-checkbox {
display:none;
}
input[type="checkbox"].sf-checkbox + label {
}
input[type="checkbox"].sf-checkbox + label span, input[type="checkbox"].sf-checkbox + input + label span {
display:inline-block;
width:16px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background: url("../../Images/p_timeline/onboarding-checkboxes.png") 0 2px no-repeat;
cursor:pointer;
}
input[type="checkbox"].sf-checkbox:checked + label span, input[type="checkbox"].sf-checkbox:checked + input + label span {
background:url("../../Images/p_timeline/onboarding-checkboxes.png") -1188px 2px no-repeat;
}
input[type="checkbox"].sf-checkbox.disabled-checked + label span, input[type="checkbox"].sf-checkbox.disabled-checked + input + label span{
background:url("../../Images/p_timeline/onboarding-checkbox-disabled.png") -0px 2px no-repeat;
}
.detailed-pricing-block input[type="checkbox"],
.pricing-feature input[type="checkbox"], input[type="checkbox"]#chkAsh {
display:none;
}
.pricing-feature input[type="checkbox"] + label {
margin-bottom: -2px;
}
.detailed-pricing-block input[type="checkbox"] + label span,
.pricing-feature input[type="checkbox"] + label span,
input[type="checkbox"]#chkAsh + label span {
display:inline-block;
width:16px;
height:19px;
margin:-1px 4px 0 0;
vertical-align:middle;
background: url("../../Images/p_timeline/onboarding-checkboxes.png") 0 2px no-repeat;
cursor:pointer;
}
.detailed-pricing-block input[type="checkbox"]:checked + label span,
.pricing-feature input[type="checkbox"]:checked + label span,
input[type="checkbox"]#chkAsh:checked + label span {
background:url("../../Images/p_timeline/onboarding-checkboxes.png") -1188px 2px no-repeat;
}
.detailed-pricing-block input[type="checkbox"] + label span.disabled-checked,
.pricing-feature input[type="checkbox"] + label span.disabled-checked {
background:url("../../Images/p_timeline/onboarding-checkbox-disabled.png") -0px 2px no-repeat;
}
#chkAsh + label{
float: right;
margin-right:90px;
}
/*checkbox end*/
.detailed-pricing-people{
text-align: left;
}
.detailed-pricing-people span{
text-align: right;
display: inline-block;
margin-left: 160px;
font-weight: bold;
width: 70px;
}
.detailed-pricing-details{
border-bottom: dotted 1px #009fe0;
text-decoration: none;
cursor: pointer;
}
.detailed-pricing-details:hover{
border-bottom: solid 1px #009fe0;
text-decoration: none;
}
.detailed-pricing-right{
padding-left: 20px;
}
.detailed-pricing-right h4, .finance-block h4{
font-family: 'Signika Negative', sans-serif;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
margin-top: 0;
}
.pricing-summary-block{
text-align: left;
margin-bottom: 15px;
}
.pricing-summary-block span{
display: inline-block;
float: right;
width: 50px;
text-align: right;
}
.pricing-summary-block span sup{
margin-right: -11px;
}
.pricing-summary-block i{
margin-top: 2px;
display: block;
color: #aaa;
font-style: italic;
font-size: 12px;
font-weight: normal;
}
.pricing-summary-subtotal{
font-weight: bold;
border-top: solid 1px #ccc;
border-bottom: solid 3px #333;
padding-top: 20px;
}
.pricing-get-started{
text-align: center;
font-weight: bold;
}
.pricing-get-started-price{
font-family: 'Signika Negative', sans-serif;
font-size: 40px;
font-weight: 700;
margin-bottom: 10px;
}
.pricing-summary-questions h5{
text-align: center;
font-weight: normal;
text-transform: uppercase;
font-size: 14px;
margin-bottom: 10px;
}
.pricing-summary-questions a{
}
.pricing-summary-button{
color:#fff;
text-transform: capitalize;
height: 64px;
line-height: 64px;
text-align: center;
background-color: #009fe0;
display: inline-block;
padding: 0 60px;
margin: 20px 0 15px 0;
text-transform: uppercase;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.pricing-summary-button:hover{
color: #fff;
text-decoration: none;
}
.pricing-summary-button.get-quote-button{
color:#009fe0;
background-color: transparent;
margin: 0px 0 25px 0;
text-transform: uppercase;
border: solid 1px #009fe0;
display: inline-block;
}
.pricing-summary-button.get-quote-button:hover{
color: #fff;
border: none;
text-decoration: none;
}
.pricing-summary-button[disabled], .pricing-summary-button[disabled]:hover {
text-indent: 20px;
background: url("../Images/p_admin/done-loading.gif") no-repeat 50px 24px #aaa;
cursor: default;
transition:none;
-moz-transition:none;
-webkit-transition:none;
}
.pricing-mwi{
text-align: center;
color: #aaa;
}
.pricing-mwi img{
margin-top: 10px;
}
.pricing-summary-block .dropdown{
float: right;
border-bottom: dotted 1px #009fe0;
font-weight: normal;
line-height: 1.3;
}
.pricing-summary-block .dropdown:hover > ul.dropdown-menu{
display: block;
margin-top: 0;
}
.pricing-summary-block .dropdown-menu{
left: auto;
right: 0;
}
.pricing-summary-block .dropdown-menu a{
cursor: pointer;
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}
.pricing-summary-button:hover{
background-color: #00b4fe;
}
.pricing-get-started .notice{
font-weight: normal;
color: #aaa;
}
.pricing-price-badge{
text-align:center;
height: 120px;
padding-top: 30px;
vertical-align: center;
font-family: 'Signika Negative', sans-serif;
}
.pricing-item.center-item .pricing-price-badge{
padding-top: 40px;
}
.pricing-price-badge .priceless{
font-size: 36px;
font-weight: 700;
padding-top: 12px;
}
.pricing-price-badge .price-monthly, .pricing-price-badge .price-yearly {
font-weight: 700;
font-size: 40px;
}
.pricing-price-badge span{
font-weight: 300;
display:block;
color:#333;
font-size:20px;
}
.pricing-price-badge sup, .pricing-get-started-price sup{
font-size:16px;
margin-left:2px;
position: relative;
top: -20px;
margin-right: -10px;
}
.pricing-get-started-price span.period{
font-size: 16px;
}
.pricing-get-started-price span.pricing-currency {
font-size: 16px;
}
.pricing-price-badge sub{
font-size:14px;
position:relative;
top:-5px;
left:-3px;
}
.pricing-sign-up-button {
clear: both;
position: relative;
top: -50px;
margin-bottom: -40px;
width:100%;
text-align: center;
}
.pricing-link{
text-decoration: none;
color: #aaa;
cursor: pointer;
}
.pricing-link:hover{
color:#009fe0;
text-decoration: none;
border-bottom:dotted 1px #009fe0;
}
.pricing-hardware-cards-holder{
font-size: 0;
}
.pricing-hardware-card{
width: 180px;
height: 300px;
display: inline-block;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
margin-left: 20px;
border: solid 1px #aaa;
margin-top: 20px;
vertical-align: top;
position: relative;
font-size: 14px;
line-height: 14px;
}
.pricing-hardware-card:hover{
border: solid 1px #333;
}
.card-active, .card-active.pricing-hardware-card:hover{
border: solid 2px #009fe0;
}
.card-active:before{
content: '';
width: 40px;
height: 40px;
background: url("../Images/smartflow/card-active.png") top right no-repeat;
position: absolute;
top: 0;
right: 0;
}
.pricing-hardware-card img{
margin-top: 10px;
}
.hardware-header{
margin-bottom: -5px;
margin-top: 40px;
}
.pricing-hardware-card h3{
font-size: 20px;
font-weight: 800;
font-family: 'Signika Negative', sans-serif;
margin: 5px 0;
position: relative;
top: 10px;
}
.hardware-card-details{
text-transform: uppercase;
font-family: 'Signika Negative', sans-serif;
color: #aaa;
position: relative;
top: 6px;
}
.hardware-card-warranty{
color: #ccc;
font-size: 11px;
position: relative;
top: -7px;
}
.hardware-card-price{
color: #aaa;
position: absolute;
width: 100%;
bottom: 65px;
left: 0;
}
.card-active .hardware-card-price{
color: #009fe0;
}
.pricing-hardware-card-top{
padding: 10px;
}
.pricing-hardware-card-bottom{
border-top: solid 1px #aaa;
height: 53px;
line-height: 53px;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.hardware-card-input{
border: none !important;
width: 40px;
text-align: center;
display: inline-block;
margin-bottom: 3px !important;
box-shadow: none !important;
font-size: 16px !important;
}
.btn-more-or-less{
border: solid 1px #009fe0;
color: #009fe0;
font-size: 18px;
font-weight: normal;
width: 22px;
height: 22px;
border-radius: 50%;
display: inline-block;
line-height: 22px;
text-align: center;
cursor: pointer;
}
.btn-more-or-less:hover{
color: #333;
border: solid 1px #333;
}
.pricing-hardware-card-bottom .btn-less{
position: absolute;
left: 22px;
top: 13px;
}
.pricing-hardware-card-bottom .btn-less:after{
content: '';
display: block;
width: 8px;
height: 10px;
border-top: solid 2px #009fe0;
position: absolute;
top: 50%;
left: 50%;
margin-left: -4px;
margin-top: -1px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.pricing-hardware-card-bottom .btn-less:hover:after{
border-top: solid 2px #333;
}
.pricing-hardware-card-bottom .btn-inactive.btn-less:after, .pricing-hardware-card-bottom .btn-less.btn-inactive:hover:after{
border-top: solid 2px #ddd;
}
.pricing-hardware-card-bottom .btn-more{
position: absolute;
right: 22px;
top: 13px;
}
.btn-more-or-less.btn-inactive, .btn-more-or-less.btn-inactive:hover{
border: solid 1px #ddd;
color: #ddd;
cursor: default;
}
.pricing-hardware .installation-displays {
background-color: #f2f6f7;
margin-top: 40px;
display: none;
}
.pricing-hardware .installation-displays .content-installations {
padding-top: 20px;
padding-bottom: 20px;
}
.pricing-hardware .installation-displays.instalation-visible {
height: auto;
}
.pricing-hardware .installation-displays .item2,
.pricing-hardware .installation-displays .item1 {
display: flex;
}
.pricing-hardware .installation-displays .item2 {
padding: 20px;
justify-content: space-between;
}
.pricing-hardware .installation-displays .item2 .init-displays-total {
margin-top: -12px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names {
width: 600px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item {
display: flex;
margin-bottom: 10px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item:last-child {
margin-bottom: 0;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item .name-display {
width: 350px;
font-family: 'Signika Negative', sans-serif;
font-size: 15px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item .price-display {
width: 100px;
font-family: 'Signika Negative', sans-serif;
font-size: 15px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item input[type=checkbox] {
margin-top: 2px;
}
.pricing-hardware .installation-displays .item3 {
padding-top: 20px;
}
.pricing-hardware .installation-displays .item2-mobile .init-displays-total .title,
.pricing-hardware .installation-displays .item2 .init-displays-total .title {
font-size: 35px;
font-weight: bold;
font-family: 'Signika Negative', sans-serif;
text-align: right;
}
.pricing-hardware .installation-displays .item3 button,
.pricing-hardware .installation-displays .item2-mobile .init-displays-total button,
.pricing-hardware .installation-displays .item2 .init-displays-total button {
color: #009fe0;
background-color: transparent;
text-transform: uppercase;
border: solid 2px #009fe0;
display: inline-block;
height: 45px;
line-height: 41px;
text-align: center;
font-weight: bold;
}
.pricing-hardware .installation-displays .item3 button:hover,
.pricing-hardware .installation-displays .item2-mobile .init-displays-total button:hover,
.pricing-hardware .installation-displays .item2 .init-displays-total button:hover {
color: #fff;
border: none;
text-decoration: none;
background-color: #00b4fe;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item .close {
color: #fff;
font-size: 22px;
font-weight: normal;
text-shadow: none;
margin-bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
border: solid 2px #000;
background-color: #000;
line-height: 14px;
height: 13px;
overflow: hidden;
}
.pricing-hardware .installation-displays img {
height: 70px;
}
.pricing-hardware .installation-displays h3 {
margin: 0;
font-size: 21px;
}
.pricing-hardware .installation-displays .desc-installation-displays {
padding-top: 10px;
}
.pricing-hardware .installation-displays .item2-mobile {
display: none;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .init-displays-total {
text-align: right;
}
@media screen and (max-width: 1199px) {
.pricing-hardware .installation-displays .item2 .init-displays-total {
display: none;
}
.pricing-hardware .installation-displays .item2-mobile {
display: block;
text-align: center;
padding-top: 20px;
padding-left: 20px;
}
.pricing-hardware .installation-displays .item2-mobile .init-displays-total .title {
text-align: center;
}
}
@media screen and (max-width: 991px) {
.pricing-hardware .installation-displays .item2 .init-displays-names .item .name-display {
width: auto;
margin-right: 25px;
}
.pricing-hardware .installation-displays .item2 .init-displays-names .item .price-display {
width: auto;
margin-right: 25px;
}
}
/*.pricing-hardware-card:first-child{
margin-left: 0;
}*/
/*.pricing-hardware-card:nth-child(3) {
margin-left: 0;
}*/
.big-sign-up-button {
font: italic 22px Georgia, 'Times New Roman', Times, serif;
margin: 20px auto 40px auto;
width: 100%;
text-align: center;
padding: 30px 0;
border-top: dotted 1px #ccc;
border-bottom: dotted 1px #ccc;
}
.big-sign-up-button.register-button {
position: relative;
border: none;
}
.big-sign-up-button.register-button2 {
position: relative;
border: none;
margin: 20px auto 30px;
padding: 5px 0;
}
.big-sign-up-button a {
margin-left: 15px;
font: italic 22px Georgia, 'Times New Roman', Times, serif;
background-color: #fec14e;
width: 240px;
text-align: center;
padding: 15px 100px;
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
color: #835b0c;
}
.big-sign-up-button a:hover, .fund-button a:hover {
color: #533b0c;
background: #fed15e;
text-decoration: none;
}
.splash-dotted-div {
margin: 20px auto 0px auto;
width: 100%;
text-align: center;
padding: 20px 0;
border-top: dotted 1px #ccc;
}
.yellow-btn.signup-trial {
width: 220px;
}
p.rev-loss-results {
border-top: solid 1px #e3e3e3;
padding-top: 15px;
padding-bottom: 00px;
margin-top: 2px;
font-weight: bold;
text-align: left;
}
span.rev-loss-numbers {
float: right;
margin-right: 360px;
}
span.rev-loss-results-header {
font-weight: normal;
}
.rev-hosp-cost-comment {
text-align: left;
font-size: 10px;
position: relative;
width: 300px;
top: -26px;
margin-bottom: -23px;
font-style: italic;
color: #999;
line-height: 1.2;
}
a.yellow-btn {
font: italic 20px Georgia, 'Times New Roman', Times, serif;
background-color: #fec14e;
width: 150px;
text-align: center;
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
padding: 15px 25px;
color: #835b0c;
margin: 0 7px;
display: inline-block;
cursor: pointer;
}
a.yellow-btn:hover {
color: #533b0c;
background-color: #fed15e;
text-decoration: none;
}
a.green-btn {
font: italic 20px Georgia, 'Times New Roman', Times, serif;
background-color: #5eb121;
background-image: url("../Images/arrow.png");
background-repeat: no-repeat;
background-position: 211px 50%;
width: 150px;
text-align: center;
text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
padding: 8px 25px;
color: #fff;
margin: 0 7px;
display: inline-block;
cursor: pointer;
}
.green-button {
background-color: #5eb121 !important;
text-align: center;
padding: 0 30px !important;
color: #fff !important;
height: 53px !important;
display: inline-block;
cursor: pointer;
line-height: 53px !important;
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
border: none !important;
}
.green-button:hover {
color: #fff !important;
background-color: #478b14 !important;
text-decoration: none;
}
.green-button[disabled], .green-button[disabled]:hover, .blue-button[disabled], .blue-button[disabled]:hover {
background-color: #e3e3e3 !important;
cursor: default !important;
color: #fff !important;
}
.green-button.btn-reject {
background: #cc0000 !important;
}
.green-button.btn-reject:hover {
background: #aa0000 !important;
}
.sf-user-trial .green-button {
height: 40px !important;
line-height: 40px !important;
padding: 0 20px !important;
}
.sf-sticky-menu .sf-user-trial .green-button {
height: 30px !important;
line-height: 30px !important;
padding: 0 10px !important;
}
span.smallfont {
display: block;
font-size: 14px;
padding-top: 1px;
}
.font_now {
font-size: 24px;
font-weight: 600;
padding: 0 7px;
}
a.green-btn:hover {
color: #fff;
background-color: #478b14;
text-decoration: none;
}
.splash-bottom-buttons {
background: url('../Images/p_splash/bottom-buttons-bck.png');
padding: 0 0;
width: 100%;
margin-top: 40px;
text-align: center;
position: fixed;
bottom: 0;
left: 0;
z-index: 1000;
}
.splash-bottom-buttons.sticky-buttons {
background: none;
position: absolute;
bottom: 355px;
width: 100%;
text-align: center;
padding: 40px 0 0;
border-top: dotted 1px #ccc;
}
.app-alert{
border-radius: 0;
background: #fff;
margin:20px 0 0 0;
position:relative;
border: 0;
box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2);
padding: 15px;
color: #333;
}
.app-alert.noty_message .alert-photo{
margin-top: -2px;
}
.app-alert{
min-height: 50px;
}
.app-alert p, .action-log .alert-log .app-alert p{
margin:0;
padding-right:30px;
font-size: 14px;
}
.app-alert.noty_message p{
margin-left: 70px;
}
.app-alert h3{
font-size: 16px;
font-weight: bold;
font-family: 'Signika Negative', sans-serif;
text-transform: uppercase;
margin: 0 20px 5px 70px;
}
.app-alert p a{
color:#000;
text-decoration:underline;
}
.alert-photo{
width:53px;
height:53px;
float:left;
border-radius: 53px;
margin-top: 4px;
}
.alert-red-p, .app-alert b{
font-weight: bold;
color: #c00;
}
.no-creditcard-required {
display: inline-block;
margin: 0 20px;
top: -4px;
width: 100%;
text-align: center;
}
.fund-button a {
background-color: #fec14e;
color: #835b0c;
width: 340px;
text-align: center;
padding: 16px 15px 15px 15px;
font-size: 16px;
display: inline-block;
}
.pdf-button-rev {
background: url('../Images/pdf.png') no-repeat 10px 10px;
}
.pdf-button-rev.yellow-btn {
width: 210px;
padding-left: 50px;
float: right;
margin-top: -60px;
}
.or-for-text {
text-align: center;
color: #555;
font: italic 14px Georgia, 'Times New Roman', Times, serif;
}
.or-for-text:before, .or-for-text:after {
content: "";
display: inline-block;
border-top: solid 1px #aaa;
width: 60px;
position: relative;
top: -4px;
margin: 0 20px;
}
.pricing-button {
text-align: center;
}
.pricing-button a {
color: #fff;
text-transform: capitalize;
height: 52px;
line-height: 52px;
text-align: center;
background-color: #009fe0;
display: inline-block;
padding: 0 40px;
margin: 30px 0 25px 0;
}
.pricing-button a:hover {
background-color: #00b4fe;
text-decoration: none;
}
.pricing-button.pricing-button-selected a {
color: #009fe0;
height: 48px;
line-height: 48px;
background-color: transparent;
display: inline-block;
border: solid 2px #009fe0;
}
.pricing-button-subscribe a {
margin-left: 3px;
}
.pricing-button a:hover {
color: #fff;
}
.pricing-button.pricing-button-selected a:hover {
color: #009fe0;
}
.pricing-features {
text-align: center;
}
.pricing-feature {
border-bottom: solid 1px #eee;
padding: 16px 0;
margin: 0 8px;
line-height: 18px;
color: #aaa;
}
.pricing-feature.noborder {
margin-bottom: -10px;
border-bottom: none;
}
.pricing-feature:first-child {
border-top: solid 1px #eee;
}
.pricing-more-info {
width: 128px;
height: 23px;
background: url("../Images/p_splash/pricing-more-info.png") no-repeat;
text-align: center;
position: absolute;
bottom: 51px;
left: 83px;
z-index: 2000;
}
.pricing-more-info a {
font: italic 12px Georgia, 'Times New Roman', Times, serif;
background: url("../Images/p_splash/pricing-more-info-arrows.png") 85px -31px no-repeat;
display: block;
color: #b2b2b2;
width: 128px;
padding: 4px 0;
text-indent: -20px;
cursor: pointer;
}
.pricing-more-info a:hover {
color: #000;
background: url("../Images/p_splash/pricing-more-info-arrows.png") 85px -51px no-repeat;
}
.pricing-more-info.pricing-expanded-item a {
background: url("../Images/p_splash/pricing-more-info-arrows.png") 74px -11px no-repeat;
text-indent: -22px;
}
.pricing-more-info.pricing-expanded-item a:hover {
background: url("../Images/p_splash/pricing-more-info-arrows.png") 74px 9px no-repeat;
}
.pricing-collapsed-item {
display: block;
}
.pricing-expanded .pricing-collapsed-item {
display: none;
}
p.pricing-footnote {
margin: 0 0 20px 0;
font: italic 14px Georgia, 'Times New Roman', Times, serif;
color: #aaa;
}
.pricing-credit-card {
margin: 10px 12px 10px 0;
text-align: center;
font: italic 14px Georgia, 'Times New Roman', Times, serif;
}
.pricing-credit-card a, .pricing-on-site a, .pricing-credit-card a:hover, .pricing-on-site a:hover {
text-decoration: underline;
}
.pricing-on-site {
margin: 10px 12px 10px 0;
position: absolute;
text-align: left;
font: italic 14px Georgia, 'Times New Roman', Times, serif;
}
.pricing-on-site-holder {
margin: 20px 0 30px 0;
text-align: center;
}
.pricing-on-site-container {
display: inline-block;
background: #efefef;
padding: 18px;
}
.pricing-on-site-container a {
margin-left: 10px;
}
.pricing-on-site-container a:first-child {
margin-left: 0;
}
.pricing-next-bill {
position: relative;
float: right;
top: -12px;
font: italic 14px Georgia, 'Times New Roman', Times, serif;
color: #999;
margin-left: 40px;
}
.accepted-cards {
border-top: dashed 1px #ccc;
border-bottom: dashed 1px #ccc;
padding: 15px 0;
margin: 10px 0 20px 0;
text-align: right;
}
.accepted-cards label {
float: left;
padding-top: 5px;
}
/*------------------- PRICING end ---------------------------------*/
#address-and-message {
position: relative;
height: 248px;
padding-bottom: 125px;
}
.address-company {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.address-phone {
margin: 0 0 4px 0;
}
#address-holder a img {
border: solid 1px #d4d4d4;
}
#address-holder a:hover img {
border: solid 1px #009fe0;
}
#address-holder .street-address {
font-style: italic;
margin-top: 6px;
margin-bottom: 20px;
}
#message-holder {
width: 555px;
position: absolute;
right: 0;
top: 0;
}
#message-holder #Message {
width: 527px;
height: 120px;
margin-bottom: 8px;
}
#message-holder #Name {
width: 215px;
margin-right: 4px;
}
#message-holder #Message-email {
width: 215px;
}
.modal {
background: none;
border: none;
margin-left: -324px;
width: 648px;
box-shadow: none;
}
.modal.fade.in {
top: 10%;
}
.modal-body {
max-height: none;
overflow-y: visible;
padding: 0;
}
.modal-body iframe {
border: solid 4px #000;
width: 640px;
height: 360px;
}
.close {
color: #fff;
font-size: 30px;
font-weight: normal;
text-shadow: none;
margin-bottom: 10px;
opacity: 1;
filter: alpha(opacity=100);
}
.close:hover {
color: #009fe0;
opacity: 1;
filter: alpha(opacity=100);
}
.clients-carousel {
text-align: center;
width: 900px;
height: 100px;
overflow: hidden;
position: relative;
margin: 20px 0 30px 0;
}
#clientsleft a, #clientsright a, #partnersleft a, #partnersright a {
background: url("../Images/p_splash/arrows-clients.png") no-repeat 0 -72px transparent;
display: block;
height: 90px;
text-indent: -2000px;
width: 46px;
}
#clientsleft a:hover, #partnersleft a:hover {
background: url("../Images/p_splash/arrows-clients.png") no-repeat 0 -127px transparent;
}
#clientsright a, #partnersright a {
background: url("../Images/p_splash/arrows-clients.png") no-repeat right 38px transparent;
}
#clientsright a:hover, #partnersright a:hover {
background: url("../Images/p_splash/arrows-clients.png") no-repeat right -17px transparent;
}
#clientscenter, #partnerscenter {
margin: 0px 46px;
visibility: visible;
overflow: hidden;
position: relative;
z-index: 2;
left: 0px;
width: 900px;
}
#clientscenter li, #partnerscenter li {
overflow: hidden;
float: left;
height: 90px;
}
/* ==================================================================
ADMIN PANEL
================================================================== */
.app-info, .new-feature {
background: #ffffcb;
border: solid 1px #d4d4d4;
padding: 8px 12px;
margin: 20px 0 0 0;
position: relative;
}
.app-info p, .new-feature p {
margin: 0;
padding-right: 30px
}
.app-info p a, .new-feature p a {
color: #000;
text-decoration: underline;
}
.new-feature h2 {
padding-left: 23px;
margin: 4px 0 6px 0;
font-size: 16px;
background: url("../Images/p_admin/new-feature-flag.png") 0px 2px no-repeat;
}
.app-info .close-info, .app-alert .close-info, .new-feature .close-info {
height: 9px;
width: 9px;
padding: 6px;
position: absolute;
right: 8px;
top: 8px;
background: url("../Images/p_admin/cross-yellow.png") 6px 6px no-repeat;
text-indent: -20000px;
cursor: pointer;
}
.app-info .close-info:hover, .app-alert .close-info:hover, .new-feature .close-info:hover {
background: url("../Images/p_admin/cross-yellow.png") 6px -14px no-repeat;
}
.loader {
background-image: url("../Images/ajax-loader.gif");
height: 19px;
width: 220px;
}
.payment-loader {
background: rgba(0,0,0,.8) url("../Content/ajax-loader.gif") no-repeat 50% 50%;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
}
/*----------------- top buttons ----------------------*/
.wb-top-buttons-container {
margin-top: 20px;
}
.wb-top-buttons {
margin-top: 10px;
position: relative;
top: 5px;
}
.add-patient-button {
padding: 10px 15px;
background-color: #009fe0;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
font-family: 'Signika Negative', sans-serif;
}
.add-patient-button:hover {
background-color: #00b4fe;
color: #fff;
;
}
.fullscreen .add-patient-button {
display: none;
}
.fullscreen footer {
display: none;
}
.clinic-admin-filter.form-holder {
width: auto;
margin: 0;
text-align: justify;
font-size: 0;
font-size: 12px\9; /* IE6-9 only hack */
}
.clinic-admin-filter:after {
content: "";
width: 100%;
display: inline-block;
}
.clinic-admin-filter input {
width: 295px !important;
vertical-align: bottom;
line-height: 53px;
height: 53px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.clinic-admin-filter select {
width: 100% !important;
vertical-align: bottom;
}
.clinic-stats-filter.form-holder {
width: auto;
margin-left: 20px;
}
.clinic-stats-filter input, .clinic-stats-filter input:focus {
width: 220px !important;
height: 32px;
line-height: 32px;
padding: 0 5px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.clinic-admin-field {
display: inline-block;
min-width: 220px;
height: 100px;
vertical-align: bottom;
}
.clinic-stats-filter .clinic-admin-field {
margin-right: 5px;
}
.clinic-stats-filter input.blue-button {
height: 32px;
line-height: 32px;
margin-top: 24px;
}
.clinic-admin-field.clinic-admin-field--button {
min-width: 0;
}
.clinic-admin-field input.blue-button {
margin-top: 25px;
width: 140px !important;
}
.clinic-admin-modal.calculator input {
width: 200px !important;
padding-left: 10px;
padding-right: 10px;
}
.clinic-admin-modal.calculator select {
width: 200px !important;
}
.adminClinics .modal-wrapper {
width: 612px;
margin-left: -306px;
}
#multideviceStats {
width: 1000px;
margin-left: -200px;
}
.emailTracking .modal-wrapper {
width: 632px;
margin-left: -326px;
}
.emailTracking .messageDetails .modal-wrapper {
width: 892px;
margin-left: -446px;
}
.emailTracking .messageDetails .modal-wrapper .modal.calculator.new-patient {
margin-left: 0;
}
.emailTracking .messageDetails .modal-wrapper .modal.calculator.new-patient > .close {
right: 0;
}
/*-----------------TOP TABS BEGIN----------------------*/
.sf-table-tabs {
}
.sf-table-tab {
background: #e4e4e4;
color: #999;
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
text-transform: uppercase;
line-height: 37px;
height: 35px;
padding: 0 20px;
margin-right: 4px;
display: inline-block;
}
.sf-table-tab:hover {
color: #333;
}
.sf-table-tab-active {
color: #333;
background: #fff;
}
#top-tabs {
font-size: 14px;
position: relative;
top: 1px;
white-space: nowrap;
margin-top: 18px;
}
#top-tabs a {
vertical-align: middle;
text-decoration: none;
transition: none;
-moz-transition-property: none;
-webkit-transition-property: none;
}
#top-tabs a:hover {
text-decoration: none;
color: #000;
}
#top-tabs .alert {
white-space: normal;
}
.tab-active, .tab-inactive {
color: #000;
background: #fff;
position: relative;
text-align: center;
margin-right: 3px;
padding: 0 15px;
height: 40px;
line-height: 40px;
display: inline-block;
white-space: nowrap;
overflow: hidden;
max-width: 160px;
vertical-align: middle;
text-overflow: ellipsis;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.tab-inactive {
color: #555;
background: #e4e4e4;
}
.tab-inactive:hover {
background: #cdcdcd;
}
.tab-inactive:hover a {
color: #333;
}
.tab-active:last-child, .tab-inactive:last-child {
margin-right: 0px;
}
.tab-inactive a {
color: #777;
max-width: 100px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}
.tab-active a {
color: #000;
max-width: 100px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}
/*--- scroll-buttons ---*/
#top-tabs {
padding-left: 155px;
padding-right: 39px;
}
#top-tabs.scroll-buttons {
padding-left: 194px;
padding-right: 39px;
}
#top-tabs .tabs-container {
line-height: 40px;
overflow: hidden;
position: relative;
width: 100%;
height: 41px;
top: -1px;
}
.fullscreen #top-tabs .tabs-container {
display: none;
}
#top-tabs .scroll-button-left, #top-tabs .scroll-button-right {
display: none;
}
#top-tabs.scroll-buttons .scroll-button-left, #top-tabs.scroll-buttons .scroll-button-right {
display: inline;
padding: 0;
}
.fullscreen #top-tabs.scroll-buttons .scroll-button-left,
.fullscreen #top-tabs.scroll-buttons .scroll-button-right {
display: none !important;
}
#top-tabs.scroll-buttons .scroll-button-right {
position: absolute;
right: 0px;
margin: 0;
padding-top: 0;
}
#top-tabs.scroll-buttons .scroll-button-left {
position: absolute;
left: 155px;
padding-top: 0;
}
#top-tabs .tab-home {
position: absolute;
left: 0px;
text-transform: uppercase;
font-family: 'Signika Negative', sans-serif;
width: 152px;
}
.fullscreen #top-tabs .tab-home {
display: none;
}
#top-tabs .add-patient-button.disabled {
opacity: 0.3;
}
#top-tabs .add-patient-button.disabled span,
#top-tabs .add-patient-button.disabled a {
cursor: default;
}
#top-tabs.scroll-buttons .scroll-button-left a, #top-tabs.scroll-buttons .scroll-button-right a, #top-tabs .add-patient-button a {
text-indent: -10000;
display: block;
position: relative;
top: 11px;
left: 0;
padding: 4px 10px;
height: 10px;
width: 16px;
cursor: pointer;
background: url("../Images/p_admin/arrows-side.png") 16px 5px no-repeat;
}
#top-tabs.scroll-buttons .scroll-button-right a {
background: url("../Images/p_admin/arrows-side.png") 16px -35px no-repeat;
}
#top-tabs.scroll-buttons .scroll-button-left a:hover {
background: url("../Images/p_admin/arrows-side.png") 16px -15px no-repeat;
}
#top-tabs.scroll-buttons .scroll-button-right a:hover {
background: url("../Images/p_admin/arrows-side.png") 16px -55px no-repeat;
}
#top-tabs .add-patient-button a {
background: url("../Images/p_admin/add-patient-icon.png") 13px 3px no-repeat;
}
#top-tabs .add-patient-button a:hover {
background: url("../Images/p_admin/add-patient-icon.png") 13px -28px no-repeat;
}
#top-tabs .add-patient-button.disabled a:hover {
background: url("../Images/p_admin/add-patient-icon.png") 13px 3px no-repeat;
}
a#btn-fullscreen {
display: inline-block;
height: 25px;
width: 25px;
vertical-align: middle;
padding: 0 0;
background: url("../Images/p_admin/top-button-fs.png") 0 center no-repeat;
margin: 0 20px 0 0;
}
a#btn-fullscreen:hover {
background: url("../Images/p_admin/top-button-fs.png") -80px center no-repeat;
}
a#btn-fullscreen.fullscreen-on {
background: url("../Images/p_admin/top-button-fs.png") -160px center no-repeat;
margin-right: 0;
}
a#btn-notifications {
display: inline-block;
vertical-align: middle;
height: 25px;
width: 25px;
padding: 0 0;
margin-right: 20px;
background: url("../Images/p_admin/top-button-alarm.png") 0 center no-repeat;
}
a#btn-notifications:hover {
background: url("../Images/p_admin/top-button-alarm.png") -80px center no-repeat;
}
a#btn-notifications.notifications-on {
background: url("../Images/p_admin/top-button-alarm.png") -160px center no-repeat;
}
/*-----------------TOP TABS END----------------------*/
.pr-number {
display: inline;
position: relative;
margin-right: 2px;
background: #c50000;
color: #fff;
font-size: 10px;
padding: 2px 5px;
border-radius: 20px;
}
.pr-number-holder {
display: inline-block;
height: 40px;
}
.pr-number-shift {
top: -6px;
}
.tabs-link {
display: inline-block;
text-align: left;
line-height: 1.1;
}
.tab-inactive .pr-number {
background: #8b8b8b;
}
.tabs-patient-name {
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.tabs-owner-name {
display: block;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
color: #aaa;
text-transform: uppercase;
font-size: 10px;
top: 1px;
}
#patient-table, #whiteboard-table {
background: #fff;
}
/*--------------- date selector: --------------------*/
.date-left a, .date-right a {
color: #6a6a6a;
font-size: 10px;
text-decoration: underline;
}
.date-left a {
padding-left: 15px;
margin-left: 20px;
position: relative;
top: 1px;
text-decoration: underline;
background: url("../Images/p_admin/arrows-side.png") left 2px no-repeat;
}
.date-right a {
padding-right: 15px;
margin-right: 20px;
position: relative;
top: 1px;
text-decoration: underline;
background: url("../Images/p_admin/arrows-side.png") right -38px no-repeat;
}
#whiteboard-table .date-right a#next-8hrs {
margin-right: 19px;
}
.date-left a:hover {
color: #000;
background: url("../Images/p_admin/arrows-side.png") left -18px no-repeat;
}
.date-right a:hover {
color: #000;
background: url("../Images/p_admin/arrows-side.png") right -58px no-repeat;
}
.date-right {
text-align: right;
}
.date-center {
text-align: center;
color: #000;
font-size: 19px;
position: relative;
width: 440px;
margin: 0 auto;
}
.date-center .arrows {
width: 22.92817679558011%;
float: left;
min-height: 30px;
}
.date-center .arrows.next {
margin-left: 2.7624309392265194%;
}
.date-center .current-flowsheet {
width: 48.61878453038674%;
float: left;
margin-left: 2.7624309392265194%;
}
.date-center span.sync-progress-value {
position: absolute;
left: 0;
right: 0;
height: 100%;
background-color: rgba(255, 255, 255, 0.8);
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.date-center a.add-24hrs {
position: absolute;
margin-top: 4px;
margin-left: 15px;
font-size: 14px;
color: #000;
padding-top: 1px;
background: url("../Images/p_admin/add-24hrs.png") 0 0px no-repeat;
width: 17px;
text-indent: 24px;
text-align: left;
overflow: hidden;
display: inline-block;
white-space: nowrap;
vertical-align: middle;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
.date-center a.add-24hrs:hover {
width: 130px;
background: url("../Images/p_admin/add-24hrs.png") 0 -36px no-repeat;
}
.date-center a.add-24hrs.disabled, .date-center a.add-24hrs.disabled:hover {
width: 17px;
background: url("../Images/p_admin/add-24hrs.png") 0 -74px no-repeat;
cursor: default;
}
.date-center svg {
width: 1em;
height: 100%;
}
.date-center .current-flowsheet .cover {
cursor: pointer;
width: 100%;
}
.date-center .current-flowsheet .date {
color: #009fe0;
}
.date-center .current-flowsheet:hover .date {
color: #003e58;
}
.date-center .current-flowsheet .number {
font-size: 10px;
}
.date-center .arrows > a {
font-size: 34px;
display: block;
height: 43px;
float: left;
}
.date-center .arrows.next > a {
float: right;
}
.date-center .arrows > a.double-arrow {
font-size: 41px;
}
.date-center .current-flowsheet .scroll-cover {
max-height: 308px;
overflow-y: auto;
overflow-x: hidden;
}
.date-center .current-flowsheet .calendar {
position: absolute;
background-color: #fff;
border: #009fe0 solid 3px;
white-space: nowrap;
font-size: 18px;
width: auto;
z-index: 1000;
left: 50%;
transform: translateX(-50%);
padding: 10px 0;
top: 50px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.4);
}
.date-center .current-flowsheet .calendar .tail {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: auto;
}
.date-center .current-flowsheet .calendar .tail div {
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #009fe0;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
z-index: 1;
}
.date-center .current-flowsheet .calendar .tail div + div {
border-left-width: 10px;
border-right-width: 10px;
border-bottom-width: 10px;
border-bottom-color: #fff;
z-index: 2;
}
.date-center .current-flowsheet .calendar table tr {
cursor: pointer;
}
.date-center .current-flowsheet .calendar table tr:hover {
background: #edf8fc;
color: #808080;
}
.date-center .current-flowsheet .calendar table td {
padding: 10px;
}
.date-center .current-flowsheet .calendar table td:first-child {
padding-left: 20px;
}
.date-center .current-flowsheet .calendar table td:last-child {
padding-right: 20px;
}
.date-center .current-flowsheet .calendar .today {
font-size: 12px;
}
.date-center .current-flowsheet .calendar table tr.current,
.date-center .current-flowsheet .calendar table tr.current:hover {
color: #009fe0;
}
/*---------------------- patient info: -------------------------*/
.patient-info {
background: #fdfaaa;
height: 122px;
margin: 0 2px 3px 2px;
}
.patient-info-block {
float: left;
margin: 12px 4px 0 20px;
width: 158px;
font-size: 12px;
line-height: 16px;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.patient-info-block span.patient-info-block-allergy {
color: red;
white-space: nowrap;
}
.patient-info-block h3 {
font-size: 14px;
text-transform: uppercase;
color: #5c512f;
margin: 0;
padding: 0 0 12px 0;
background: url("../Images/p_admin/dots.png") left 20px repeat-x;
}
.patient-info-block-catheter {
width: 350px;
position: absolute;
margin: 105px 0 0 385px;
font-size: 12px;
}
.patient-info-block-catheter.patient-info-block-catheter-outdated {
color: #f00;
}
.patient-photo {
width: 120px;
height: 120px;
background: #fff;
border: solid 1px #d8d691;
float: right;
overflow: hidden;
}
.patient-photo.dnr:before,
.patient-photo.bls:before,
.patient-photo.als:before {
position: absolute;
width: 65px;
height: 19px;
background: #000;
color: #fff;
font-size: 10px;
top: 6px;
left: -17px;
z-index: 500;
text-align: center;
line-height: 19px;
transform: rotate(-45deg);
font-weight: normal;
}
.patient-photo.dnr:before {
content: 'DNR';
}
.patient-photo.bls:before {
content: 'BLS';
background: #fd0;
color: #333;
}
.patient-photo.als:before {
content: 'ALS';
background: #0a0;
}
.patient-photo.caution:after {
position: absolute;
width: 71px;
height: 19px;
background: #fe6600;
color: #fff;
font-size: 10px;
bottom: 8px;
right: -17px;
z-index: 500;
text-align: center;
line-height: 19px;
transform: rotate(-45deg);
font-weight: normal;
content: 'CAUTION';
}
#whiteboard-table .patient-photo {
width: 95px;
height: 95px;
background: #fff;
background-size: cover;
background-position: center center;
float: left;
border: none;
margin: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
overflow: hidden;
}
.patient-photo img {
margin: 4px;
width: 112px;
height: 112px;
overflow: hidden;
}
.patient-photo {
position: relative;
}
.patient-photo .menu-block {
position: absolute;
background-color: #fff;
bottom: 0;
left: 0;
z-index: 800;
font-size: 12px;
line-height: 28px;
}
.patient-photo .menu-block .menu-trigger-block {
background: url("../Images/p_admin/edit-patient-icon.png") no-repeat 6px 6px;
width: 28px;
height: 28px;
cursor: pointer;
}
.patient-photo .menu-block:hover .menu-items {
display: block;
}
.patient-photo .menu-block:hover .menu-trigger-block {
background: url("../Images/p_admin/edit-patient-icon.png") no-repeat 6px -24px;
}
.patient-photo .menu-block .menu-items {
display: none;
position: absolute;
background-color: #fff;
width: 122px;
left: -1px;
}
.patient-photo .menu-block .menu-item {
cursor: pointer;
border: 1px solid #bababa;
border-bottom: 0;
padding: 0 8px;
}
.patient-photo .menu-block .menu-item:last-child {
border-bottom: 1px solid #bababa;
}
.patient-photo .menu-block .menu-item:hover {
color: #000;
text-decoration: underline;
}
a#now-day {
background: url("../Images/p_admin/jumptonow-icon.png") 2px 3px no-repeat;
display: inline;
padding: 2px;
height: 12px;
width: 12px;
margin-left: 4px;
position: absolute;
}
a#now-day:hover {
width: auto;
text-decoration: none;
background: url("../Images/p_admin/jumptonow-icon.png") 2px -36px no-repeat;
}
a#now-day:hover:after {
content: "NOW";
color: #aaa;
font-size: 10px;
position: relative;
top: -2px;
padding-left: 14px;
}
/*---------------- main table (with procedures):--------------------*/
.procedure-table {
border: solid 2px #9d9d9d;
border-bottom: solid 1px #9d9d9d;
background: #f6f6f6;
margin: 0 2px 2px 2px;
position: relative;
}
.procedure-table-12 {
min-height: 700px;
}
.flowsheet-panel {
margin: 0;
padding: 0;
}
.flowsheet-panel-12 {
display: table-cell;
width: 60%;
}
.flowsheet-panel-24-tasks {
width: 420px;
overflow-x: scroll;
overflow-y: visible;
margin-left: 138px;
}
.flowsheet-panel-24-tasks table td, .flowsheet-panel-24-tasks table th {
max-width: 30px;
min-width: 30px;
}
.flowsheet-panel-24-tasks table tr td:first-child {
position: absolute;
left: 0px;
width: 134px !important;
min-width: 134px !important;
max-width: 134px !important;
overflow: hidden;
height: 26px;
line-height: 13px;
border-bottom: solid 1px #aaa;
margin-top: -3px;
}
.flowsheet-panel-24-tasks table tr td:first-child span {
padding-top: 6px;
}
.flowsheet-panel-24-tasks table tr td:first-child span.prescription {
margin-top: 2px;
}
.flowsheet-panel-24-tasks table tr.pr-time td:first-child {
margin-top: 0px;
padding-top: 2px;
line-height: 18px;
}
.flowsheet-panel-24-tasks table tr.pr-group td:first-child.pr-heading a {
margin-top: 2px;
margin-right: 9px !important;
}
.flowsheet-panel-24-tasks table tr.pr-group td:first-child {
left: 0px;
width: 134px !important;
min-width: 134px !important;
max-width: 134px !important;
overflow: hidden;
border-top: solid 2px #999;
border-bottom: solid 2px #999;
height: 22px;
line-height: 22px;
border-left: none;
padding-left: 11px;
margin-top: -2px;
background-color: #d4d4d4;
text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}
.general-practice-panel {
position: absolute;
right: 0;
top: 0px;
overflow-x: hidden;
overflow-y: auto;
}
.general-practice-panel-12 {
width: 357px;
height: 100%;
background-color: #eee;
border-left: solid 2px #aaa;
z-index: 900;
border-bottom: solid 1px #aaa;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.general-practice-panel-12.left {
border-right: solid 2px #aaa;
position: absolute;
top: 0px;
left: 137px;
}
.general-practice-panel-24 {
}
.general-practice-panel h2 {
display: block;
text-align: center;
height: 25px;
border-bottom: solid 2px #9d9d9d;
background-color: #f2f2f2;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #717171;
text-transform: uppercase;
text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
margin: 0;
line-height: 25px;
padding: 0;
}
.hospitalization-tasks {
margin-right: -2px;
overflow: auto;
min-height: 300px;
height: 50%;
overflow: hidden;
position: relative;
width: 100%;
}
.hospitalization-tasks-box {
overflow: auto;
position: absolute;
top: 27px;
bottom: 0px;
width: 100%;
}
.flowsheet-notes {
height: 50%;
width: 100%;
min-height: 300px;
overflow: hidden;
position: absolute;
bottom: 0;
}
.flowsheet-notes-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 14px 14px;
font-size: 13px;
top: 27px;
bottom: 0px;
position: absolute;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.flowsheet-notes-content .tech-notes-day-container {
margin-top: 25px;
margin-right: 0px;
}
.flowsheet-notes-content .tech-notes-time {
width: 60px;
}
.flowsheet-notes-content .tech-notes-note {
width: 230px;
margin-left: 60px;
}
h2.tech-notes-heading {
border-top: solid 2px #999;
height: 23px;
}
@-moz-document url-prefix() {
/* FF specific styles go here */
.general-practice-panel {
top: 0px;
right: 2px;
border-top: solid 2px #aaa;
}
.general-practice-panel-12 {
width: 356px;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
.general-practice-panel {
top: 0px;
right: 2px;
border-top: solid 2px #aaa;
}
.general-practice-panel-12 {
width: 356px;
}
}
.wb-tasks {
width: 100%;
min-width: 100%;
border-bottom: solid 1px #cfcfcf;
}
.hospitalization-task {
width: 33.28%;
height: 130px;
background-color: #ffef66;
float: left;
border-right: solid 1px #9d9d9d;
border-bottom: solid 1px #9d9d9d;
text-align: center;
-moz-box-shadow: inset 0 0 0 1px #ebcd26;
-webkit-box-shadow: inset 0 0 0 1px #ebcd26;
box-shadow: inset 0 0 0 1px #ebcd26;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 5px;
font-size: 13px;
font-weight: normal;
}
.hospitalization-task.billable-task:before {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
content: " ";
line-height: 0;
border: 7px solid transparent;
border-left-color: #5eb121;
border-bottom-color: #5eb121;
}
.task-timing .task-time {
min-height: 16px;
text-align: left;
font-size: 16px;
color: #666029;
height: 22px;
overflow: hidden;
}
.task-timing.task-timing-done .task-time {
color: #9e943c;
}
.general-practice-panel .task-timing .task-time {
position: absolute;
bottom: 7px;
}
.general-practice-panel .task-timing:hover .task-time {
display: none;
}
.task-timing.hospitalization-task {
position: relative;
}
.wb-tasks .hospitalization-task {
height: 95px;
width: 85px;
font-size: 11px;
font-weight: normal;
border-right: solid 1px #cfcfcf;
border-bottom: none;
}
.hospitalization-task.highlighted {
-webkit-animation: task-highlight-animation 0.35s ease-in-out 3;
animation: task-highlight-animation 0.35s ease-in-out 3;
}
.hospitalization-task.expired {
-webkit-animation: task-highlight-animation 0.5s ease-in-out infinite;
animation: task-highlight-animation 0.5s ease-in-out infinite;
}
@-webkit-keyframes task-highlight-animation {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
@keyframes task-highlight-animation {
0% {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
.task-timing .wb-tasks .hospitalization-task {
background-color: #eee;
}
.hospitalization-new-task {
cursor: pointer;
color: #009fe0;
-moz-box-shadow: inset 0 0 0 1px #e0dfdf;
-webkit-box-shadow: inset 0 0 0 1px #e0dfdf;
box-shadow: inset 0 0 0 1px #e0dfdf;
background-color: #f5f5f5;
}
.hospitalization-new-task.disabled {
opacity: 0.3;
color: #333;
cursor: default;
}
.wb-tasks-line {
overflow-x: hidden;
overflow-y: hidden;
height: 95px;
margin: 0px;
padding: 0px;
width: 595px;
}
.wb-tasks-line2 {
overflow-x: visible;
overflow-y: hidden;
height: 95px;
margin: 0px;
padding: 0px;
}
#whiteboard-table .wb-tasks-line.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal {
height: 8px;
}
#whiteboard-table .wb-tasks-line.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
margin: 2px auto;
}
#whiteboard-table .wb-tasks-line.mCustomScrollbar.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
opacity: 0.75;
}
#whiteboard-table .wb-tasks-line .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
margin: 0;
}
#whiteboard-table .procedure-table tr.pr-time td.wb-tasks-heading {
padding-top: 0;
text-align: center;
font-weight: bold;
width: 5000px;
}
.wb-tasks .task-status .task-status-circle {
cursor: pointer;
margin: 0 auto;
margin-top: 8px;
margin-bottom: 12px;
text-align: center;
width: 40px;
height: 40px;
border-radius: 40px;
/*border: solid 2px #d9cb57;*/
position: relative;
}
.task-timing .wb-tasks .task-status .task-status-circle {
}
.hybrid-done {
top: 12px;
}
.task-status .task-status-circle {
cursor: pointer;
margin: 0 auto;
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
width: 50px;
height: 50px;
border-radius: 50px;
border: solid 2px #d9cb57;
position: relative;
}
.task-status.disabled .task-status-circle,
.hospitalization-new-task.disabled .task-status .task-status-circle {
cursor: default;
}
.task-timing .task-status .task-status-circle {
width: 22px;
height: 22px;
border-radius: 23px;
margin: 0;
position: absolute;
right: 6px;
bottom: 6px;
}
.hospitalization-subtasks.task-timing .task-status .task-status-circle {
width: auto;
line-height: 22px;
padding: 0 6px;
color: #d9cb57;
}
.task-status-circle.task-status-circle-todo:hover {
background: url("../Images/p_admin/tasks-checkmark-todo.png") no-repeat center center;
}
.hospitalization-subtasks .task-status-circle.task-status-circle-todo:hover {
background: none;
border: solid 2px #333;
color: #333;
}
.subtasks-stat {
border: 2px solid #d5c755;
border-radius: 20px;
color: #d5c755;
font-size: 11px;
padding: 5px 4px 4px 4px;
cursor: pointer;
min-width: 33px;
text-align: center;
position: absolute;
bottom: 5px;
right: 5px;
}
.subtasks-stat.completed {
border: 2px solid #ffffff;
background: #c1bec2;
color: #ffffff;
}
.task-status.disabled .task-status-circle.task-status-circle-todo {
background: none;
}
.task-status-circle.task-status-circle-done {
background: #c0bec1 url("../Images/p_admin/tasks-checkmark.png") no-repeat center center;
border: solid 2px #fff;
-moz-box-shadow: 0 0 1px 1px #ebdc5e;
-webkit-box-shadow: 0 0 1px 1px #ebdc5e;
box-shadow: 0 0 1px 1px #ebdc5e;
}
.hospitalization-subtasks .task-status-circle.task-status-circle-done {
background: #c0bec1;
color: #fff !important;
}
.task-timing .task-status-circle.task-status-circle-done, .task-timing .task-status-circle.task-status-circle-todo:hover {
background-size: 80%;
}
/* --------- subtasks --------- */
.hospitalization-subtasks-details .task-name {
font-size: 20px;
}
.subtasks-list-holder {
position: absolute;
z-index: 1001;
}
.subtasks-list {
background: #fff;
border: solid 1px #ddd;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
width: 300px;
z-index: 122;
top: 0px;
position: absolute;
padding: 12px 0;
max-height: 450px;
overflow: auto;
}
.task-name-subtasks {
font-family: 'Signika Negative', sans-serif;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
margin-left: 12px;
max-width: 220px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.subtasks-list .task-status {
position: absolute;
right: 10px;
top: 0px;
margin: 0;
}
.subtasks-list .task-status .task-status-circle {
height: 22px;
line-height: 22px;
border-color: #ccc;
}
.subtasks-list .task-status .task-status-circle {
height: 22px;
line-height: 22px;
border-color: #ccc;
font-size: 12px;
}
.subtasks-list .task-status-circle-todo:hover {
background: transparent;
}
.subtasks-list .task-status .task-status-circle-done {
background: #c0bec1;
color: #fff;
border: solid 2px #fff;
-moz-box-shadow: 0 0 1px 1px #ddd;
-webkit-box-shadow: 0 0 1px 1px #ddd;
box-shadow: 0 0 1px 1px #ddd;
}
.subtasks-list-ul {
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
text-transform: uppercase;
max-height: 250px;
overflow-y: auto;
margin: 0 0 10px 0;
border-top: 1px solid #f2f2f2;
}
.subtasks-list-ul li {
line-height: 30px;
vertical-align: middle;
position: relative;
border-bottom: 1px solid #f2f2f2;
padding: 5px 20px 5px 1px;
}
.subtasks-list-ul li.billable-task:after {
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
content: " ";
line-height: 0;
border: 6px solid transparent;
border-left-color: #5eb121;
border-bottom-color: #5eb121;
}
.subtasks-list-ul li:before {
content: "";
display: inline-block;
height: 18px;
width: 18px;
border: solid 2px #ccc;
border-radius: 20px;
vertical-align: middle;
margin: 0 10px 0 12px;
}
.subtasks-list-ul li:hover {
cursor: pointer;
}
.subtasks-list-ul li:hover:before {
border: solid 2px #333;
}
.subtasks-list-ul li.subtask-done:before {
background: #c0bec1 url("../Images/p_admin/tasks-checkmark.png") no-repeat center center;
background-size: 75%;
border: solid 2px #fff;
-moz-box-shadow: 0 0 1px 1px #ddd;
-webkit-box-shadow: 0 0 1px 1px #ddd;
box-shadow: 0 0 1px 1px #ddd;
}
.subtasks-list-ul li.subtask-updating:before {
background: url("../Images/p_admin/ajax-sync-transparent.gif") no-repeat center center;
}
.subtasks-list-ul li.disabled:before {
opacity: 0.3;
}
.subtasks-list-ul li:hover .checklist-item-delete, .subtasks-list-ul li:hover .checklist-item-drag {
display: block;
}
.subtasks-list-ul li .subtask-item-name {
max-width: 195px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
white-space: nowrap;
line-height: 30px;
vertical-align: middle;
}
.subtasks-list-ul li.highlighted {
-webkit-animation: task-highlight-animation 0.35s ease-in-out 3;
animation: task-highlight-animation 0.35s ease-in-out 3;
}
.checklist-item-delete {
height: 20px;
width: 20px;
background: #cc0000;
background: #cc0000 url("../Images/p_admin/delete-icon.png") no-repeat center center;
border-radius: 20px;
vertical-align: middle;
position: absolute;
top: 10px;
right: 33px;
display: none;
}
.checklist-item-delete.disabled {
opacity: 0.3;
}
.checklist-item-drag {
cursor: move;
position: absolute;
float: left;
right: 9px;
top: 9px;
width: 16px;
height: 24px;
display: none;
}
.checklist-item-drag::before {
background: url("../Images/drag-indicator-tasks-gray.png") repeat left top;
position: absolute;
top: 4px;
right: 4px;
width: 6px;
height: 14px;
content: " ";
opacity: 0.6;
}
.checklist-item-drag:hover .checklist-item-drag::before {
opacity: 1;
}
.subtasks-add-button {
border: solid 1px #009fe0;
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
color: #009fe0;
width: 274px;
margin: 0 0 0 12px;
display: block;
line-height: 38px;
height: 38px;
text-align: center;
text-transform: uppercase;
}
.subtasks-add-button:hover {
border: solid 1px #000;
color: #000;
cursor: pointer;
}
.hospitalization-subtasks-details .subtasks-list {
display: block;
}
/* --------- subtasks end --------- */
.updating-task.task-status .task-status-circle, .updating-task .task-status-circle.task-status-circle-todo:hover, .updating-task .task-status-circle.task-status-circle-done {
background: url("../Images/p_admin/ajax-sync-transparent.gif") no-repeat center center;
}
.wb-tasks .task-status-circle.task-status-circle-new {
border: dashed 1px #8d8d8d;
border-top-right-radius: 41px;
}
.task-status-circle.task-status-circle-new, .wb-task .task-status-circle.task-status-circle-new {
border-top-left-radius: 50px;
border: dashed 1px #8d8d8d;
}
.wb-tasks .task-status-circle.task-status-circle-new:after {
content: "+";
color: #9c9c9c;
font-size: 28px;
position: relative;
top: 0;
}
.task-status-circle.task-status-circle-new:after {
content: "+";
color: #9c9c9c;
font-size: 36px;
position: relative;
top: 1px;
}
.hospitalization-new-task:hover:not(.disabled) .task-status-circle.task-status-circle-new {
border: dashed 1px #009fe0;
}
.hospitalization-new-task:hover:not(.disabled) .task-status-circle.task-status-circle-new:after {
color: #009fe0;
}
.wb-tasks .task-name {
width: 70px;
top: 17px;
left: -15px;
text-align: center;
}
.wb-tasks .task-timing .task-name {
font-family: 'Signika Negative', sans-serif;
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: normal;
position: static;
border-top: none;
}
.general-practice-panel .task-timing .task-name {
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
line-height: normal;
position: static;
border-top: none;
padding-top: 5px;
height: 52px;
}
.general-practice-panel .task-timing .task-name span {
max-width: 80%;
line-height: 1.1;
}
.task-timing-done .task-name span {
color: #9e943c;
text-decoration: line-through;
}
.task-name {
position: absolute;
width: 106px;
left: -28px;
top: 40px;
height: 36px;
line-height: 40px;
font-weight: normal;
border-top: solid 20px transparent;
overflow: hidden;
}
.task-name span {
line-height: 0.9;
display: inline-block;
vertical-align: middle;
max-width: 100%;
word-wrap: break-word;
}
.task-timing .task-name span {
vertical-align: top;
}
.task-status-circle-done .task-name span {
color: #9e943c;
text-decoration: line-through;
}
.task-delete {
display: none;
cursor: pointer;
float: right;
margin: 5px;
width: 14px;
height: 14px;
background: url("../Images/p_admin/cross-yellow.png") 5px 0px no-repeat;
opacity: 0.5;
filter: alpha(opacity=50);
}
.task-timing .task-delete {
position: absolute;
right: 0px;
top: 0px;
z-index: 200;
}
.task-delete:hover {
background: url("../Images/p_admin/cross-yellow.png") 5px -20px no-repeat;
opacity: 1;
filter: alpha(opacity=100); /* For IE8 and earlier */
}
.hospitalization-task:hover .task-delete {
display: block;
}
.hospitalization-task .task-lock-indicator {
background: url("../Images/p_admin/task-lock-icon.png") left top no-repeat;
width: 14px;
height: 14px;
top: 12px;
right: 0;
position: absolute;
}
.wb-tasks .hospitalization-task .task-lock-indicator {
top: 4px;
}
.task-add-checklist {
cursor: pointer;
text-align: center;
width: 22px;
height: 22px;
border-radius: 40px;
border: dotted 2px #000;
position: absolute;
color: #000;
line-height: 22px;
text-align: center;
bottom: 6px;
left: 6px;
font-size: 20px;
display: none;
opacity: 0.25;
}
.task-add-checklist:hover {
opacity: 0.5;
}
.hospitalization-task:hover .task-add-checklist {
display: block;
}
.whiteboard-table-holder {
min-height: 220px;
}
.hospitalization-task .task-delete.disabled {
display: none;
}
#whiteboard-table {
padding: 4px;
}
#no-patients {
position: relative;
margin: 60px 40px 20px 40px;
}
#no-patients h1 {
position: absolute;
top: -22px;
left: 14px;
text-align: left;
}
#no-patients p {
position: absolute;
top: 60px;
left: 14px;
width: 460px;
}
#no-patients img {
position: relative;
left: 520px;
top: -20px;
}
.whiteboard-border {
/* border:solid 2px #9d9d9d;
margin:0 2px 2px 2px;*/
border: solid 1px #ccc;
}
.current-time {
width: 34px;
position: absolute;
top: -3px;
height: 100%;
left: 298px;
padding-bottom: 2px;
border: solid 2px #55b0fc;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
pointer-events: none;
}
#whiteboard-table .current-time {
position: absolute;
height: 100%;
width: 66px;
z-index: 1000;
left: -3px;
}
.eos-time {
width: 2px;
position: absolute;
top: 25px;
bottom: -2px;
pointer-events: none;
border-left: solid 2px #0c0;
}
.eos-time-td {
background: #0c0;
color: #fff;
cursor: pointer;
}
.eos-time-td:hover {
background: #0d0;
}
.procedure-table table {
border-collapse: collapse;
border-spacing: 0;
}
.procedure-table tr {
height: 26px;
border-bottom: solid 1px #cfcfcf;
}
#whiteboard-table .procedure-table tr {
height: 96px;
}
#whiteboard-table .procedure-table tr.pr-time {
background: #ededed;
height: 58px;
/*overflow:hidden;*/ /*SAFARI ISSUE*/
}
#whiteboard-table .procedure-table tr.pr-time td {
padding-top: 29px;
background: #ededed;
}
#whiteboard-table .procedure-table tr.pr-time td.pr-heading img {
left: 100px;
position: absolute;
top: 6px;
}
#whiteboard-table .procedure-table tr.pr-time td.pr-heading span {
position: absolute;
display: block;
width: 100%;
text-align: center;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
font-size: 28px;
color: #aaa;
top: 10px;
}
.hybrid-view #date-selector {
width: 515px;
}
.pr-value.hybrid-title {
font-size: 12px;
font-weight: bold;
}
.hybrid-count {
font-size: 36px;
text-align: center;
padding-top: 8px;
}
.hybrid-label {
text-align: center;
text-transform: uppercase;
}
#whiteboard-table #date-selector {
padding-top: 3px;
height: 25px;
position: absolute;
width: 600px;
left: 290px;
top: 0px;
font-weight: normal;
border-bottom: solid 1px #cecece;
background: #ededed;
}
#whiteboard-table .date-left a {
margin-left: 15px;
}
#whiteboard-table .date-right a {
margin-right: 15px;
}
#whiteboard-table .date-center {
font-size: 11px;
font-weight: bold;
padding-top: 4px;
position: relative;
}
#whiteboard-table .date-center div {
display: inline-block;
}
.pr-heading {
padding-left: 11px;
font-weight: bold;
font-size: 13px;
width: 134px;
border-right: solid 2px #cfcfcf;
}
.new-whiteboard#whiteboard-table .pr-department-nopatients {
margin: 0;
padding: 35px 0;
text-align: center;
background-color: #eee;
border-top: solid 1px #ccc;
}
.empty-state-holder {
margin: 0;
padding: 35px 0;
text-align: center;
}
.empty-state-header {
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 20px;
margin: 0 0 5px 0;
color: #999;
}
.empty-state-p {
color: #999;
margin: 0;
}
.empty-state-p a {
color: #999;
text-decoration: underline;
}
.empty-state-p a:hover {
color: #009fe0;
text-decoration: underline;
}
#patient-table .pr-heading a {
text-shadow: none;
color: #fff;
background: #969696;
padding: 2px 3px;
font-size: 20px;
font-weight: normal;
line-height: 14px;
float: right;
position: relative;
top: 0px;
margin-right: 4px;
}
#patient-table .pr-heading.disabled a {
opacity: 0.3;
cursor: default;
}
#patient-table .pr-heading:not(.disabled) a:hover {
text-decoration: none;
background: #009fe0;
}
.pr-value {
border-left: solid 1px #cfcfcf;
width: 30px;
max-width: 30px;
font-size: 10px;
text-align: center;
overflow: hidden;
}
#whiteboard-table .pr-value {
width: 63px;
min-width: 62px;
max-width: 63px;
}
#whiteboard-table .pr-item .pr-value {
font-size: 26px;
color: #000;
}
#whiteboard-table .procedure-table {
width: 602px;
overflow-x: scroll;
overflow-y: visible;
margin-left: 288px;
position: static;
border: none;
}
#whiteboard-table .pr-heading {
width: 287px;
min-width: 286px;
position: absolute;
left: 4px;
height: 95px;
margin-top: -1px;
background: #e2e2e2;
border: solid 1px #cfcfcf;
padding-left: 0;
border-right: solid 1px #cfcfcf;
}
#whiteboard-table tr.pr-time .pr-heading {
height: 29px;
}
#whiteboard-table .wb-patient-info {
height: 95px;
width: 284px;
position: relative;
overflow: hidden;
}
#whiteboard-table .wb-patient-info a {
height: 93px;
width: 284px;
position: absolute;
top: 0;
left: 0;
text-indent: -10000px;
display: block;
z-index: 10000;
background: url("../Images/p_admin/blank.gif");
}
#whiteboard-table .wb-patient-info .critical {
color: #c00;
}
#whiteboard-table .wb-patient-info .wb-patient-procedures {
font-size: 12px;
color: #fff;
font-weight: bold;
position: absolute;
top: 0;
right: 0;
background: #c50000;
padding: 2px 4px;
text-align: right;
}
#whiteboard-table .wb-patient-info h3 {
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
font-size: 18px;
position: absolute;
top: 21px;
left: 102px;
margin: 0;
overflow: hidden;
white-space: nowrap;
padding-right: 10px;
}
#whiteboard-table .wb-patient-info p {
position: absolute;
left: 102px;
font-size: 12px;
color: #555;
font-weight: normal;
overflow: hidden;
white-space: nowrap;
margin: 0;
text-overflow: ellipsis;
}
#whiteboard-table .wb-patient-info p.patient-patient {
width: 165px;
top: 6px;
color: #999;
}
#whiteboard-table .wb-patient-info p.patient-patient:after {
content: '\00a0';
}
#whiteboard-table .wb-patient-info p.patient-problem {
top: 44px;
width: 190px;
}
#whiteboard-table .wb-patient-info p.patient-tel {
top: 60px;
width: 190px;
}
#whiteboard-table .wb-patient-info p.patient-external-id {
top: 76px;
width: 190px;
}
#whiteboard-table .wb-patient-info p.patient-alergy {
top: 76px;
width: 190px;
color: #c00;
}
#whiteboard-table .wb-patient-info p.patient-weight {
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
font-size: 18px;
position: absolute;
top: 20px;
left: auto;
right: 0px;
background: #e2e2e2;
padding-left: 4px;
padding-right: 5px;
}
.wb-patient-info .patient-color-circle {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 36px 36px;
background: #e2e2e2;
}
.department-badge {
position: absolute;
right: 4px;
top: 5px;
font-size: 10px;
padding: 2px 4px;
background: #009fe0;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
.department-flowsheet-badge {
color: #555;
text-shadow: none;
font-weight: bold;
text-transform: uppercase;
}
.new-whiteboard#whiteboard-table .procedure-table {
margin-left: 294px;
width: 596px;
overflow-x: hidden;
margin-bottom: 0;
}
.new-whiteboard#whiteboard-table #date-selector {
left: 296px;
width: 594px;
}
.new-whiteboard#whiteboard-table .hybrid-view .pr-value {
width: 56px;
min-width: 56px;
max-width: 56px;
}
.new-whiteboard#whiteboard-table .hybrid-view .pr-value.hybrid-title {
width: 82px;
min-width: 82px;
max-width: 82px;
}
.new-whiteboard#whiteboard-table .pr-value {
width: 66px;
max-width: 66px;
min-width: 65px;
border-bottom: solid 1px #cfcfcf;
}
.new-whiteboard#whiteboard-table .pr-heading {
width: 294px;
min-width: 293px;
}
.new-whiteboard#whiteboard-table .wb-patient-info {
width: 294px;
}
.new-whiteboard#whiteboard-table .current-time {
width: 69px;
}
.new-whiteboard#whiteboard-table .hybrid-view .current-time {
width: 60px;
}
.planned {
background-color: #ff0;
transition: background-color 1s;
-webkit-transition: background-color 0.5s;
}
.planned-filtered > div {
border-radius: 30px;
background-color: yellow;
padding: 10px 0px;
width: 55px;
margin: auto;
text-align: center;
}
.critical {
color: #f00;
font-weight: bold;
}
.planned-anim {
background-color: #fff;
transition: background-color 0.5s;
-webkit-transition: background-color 1s;
}
.completed {
background-image: url("../Images/p_admin/check.png");
background-position: center center;
background-repeat: no-repeat;
}
.checked {
background-color: #ff0;
background-image: url("../Images/p_admin/check.png");
background-position: center;
background-repeat: no-repeat;
}
.pr-time {
background: #f2f2f2;
}
.pr-time td.ampm {
line-height: 11px;
}
.fullscreen .pr-time td.ampm {
line-height: normal;
}
.fullscreen .pr-time td.ampm br {
display: none;
}
.pr-group {
background: #d4d4d4;
color: #717171;
text-transform: uppercase;
text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
border-top: double 2px #9d9d9d;
border-bottom: double 2px #9d9d9d !important;
}
.pr-group .pr-heading {
border-right: none;
}
.pr-group .pr-value {
border-left: none;
width: auto;
}
.pr-group .allergy-text {
color: #f00;
text-shadow: none;
font-weight: bold;
}
.alternate {
background: #e2e2e2;
}
.timer-icon {
margin-right: 3px;
position: relative;
top: -2px;
}
/*--------------------- Last actions (log):---------------------*/
.actions-log h2 {
font-size: 18px;
font-weight: normal;
margin-top: 30px;
}
.actions-log .timestamp {
float: left;
width: 111px;
height: 20px;
background: url("../Images/p_admin/datetime-bck.png") no-repeat;
color: #fff;
font-size: 11px;
text-align: center;
padding-top: 3px;
}
.actions-log .timestamp.redlog {
background: url("../Images/p_admin/datetime-bck.png") 0 -120px no-repeat;
}
.actions-log .timestamp.newlog {
background: url("../Images/p_admin/datetime-bck.png") 0 -39px no-repeat;
}
.actions-log .timestamp.load-more {
background: url("../Images/p_admin/datetime-bck.png") 0 -39px no-repeat;
}
.actions-log .timestamp.load-more:hover {
background: url("../Images/p_admin/datetime-bck.png") 0 -78px no-repeat;
}
.actions-log .timestamp.load-more a {
padding: 2px 18px;
font-weight: bold;
color: #fff;
}
.actions-log p {
margin: 0 0 10px 125px;
}
/*---------------- Secondary (footer) pages: ---------------*/
h1.secondary-page {
position: relative;
top: -15px;
}
h1.secondary-page.sub-header {
top: 0px;
font-size: 16px;
margin-top: 30px;
letter-spacing: 3px;
}
h1.secondary-page, h2.secondary-page {
text-align: center;
}
h2.secondary-page {
font-size: 12px;
font-style: italic;
color: #999;
}
h3.secondary-page {
margin-top: 30px;
}
ul.secondary-page {
list-style-type: disc;
margin-left: 40px;
}
ol.secondary-page {
list-style-type: lower-alpha;
margin-left: 40px;
}
/*---------------------------- Footer: ---------------------*/
#container {
position: relative;
margin: 0 auto; /* center, not in IE5 */
height: auto !important; /* real browsers */
height: 100%; /* IE6: treaded as min-height*/
min-height: 100%; /* real browsers */
min-height: calc(100% - 100px);
padding-top: 100px;
}
.sf-sticky-menu #container {
padding-top: 40px;
}
.error-page #container {
background: url("../Images/error-page/bg.png") repeat-x left 100px;
position: relative;
}
.error-page .top-login-banner:before {
width: 100%;
height: 280px;
position: absolute;
left: 0;
top: -15px;
content: " ";
background: url(../Images/error-page/clouds.png) repeat-x -90px 140px;
}
.error-page #container:after {
width: calc(50% - 291px);
height: 7px;
position: absolute;
right: 0;
top: 495px;
content: " ";
background: url(../Images/error-page/steps.png) repeat-x left top;
}
.error-page #container:before {
width: 291px;
height: 162px;
position: absolute;
left: 50%;
top: 348px;
content: " ";
background: url(../Images/error-page/dog.png) no-repeat left top;
}
.error-page .error-content {
color: #FFFFFF;
padding: 0 0 185px 0;
font-family: 'Signika Negative', sans-serif;
}
.error-page .error-content h1 {
margin: 130px 0 0 0;
padding: 0;
font-weight: normal;
text-transform: uppercase;
font-size: 63px;
}
.error-page .error-content p {
margin: 20px 0 0 0;
padding: 0;
font-size: 25px;
width: 320px;
}
.error-page .error-content a {
display: inline-block;
margin: 40px 0 0 0;
padding: 18px 30px;
color: #009fe0;
background: #ffffff;
text-transform: uppercase;
font-weight: bold;
}
#footer-gray {
height: 355px;
background: #393939;
margin-top: 60px;
position: absolute;
bottom: 0;
width: 100%;
}
#footer-dark-gray {
height: 75px;
position: absolute;
bottom: 0;
width: 100%;
background: #252525;
}
#footer-logo {
display: inline;
position: relative;
top: 26px;
opacity: 0.5;
}
.social-links {
position: absolute;
top: 24px;
display: inline;
right: -4px;
opacity: 0.5;
}
.social-links a {
margin-right: 8px;
width: 29px;
height: 29px;
display: inline-block;
transition: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
}
.social-links a#facebook {
background: url("../Images/footer-social-icons.png") 0 0 no-repeat;
}
.social-links a#facebook:hover {
background: url("../Images/footer-social-icons.png") 0 -29px no-repeat;
}
.social-links a#twitter {
background: url("../Images/footer-social-icons.png") -38px 0 no-repeat;
}
.social-links a#twitter:hover {
background: url("../Images/footer-social-icons.png") -38px -29px no-repeat;
}
.social-links a#linkedin {
background: url("../Images/footer-social-icons.png") -75px 0 no-repeat;
}
.social-links a#linkedin:hover {
background: url("../Images/footer-social-icons.png") -75px -29px no-repeat;
}
.social-links a#pinterest {
background: url("../Images/footer-social-icons.png") -113px 0 no-repeat;
}
.social-links a#pinterest:hover {
background: url("../Images/footer-social-icons.png") -113px -29px no-repeat;
}
.social-links a#instagram {
background: url("../Images/footer-social-icons.png") -150px 0 no-repeat;
}
.social-links a#instagram:hover {
background: url("../Images/footer-social-icons.png") -150px -29px no-repeat;
}
.footer-links {
position: relative;
top: 28px;
}
.footer-links a {
font-size: 14px;
color: #adadad;
line-height: 1.5;
}
.footer-links a:hover {
color: #ddd;
}
.footer-links ul, .footer-links li {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-links li {
}
.footer-links h3 {
font-size: 16px;
color: #777;
text-transform: uppercase;
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
}
/*---------------------------- PAGES WITH FORMS: ---------------------*/
.form-holder {
width: 370px;
margin: 0 auto;
}
.form-holder input, .form-holder textarea {
width: 342px;
margin-bottom: 20px;
}
.form-holder select {
width: 342px;
margin-bottom: 20px;
/*height:auto;
padding:16px 14px;
line-height:48px;*/
outline: none;
overflow: hidden;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
line-height: 53px;
background: #fff url(../Images/p_admin/arrow-down-select.png) right 10px center no-repeat;
padding: 0 10px;
height: 53px;
border-radius: 0;
}
.form-holder select::-ms-expand {
display: none;
}
.form-holder input[type="radio"] {
-webkit-appearance: radio;
width: auto;
margin-right: 8px;
}
#othersourcetext {
width: 270px;
position: relative;
top: 6px;
left: 5px;
}
.form-holder select:focus {
border: solid 1px #009fe0;
transition: none;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
outline: none;
}
.form-holder .submit-companion {
width: 275px;
}
.form-holder select.submit-companion {
width: 303px;
}
.forgotten-password {
position: absolute;
top: -93px;
right: -1px;
}
a.forgotten-password {
color: #009fe0;
text-transform: uppercase;
font-size: 10px;
}
.holder {
position: relative;
}
.holder .input-help {
color: #009fe0;
font-size: 12px;
font-style: italic;
width: 250px;
float: right;
position: absolute;
top: -72px;
left: 385px;
display: none;
}
div.input-warning, .field-validation-error, .validation-summary-errors, .validation-summary-valid {
color: #ad0000;
font-size: 12px;
font-style: italic;
position: relative;
top: -10px;
}
.form-holder input.input-warning {
background: #ad0000;
color: #fff;
font-style: normal;
}
#Password:focus + .holder .input-help {
display: block;
}
.edit-account-item {
margin-bottom: 15px;
line-height: 32px;
}
.edit-account-item .edit-account-label {
color: #BFBFBF;
font-size: 12px;
text-transform: uppercase;
float: left;
width: 425px;
text-align: right;
margin-right: 30px;
position: relative;
}
.edit-account-item .edit-account-value {
font-size: 16px;
display: inline-block;
margin-right: 12px;
}
.calculator .edit-account-value input, .calculator .edit-account-value input:focus {
width: 230px;
margin-bottom: 0;
}
.edit-account-item a {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #009fe0;
}
.edit-account-item a:hover {
color: #000;
}
.edit-account .edit-account-item a {
position: relative;
top: -2px;
}
.account-view-container {
border: dashed 1px #ccc;
padding: 10px 20px 20px 20px;
margin: 30px auto;
width: 650px;
}
.account-view-container h3 {
text-align: center;
}
.account-view-container .view-account .view-account-item {
margin-bottom: 15px;
line-height: 32px;
}
.account-view-container .view-account .view-account-item .view-account-label {
color: #BFBFBF;
font-size: 12px;
text-transform: uppercase;
float: left;
width: 325px;
text-align: right;
margin-right: 30px;
position: relative;
}
.account-view-container .view-account .view-account-item .view-account-value {
font-size: 16px;
display: inline-block;
margin-right: 12px;
max-width: 280px;
word-break: break-word;
}
.form-holder.left-pane, .edit-account.left-pane {
float: left;
width: 476px;
}
.form-holder.right-pane, .edit-account.right-pane {
float: right;
width: 330px;
background: #fff;
border: solid 2px #009fe0;
padding: 20px 25px 10px 25px;
}
.payment-panel {
margin-top: 25px;
}
.form-holder.right-pane h2, .edit-account.right-pane h2 {
font-family: 'Signika Negative', sans-serif;
font-weight: 700;
font-size: 18px;
margin: 5px 0 35px 0;
text-align: center;
text-transform: uppercase;
}
.form-holder.left-pane input, .form-holder.left-pane textarea {
width: 448px;
}
.form-holder.left-pane select#country {
width: 476px;
}
.form-holder.right-pane input, .form-holder.right-pane textarea {
width: 302px;
}
.form-holder.right-pane.deps-pane {
height: 80px;
border: none;
padding: 0px;
margin-bottom: 20px;
}
.form-holder.right-pane.deps-pane.col {
width: 107px;
margin: 0 10px 5px 0;
display: inline;
float: left;
text-align: center;
background: #fff;
}
.form-holder.right-pane.deps-pane.col.title {
height: 18px;
font-size: 12px;
padding-top: 7px;
color: #787878;
border: none !important;
}
.form-holder.right-pane.deps-pane.col.number {
height: 23px;
font-size: 15px;
border: none !important;
}
.form-holder.right-pane.deps-pane.col.description {
height: 20px;
font-size: 11px;
color: #787878;
border: none !important;
}
.form-holder.right-pane.deps-pane.col.description a {
color: #009fe0;
text-decoration: underline;
}
.form-holder.right-pane.deps-pane > .form-holder.right-pane.deps-pane.col {
border: solid 1px #aaa;
}
.loyalty-program {
float: right;
width: 360px;
text-align: center;
padding: 20px 15px;
}
.loyalty-program a {
color: #009fe0;
font: italic 18px Georgia, 'Times New Roman', Times, serif;
text-decoration: underline;
}
.loyalty-program a:hover {
color: #333;
}
.loyalty-program-readonly {
float: right;
display: inline-block;
width: 360px;
padding: 20px 15px;
text-align: center;
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
color: #999;
}
label.required {
padding-left: 15px;
background: url("../Images/required-field-star.png") 0 5px no-repeat;
}
label.disabled {
padding-left: 15px;
background: url("../Images/disabled-field-lock.png") 0 4px no-repeat;
}
.edit-account.left-pane .edit-account-item .edit-account-label {
width: 180px;
}
.edit-account.right-pane .edit-account-item .edit-account-label {
width: 120px;
}
.edit-account.left-pane .edit-account-item .edit-account-value {
width: 250px;
word-wrap: break-word;
}
.modal.edit-account {
margin-left: -264px;
width: 528px;
}
.modal.edit-account.in-settings,
.modal.calculator.property-dialog,
.settings-templates .modal,
.settings-training .modal,
#settings-logins-page .modal,
#change-passcode.modal,
#set-password.modal,
#edit-password.modal {
position: relative;
transform: translateX(-50%);
margin-left: 0;
}
.modal.calculator.property-dialog {
width: 510px;
}
.modal.check-info {
margin-left: -480px;
width: 960px;
}
.modal.edit-account .modal-body, .modal.check-info .modal-body {
background: #fff;
margin-top: 31px;
padding: 17px 20px 52px 20px;
}
.modal.check-info .modal-body {
padding: 17px 30px 52px 30px;
max-height: none;
}
.modal.check-info.fade.in {
top: 5%;
}
.modal.check-info .edit-account-item {
margin-bottom: 5px;
}
.modal.check-info .edit-account.right-pane {
padding: 20px 15px;
}
.modal.check-info .card-charge-info {
background-color: #e3e3e3;
color: gray;
font-size: 16px;
padding: 20px;
height: 25px;
text-align: center;
margin-top: 40px;
}
.dotted-div {
height: 20px;
margin-top: 10px;
border-top: 1px dashed #cbcbcb;
}
.form-holder input[type="radio"] {
height: 16px;
left: 0;
margin: 0;
padding: 0;
background: none;
width: 16px;
}
form:not(#foo) > .form-holder input[type="radio"], div:not(#foo) > .form-holder input[type="radio"] {
float: left;
height: 16px;
opacity: 0;
position: absolute;
width: 16px;
visibility: hidden;
}
.form-holder input[type="radio"] + label {
height: 20px;
margin-left: -20px;
margin-right: -20px;
padding-left: 22px;
color: #333;
font-size: 14px;
text-transform: none;
display: inline-block;
position: relative;
top: -2px;
}
form:not(#foo) > .form-holder input[type="radio"] + label, div:not(#foo) > .form-holder input[type="radio"] + label {
height: 20px;
padding: 0 0 0 22px;
margin: 0 0 14px 0;
background: url("../Images/custom-radio.png") 0 2px no-repeat;
color: #333;
font-size: 14px;
text-transform: none;
display: inline-block;
position: relative;
top: -2px;
}
form:not(#foo) > .form-holder input[type="radio"]:checked + label, div:not(#foo) > .form-holder input[type="radio"]:checked + label {
background: url("../Images/custom-radio.png") 0 -43px no-repeat;
}
#set-password.modal .figure {
background: url(../Images/passcode.png) center no-repeat;
background-size: contain;
width: 28%;
height: 195px;
float: left;
margin-right: 5%;
}
#set-password.modal .fields {
width: 67%;
float: left;
}
#set-password.modal .middle-header {
border-top: solid 1px #e3e3e3;
padding: 15px 0 5px;
}
a.discontinue {
position: absolute;
top: 28px;
text-transform: uppercase;
color: #6c0000;
text-decoration: underline;
font-size: 12px;
}
a.discontinue:hover {
color: #000000;
}
a.check-in {
position: absolute;
top: 28px;
left: auto;
right: 20px;
text-transform: uppercase;
text-decoration: underline;
font-size: 12px;
}
a.check-in:hover {
color: #000000;
}
#dm-edit-dialog a.discontinue {
left: 20px;
}
/* Calculators:_____________________*/
.modal.calculator {
width: 620px;
margin-left: -10px;
border: solid 6px #009fe0;
border-radius: 0;
max-height: none;
height: auto;
}
.sf-modal-base {
width: 600px;
border: solid 6px #009fe0;
border-radius: 0;
max-height: none;
height: auto;
}
.sf-modal-900 {
width: 900px;
margin-left: -450px;
}
.sf-modal-1000 {
width: 1000px;
margin-left: -500px;
}
.sf-modal-400 {
width: 400px;
margin-left: -200px;
}
.modal-wrapper .modal.sf-modal-base, .modal-wrapper .modal.sf-modal-900, .modal-wrapper .modal.sf-modal-1000, .modal-wrapper .modal.sf-modal-400 {
margin: auto;
}
.sf-modal-base > .close {
position: relative;
top: -30px;
right: -7px;
}
.modal-backdrop > .modal.calculator {
margin-left: -310px; /*was: 620-310 - 500-250*/
}
.modal.calculator.simple-dialog {
width: 500px;
margin-left: -250px;
}
.modal.calculator.pricing-dialog {
width: 600px;
background-color: #fff;
/*margin-left: -50px !important;*/
}
.modal-backdrop > .modal.calculator.simple-dialog {
margin-left: -250px;
}
.modal.calculator.new-patient, .modal.calculator.execute-treatment, .modal.calculator#recent-estimate-modal {
width: 880px;
margin-left: 64px;
}
.modal.calculator#recent-estimate-modal {
margin-left: -446px;
}
.modal.calculator.execute-treatment {
width: 822px;
margin-left: 84px;
}
.modal.calculator.complex-dialog {
width: 1000px;
}
.modal-backdrop > .modal.calculator.complex-dialog {
margin-left: -500px;
}
.modal.calculator.new-patient, .modal.calculator.execute-treatment {
width: 880px;
margin-left: 64px;
}
.modal.calculator.execute-treatment {
width: 822px;
margin-left: 84px;
}
.modal.calculator.delete-param {
width: 620px;
margin-left: 185px;
text-align: left;
}
.modal.calculator.delete-param .dc-select {
display: inline-block;
}
.modal.calculator.emr-multi-dialog {
width: 510px;
margin-left: -248px;
text-align: right;
}
.modal.calculator.emr-dialog {
width: 840px;
margin-left: -425px;
text-align: left;
}
.modal-wrapper {
width: 1000px;
margin-left: -500px;
}
.modal.calculator.change-email-modal {
margin-left: -310px;
text-align: center;
}
.change-email-modal .email-example {
display: inline-block;
text-align: center;
font-style: italic;
margin: 15px;
padding: 15px;
background: #eee;
border-left: solid 3px #009fe0;
}
.change-email-modal .email-current {
font-style: italic;
font-weight: bold;
}
.calculator.change-email-modal .edit-holder {
text-align: center;
}
.calculator.change-email-modal .gray-submit {
position: static;
left: auto;
margin-right: 10px !important;
}
.cri-min {
display: none;
}
.modal.calculator.cri .cri-min {
display: inline-block;
}
.calculator h1, .sf-modal-base h1 {
margin: 0;
font: italic 26px Georgia, 'Times New Roman', Times, serif;
text-align: center;
padding-bottom: 20px;
border-bottom: solid 1px #e3e3e3;
margin-bottom: 20px;
}
.calculator .modal-body, .sf-modal-base .modal-body {
padding: 20px 20px !important;
max-height: none;
height: auto;
background-color: #fff;
}
.calculator .modal-body form {
text-align: right;
}
.calculator.new-patient .modal-body form {
text-align: left;
}
.calculator.modal.edit-account .modal-body {
margin-top: 0;
}
.calculator > .close {
position: absolute;
top: -30px;
right: -7px;
}
.calculator.new-patient > .close {
right: 41px;
}
.calculator.execute-treatment > .close {
right: 81px;
}
.calculator.delete-param > .close {
right: 180px;
}
.calculator.delete-param .input-append.date input {
width: 190px;
}
.shift-popup input[type=text], .shift-popup .date input {
width: 190px !important;
}
.calculator-item {
width: 130px;
display: inline-block;
padding-top: 25px;
vertical-align: top;
}
.calculator-row > div {
margin-left: 12px;
}
.calculator-row > div:first-child {
margin-left: 0;
}
.calculator .form-holder {
width: auto;
}
.calculator .edit-holder, .sf-modal-base .edit-holder {
text-align: right;
margin-top: 10px;
}
.calculator .gray-submit {
position: absolute;
left: 20px;
}
.calculator label {
position: static;
/*width:190px;*/
height: 32px;
text-align: left;
margin-right: 10px;
box-sizing: border-box;
-moz-box-sizing: border-box;
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
float: left;
padding-top: 6px;
}
.calculator label.emr-name-label {
max-width: 140px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.calculator.new-patient label {
padding-top: 0;
}
.calculator.new-patient > div > form > div > div > label {
float: none;
}
.calculator .calc-column {
vertical-align: top;
width: 500px;
display: inline-block;
}
.calculator .calc-column:first-child {
width: 430px;
margin-right: 25px;
}
.calculator.emr-dialog .calc-column {
vertical-align: top;
width: 350px;
display: inline-block;
}
.calculator.emr-dialog .calc-column:first-child {
width: 420px;
margin-right: 25px;
}
.calculator-description-block {
text-align: left;
}
/* catheter dialog */
.modal#catheter-dlg {
margin: auto;
width: 500px;
}
.calculator#catheter-dlg .close {
right: 240px;
}
.calculator#catheter-dlg .location {
display: inline-block;
}
.calculator#catheter-dlg .location .switch.switch-three {
width: 144px;
background-image: url("../Images/p_admin/divs47.gif");
}
.calculator#catheter-dlg .location .switch.switch-three label.switch-label {
width: 47px;
}
.calculator#catheter-dlg .location .switch.switch-three .switch-selection {
width: 48px;
left: -48px;
}
.calculator#catheter-dlg .location .switch.switch-three .switch-input:checked + .switch-label-one ~ .switch-selection {
left: 0;
}
.calculator#catheter-dlg .location .switch.switch-three .switch-input:checked + .switch-label-two ~ .switch-selection {
left: 47px;
width: 49px;
}
.calculator#catheter-dlg .location .switch.switch-three .switch-input:checked + .switch-label-three ~ .switch-selection {
left: 95px;
}
.calculator#catheter-dlg .location .text {
width: 60px;
text-align: center;
text-transform: uppercase;
}
/* save as template dialog */
.modal#save-as-template-dlg {
margin: auto;
width: 480px;
}
.calculator#save-as-template-dlg .close {
right: 250px;
}
/* select template dialog */
.modal#select-template-dlg {
margin: auto;
width: 440px;
}
.calculator#select-template-dlg .close {
right: 270px;
}
/* tech notes dialog */
.calculator.tech-notes-modal {
width: 900px;
margin-left: 55px;
}
.calculator.tech-notes-modal .close {
right: 30px;
}
.registration-partner-modal {
width: 558px !important;
margin-left: 225px !important;
}
.registration-partner-modal .close {
right: 200px !important;
}
.registration-partner-modal.finance {
width: 990px !important;
margin-left: 20px !important;
}
.registration-partner-modal.finance .close {
right: -25px !important;
}
.finance-block {
background: #f8f7f6;
padding-bottom: 15px;
}
.finance-block h4 {
margin-top: 15px;
margin-bottom: 11px;
}
.finance-block .finance-terms-link {
color: #bbb;
text-align: center;
width: 100%;
display: inline-block;
position: relative;
top: -8px;
font-size: 12px;
text-decoration: underline;
}
.registration-partner-modal .partnerTable {
width: 100%;
}
.partnerTable td + td {
padding-left: 10px;
}
.partnerTable input {
padding: 10px !important;
}
.partnerTable select {
padding-right: 15px;
}
.partnerTable input, .partnerTable select {
width: 100% !important;
margin-bottom: 0 !important;
height: 36px !important;
font-size: 14px;
line-height: 32px;
}
.partnerTable select:focus, .partnerTable select:focus:invalid:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.partnerTable label {
width: 100%;
}
.partnerTable input:focus {
width: 100%;
}
.partner-stats-holder {
background: #f7f7f7;
border: solid 1px #e3e3e3;
height: 45px;
line-height: 45px;
margin-top: 20px;
}
.partner-stats {
padding-left: 25px;
border-left: solid 1px #e3e3e3;
line-height: 30px;
margin-top: 7px;
font-family: 'Signika Negative', sans-serif;
font-size: 16px;
color: #333;
text-transform: uppercase;
}
.partner-stats span {
color: #999;
padding-right: 10px;
}
.partner-stats:first-child {
border-left: none;
}
.clinic-search-table td {
text-align: center;
}
.registration-partner-modal input.submit:focus {
height: 53px;
background: #009fe0 none repeat scroll 0 0;
width: auto;
margin-bottom: 0px;
border: none;
}
.default-modal {
margin-left: -264px !important;
}
.due-time-modal {
width: 324px !important;
}
.due-time-modal .datetimepicker-days tr {
cursor: pointer;
}
.due-time-modal .day:hover {
background-color: #a8cefc;
}
#planSelecter select {
width: 370px;
}
.pay-confirm-warning {
display: block;
clear: both;
margin: 50px 0 0 0;
text-align: left;
padding: 15px;
background-color: #ffa;
}
/*custom angular validation*/
.angular-validation form.ng-submitted input.ng-invalid, .angular-validation input.ng-dirty.ng-invalid,
.angular-validation form.ng-submitted select.ng-invalid, .angular-validation select.ng-dirty.ng-invalid {
border-color: #c00 !important;
}
.angular-validation input:focus:invalid:focus, .angular-validation select:focus:invalid:focus {
border: 1px solid #009fe0;
color: #000;
}
/* diet dialog */
.calculator#diet-planning-dialog .calc-column {
vertical-align: top;
width: 320px;
display: inline-block;
}
.calculator#diet-planning-dialog .calc-column:first-child {
width: 440px;
margin-right: 25px;
}
.calculator#diet-planning-dialog {
width: 830px;
margin-left: 90px;
}
.calculator#diet-planning-dialog .close {
right: 65px;
}
.calculator#diet-planning-dialog textarea {
height: 137px;
}
/* end of diet dialog */
/* fluid dialog */
.calculator#fluid-planning-dialog .calc-column {
vertical-align: top;
width: 420px;
display: inline-block;
}
.calculator#fluid-planning-dialog .calc-column:first-child {
width: 440px;
margin-right: 25px;
}
.calculator#fluid-planning-dialog {
width: 930px;
margin-left: 40px;
}
.calculator#fluid-planning-dialog .close {
right: 15px;
}
.calculator#fluid-planning-dialog textarea {
height: 303px;
}
/*
.simple-bolus-dialog#fluid-planning-dialog{
width:500px;
margin-left:210px;
}*/
/*.simple-bolus-dialog*/ #fluid-planning-dialog .bolus-label-inline {
margin-left: 4px;
width: 25px;
display: inline-block;
text-align: left;
}
/* end of fluid dialog */
/* medication dialog */
.calculator#medication-planning-dialog .calc-column {
vertical-align: top;
width: 508px;
display: inline-block;
text-align: left;
}
.calculator#medication-planning-dialog .calc-column .tooltipo.medcalc-conc {
margin: 0;
position: absolute;
left: 505px;
top: 9px;
}
.calculator.cri#medication-planning-dialog .calc-column {
width: 550px;
}
.calculator.cri#medication-planning-dialog {
width: 1020px;
margin-left: 0px;
}
.calculator.cri#medication-planning-dialog .close {
right: -28px;
}
.calculator#medication-planning-dialog .calc-column > label {
width: 125px;
}
.calculator#medication-planning-dialog .calc-column:first-child > label {
width: auto;
}
.calculator#medication-planning-dialog .calc-column:first-child {
width: 400px;
margin-right: 25px;
text-align: right;
}
.calculator#medication-planning-dialog {
width: 980px;
margin-left: 20px;
}
.calculator#medication-planning-dialog textarea{
height:85px;
}
/* end of fluid dialog */
/* new monitoring dialog */
.calculator#new-monitoring-dlg form{
text-align: left;
}
.calculator#new-task-dlg form{
text-align: center;
}
.calculator#new-monitoring-dlg form label{
margin-left: 120px;
}
/* end of new monitoring dialog */
/* execution dialog */
.calculator#execute-treatment-dialog .calc-column{
vertical-align: top;
width:0px;
}
.calculator#execute-treatment-dialog .calc-column:first-child{
width:450px;
margin-right: 0;
display: inline-block;
}
.calculator#execute-treatment-dialog{
width:490px;
margin-left:270px;
}
.calculator#execute-treatment-dialog .close{
right:225px;
}
.calculator.execute-treatment#execute-treatment-dialog .calc-column{
vertical-align: top;
width:440px;
display: inline-block;
}
.calculator.execute-treatment#execute-treatment-dialog .calc-column:first-child{
width:430px;
margin-right: 25px;
}
.calculator.execute-treatment#execute-treatment-dialog{
width:940px;
margin-left:35px;
}
.calculator.execute-treatment#execute-treatment-dialog .close{
right:10px;
}
.calculator#execute-treatment-dialog textarea{
height:110px;
max-height: 110px;
width:360px;
}
.calculator#execute-treatment-dialog select{
height:100px;
width:360px;
background:initial;
overflow: auto;
}
.calculator.execute-treatment > div > form > label{
width:70px;
}
.calculator#execute-treatment-dialog ul.additional-info {
margin: 0 0 20px 0;
padding: 0 0 10px 0;
list-style: none;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.calculator#execute-treatment-dialog ul.additional-info li {
margin: 10px 0 0 0;
padding: 0;
}
.calculator#execute-treatment-dialog .additional-info input,
.calculator#execute-treatment-dialog .additional-info .select2-container {
margin: 0 0 0 90px;
display: block;
width: 360px;
}
.calculator#execute-treatment-dialog .additional-info .select2-container {
border: solid 1px #aaa;
}
.calculator#execute-treatment-dialog .additional-info .select2-container .select2-choice .select2-arrow {
top: 2px;
right: 1px;
}
.calculator#execute-treatment-dialog .additional-info .select2-container .select2-choice > .select2-chosen {
left: 0;
top: 0;
}
.calculator#execute-treatment-dialog .additional-info .select2-container .select2-choice abbr {
top: 10px;
}
.calculator#execute-treatment-dialog .additional-info .invalid input,
.calculator#execute-treatment-dialog .additional-info .invalid input:focus,
.calculator#execute-treatment-dialog .additional-info .invalid .select2-container {
border-color: #cc0000;
}
.calculator#execute-treatment-dialog .additional-info .select2-container.select2-dropdown-open,
.calculator#execute-treatment-dialog .additional-info .invalid .select2-container.select2-dropdown-open {
border-color: #009fe0;
}
.calculator#execute-treatment-dialog .additional-info label {
margin: 6px 0 0 0;
padding: 0;
width: 85px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
float: left;
}
.calculator#execute-treatment-dialog .additional-info .select2-container .select2-choice {
width: 100%;
padding-left: 6px;
border: none;
}
.checkbox-list {
display: inline-block;
border: solid 1px #aaa;
max-height: 215px;
overflow-y: auto;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transition: border 0.2s;
-moz-transition: border 0.2s;
-webkit-transition: border 0.2s;
}
.checkbox-list:focus{
border: solid 1px #009fe0;
outline: none;
transition: border 0.2s; -moz-transition: border 0.2s; -webkit-transition: border 0.2s;
}
#execute-treatment-dialog pv-picker .filter {
display: none;
}
#execute-treatment-dialog .checkbox-list{
width: 360px;
margin-bottom: 20px;
}
.calculator .c-l-label{
display: block;
float: none;
}
.calculator .c-l-checkbox:checked + .c-l-label{
color: #009fe0;
background: url("../Images/p_admin/tick-blue.png") center right no-repeat;
}
.calculator .c-l-checkbox[disabled]:checked + .c-l-label{
background: url("../Images/p_admin/tick-gray.png") center right no-repeat;
}
.calculator .c-l-checkbox[disabled] + .c-l-label{
color: #ccc;
font-style: italic;
}
.checkbox-list-item{
padding: 0 0 0 10px;
border-top: solid 1px #eee;
}
.checkbox-list-item:first-child{
border-top: none;
}
.checkbox-list input[type='checkbox']{
display: none;
}
.treatment-img{
width:436px;
height:324px;
overflow: hidden;
float: right;
}
.treatment-img img{
width:100%;
height:auto;
}
.treatment-img .flowplayer{
min-width: auto !important;
max-width: none !important;
}
.img-zoom-btn, .img-delete-btn{
display: none;
margin: 2px;
height: 30px;
width: 30px;
position: absolute;
z-index: 1200;
background: url("../Images/p_admin/execute-img-btns.png") -54px 6px no-repeat;
}
.img-zoom-btn{
right: 20px;
background: url("../Images/p_admin/execute-img-btns.png") 10px 6px no-repeat;
}
.img-delete-btn:hover{
cursor: pointer;
background: url("../Images/p_admin/execute-img-btns.png") -54px -40px no-repeat;
}
.img-zoom-btn:hover{
cursor: pointer;
background: url("../Images/p_admin/execute-img-btns.png") 10px -40px no-repeat;
}
.img-delete-btn.video-delete-btn{
margin-top: 25px;
}
.treatment-img:hover .img-zoom-btn, .treatment-img:hover .img-delete-btn{
display: block;
}
/* end of execution dialog */
.calculator textarea[readonly="readonly"], .calculator textarea[readonly] {
border: solid 1px #ccc;
background: #e3e3e3;
}
.calculator textarea[readonly="readonly"]:focus, .calculator textarea[readonly]:focus {
border: solid 1px #ccc;
background: #e3e3e3;
-webkit-animation: disabled-flash-red 0.8s; /* Chrome, Safari, Opera */
animation: disabled-flash-red 0.8s;
}
.calculator.new-patient .np-column{
display:inline-block;
margin-left:22px;
vertical-align: top;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.calculator.new-patient .np-column:first-child,
.calculator.new-patient .np-column.first-child {
margin-left: 0;
}
.calculator.new-patient .np-column > label{
width:170px;
display: block;
text-align: left;
margin-bottom:0;
height:24px;
}
.client-name-block {
display: inline-grid;
}
.calculator.new-patient .client-name.select2-container {
width: 93px !important;
}
.client-name #s2id_state-select2 a.select2-choice {
max-width: 93px;
}
.client-name #s2id_zip-select2 a.select2-choice {
max-width: 93px;
}
.calculator.new-patient .np-column .client-name .age,
.calculator.new-patient .np-column input.client-name {
width: 93px;
}
.calculator.new-patient .np-column span.inactive {
color: #009fe0;
}
.client-name-block > label {
margin-bottom: -8px;
}
.np-show-detail-btn {
height: 32px;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
text-transform: uppercase;
line-height: 32px;
text-align: center;
border: dotted 1px #009fe0;
display: block;
margin-bottom: 20px;
}
.np-show-detail-btn:hover{
color: #333;
border: dotted 1px #333;
}
.np-show-detail-btn:after {
content: '';
width: 10px;
height: 10px;
vertical-align: middle;
background: url("../Images/p_admin/arrow-down-blue.png") center 0px no-repeat;
display: inline-block;
margin-left: 3px;
}
.np-show-detail-btn:hover:after {
background: url("../Images/p_admin/arrow-down-blue.png") center -20px no-repeat;
}
.np-hide-details{
margin-bottom: 25px;
}
.np-hide-details:after{
background: url("../Images/p_admin/arrow-down-blue.png") center -60px no-repeat;
}
.np-hide-details:hover:after {
background: url("../Images/p_admin/arrow-down-blue.png") center -40px no-repeat;
}
.calculator.new-patient .np-column input{
width: 190px;
}
.calculator.new-patient .dm-connected .np-column input{
width: 263px;
}
.calculator.new-patient .dm-connected .select2-container, .calculator .dm-connected .select2-dropdown-open {
width: 263px !important;
margin-left: -2px;
}
.calculator.new-patient .np-column > label.inline-field{
width:auto;
display: inline-block;
vertical-align: top;
padding-top:13px;
margin-right:4px;
width:94px;
}
.calculator.new-patient .np-column input.inline-field{
width: 92px;
}
.calculator.new-patient h2{
margin-top:0;
font-weight: normal;
font-size:18px;
color:#009fe0;
padding-bottom:4px;
margin-bottom:15px;
border-bottom:dotted 1px #009fe0;
}
.calculator.new-patient .select2-choices{
width: 190px;
border: solid 1px #aaa;
display:block;
background: #fff;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.calculator.new-patient .select2-container-multi .select2-choices .select2-search-field input{
padding: 0 6px 2px 6px;
margin: 0 0 -2px 0;
}
.calculator .select2-dropdown-open .select2-choices{
border:solid 1px #fff;
overflow: hidden;
border-bottom: dotted 1px #009fe0;
}
.calculator .select2-dropdown-open.select2-drop-above .select2-choices{
border:solid 1px #fff;
overflow: hidden;
border-top: dotted 1px #009fe0;
}
.calculator .select2-container-multi .select2-choices .select2-search-choice{
margin:6px 0 0px 5px;
position: relative;
top: -2px;
}
.calculator .select2-search input{
background: #fff url('select2.png') no-repeat 100% -22px;
}
.calculator span.add-on{
display:none;
}
.calculator select, .calculator input,
.calculator select:focus, .calculator input:focus {
vertical-align:middle;
border: solid 1px #aaa;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
width:110px;
border-radius:0;
box-shadow:none;
background: #fff;
margin-bottom:20px;
height:32px;
}
.calculator select, .calculator select:focus{
outline : none;
overflow : hidden;
text-indent : 0.01px;
text-overflow : '';
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../Images/p_admin/arrow-down-select.png) right 5px center no-repeat;
padding: 0 5px;
border-radius: 0;
}
.calculator select::-ms-expand {
display: none;
}
.sf-select {
vertical-align:middle;
border: solid 1px #aaa;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width:auto;
border-radius:0;
margin-bottom:20px;
height:32px;
outline : none;
overflow : hidden;
text-indent : 0.01px;
text-overflow : '';
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
background: #fff url(../Images/p_admin/arrow-down-select.png) right 5px center no-repeat;
padding: 0 15px 0 5px;
}
.sf-select::-ms-expand {
display: none;
}
.sf-select:focus {
border: solid 1px #009fe0;
outline : none;
}
.calculator#select-template-dlg select,
.calculator#select-template-dlg select:focus {
width:250px;
}
.calculator textarea, .calculator textarea:focus{
vertical-align:middle;
border: solid 1px #aaa;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
border-radius:0;
box-shadow:none;
background: #fff;
margin-bottom:20px;
height:120px;
width:346px;
margin-right: 0 !important;
}
.calculator label.text-area-label{
padding-top:3px;
}
.calculator input[type='button']:focus, .calculator input[type='submit']:focus {
border: none;
height: 53px;
width: auto;
}
.calculator input[type='button'].submit:focus, .calculator input[type='submit'].submit:focus {
background: #009fe0;
margin-bottom: 0;
}
.calculator input[type='button'].additive:focus{
width:342px;
background: #009fe0;
}
.calculator input[disabled], .calculator input[disabled]:hover, .calculator label.disabled+div input[readonly],
.calculator .select2-container.select2-container-disabled .select2-choice, select[disabled] {
border: solid 1px #ccc;
background: #e3e3e3;
}
.calculator .select2-container.select2-container-disabled .select2-choice .select2-arrow{
background: #e3e3e3;
}
.calculator input[disabled]:focus, .calculator label.disabled+div input[readonly]:focus,
.calculator .select2-container.select2-container-disabled .select2-choice:focus, select[disabled]:focus {
border: solid 1px #ccc;
-webkit-animation: disabled-flash-red 0.8s; /* Chrome, Safari, Opera */
animation: disabled-flash-red 0.8s;
}
@-webkit-keyframes disabled-flash-red {
0% {border: solid 1px #ccc;}
25% {border: solid 1px #c00;}
50% {border: solid 1px #ccc;}
75% {border: solid 1px #c00;}
100% {border: solid 1px #ccc;}
}
@keyframes disabled-flash-red {
0% {border: solid 1px #ccc;}
50% {border: solid 1px #c00;}
100% {border: solid 1px #ccc;}
}
.calculator input[type='button'][disabled] {
cursor: default;
border: none;
}
.button-loading {
background: url("../Images/p_admin/done-loading.gif") no-repeat 10px 6px #aaa;
}
.calculator input[type='button'][disabled].submit,
#register-submit[disabled].submit.inprogress,
.partners-submit input[disabled].submit,
.partners-submit input[disabled].submit:hover {
text-indent: 30px;
background: url("../Images/p_admin/done-loading.gif") no-repeat 30px 18px #aaa;
}
.calculator input[type='button'][disabled].submit.not-active {
text-indent: 0;
background-image: none;
}
.calculator input[type='button'][disabled].submit.gray-submit,
.edit-holder input.submit#edit-cancel[disabled],
.edit-holder input.submit#edit-cancel[disabled]:hover {
text-indent: 0;
background: #aaa;
}
.calculator .select2-container {
text-align: left;
width:110px;
display: inline-block;
height: auto;
min-height: 32px;
position: relative;
vertical-align: middle;
margin-bottom: 20px;
}
.sf-header-nav-holder.calculator .select2-container{
margin-bottom: 0;
margin-right: 10px;
width: 200px;
}
.sf-header-nav-holder.calculator .select2-container .select2-choice {
height: 36px;
width:200px;
position: relative;
top: -1px;
}
.sf-header-nav-holder.calculator .select2-dropdown-open{
top: 0 !important;
}
.calculator.new-patient .select2-container {
width:190px !important;
}
.calculator#save-as-template-dlg .select2-container {
width:350px !important;
}
.calculator#select-template-dlg .select2-container {
width:250px !important;
}
.calculator .select2-container .select2-choice {
display: inline-block;
vertical-align:middle;
height: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
padding: 0 0 0 8px;
width:110px;
border: solid 1px #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background:#fff;
}
.select2-container.select2-dropdown-open .select2-choice{
border: solid 1px #fff;
border-bottom: dotted 1px #009fe0;
}
.select2-container.select2-dropdown-open.select2-drop-above .select2-choice{
border-bottom:none;
border-top: dotted 1px #009fe0;
}
.calculator.new-patient .select2-container .select2-choice {
width:190px;
}
.calculator.new-patient .dm-connected .select2-container .select2-choice {
width:263px;
}
.calculator#save-as-template-dlg .select2-container .select2-choice {
width:350px;
}
.calculator#select-template-dlg .select2-container .select2-choice {
width:250px;
}
.calculator#select-template-dlg input[type='text'] {
width:248px;
}
.calculator#new-task-dlg .select2-container .select2-choice,
.calculator#new-task-dlg .select2-container,
.calculator#new-task-dlg .select2-drop {
width: 250px;
}
.calculator#new-monitoring-dlg .select2-container .select2-choice,
.calculator#new-monitoring-dlg .select2-container,
.calculator#new-monitoring-dlg .select2-drop
{
width:290px;
}
.calculator#new-task-dlg input[type='button'][disabled].submit, .calculator#execute-treatment-dialog input[type='button'][disabled].submit {
text-indent: 0;
background-color: #aaa;
background-image: none;
}
.calculator#new-task-dlg input[type='button'][disabled].submit.loading,
.calculator#execute-treatment-dialog input[type='button'][disabled].submit.loading {
text-indent: 30px;
background: url("../Images/p_admin/done-loading.gif") no-repeat 30px 18px #aaa;
}
.submit.not-loading {
text-indent: 0!important;
background-image: none!important;
}
.calculator .select2-container .select2-choice > .select2-chosen {
padding-top: 3px;
}
.calculator .select2-container .select2-choice > .select2-chosen.item-locked {
color: #808080;
background: url("../Images/lock-template-icon.png") no-repeat right center;
margin-right: 49px;
}
.select2-results .select2-result-label span.item-locked {
color: #808080;
display: block;
background: url("../Images/lock-template-icon.png") no-repeat right center;
}
.select2-results .select2-highlighted .select2-result-label span.item-locked {
color: #FFFFFF;
background: url("../Images/lock-template-icon-hover.png") no-repeat right center;
}
.calculator .select2-container .select2-choice .select2-arrow {
top:1px;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background: #fff;
}
.calculator .select2-container .select2-choice .select2-arrow b {
display: block;
width: 100%;
height: 100%;
border:none;
background: url('select2.png') no-repeat 0 2px;
}
.calculator .select2-dropdown-open .select2-choice, .calculator .select2-container-active .select2-choice,
.calculator .select2-container-active .select2-choices,
input[type="text"]:focus, input:focus:invalid:focus{
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.calculator.departments .form-holder {
width: 370px;
}
#settings-add-logins .calculator.departments .form-holder {
width: 390px;
}
.calculator.departments label{
width: 370px;
padding-top:0;
height: auto;
margin-bottom: 5px;
}
.calculator.departments .select2-container{
width: 308px;
}
.calculator.departments .select2-container .select2-choice{
height: 53px;
padding: 12px 14px;
width: 308px;
}
.calculator.departments .select2-container .select2-choice .select2-arrow b{
background: url('select2.png') no-repeat -3px 12px;
}
.calculator.departments .select2-container .select2-choice abbr{
top: 18px;
right: 26px;
}
input[type="text"]:focus{
border-color: #009fe0;
}
input[type="text"]::-ms-clear {
display: none;
}
input:focus:invalid:focus,
.calculator .select2-container.invalid .select2-choice,
input.invalid-data {
border-color: #c00;
}
.calculator .bolus-input, .calculator .bolus-input:focus {
width: 310px;
margin-right: 2px;
}
input[type="button"].bolus-button {
background: #fff url('../Images/p_admin/editbolus.png') no-repeat 5px 7px;
width:26px;
border: none;
}
input[type="button"].bolus-button:hover {
background: #fff url('../Images/p_admin/editbolus.png') no-repeat 5px -62px;
border: none;
width:26px;
}
input[disabled].bolus-button {
background: #fff url('../Images/p_admin/editbolus.png') no-repeat 5px -62px;
opacity: 0.3;
}
input[type="button"].bolus-button:focus {
width:26px;
height:32px;
}
.select2-drop, .select2-drop.select2-drop-above{
border:solid 1px #009fe0;
border-top:none;
border-radius:0;
box-shadow: none;
background: #fff;
}
.select2-drop.select2-drop-above{
border-bottom:none;
}
.select2-results .select2-result-emritem {
background-color: #f2f2f2;
}
.select2-results .select2-highlighted {
background: #009fe0;
color: #fff;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit{
background: #999;
font-weight: bold;
font-size:12px;
text-align: center;
display: block;
color:#fff;
padding:4px;
}
.select2-results .select2-result-label .select2-result-icon {
margin-right: 6px;
}
.select2-search{
margin: 10px 0 5px 0;
}
.input-inline {
margin-right:6px;
}
span.input-inline {
position:relative;
top:-8px;
}
.calculator .input-append{
display: inline-block;
margin-bottom: 0;
}
.calculator select:focus, .calculator input:focus, .calculator textarea:focus {
border: solid 1px #009fe0;
}
.calculator input[button]:focus {
border: none;
width:auto;
height:53px;
}
.calculator .bottom-buttons, .sf-modal-base .bottom-buttons{
padding-top:20px;
border-top:solid 1px #e3e3e3;
}
.calculator .alert {
background-color: #c00;
border: none;
border-radius: 0;
margin-bottom: 20px;
padding: 8px 35px 8px 14px;
text-shadow: none;
text-align: left;
}
.calculator .alert-error {
color:#fff;
}
.calculator .alert .close {
font-size:20px;
line-height: 20px;
position: relative;
right: -21px !important;
top: 0;
color:#fff;
}
.calculator .alert .close:hover {
color:#000;
}
.calculator .select2-dropdown-open{
border:solid 1px #009fe0;
overflow: hidden;
margin-bottom: 18px;
}
.calculator .select2-dropdown-open.drop-above{
z-index: 2000;
}
.calculator .select2-dropdown-open .select2-chosen{
left: -1px;
top: -1px;
display:block;
position: relative;
}
.calculator .select2-container.select2-dropdown-open .select2-arrow{
top: 0px;
right:1px;
}
.calculator .select2-search-choice-close{
right:25px;
top:3px;
}
.select2-container .select2-choice abbr{
top: 8px;
}
.select2-container.select2-dropdown-open .select2-choice abbr{
top: 7px;
right:25px;
}
.datetimepicker table tr td span.active:hover,
.datetimepicker table tr td span.active:hover:hover,
.datetimepicker table tr td span.active.disabled:hover,
.datetimepicker table tr td span.active.disabled:hover:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active,
.datetimepicker table tr td span.active.disabled,
.datetimepicker table tr td span.active:hover.disabled,
.datetimepicker table tr td span.active.disabled.disabled,
.datetimepicker table tr td span.active.disabled:hover.disabled,
.datetimepicker table tr td span.active[disabled],
.datetimepicker table tr td span.active:hover[disabled],
.datetimepicker table tr td span.active.disabled[disabled],
.datetimepicker table tr td span.active.disabled:hover[disabled],
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active:hover:hover,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled:hover:hover,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td.active.disabled.disabled,
.datetimepicker table tr td.active.disabled.disabled:hover,
.datetimepicker table tr td.active[disabled],
.datetimepicker table tr td.active[disabled]:hover,
.datetimepicker table tr td.active.disabled[disabled],
.datetimepicker table tr td.active.disabled[disabled]:hover,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
background-color: #009fe0;
background-image: none;
border: none;
text-shadow: none;
border-radius:0;
color: #fff;
}
.datepicker th.datepicker-switch{
color: #009fe0;
}
.datetimepicker .table-condensed, .datepicker .table-condensed{
width: 280px;
}
input[readonly]{
cursor:default;
}
.calculator .date input,
.tech-notes-container .date input {
background-image: url("../Images/p_admin/calendar-icon.png");
background-position: 170px 9px;
background-repeat: no-repeat;
}
.tech-notes-container .date-short input {
background-image: url("../Images/p_admin/calendar-icon.png");
background-position: right 9px;
background-repeat: no-repeat;
width: 148px;
}
.calculator#catheter-dlg .date input{
background-image: url("../Images/p_admin/calendar-icon.png");
background-position: 90px 9px;
background-repeat: no-repeat;
}
.instructions-execute{
background: #fbfbfb;
color: #777;
width: 100%;
padding: 10px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
text-align: left;
margin-bottom: 20px;
border: solid 1px rgba(192,0,0,0.3);
}
.instructions-header{
color: #373737;
line-height: 23px;
font-weight: bold;
font-size: 14px;
padding-left: 26px;
margin: 0 0 10px 0;
background: url("../Images/p_admin/instructions-icon.svg") left 2px no-repeat;
}
.warning-important{
background: #c50000;
color: #fff;
font-style: italic;
padding: 10px 15px 10px 15px;
}
.warning-important-details{
color: #333;
padding: 10px 15px;
background: #eee;
margin-bottom: 20px;
}
.warning-important-details .list-item{
margin-left: 20px;
display: block;
}
.instructions-execute > div{
max-height: 100px;
overflow-x: auto;
white-space: pre-wrap;
}
/* Switches: -------------- */
div.switch {
position: relative;
margin-bottom:20px;
display:inline-block;
height: 32px;
width: 110px;
background: #fff;
border: solid 1px #009fe0;
box-sizing: border-box;
-moz-box-sizing: border-box;
vertical-align: middle;
overflow:hidden;
}
.switch-sex input.sexBtn:nth-child(1) {
border-left: none;
}
div.switch-disabled, div.switch.disabled {
border: solid 1px #ccc;
}
.calculator.new-patient div.switch{
width: 190px;
}
.switch.switch-three {
width: 360px;
}
.switch.switch-three.settings-three {
width: 285px;
}
.calculator.new-patient .switch.switch-three label.switch-label {
width: 62px;
}
.switch.switch-six label.switch-label,
.switch.switch-three label.switch-label,
.switch.switch-four label.switch-label {
border-left: 1px solid #cdcdcd;
box-sizing: border-box;
}
.switch.switch-six label.switch-label:nth-child(2),
.switch.switch-four label.switch-label:nth-child(2),
.switch.switch-three label.switch-label:nth-child(2) {
border: none;
}
.switch.switch-six input[type=radio]:checked + label,
.switch.switch-six input[type=radio]:checked + label + input[type=radio] + label,
.switch.switch-four input[type=radio]:checked + label,
.switch.switch-four input[type=radio]:checked + label + input[type=radio] + label,
.switch.switch-three input[type=radio]:checked + label,
.switch.switch-three input[type=radio]:checked + label + input[type=radio] + label {
-webkit-transition: border 0.15s ease-out;
-moz-transition: border 0.15s ease-out;
-o-transition: border 0.15s ease-out;
transition: border 0.15s ease-out;
border-color: transparent;
}
.switch.switch-four {
width: 190px;
}
.switch.switch-six {
width: 100%;
}
.switch.switch-six.three {
width: 210px;
}
label.switch-label {
position: relative;
z-index: 2;
float: left;
width: 53px;
line-height: 32px;
font-size: 14px;
color: #333;
text-align: center;
cursor: pointer;
margin:0;
padding-top:0;
}
.calculator.new-patient label.switch-label {
width: 93px;
}
.switch.switch-four label.switch-label {
width: 25%;
}
.switch.switch-six label.switch-label
{
width: 16.6%;
}
.switch.switch-six label.switch-label
{
width: 16.6%;
}
.switch.switch-six.three label.switch-label {
width: 33.3%;
}
.switch.switch-six.three label.switch-label.switch-label-three {
width: 68px;
}
.switch.switch-three label.switch-label {
width: 119px;
}
.switch.switch-three.settings-three label.switch-label {
width: 94px;
}
.switch-input:checked + .switch-label-one, .switch-input:checked + .switch-label-two, .switch-input:checked + .switch-label-three {
border:none;
}
.switch-input {
display: none;
}
.switch-input:checked + .switch-label {
color:#fff;
}
.switch-input:checked + .switch-label-two ~ .switch-selection {
/* 2 */
left: 53px;
}
.calculator.new-patient .switch-input:checked + .switch-label-two ~ .switch-selection{
/* 2 new-patient */
left: 93px;
}
.switch.switch-three .switch-input:checked + .switch-label-two ~ .switch-selection {
/* 3 */
left: 118px;
}
.switch.switch-three .switch-input:checked + .switch-label-three ~ .switch-selection {
/* 3 */
left: 238px;
}
.switch.switch-three.settings-three .switch-input:checked + .switch-label-two ~ .switch-selection {
/* 3 */
left: 94px;
}
.switch.switch-three.settings-three .switch-input:checked + .switch-label-three ~ .switch-selection {
/* 3 */
left: 189px;
}
.calculator.new-patient .switch.switch-three .switch-input:checked + .switch-label-two ~ .switch-selection {
/* 3 */
left: 62px;
}
.calculator.new-patient .switch.switch-three .switch-input:checked + .switch-label-three ~ .switch-selection {
/* 3 */
left: 125px;
}
.calculator.new-patient .switch.switch-four .switch-input:checked + .switch-label-two ~ .switch-selection {
/* 4 */
left: 46px;
}
.switch.switch-four .switch-input:checked + .switch-label-three ~ .switch-selection {
/* 4 */
left: 94px;
}
.switch.switch-four .switch-input:checked + .switch-label-four ~ .switch-selection {
/* 4 */
left: 142px;
}
.switch.switch-six .switch-input:checked + .switch-label-two ~ .switch-selection {
/* 6 */
left: 68px;
}
.switch.switch-six .switch-input:checked + .switch-label-three ~ .switch-selection {
/* 6 */
left: 138px;
}
.switch.switch-six .switch-input:checked + .switch-label-four ~ .switch-selection {
/* 6 */
left: 208px;
}
.switch.switch-six .switch-input:checked + .switch-label-five ~ .switch-selection {
/* 6 */
left: 278px;
}
.switch.switch-six .switch-input:checked + .switch-label-six ~ .switch-selection {
/* 6 */
left: 346px;
}
.switch-selection {
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 55px;
height: 32px;
background: #009fe0;
transition: left 0.15s ease-out;
}
.ui-grid-contents-wrapper .switch-selection {
transition: none;
}
.ui-grid-contents-wrapper .switch:hover .switch-selection {
transition: left 0.15s ease-out;
}
.switch.disabled .switch-selection {
background: #999;
}
.calculator.new-patient .switch-selection{
width: 95px;
}
.switch.switch-three .switch-selection {
width: 122px;
}
.switch.switch-three.settings-three .switch-selection {
width: 96px;
}
.calculator.new-patient .switch.switch-three .switch-selection {
width: 64px;
}
.switch.switch-six .switch-selection {
width: 72px;
}
.calculator.new-patient .switch.switch-four .switch-selection {
width: 51px;
}
div.switch.switch-disabled{
background: #e3e3e3;
}
div.switch-disabled .switch-selection {
background: #ccc;
}
div.switch-disabled .switch-input:checked + .switch-label {
color:#555;
}
.settings-data div.switch {
margin-bottom: 0px;
margin-right: 10px;
}
/* Switches end -------------- */
.sxratevalue{
display: block;
margin-left:200px;
margin-top:-15px;
margin-bottom:15px;
}
.planning-lock
{
border: solid 1px #ccc;
border-right: none;
height: 52px;
width: 29px;
position: absolute;
left: 340px; /* 460 px column*/
margin-top: 15px;
}
.calculator#medication-planning-dialog .calc-column .planning-lock
{
left: 283px; /* 400 px column*/
}
.calculator#fluid-planning-dialog .calc-column .planning-lock,
.calculator#diet-planning-dialog .calc-column .planning-lock
{
left: 321px; /* 440 px column*/
}
.planning-lock-btn{
display: block;
width: 32px;
height: 32px;
border: solid 1px #009fe0;
background: #fff url("../Images/p_admin/treatment-locked.png") center center no-repeat;
position: absolute;
left: -16px;
top: 10px;
cursor: pointer;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.planning-lock-btn.planning-lock-unlocked{
background: #fff url("../Images/p_admin/treatment-unlocked.png") center center no-repeat;
}
/* Calculators END_____________________*/
/* FULLSCREEN STYLES BEGIN */
.fullscreen{
overflow-y:scroll !important;
}
.fullscreen #container, .fullscreen.sf-sticky-menu #container{
padding-top: 0;
}
.fullscreen .patient-menu-panel{
left: auto;
right: 5px;
z-index: 999;
}
.fullscreen .site-header, .fullscreen .sf-top-menu, .fullscreen #footer-gray, .fullscreen .actions-log, .fullscreen .splash-bottom-buttons, .fullscreen .app-info, .fullscreen .new-feature{
display:none !important;
}
.fullscreen .empty-state-header {
font-size: 30px;
}
.fullscreen .empty-state-p {
font-size: 20px;
}
.fullscreen #whiteboard-table .pr-heading {
left:23px;
width:33.33%;
min-width:auto;
}
.fullscreen #whiteboard-table #date-selector {
background: none repeat scroll 0 0 #EDEDED;
border-bottom: 1px solid #CECECE;
font-weight: normal;
height: 25px;
left: 2px;
margin-left: 100%;
margin-right: 90px;
right: -200%;
top: 0;
width:auto;
}
.fullscreen #whiteboard-table .procedure-table {
width: auto;
margin-left: 33.33%;
margin-left: calc(33.33% + 5px);
margin-right: -2px;
}
.fullscreen #whiteboard-table .wb-patient-info {
width:auto;
cursor: auto;
}
.fullscreen .pr-heading {
width:300px;
}
.fullscreen #patient-table .pr-time td, .fullscreen #patient-table .pr-item td{
max-width:70px;
width:70px;
font-size:22px;
}
.fullscreen #whiteboard-table .pr-value {
max-width: 124px;
min-width: 124px;
width: 124px;
}
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value {
max-width: 117px;
min-width: 117px;
width: 117px;
}
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value.hybrid-title {
max-width: 130px;
min-width: 130px;
width: 130px;
}
.fullscreen .new-whiteboard#whiteboard-table .pr-value {
max-width: 131px;
min-width: 131px;
width: 131px;
}
.fullscreen #whiteboard-table .procedure-table tr {
height: 151px;
}
.fullscreen #whiteboard-table .procedure-table tr.pr-time{
height: 63px;
}
.fullscreen #whiteboard-table .pr-department-nopatients {
margin-left: -22px;
}
.fullscreen #whiteboard-table .patient-photo {
height: 150px;
width: 150px;
}
.fullscreen #whiteboard-table .patient-photo img {
height: auto;
width: 150px;
}
.fullscreen #whiteboard-table .wb-patient-procedures {
font-size: 20px;
}
.fullscreen #whiteboard-table .wb-patient-info h3 {
font-size:28px;
left:160px;
top: 30px;
max-width: 60%;
overflow: hidden;
text-overflow: ellipsis;
}
.fullscreen #whiteboard-table .wb-patient-info p {
font-size:20px;
left:160px;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-weight {
font-size: 28px;
left: auto;
top: 30px;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-patient {
width: 365px;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-problem {
top: 65px;
width: auto;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-tel {
top: 91px;
width: auto;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-external-id {
top: 118px;
width: auto;
}
.fullscreen #whiteboard-table .wb-patient-info p.patient-alergy {
top: 118px;
width: auto;
}
.fullscreen #whiteboard-table .wb-patient-info .patient-color-circle {
border-width: 0 0 50px 50px;
}
.fullscreen #whiteboard-table .wb-patient-info, .fullscreen #whiteboard-table .pr-heading{
height:150px;
}
.fullscreen #whiteboard-table tr.pr-time .pr-heading {
height:122px;
}
.fullscreen #whiteboard-table tr.pr-time .pr-heading {
height: 58px;
padding-top: 5px;
}
.fullscreen .wrapper {
width:auto;
padding:0 60px 0 20px;
}
.fullscreen .whiteboard-border {
padding-left:22px;
overflow: hidden;
}
.fullscreen .pr-value {
font-size:24px;
}
@media screen and (max-width: 2100px) {
.fullscreen .pr-value.hybrid-title {
font-size: 14px;
}
}
.fullscreen #whiteboard-table .procedure-table tr.pr-time td.pr-heading img {
background:url("../Images/p_admin/timer-icon-big.png") center center no-repeat;
width:0px;
height:0px;
padding:16px;
left:160px;
top:35px;
}
.fullscreen #whiteboard-table .procedure-table tr.pr-time td.pr-heading span {
font-size: 34px;
top: 8px;
}
.fullscreen #whiteboard-table .current-time {
width:128px;
left:-3px;
left:-5px;
top:-6px;
border:4px solid #55B0FC;
}
.fullscreen .new-whiteboard#whiteboard-table .current-time {
width:135px;
}
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time {
width:121px;
}
.fullscreen .bug-panel{
display: none;
}
.fullscreen .procedure-table .current-time {
border: 4px solid #55B0FC;
left: 346px;
padding-bottom: 0px;
pointer-events: none;
position: absolute;
top: -4px;
width: 60px;
}
.fullscreen .department-badge{
/* border: none;
right: 64px;
background:rgba(0,0,0,0.05);
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: rgba(0,0,0,0.4);*/
top: 1px;
}
.fullscreen .wb-tasks-line {
height: 150px;
left: 33.33%;
right: 68px;
margin-top: -75px;
position: absolute !important;
width: auto;
margin-left: 27px;
}
.fullscreen .wb-tasks-line2 {
height: 100%;
}
.fullscreen .wb-tasks .hospitalization-task{
height: 150px;
width: 130px;
}
.fullscreen .general-practice-panel-12 {
width: 40%;
}
#patient-table .f-icon.text, #patient-table .f-icon.photo-text, #patient-table .f-icon.photo {
background-position: center center;
}
.fullscreen #patient-table .f-icon.text {
background-image: url('../Images/p_admin/Text_Icon_Big.png');
background-size:80% auto;
}
.fullscreen #patient-table .f-icon.photo-text {
background-image: url('../Images/p_admin/Text_Photo_Icon_Big.png');
background-size:80% auto;
}
.fullscreen #patient-table .f-icon.photo {
background-image: url('../Images/p_admin/Photo_Icon_Big.png');
background-size:80% auto;
}
.fullscreen #patient-table .f-icon {
height:30px;
}
.fullscreen .wb-tasks .task-status .task-status-circle{
margin-top: 15px;
width: 38px;
height: 38px;
border-radius: 50px;
}
.fullscreen .wb-tasks .task-status .task-status-circle.task-status-circle-new{
width: 50px;
height: 50px;
}
.fullscreen.n150 .subtasks-stat {
border-radius: 40px;
font-size: 16px;
padding: 8px 12px 8px 12px;
bottom: 6px;
right: 6px;
}
.fullscreen.n150 .task-add-checklist {
width: 38px;
height: 38px;
border-radius: 40px;
line-height: 38px;
font-size: 30px;
}
.fullscreen .wb-tasks .hybrid-task .task-status-circle.task-status-circle-new{
margin-top:0;
}
.fullscreen .wb-tasks .hybrid-task .task-status-circle.task-status-circle-done{
margin-top:20px;
}
.fullscreen .wb-tasks .task-name{
width: 120px;
top: 40px;
left: -35px;
font-size: 18px;
height: 60px;
line-height: 60px;
}
.fullscreen .wb-tasks .task-name span{
line-height: 1.1;
}
.fullscreen .wb-tasks .task-status-circle.task-status-circle-new:after{
font-size: 37px;
}
.fullscreen .wb-tasks > .hospitalization-task .task-status .task-status-circle{
top: 16px;
}
.fullscreen .hybrid-task{
padding-top: 2px;
}
.fullscreen .hybrid-count{
padding-top: 30px;
}
.fullscreen .task-timing .task-status-circle.task-status-circle-done,
.fullscreen .task-timing .task-status-circle.task-status-circle-todo:hover{
background-size: auto;
}
.fullscreen.n150 #whiteboard-table .procedure-table tr .department-badge{
font-size: 13px;
}
/* whiteboard fullscreen adaptive row height BEGIN */
.fullscreen.n120 #whiteboard-table .patient-photo,
.fullscreen.n80 #whiteboard-table .patient-photo,
.fullscreen.n60 #whiteboard-table .patient-photo,
.fullscreen.n40 #whiteboard-table .patient-photo {
margin:0;
padding:0;
height:100%;
width:auto;
}
/* n120 */
.fullscreen.n120 #whiteboard-table .procedure-table tr.pr-item,
.fullscreen.n120 #whiteboard-table .procedure-table tr.pr-item .wb-patient-info,
.fullscreen.n120 #whiteboard-table .procedure-table tr.pr-item .pr-heading {
height:120px;
}
.fullscreen.n120 #whiteboard-table .patient-photo{
width: 120px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight {
left:auto;
font-size: 26px;
top: 22px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-patient-info h3 {
left:130px;
top: 22px;
font-size: 26px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-patient-info p {
left:130px;
font-size: 16px;
}
.fullscreen.n120 #whiteboard-table .wb-patient-info p.patient-patient{
top: 4px;
}
.fullscreen.n120 #whiteboard-table .wb-patient-info p.patient-problem{
top:56px;
}
.fullscreen.n120 #whiteboard-table .wb-patient-info p.patient-tel{
top:75px;
}
.fullscreen.n120 #whiteboard-table .wb-patient-info p.patient-external-id{
top:94px;
}
.fullscreen.n120 #whiteboard-table .wb-patient-info p.patient-alergy{
top:94px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks-line{
height: 119px;
margin-top:-59px;
}
@-moz-document url-prefix() {
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-60px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-60px; }
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks .hospitalization-task{
height: 119px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks .task-status .task-status-circle{
margin-top: 10px;
width: 38px;
height: 38px;
border-radius: 45px;
line-height: 38px;
}
.fullscreen.n120 .subtasks-stat {
border-radius: 40px;
font-size: 16px;
padding: 8px 12px 8px 12px;
bottom: 6px;
right: 6px;
}
.fullscreen.n120 .task-add-checklist {
width: 38px;
height: 38px;
border-radius: 40px;
line-height: 38px;
font-size: 30px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks .task-status .task-status-circle.task-status-circle-new {
top:0;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks .task-name{
top: 30px;
font-size: 16px;
height: 50px;
line-height: 50px;
}
.fullscreen.n120 .task-timing .task-time {
position: relative;
top: -10px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.task-status-circle-new:after{
font-size: 33px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .hybrid-count{
padding-top: 15px;
}
.fullscreen.n120 #whiteboard-table .procedure-table tr .department-badge{
font-size: 12px;
}
/* n80 */
.fullscreen.n80 #whiteboard-table .procedure-table tr.pr-item,
.fullscreen.n80 #whiteboard-table .procedure-table tr.pr-item .wb-patient-info,
.fullscreen.n80 #whiteboard-table .procedure-table tr.pr-item .pr-heading {
height:80px;
}
.fullscreen.n80 #whiteboard-table .patient-photo{
width: 120px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-patient-procedures {
font-size: 11px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-patient-info .patient-color-circle{
border-width: 0 0 40px 40px;
z-index: 15;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight {
left:auto;
font-size: 20px;
top: auto;
bottom: 0;
background: transparent;
font-size: 16px;
z-index: 16;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight:after {
position: absolute;
content: '';
display: block;
width: 100%;
z-index: -1;
left: auto;
bottom: -1px;
height: 100%;
background: #e2e2e2;
right: 40px;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info h3 {
left:10px;
top: 4px;
font-size: 20px;
position: relative;
float: left;
width: auto;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p {
left:130px;
font-size: 14px;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p.patient-patient{
top: 4px;
font-size: 20px;
position: relative;
left: 10px;
width: auto;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
overflow:hidden;
white-space:nowrap;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p.patient-problem{
top:29px;
z-index: 16;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p.patient-tel{
top:45px;
z-index: 16;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p.patient-external-id{
top:61px;
}
.fullscreen.n80 #whiteboard-table .wb-patient-info p.patient-alergy{
top:61px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks-line {
height: 79px;
margin-top:-39px;
}
@-moz-document url-prefix() {
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-40px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-40px; }
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .hybrid-task {
margin-top: -14px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .hybrid-task .task-status-circle-new {
margin-top: -5px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .hospitalization-task{
height: 79px;
}
.fullscreen.n80 .task-timing .task-time {
position: relative;
top: -8px;
font-size: 12px;
}
.fullscreen.n80 .hospitalization-task:hover .task-time{
display: none;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-status .task-status-circle{
margin-top: 11px;
width: 40px;
height: 40px;
border-radius: 40px;
left: -30px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-timing .task-status .task-status-circle{
margin-top: 11px;
width: 24px;
height: 24px;
border-radius: 30px;
left: auto;
bottom: 5px;
right: 5px;
background-size: 70%;
}
.fullscreen.n80 .task-add-checklist {
width: 24px;
height: 24px;
line-height: 24px;
bottom: 5px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-status.hybrid-task .task-status-circle.task-status-circle-new {
margin-top: 25px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.hybrid-done{
left: 0;
top: 12px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-name{
width: 70px;
top: -5px;
border-top: none;
font-size: 12px;
left: 42px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.task-status-circle-new:after{
font-size: 30px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .task-delete{
position: absolute;
margin-left: 105px;
z-index: 1000;
top: 0;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .hybrid-count{
padding-top: 10px;
}
.fullscreen.n80 #whiteboard-table .procedure-table tr .department-badge{
font-size: 12px;
}
/* n60 */
.fullscreen.n60 #whiteboard-table .procedure-table tr.pr-item,
.fullscreen.n60 #whiteboard-table .procedure-table tr.pr-item .wb-patient-info,
.fullscreen.n60 #whiteboard-table .procedure-table tr.pr-item .pr-heading {
height:60px;
}
.fullscreen.n60 #whiteboard-table .patient-photo{
width: 100px;
}
.fullscreen.n60 .patient-photo.dnr:before, .fullscreen.n60 .patient-photo.caution:after{
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-patient-procedures {
font-size: 11px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-patient-info .patient-color-circle{
border-width: 0 0 30px 30px ;
z-index: 15;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight {
left:auto;
top: auto;
bottom: -1px;
font-size: 16px;
background: transparent;
z-index: 16;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight:after {
position: absolute;
content: '';
display: block;
width: 100%;
z-index: -1;
left: auto;
bottom: -1px;
height: 100%;
background: #e2e2e2;
right: 30px;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info h3 {
left:10px;
top: 2px;
font-size: 20px;
position: relative;
float: left;
width: auto;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p {
left:110px;
font-size: 14px;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-patient{
top: 2px;
font-size: 20px;
position: relative;
left: 10px;
width: auto;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
overflow:hidden;
white-space:nowrap;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-problem{
top:25px;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-tel{
position: relative;
left: 10px;
top:13px;
float: left;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-tel:not(:empty) + p.patient-external-id:not(:empty):before{
content: '•';
color: #777;
margin: 0 6px;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-external-id{
position: relative;
top:13px;
left: 10px;
}
.fullscreen.n60 #whiteboard-table .wb-patient-info p.patient-alergy{
position: relative;
top:13px;
left: 10px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks-line{
height: 59px;
margin-top:-29px;
}
@-moz-document url-prefix() {
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-30px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-30px; }
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .hybrid-task {
margin-top: -14px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .task-status.hybrid-task .task-status-circle.task-status-circle-new {
margin-top: 15px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.task-status-circle-new:after{
font-size: 30px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .hospitalization-task{
height: 59px;
}
.fullscreen.n60 .task-timing .task-time {
font-size: 12px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .task-status .task-status-circle{
width: 40px;
height: 40px;
border-radius: 40px;
left: -30px;
margin-top: 3px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .task-timing .task-status .task-status-circle{
width: 26px;
height: 26px;
border-radius: 30px;
left: auto;
right: 5px;
background-size: 60%;
margin-top: 8px;
top: auto;
bottom: 5px;
}
.fullscreen.n60 .task-add-checklist {
width: 26px;
height: 26px;
line-height: 26px;
bottom: 5px;
}
.fullscreen.n60 .task-timing .task-time{
position: absolute;
bottom: 0;
}
.fullscreen.n60 .hospitalization-task:hover .task-time{
display: none;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .wb-tasks .task-name{
width: 70px;
top: -9px;
border-top: none;
font-size: 12px;
left: 42px;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .hybrid-count{
padding-top: 15px;
display: inline-block;
}
.fullscreen.n60 #whiteboard-table .procedure-table tr .hybrid-label{
display: inline-block;
padding-left: 4px;
}
/* n40 */
.fullscreen.n40 #whiteboard-table .procedure-table tr.pr-item,
.fullscreen.n40 #whiteboard-table .procedure-table tr.pr-item .wb-patient-info,
.fullscreen.n40 #whiteboard-table .procedure-table tr.pr-item .pr-heading {
height:40px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-patient-info .patient-color-circle{
}
.fullscreen.n40 #whiteboard-table .patient-photo{
width: 100px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-patient-procedures {
font-size:11px;
position: absolute;
z-index: 600;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight {
left:auto;
font-size: 14px;
top: auto;
background: transparent;
bottom: -1px;
z-index: 16;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-patient-info p.patient-weight:after {
position: absolute;
content: '';
display: block;
width: 100%;
z-index: -1;
left: auto;
bottom: -1px;
height: 100%;
background: #e2e2e2;
right: 20px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info h3 {
left:10px;
top: 0px;
font-size: 18px;
position: relative;
float: left;
width: auto;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p {
left:110px;
font-size: 13px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-patient{
top: 0px;
font-size: 18px;
position: relative;
left: 10px;
width: auto;
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
overflow:hidden;
white-space:nowrap;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-problem{
top:-4px;
left: 10px;
position: relative;
float: left;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-tel{
position: relative;
left: 10px;
top:-4px;
float: left;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-problem:not(:empty) + p.patient-tel:not(:empty):before{
content: '•';
color: #777;
margin: 0 6px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-tel:not(:empty) + p.patient-external-id:not(:empty):before{
content: '•';
color: #777;
margin: 0 6px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-problem:not(:empty) + p.patient-tel:empty + p.patient-external-id:not(:empty):before{
content: '•';
color: #777;
margin: 0 6px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-external-id{
position: relative;
top:-4px;
left: 10px;
}
.fullscreen.n40 #whiteboard-table .wb-patient-info p.patient-alergy{
position: relative;
top:-4px;
left: 10px;
float: left;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr td.checked {
background-size:36px auto;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks-line,
.fullscreen.n40 #whiteboard-table .procedure-table tr .hybrid-task {
height: 39px;
margin-top:-19px;
}
@-moz-document url-prefix() {
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-20px; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks-line { margin-top:-20px; }
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .hospitalization-task{
height: 39px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-patient-info .patient-color-circle{
border-width: 0 0 20px 20px;
z-index: 15;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-status .task-status-circle{
height: 28px;
width: 28px;
border-radius: 28px;
border-width: 1px;
left: -40px;
margin-top: 0px;
background-size: 70%
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-timing .task-status .task-status-circle{
height: 18px;
width: 18px;
border-radius: 24px;
border-width: 1px;
left: auto;
right: 5px;
margin-top: 0px;
bottom: 4px;
background-size: 60%;
z-index: 1;
}
.fullscreen.n40 .task-add-checklist {
width: 18px;
height: 18px;
border: dashed 1px #000;
line-height: 18px;
bottom: 4px;
left: 6px;
font-size: 16px;
}
.fullscreen.n40 .subtasks-stat {
border-width: 1px;
font-size: 11px;
padding: 2px 2px 1px 2px;
bottom: 4px;
right: 5px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-status.hybrid-task .task-status-circle.task-status-circle-new {
margin-top: 16px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.hybrid-done{
left: 0;
top: 16px;
}
.fullscreen.n40 .task-timing .task-time{
position: absolute;
bottom: -7px;
font-size: 10px;
}
.fullscreen.n40 .hospitalization-task:hover .task-time{
display: none;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-name{
left: 32px;
top: -36px;
font-size: 11px;
width: 80px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-timing .task-name{
font-size: 10px;
text-transform: uppercase;
width: 80px;
height: 20px;
overflow: hidden;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .wb-tasks .task-status-circle.task-status-circle-new:after{
font-size: 22px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .hybrid-label{
display: inline-block;
padding-left: 4px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .hybrid-count{
padding-top: 12px;
display: inline-block;
font-size: 28px;
}
.fullscreen.n40 #whiteboard-table .procedure-table tr .department-badge{
font-size: 9px;
}
.fullscreen.n40 .patient-photo.dnr:before, .fullscreen.n40 .patient-photo.caution:after{
font-size: 8px;
height: 15px;
line-height: 15px;
}
.fullscreen.n40 .planned-filtered>div{
height: 39px;
width: 39px;
padding: 0;
line-height: 39px;
}
/* whiteboard fullscreen adaptive row height END */
/* FULLSCREEN STYLES END */
/* departments menu */
.dp-menu-holder{
position: absolute;
top: -55px;
}
.dp-menu-holder.settings-dp{
position: absolute;
top: auto;
bottom: auto;
right: 0;
z-index: 999;
margin-top: 58px;
margin-right: 20px;
}
.dp-menu a {
color: #fff;
display: block;
padding: 4px 0px;
position: relative;
text-align: left;
}
ul.dp-menu {
list-style: none outside none;
padding: 0;
display: block;
float: left;
}
ul.dp-menu li {
bottom: 122px;
position: relative;
z-index: 999;
}
ul.dp-menu li ul li {
bottom:0;
position:relative;
}
ul.dp-menu li a {
color: #009fe0;
text-decoration: none;
width:100%;
border-bottom: dotted 1px #009fe0;
font-size: 20px;
font-family: 'Signika Negative', sans-serif;
font-weight: 800;
text-transform: uppercase;
cursor: pointer;
}
.settings ul.dp-menu li a {
background: url("../Images/smartflow/submenu-icon.png") no-repeat left center;
padding-left: 15px;
background-size: 10px;
width: auto;
max-width: 500px;
text-overflow: ellipsis;
white-space: normal;
overflow: hidden;
}
ul.dp-menu li .dp-menu-header a {
white-space: nowrap;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
}
.dp-menu-header{
max-width: 600px;
}
ul.dp-menu li a:hover{
color:#000;
border-bottom: dotted 1px #000;
}
ul.dp-menu li ul {
display: none;
list-style: none outside none;
position: absolute;
top:20px;
width: 240px;
overflow:hidden;
background:#fff;
white-space: nowrap;
padding: 12px;
border: solid 1px #ddd;
-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}
ul.dp-menu li ul#departmentsSelection {
padding-bottom: 0;
overflow-y: scroll;
max-height: 700px;
}
ul.dp-menu li ul li a {
font-weight: normal;
text-transform: capitalize;
color: #333;
font-size: 18px;
border: none;
display: block;
padding: 8px 5px;
text-align: left;
cursor: pointer;
}
.settings ul.dp-menu li ul li a {
background: none;
}
ul.dp-menu li ul li span + a {
margin-left: 20px;
}
ul.dp-menu li ul li.dp-green-menu a {
color:#fff !important;
background:#5eb121 !important;
text-align: center !important;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
margin-top: 10px;
width: 100%;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
ul.dp-menu li ul li a.dp-blue-menu {
color:#fff !important;
background:#009fe0 !important;
text-align: center !important;
text-transform: uppercase;
font-size: 14px;
font-weight: 800;
margin-top: 10px;
width: 100%;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
ul.dp-menu li ul li.dp-green-menu a:hover {
background:#478b14 !important;
}
ul.dp-menu li ul li a.dp-blue-menu:hover {
background:#00b4fe !important;
}
ul.dp-menu li ul li a:hover {text-decoration:none; border: none; color: #009fe0;}
ul.dp-menu li:hover ul { display:block;}
/*.fullscreen ul.dp-menu {
list-style: none outside none;
margin: 0 102px;
position: relative;
top: 96px;
width: 245px;
}
.fullscreen .dp-menu a {
background: none repeat scroll 0 0 #009fe0;
color: #fff;
display: block;
padding: 12px 16px;
position: relative;
text-align: left;
top: 2px;
width: 213px !important;
}
.fullscreen ul.dp-menu li a {
background: url("../Images/user-arrow-down2.png") no-repeat scroll 220px 21px #e3e3e3; border:1px solid #009fe0;
color: #000;
text-decoration: none;
}
.fullscreen ul.dp-menu li a:hover{ color:#000;background:url("../Images/user-arrow-down2.png") no-repeat scroll 220px -9px #e3e3e3; text-decoration:underline; }
.fullscreen ul.dp-menu li ul {
list-style: none outside none;
padding:0 10px 10px 10px;
position: absolute;
top: 36px;
width: 225px;
border:1px solid #009fe0;
border-top:none;
background: none repeat scroll 0 0 #e3e3e3;
}
.fullscreen li.dp-green-menu a {color:#fff !important;background:#5eb121 !important;}
.fullscreen li.dp-green-menu a:hover {background:#478b14 !important;}
.fullscreen ul.dp-menu li ul li a {
background: none repeat scroll 0 0 #e3e3e3;
border: medium none;
padding: 10px 6px;
text-align: left;
width: 208px;
}
.fullscreen ul.dp-menu li ul li a:hover {background:#4dbce9; color:#fff}
.fullscreen ul.dp-menu li ul li a:hover {background:#009fe0;text-decoration:underline;}
.fullscreen ul.dp-menu li:hover ul { display:block;}
*/
.fullscreen ul.dp-menu > li{
bottom: 53px;
}
.departments-beta{
font-size: 9px;
color: #009fe0;
position: absolute;
top: 12px;
left: 225px;
}
.fullscreen .departments-beta{
top: 80px;
left: 326px;
}
/*------------------------------------------
mobile css
------------------------------------------*/
@media screen and (max-width: 1024px) {
.feature-item .feature-item-pic:hover .play-overlay{
display:none;
}
}
/*------------------------------------------
ANGULAR
----------------------------------------*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none;
}
/* COLOR SELECTOR */
.colors-block .color-item {
display: inline-block;
width: 31px;
height: 31px;
background: #fff url(../Images/colors-selector/regular_stroke.png) no-repeat;
cursor: pointer;
}
.colors-block.disabled {
opacity: 0.3;
}
.colors-block .color-item.selected {
background: #fff url(../Images/colors-selector/highlighted.png) no-repeat;
}
.colors-block .color-item.picker.selected {
background: #fff url(../Images/colors-selector/dropperselected.png) no-repeat;
}
.colors-block .color-item.picker {
background: #fff url(../Images/colors-selector/dropper.png) no-repeat;
}
/* PRICING FORM */
#paricing-form-dlg {
width: 400px;
margin-left: -200px;
}
.pricing-row {
margin-bottom: 20px;
}
.pricing-row.text-row {
text-align: center;
position: relative;
top: -15px;
margin-bottom: -10px;
}
.pricing-row .pricing-data input {
width: 300px;
margin: 0;
}
.pricing-row .pricing-label {
display: inline-block;
line-height: 32px;
vertical-align: top;
width: 50px;
}
.pricing-row .pricing-data {
display: inline-block;
}
#paricing-form-dlg .alert {
display: none;
}
/* SETTINGS GENERAL */
.setting-general-tick-sort, .setting-general-tick-setting {
margin-left: 12px;
}
.setting-general-tick-wgt {
}
.setting-general-tick-temp {
}
.setting-general-spinner {
background-color: #fff;
opacity: .8;
filter: alpha(opacity=70);
display: none;
margin-left: 10px;
}
.settings-group .setting-general-spinner {
background-color: transparent;
}
.setting-general-spinner.visible {
display: inline-block;
}
.settings-group h3 .setting-general-spinner {
position: relative;
top: -2px;
}
a.add-patient-btn {
position: absolute;
top: 70px;
font: italic bold 20px Georgia, 'Times New Roman', Times, serif;
background-color: #fec14e;
width: 200px;
text-align: center;
text-shadow: 1px 1px 0px rgba(255,255,255,0.4);
padding: 20px 40px;
color: #835b0c;
margin: 0 12px;
display: inline-block;
cursor: pointer;
}
a.add-patient-btn:hover:not(.disabled){
color:#533b0c;
background-color: #fed15e;
text-decoration: none;
}
a.add-patient-btn.disabled {
opacity: 0.3;
color: #835b0c;
cursor: default;
}
.settings-data .setting-name {
width: 50%;
text-align: right;
display: inline-block;
color: #bfbfbf;
margin-right: 5px;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-size: 12px;
}
.settings-data .setting-action {
text-align: left;
display: inline-block;
}
/* NAVC page begin */
.navc-h1{
text-align: center;
margin: 30px 0;
}
.navc-h2{
font:italic 26px Georgia, 'Times New Roman', Times, serif ;
}
.navc-h3{
font:italic 22px Georgia, 'Times New Roman', Times, serif ;
}
.navc-desc {
margin-top: 15px;
}
.navc-desc p{
padding-top: 5px;
}
.navc-hero-button{
display: inline-block;
padding:15px;
border:solid 2px #000;
color: #000;
text-decoration: none;
text-transform: uppercase;
margin-top:38px;
width:240px;
text-align: center;
font-size:16px;
}
.navc-hero-button:hover{
border:solid 2px #009fe0;
color: #009fe0;
text-decoration: none;
}
.navc-rate-label {
text-transform: uppercase;
font-size: 12px;
color: #bfbfbf;
display: inline-block;
position: relative;
top:-5px;
padding-bottom:10px;
}
.navc-comment-field{
border:solid 1px #c3c3c3;
background: transparent;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
height:114px;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
}
.navc-comment-field:focus{
border:solid 1px #009fe0;
background: transparent;
width: 100%;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-radius: 0;
}
.navc-div{
margin-top: 40px;
width: 100%;
}
.navc-submit-holder{
text-align: center;
}
input[type='text'].navc-control {
display: inline-block;
padding: 17px 15px;
margin:0 15px;
border:solid 1px #c3c3c3;
border-radius:0px;
color: #666;
text-decoration: none;
font-size:16px;
width: 450px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
input[type='text'].navc-control:focus {
border:solid 1px #009fe0;
}
.navc-submit{
display: inline-block;
padding:15px;
border:solid 2px #009fe0;
color: #fff;
background: #009fe0;
text-decoration: none;
text-transform: uppercase;
width:240px;
text-align: center;
font-size:16px;
}
.navc-submit:hover, .navc-submit:focus{
color: #009fe0;
background:none;
text-decoration: none;
}
.navc-modal .modal-body{
z-index: -200 !important;
}
.navc-thank-you{
font: italic 26px Georgia, 'Times New Roman', Times, serif;
}
.zoom-item-pic{
position: relative;
padding-top: 22px;
padding-left: 22px;
width: 360px;
height: 281px;
background: url("../Images/p_splash/zoom-item-bck.png") no-repeat;
left: -5px;
}
.patient-photo .zoom-item-pic{
position: relative;
padding-top: 0px;
padding-left: 0px;
width: 112px;
height: 112px;
left: 0;
}
.zoom-pic-right{
left:10px;
}
.zoom-hover-placeholder{
top: 4px;
left: 4px;
width:112px;
height:112px;
position: absolute;
z-index: 700;
}
.zoom-hover-placeholder:hover+a>.zoom-overlay{
display: block;
}
.navc-page .zoom-item-pic:hover .zoom-overlay{
display: block;
}
.zoom-item-pic .zoom-overlay{
display:none;
position:absolute;
top:22px;
left:22px;
width:316px;
height:237px;
z-index:1000;
background: url("../Images/p_splash/zoom_hover.png") no-repeat;
}
.patient-photo .zoom-item-pic .zoom-overlay{
top: 4px;
left: 4px;
width:112px;
height:112px;
z-index:10;
background: url("../Images/p_splash/zoom_hover.png") 50% 50% no-repeat;
background-size: 200px;
}
.navc-page .modal-backdrop {
position: fixed;
}
.navc-page .modal{
width:900px;
}
.navc-page .modal-wrapper{
margin-left:-450px;
}
.user-dd-menu a{
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
/* NAVC page end */
.modal.show-photo {
width: 900px;
margin-left:45px;
border:solid 6px #fff;
}
.show-photo img{
width: 100%;
height: auto;
}
.modal.show-photo a.close{
right:40px;
}
.modal.settings-modal {
width: 900px;
margin-left:-450px;
border:solid 6px #fff;
}
.modal.settings-modal a.close{
right:-10px;
}
.modal.show-photo.tuts-modal{
width: 854px;
height: 510px;
margin-left:-435px;
background: #fff url('../Images/p_admin/video-loading.gif') center center no-repeat;
background-size: 40px;
}
.modal.show-photo.tuts-modal a.close{
right:-10px;
}
.modal-wrapper > .modal.show-photo.tuts-modal{
margin-left: 75px;
}
.modal-wrapper > .modal.show-photo.tuts-modal a.close{
right: 55px;
}
.modal.show-photo .modal-body{
padding:0 !important;
}
.zoom-photo-big{
width: 100%;
height: auto;
}
.new-whiteboard .patient-menu-panel {
margin-top: -2px;
overflow: hidden;
}
.patient-menu-panel, .bug-panel{
position: absolute;
background: #fff;
overflow-x: hidden;
border: solid 1px #d4d4d4;
width: 52px;
left: 907px;
padding: 10px 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: width 0.15s; /* For Safari 3.1 to 6.0 */
transition: width 0.15s;
cursor: pointer;
}
.patient-menu-panel-left{
background: #009fe0;
overflow-x: hidden;
width: 52px;
padding: 11px 0;
margin-left: -52px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: position 0.15s; /* For Safari 3.1 to 6.0 */
transition: position 0.15s;
cursor: pointer;
position: absolute;
z-index: 1000;
display: none;
}
.patient-menu-panel-left:hover {
width: 220px;
left: 52px;
}
.fullscreen.n80 .patient-menu-panel-left{
padding: 3px 0;
}
.fullscreen.n60 .patient-menu-panel-left, .fullscreen.n60 .patient-menu-panel-left:hover,
.fullscreen.n40 .patient-menu-panel-left, .fullscreen.n40 .patient-menu-panel-left:hover{
width: 100px;
}
.fullscreen.n60 .patient-menu-panel-left .panel-menu-item, .fullscreen.n40 .patient-menu-panel-left .panel-menu-item{
width: 40px;
overflow: hidden;
float: left;
}
.fullscreen.n60 .patient-menu-panel-left{
padding: 12px 2px;
}
.fullscreen.n40 .patient-menu-panel-left{
padding: 2px 2px;
}
.pmpl-holder{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
padding-left: 220px;
left: -220px;
z-index: 999;
overflow-y: hidden;
}
.fullscreen .pmpl-holder{
display: none;
}
.pr-heading:hover .patient-menu-panel-left{
display: block;
}
.bug-panel{
position: fixed;
left:0;
margin: 170px 0 0 0;
border: none;
background: #009fe0;
color: #fff;
padding: 8px 0 1px 0;
border-left: solid 1px #007fb3;
z-index: 1001;
width: auto;
max-width: 50px;
transition: max-width 0.2s;
}
.patient-menu-panel:hover {
width: 234px;
}
.bug-panel:hover {
z-index: 1004;
max-width: 500px;
}
.new-whiteboard .panel-menu-item {
height: 37px;
}
.panel-menu-item {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.panel-menu-item.disabled {
opacity: 0.3;
}
.panel-menu-item a {
padding: 11px 20px 11px 0;
display: inline-block;
background: url("../Images/p_admin/patient-panel-icons.png") 13px -34px no-repeat;
-webkit-transition: none; /* For Safari 3.1 to 6.0 */
font-size: 12px;
color: #918f8f;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
min-width: 30px;
min-height: 21px;
max-height: 21px;
overflow: hidden;
transition: max-height 0.2s;
}
.bug-panel a {
padding-left: 55px;
}
.bug-panel a span {
display: inline-block;
max-width: 0;
max-height: 0;
transition: all 0.2s;
overflow: hidden;
white-space: nowrap;
opacity: 0;
}
.bug-panel:hover a {
max-height: 200px;
}
.bug-panel:hover a span {
display: inline-block;
max-width: 300px;
max-height: 50px;
opacity: 1;
}
.panel-menu-item.support-info a {
background: none;
position: relative;
}
.panel-menu-item.support-info .phone {
text-transform: none;
font-size: 12px;
font-weight: normal;
}
.panel-menu-item.support-info a i {
position: absolute;
background: url("../Images/smartflow/icon-phone-call.png") 0 0 no-repeat;
background-size: contain;
left: 13px;
top: 10px;
width: 1em;
height: 1em;
font-size: 20px;
opacity: 0.5;
}
.panel-menu-item.support-info:hover a i {
opacity: 1;
}
.support-table {
width: 100%;
padding: 5px;
}
.support-table .title {
text-align: start;
width: 100%;
}
.panel-menu-item.disabled a{
cursor: default;
}
.panel-menu-item:hover a{
color: #222;
}
.panel-menu-item .beta{
display: inline-block;
border: solid 1px #ccc;
font-size: 8px;
color: #ccc;
border-radius: 20px;
text-align: center;
padding: 0 5px;
position: relative;
top: -10px;
}
.panel-menu-item.disabled:hover a{
color: #918f8f;
}
.bug-panel .panel-menu-item a, .patient-menu-panel-left .panel-menu-item a{
color: #80cff0 !important;
text-shadow: none !important;
}
.bug-panel .panel-menu-item:hover a, .patient-menu-panel-left .panel-menu-item:hover a{
color: #fff !important;
}
.panel-edit-patient:hover:not(.disabled) a{
background: url("../Images/p_admin/patient-panel-icons.png") -273px -34px no-repeat;
}
.panel-show-tasks a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -92px no-repeat; }
.panel-show-tasks:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -92px no-repeat; }
.show-tasks-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -92px no-repeat; }
.task-ticker, .notification-ticker {
position: absolute;
width: 16px;
height: 16px;
border-radius: 16px;
background: #009fe0;
color: #fff;
font-size: 10px;
padding: 1px;
text-align: center;
left: 28px;
margin-top: 22px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.notification-ticker{
line-height: 14px;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
margin-top: 15px;
width: 14px;
height: 14px;
}
.events-ticker{
background: #c50000;
color: #fff;
line-height: 14px;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
width: 14px;
height: 14px;
border-radius: 14px;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-align: center;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.events-ticker:hover{
color: #fff;
}
.event-failed, .event-pending{
float: right;
width: 15px;
height: 15px;
border-radius: 15px;
font-size: 11px;
}
.event-pending{
background: #f39200 url("../Images/p_admin/emr-alert-pending.png") center center no-repeat !important;
}
.events-date{
color: #aaa;
margin-right: 10px;
}
.dropdown-menu .events-ticker{
position: relative;
top: -1px;
margin-left: 5px;
}
.dropdown-toggle .events-ticker{
position: absolute;
left: 30px;
bottom: 5px;
}
.show-tasks-active .task-ticker{ display: none; }
.panel-whiteboard a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -386px no-repeat;}
.panel-whiteboard:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -386px no-repeat;}
.whiteboard-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -386px no-repeat; }
.panel-add-24 a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -156px no-repeat; }
.panel-add-24:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -156px no-repeat; }
.panel-delete-24 a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -216px no-repeat; }
.panel-delete-24:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -216px no-repeat;}
.panel-iv-catheter a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -274px no-repeat;}
.panel-iv-catheter:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -274px no-repeat;}
.panel-save-template a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -330px no-repeat;}
.panel-save-template:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -330px no-repeat;}
.panel-tech-notes a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -386px no-repeat;}
.panel-tech-notes:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -386px no-repeat;}
.panel-show-timeline a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -437px no-repeat; }
.panel-show-timeline:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -437px no-repeat; }
.show-timeline-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -437px no-repeat; }
.panel-show-hybrid a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -487px no-repeat; }
.panel-show-hybrid:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -487px no-repeat; }
.show-hybrid-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -487px no-repeat; }
.panel-report-bug a{ background: url("../Images/p_admin/bug-panel-icons.png") -346px -61px no-repeat;}
.panel-report-bug:hover a{ background: url("../Images/p_admin/bug-panel-icons.png") 13px -61px no-repeat;}
.panel-book-a-meeting a{ background: url("../Images/p_admin/bug-panel-icons.png") -346px -132px no-repeat;}
.panel-book-a-meeting:hover a{ background: url("../Images/p_admin/bug-panel-icons.png") 13px -132px no-repeat;}
.panel-discharge a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -541px no-repeat;}
.panel-discharge:hover:not(.disabled) a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -541px no-repeat;}
.panel-autoplay { margin-top: 20px; display: none;}
.panel-autoplay:before { content: ''; border-top: solid 1px #eee; position: absolute; width: 100%; margin-top: -5px; }
.panel-autoplay a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -603px no-repeat; }
.panel-autoplay:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -603px no-repeat; }
.autoplay-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -603px no-repeat; }
.panel-show-filter a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -661px no-repeat; }
.panel-show-filter:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -661px no-repeat; }
.show-filter-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -661px no-repeat; }
.panel-flickering a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -717px no-repeat; }
.panel-flickering:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -717px no-repeat; }
.flickering-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -717px no-repeat; }
.panel-search a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -777px no-repeat; }
.panel-search:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -777px no-repeat; }
.searchactive a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -777px no-repeat; }
.panel-approve a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -837px no-repeat; }
.panel-approve:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -837px no-repeat; }
.approve-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -837px no-repeat; }
.approve-active a:hover{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -837px no-repeat; }
.panel-approve .task-ticker {
font-weight: bold;
}
.panel-eos a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -897px no-repeat; }
.panel-eos:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -897px no-repeat; }
.eos-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -582px -897px no-repeat; }
.panel-estimate a{ background: url("../Images/p_admin/patient-panel-icons.png") 13px -1138px no-repeat; }
.panel-estimate:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -273px -1138px no-repeat; }
.panel-l-edit-patient a{ background: url("../Images/p_admin/left-panel-icons.png") -394px 8px no-repeat; }
.panel-l-edit-patient:hover a{ background: url("../Images/p_admin/left-panel-icons.png") 15px 8px no-repeat; }
.panel-l-checkin a{ background: url("../Images/p_admin/left-panel-icons.png") -394px -67px no-repeat; }
.panel-l-checkin:hover a{ background: url("../Images/p_admin/left-panel-icons.png") 15px -67px no-repeat; }
.panel-change-template a{ background: url("../Images/p_admin/patient-panel-icons.png") 11px -957px no-repeat; }
.panel-change-template:hover a{ background: url("../Images/p_admin/patient-panel-icons.png") -275px -957px no-repeat; }
.change-template-active a{ background: url("../Images/p_admin/patient-panel-icons.png") -584px -957px no-repeat; }
.panel-add-tasks a{ background: url("../Images/p_admin/patient-panel-icons.png?t=20042017") 13px -1017px no-repeat; }
.panel-add-tasks:hover a{ background: url("../Images/p_admin/patient-panel-icons.png?t=20042017") -273px -1017px no-repeat; }
.add-tasks-active a{ background: url("../Images/p_admin/patient-panel-icons.png?t=20042017") -582px -1017px no-repeat; }
.panel-add-parameters a{ background: url("../Images/p_admin/patient-panel-icons.png?t=20042017") 13px -1077px no-repeat; }
.panel-add-parameters:hover a{ background: url("../Images/p_admin/patient-panel-icons.png?t=20042017") -273px -1077px no-repeat; }
.patient-menu-panel span,
.patient-menu-panel-left span,
.patient-menu-panel .title {
-webkit-transition: padding 0.2s; /* For Safari 3.1 to 6.0 */
transition: padding 0.2s;
padding-left: 200px;
width:300px;
display: inline-block;
}
.patient-menu-panel:hover span,
.patient-menu-panel-left:hover span {
padding-left: 55px;
}
/* drop menu */
.drop {
display: none;
background: #fff;
padding: 0px 20px;
position: absolute;
left: 120px;
top: 38px;
width: 150px;
line-height: 1.1;
z-index: 1200;
border: solid 1px #009fe0;
box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.2);
}
.top-menu li:hover .drop {
display: block;
}
ul.drop-menu {
margin: 0;
top:0;
}
.drop-menu li{
text-transform: none;
display: block !important;
padding: 20px 10px !important;
margin: 0 !important;
border-top: dotted 1px #ccc;
}
.drop-menu li:first-child{
border-top: none;
}
.drop-menu li a{
font-size: 14px !important;
}
.wb-search-field{
margin: 15px 0 20px 0;
display: none;
position: relative;
}
.wb-search-field-active{
display: block;
}
.wb-search-field input[type='text'].large-input{
padding-bottom: 0px;
background: transparent;
}
.wb-search-field-active img {
display: block;
position: absolute;
top: 31px;
right: 0;
}
.wb-search-all{
position: absolute;
top: 30px;
right: 40px;
border-bottom: dotted 1px #009fe0;
color: #009fe0;
cursor: pointer;
}
.wb-search-all:hover{
border-bottom: dotted 1px #333;
color: #333;
}
.wb-search-clear{
cursor: pointer;
background: url("../Images/p_admin/wb-search-clear.png") center center no-repeat;
height: 16px;
width: 16px;
opacity: 0.4;
position: absolute;
right: 0;
top: 30px;
}
.wb-search-clear:hover{
opacity: 0.8;
}
.discharge-validation-highlight .discharge-highlight,
.discharge-validation-highlight .discharge-highlight.select2-container>a,
.discharge-validation-highlight .discharge-highlight .select2-choices
{
border-color: #2691df !important;
background-color : #dceffb;
}
.onboarding input.invalid,.onboarding select.invalid
{
border-color: #c00 !important;
}
.calculator .select2-container.discharge-highlight .select2-choice .select2-arrow{
background: transparent;
}
.modal.calculator.settings-dialog h1,
.modal.calculator.property-dialog h1 {
text-align: center;
margin: 0 0 20px 0;
padding: 0 0 20px 0;
}
.modal .modal-body.no-text h1 {
border-bottom: none;
padding-bottom: 0;
}
.calculator.settings-dialog .select2-container, .calculator.settings-dialog .select2-choice {
width: 240px;
}
.calculator.settings-dialog .bottom-buttons,
.calculator.property-dialog .bottom-buttons {
margin: 0px;
}
.modal.calculator.settings-dialog input[type=text], .modal.calculator.settings-dialog select {
width:240px;
}
.modal.calculator.emr-dialog .calc-column:first-child input[type=text], .modal.calculator.emr-dialog .calc-column:first-child select,
.modal.calculator.emr-dialog .calc-column:first-child .select2-container, .modal.calculator.emr-dialog .calc-column:first-child .select2-choice {
width:260px;
}
.modal.calculator.settings-dialog.emr-multi-dialog input[type=text],
.modal.calculator.settings-dialog.emr-multi-dialog input[type=password],
.modal.calculator.settings-dialog.emr-multi-dialog select,
.modal.calculator.property-dialog input[type=text],
.modal.calculator.property-dialog select{
width:285px;
}
.modal.calculator.settings-dialog .concentration input[type=text], .modal.calculator.settings-dialog .concentration select {
width:66px !important;
margin-left:2px;
margin-right: 2px;
}
.modal.calculator.settings-dialog .concentration input[type=text] {
margin-right:2px;
}
.modal.calculator.settings-dialog .concentration div.measure {
margin-left:2px;
margin-right:2px;
width:72px;
}
.modal.calculator.settings-dialog .concentration div.volume {
margin-right:0;
width:72px;
}
.modal.calculator.settings-dialog .concentration span.volume .select2-container, .modal.calculator.settings-dialog .concentration span.measure .select2-container,
.modal.calculator.settings-dialog .concentration span.volume a.select2-choice, .modal.calculator.settings-dialog .concentration span.measure a.select2-choice {
width: 88px!important;
}
.modal.calculator.property-dialog .options-list {
text-align: left;
display: flex;
flex-direction: column;
}
.modal.calculator.property-dialog .options-list .headings {
text-transform: uppercase;
color: #b6b6b6;
margin-top: 5px;
}
.modal.calculator.property-dialog .options-list .headings a {
float: right;
text-transform: none;
cursor: pointer;
}
.modal.calculator.property-dialog .options-list .item {
display: flex;
flex-direction: row;
}
.modal.calculator.property-dialog .options-list .item input {
width: 100%;
}
.modal.calculator.property-dialog .options-list .col-label {
width: 100%;
}
.modal.calculator.property-dialog .options-list .col-value {
display: none;
margin-left: 10px;
width: 40%;
}
.modal.calculator.property-dialog .options-list .col-manage {
text-align: center;
min-width: 20px;
}
.modal.calculator.property-dialog .options-list .col-manage a {
width: 15px;
margin-left: 5px;
}
.modal.calculator.property-dialog .options-list.show-values .headings .col-label a {
display: none;
}
.modal.calculator.property-dialog .options-list.show-values .col-label {
width: 60%;
}
.modal.calculator.property-dialog .options-list.show-values .col-value {
display: block;
}
.calculator.check-in input[type="text"]{
width: 100%;
}
.calculator.check-in label{
height: 26px;
white-space: nowrap;
overflow: hidden;
max-width: 260px;
text-overflow: ellipsis;
}
.check-in-item{
position: relative;
}
.check-in-item:hover .check-in-copy{
display: inline-block;
}
.check-in-copy{
position: absolute;
display: inline-block;
line-height: 32px;
height: 32px;
text-align: center;
color: #fff;
background: #009fe0;
font-size: 11px;
text-transform: uppercase;
padding: 0 15px;
right: 0;
bottom: 20px;
cursor: pointer;
text-decoration: none;
display: none;
}
.check-in-copy:hover{
background: #00b4fe;
color: #fff;
}
.check-in-message {
position: absolute;
top: 5px;
font-size: 10px;
text-transform: uppercase;
color: #aaa;
right: 0;
}
.form-slash{
position: relative;
top: -6px;
}
.selection-options {
border: solid 1px #aaa;
border-bottom: none;
max-height: 160px;
overflow-y: auto;
overflow-x: hidden;
position: relative;
width: 238px;
display: inline-block;
}
.emr-multi-dialog .selection-options {
width: 283px;
}
.selection-option {
border-top: solid 1px #eee;
padding: 6px 0;
margin: 0px 10px;
display: block;
text-align: left;
background: #fff;
}
.selection-option:first-child{
border-top: none
}
.selection-option a {
background: url("../Images/p_admin/cross-red.png") 0px 9px no-repeat;
margin: -4px 4px;
float: right;
font-family: monospace;
width: 10px;
text-indent: -10000px;
overflow: hidden;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.selection-option .sortable-handle {
position: relative;
display: inline-block;
width: 8px;
height: 16px;
cursor: move;
background: url("../Images/drag-indicator.png") repeat left top;
margin: 2px 5px -2px -5px;
}
.selection-option input {
float: left;
width: 25px!important;
margin: 0 7px 0 0!important;
padding: 0 6px 0 0!important;
border: none!important;
height: 19px!important;
line-height: 14px!important;
font-size: 14px!important;
border-right: 1px solid #aaaaaa!important;
text-align: center;
font-weight: bold;
}
.selection-option input:disabled {
background: none!important;
opacity: 0.5;
}
.selection-option .group-item-title {
white-space: nowrap;
max-width: 150px;
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}
.selection-options-empty{
display: none;
}
.selection-options-add{
margin-top: -5px;
margin-bottom:0;
z-index: 1;
border-top: solid 1px #eee !important;
padding-left: 10px !important;
}
.selection-options-add.selection-options-empty{
margin-top:0;
border-top: solid 1px #aaa !important;
display: inline-block;
float: right;
}
.selection-options-add:focus{
border-top: solid 1px #009fe0 !important;
}
.selection-options-add-link{
position: absolute;
z-index: 120;
right: 30px;
margin-top: 2px;
}
.selection-options-add.selection-options-empty + .selection-options-add-link{
margin-top: 7px;
}
.selection-option a:hover {
background: url("../Images/p_admin/cross-red.png") 0px -11px no-repeat;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.generated-name a{
font-weight: normal;
border-bottom: 1px dotted #009fe0;
}
.generated-name a:hover{
text-decoration: none;
border-bottom: 1px dotted #333;
color: #333;
}
.generated-name a span {
z-index:1110;
display:none;
position: absolute;
padding:12px;
margin-top:-80px;
margin-left:-50px;
width:340px;
line-height:16px;
color:#fff;
background:#009fe0;
}
.generated-name a:hover span{
display: inline;
margin-top:-120px;
position:absolute;
}
.generated-name a span::after{
content: "";
position: absolute;
bottom:-9px;
left: 0;
height: 10px;
width: 10px ;
background: url("../Images/p_admin/tooltip-arrow-down.png") 0 0 no-repeat;
}
.options-warn {
display: block;
float: right;
color:#fff;
background:#009fe0;
padding:12px;
line-height: 16px;
width: 200px;
text-align: left;
position: relative;
margin-bottom: 20px;
margin-top: -5px;
}
.emr-multi-dialog .options-warn{
width: 245px;
}
.options-warn::after {
content: "";
position: absolute;
top:-9px;
left: 0;
height: 10px;
width: 10px;
background: url("../Images/p_admin/tooltip-arrow-up.png") 0 0 no-repeat;
}
.emr-delete-btn {
width: 20px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
background: url("../Images/p_admin/cross-red-emr.png") 0px 3px no-repeat;
cursor: pointer;
overflow: hidden;
height: 20px;
vertical-align: top;
margin-top: 8px;
}
.emr-delete-btn:hover {
background: url("../Images/p_admin/cross-red-emr.png") 0px -21px no-repeat;
}
.admin-disable-btn {
width: 20px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
background: url("../Images/p_admin/cross-red-emr.png") 0px 3px no-repeat;
cursor: pointer;
overflow: hidden;
height: 20px;
vertical-align: top;
margin-top: 8px;
}
.admin-disable-btn:hover {
background: url("../Images/p_admin/cross-red-emr.png") 0px -21px no-repeat;
}
.admin-reactivate-btn {
width: 20px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
background: url("../Images/p_admin/alert-refresh-info.png") 0px 5px no-repeat;
cursor: pointer;
overflow: hidden;
height: 20px;
vertical-align: top;
margin-top: 8px;
}
.admin-reactivate-btn:hover {
background: url("../Images/p_admin/alert-refresh-info.png") -32px 5px no-repeat;
}
.admin-edit-btn {
width: 20px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
background: url("../Images/p_admin/edit-patient-icon.png") 6px 4px no-repeat;
cursor: pointer;
overflow: hidden;
height: 20px;
vertical-align: top;
margin-top: 8px;
margin-left: 8px;
}
.admin-edit-btn:hover {
background: url("../Images/p_admin/edit-patient-icon.png") 6px -26px no-repeat;
}
.emr-edit-btn, .emr-save-btn {
width: 20px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
cursor: pointer;
background: url("../Images/p_admin/edit-emr.png") 0px 3px no-repeat;
height: 20px;
vertical-align: top;
margin-top: 8px;
}
.emr-edit-btn:hover {
background: url("../Images/p_admin/edit-emr.png") 0px -48px no-repeat;
}
.emr-hide-btn {
width: 25px;
text-indent: -1200px;
display: inline-block;
overflow: hidden;
cursor: pointer;
background: url("../Images/p_admin/hide-emr.png") 0px 3px no-repeat;
height: 20px;
vertical-align: top;
margin-top: 8px;
}
.emr-hide-btn.ehb-hidden {
visibility: hidden;
}
.emr-hide-btn.ehb-shown {
background-image: url("../Images/p_admin/show-emr.png");
}
.emr-hide-btn:hover {
background-position-y: -47px;
}
.hidden-list-toggle a {
width: 25px;
display: inline-block;
overflow: hidden;
cursor: pointer;
background: url("../Images/p_admin/hide-emr-hidden.png") 0px 3px no-repeat;
height: 20px;
-ms-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
margin: 29px 0 0 6px;
}
.hidden-list-toggle a.hlt-shown {
background-image: url("../Images/p_admin/hide-emr-shown.png");
}
.hidden-list-toggle a:hover {
background-position-y: -46px;
}
.sap-edit-btn {
margin-left: 5px;
}
.emr-sap-num{
max-width: 130px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
}
.emr-save-btn {
background: #009fe0 url("../Images/tick-white.png") 3px 3px no-repeat;
margin-top: -1px;
vertical-align: middle;
height: 27px;
width: 27px;
}
.emr-save-btn:hover {
background: #00b4fe url("../Images/tick-white.png") 3px 3px no-repeat;
}
.emr-transactions-table{
width: 100%;
}
.emr-transactions-table td{
word-break: break-all;
border-bottom: solid 1px #e3e3e3;
height: 25px;
padding: 10px;
}
.table-col-10 { width: 10%; max-width: 10%;}
.table-col-20 { width: 20%; max-width: 20%;}
.table-col-40 { width: 40%; max-width: 40%;}
.table-col-30 { width: 30%; max-width: 30%;}
.plan-info-table.emr-transactions-table tr td{
text-align: left;
}
.emr-table-filter{
font-family: 'Signika Negative', sans-serif;
font-size: 14px;
color: #999;
text-transform: uppercase;
padding: 10px 0;
margin-bottom: 10px;
}
.emr-table-filter a{
float: right;
}
.emr-table-filter span{
color: #000;
}
.emr-edit-input{
border: solid 1px #009fe0 !important;
line-height: 15px !important;
padding: 5px !important;
}
.emr-update-treatments{
border: solid 1px #ccc;
padding: 0 20px;
max-height: 180px;
overflow-y: auto;
margin: 20px 0;
}
.emr-update-treatments div{
border-top: solid 1px #eee;
padding: 10px 0;
}
.emr-update-treatments div:first-child{
border-top: none;
}
.ui-grid-icon-ok:before{
content:'';
width: 14px;
height:20px;
}
.ui-grid-icon-ok:after{
content:'';
border: solid 1px #777;
width: 12px;
height:12px;
display: inline-block;
opacity: 1;
position: relative;
left: -21px;
top: -3px;
}
.ui-grid-top-panel .ui-grid-icon-ok:after{
top: 1px;
left: -17px;
}
.ui-grid-selection-row-header-buttons{
opacity: 0.3;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected.ui-grid-icon-ok:before{
content:'\c362';
z-index: 10;
position: relative;
top:-5px;
}
.ui-grid-selection-row-header-buttons.ui-grid-row-selected.ui-grid-icon-ok:after{
color: #000;
z-index: 0;
opacity: 1;
}
.ui-grid-row-header-cell{
background-color: transparent !important;
border-bottom: none;
}
.ui-grid-render-container{
margin-left: 0 !important;
}
.ui-grid-a11y-ariascreenreader-speakable{
height: 0;
}
.ui-grid-pager-panel{
bottom: -25px;
}
.ui-grid-pager-container{
float: none;
text-align: center;
}
.ui-grid-pager-control{
display: inline-block;
float: none;
}
.ui-grid-pager-row-count-picker{
float: right;
display: none;
}
.ui-grid-pager-control button.ui-grid-pager-first, .ui-grid-pager-control button.ui-grid-pager-last{
display: none;
}
.ui-grid-pager-max-pages-number abbr, .ui-grid-pager-max-pages-number span{
border-bottom: none;
cursor: default;
margin: 0 10px;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number{
vertical-align: middle;
}
.ui-grid-pager-control input{
border-radius: 0;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
box-shadow: none;
text-align: center;
}
.ui-grid-pager-control button{
background: transparent;
border: none;
color: #333;
font-size: 18px;
line-height: 8px;
margin: 0 15px;
}
.ui-grid-pager-control button[disabled], .ui-grid-pager-control button[disabled]:hover{
background: transparent;
color: #999;
cursor: default;
}
.ui-grid-pager-control button:hover, .ui-grid-pager-control button:focus, .ui-grid-pager-control button:focus:hover, .ui-grid-pager-control button:active,
.ui-grid-pager-control button:active:hover{
background: transparent;
border: none;
color: #009fe0;
outline: none;
box-shadow: none;
}
.ui-grid-pager-row-count-picker select{
box-shadow: none;
border-radius: 0;
}
.ui-grid-pager-control .ui-grid-pager-max-pages-number > *{
vertical-align: baseline;
}
.ui-grid-pager-count-container{
font-style: italic;
color: #ccc;
position: relative;
position: absolute;
right: 0;
top: 2px;
}
.ui-grid-content-reminder a, .ui-grid-content-reminder-header{
display: inline-block;
width: 24px;
height: 24px;
position: relative;
top: 6px;
background: url("../Images/p_admin/ui-grid-reminder.png") -119px 0px no-repeat;
transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none;
}
.ui-grid-content-reminder a:hover{
background: url("../Images/p_admin/ui-grid-reminder.png") -61px 0px no-repeat;
transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none;
}
.ui-grid-content-reminder[title=""] a{
background: url("../Images/p_admin/ui-grid-reminder.png") 0px 0px no-repeat;
transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none;
}
.ui-grid-content-reminder-header{
top: 12px;
left: 5px;
background: url("../Images/p_admin/ui-grid-reminder.png") 0px 0px no-repeat;
}
.ui-grid-content-plan-info a, .ui-grid-content-plan-info-header{
font-size: 14px;
font-weight: 400;
font-family: 'Signika Negative', sans-serif;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
height: 22px;
width: 22px;
border: solid 1px #009fe0;
color: #009fe0;
border-radius: 23px;
display: inline-block;
text-transform: lowercase !important;
line-height: 21px;
position: relative;
top: 0px;
left: 4px;
text-align: center;
}
.ui-grid-content-plan-info a:hover{
border: solid 1px #000;
color: #000;
}
.ui-grid-content-plan-info-header{
border: solid 1px #999;
color: #999;
top: 5px;
left: 9px;
}
.tech-notes-day-container{
border-bottom: solid 2px #009fe0;
color: #009fe0;
position: relative;
padding-bottom: 4px;
margin-top: 30px;
margin-right: 20px;
}
.tech-notes-container .divider{
height: 5px;
}
.tech-notes-day{
text-transform: uppercase;
font-weight: bold;
}
.tech-notes-date{
position: absolute;
right: 0;
bottom: 4px;
font-size: 12px;
}
.tech-notes-time{
display: inline-block;
width: 100px;
vertical-align: top;
color: #999;
float: left;
}
.tech-notes-time input{
padding-left: 0;
cursor: pointer;
}
.tech-notes-time input:hover{
color: #009fe0;
}
.tech-notes-note, .tech-notes-note-readonly{
margin-top:20px;
margin-left: 100px;
padding-right: 20px;
white-space: pre-wrap;
}
.tech-notes-note-readonly{
color: #999;
}
.tech-notes-note.tnt-form,
.tech-notes-note-readonly.tnt-form {
color: #333333;
font-weight: bold;
cursor: pointer;
background: url("../Images/notes/form.png") no-repeat left top;
margin-left: 75px;
padding-left: 23px;
}
.flowsheet-notes-content .tech-notes-note.tnt-form {
margin-left: 60px;
}
technoteseditform .tech-notes-note{
margin-left: 160px;
}
datetimepicker{
vertical-align: top;
}
.calculator textarea.tech-notes-edit, .calculator textarea.tech-notes-edit:focus {
display: block;
height: 70px;
width: 100%;
}
.tech-notes-new-note{
font-style: italic;
color: #999;
border-bottom: solid 1px #ccc;
margin-top: 20px;
padding-bottom: 5px;
margin-left: 100px;
margin-right: 20px;
}
.tech-notes-buttons{
position: relative;
top:-10px;
margin-bottom: -25px;
margin-left: 160px;
margin-right: 20px;
text-align: right;
}
.tech-notes-cancel{
display: inline-block;
height: 33px;
line-height: 33px;
color: #c00;
}
.tech-notes-cancel:hover{
color: #333;
text-decoration: none;
}
.tech-notes-container{
height: 320px;
overflow-y: auto;
}
.calculator .tech-notes-time input{
border: none;
}
.refresh-buttons {
text-align: center;
padding: 0 0 20px 0;
/* font-size: 16px; */
text-decoration: underline;
font-weight: bold;
text-transform: uppercase;
}
label.critical-note-label{
position: absolute;
bottom: 192px;
}
.critical-note-input{
position: absolute;
bottom: 140px;
}
@media screen and (max-width: 1680px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 114px; min-width: 114px; width: 114px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:118px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 99px; min-width: 99px; width: 99px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 103px; }
}
@media screen and (max-width: 1600px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 108px; min-width: 108px; width: 108px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:112px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 94px; min-width: 94px; width: 94px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 98px; }
}
@media screen and (max-width: 1440px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 96px; min-width: 96px; width: 96px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:100px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 82px; min-width: 82px; width: 82px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 86px; }
}
@media screen and (max-width: 1400px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 93px; min-width: 93px; width: 93px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:97px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 79px; min-width: 79px; width: 79px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 83px; }
}
@media screen and (max-width: 1366px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 91px; min-width: 91px; width: 91px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:95px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 76px; min-width: 76px; width: 76px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 80px; }
}
@media screen and (max-width: 1360px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 90px; min-width: 90px; width: 90px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:94px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 76px; min-width: 76px; width: 76px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 80px; }
}
@media screen and (max-width: 1280px) {
.fullscreen .new-whiteboard#whiteboard-table .pr-value { max-width: 84px; min-width: 84px; width: 84px; }
.fullscreen .new-whiteboard#whiteboard-table .current-time { width:88px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .pr-value{ max-width: 70px; min-width: 70px; width: 70px; }
.fullscreen .new-whiteboard#whiteboard-table .hybrid-view .current-time{ width: 74px; }
}
.customers-row{
margin-bottom: 30px;
}
.customers-row .span3{
position: relative;
height: 150px;
}
.customer-item{
border: solid 1px #e6e6e6;
background: #fff;
text-align: center;
height: 150px;
position: absolute;
width: 100%;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
-webkit-transition: height 0.2s;
transition: height 0.2s;
z-index: 0;
}
.customer-item:hover{
border: solid 1px #009fe0;
height: 200px;
-moz-transition: height 0.15s;
-o-transition: height 0.15s;
-webkit-transition: height 0.15s;
transition: height 0.15s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
z-index: 1200;
-webkit-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.15);
}
.customer-item img{
position: relative;
top: 50%;
transform: translateY(-50%);
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-transition: top 0.35s;
-o-transition: top 0.35s;
-webkit-transition: top 0.35s;
transition: top 0.35s;
}
.customer-item:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
top: 35%;
-moz-transition: top 0.15s;
-o-transition: top 0.15s;
-webkit-transition: top 0.15s;
transition: top 0.15s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
.customer-name{
height: 50px;
line-height: 48px;
top:120px;
position: absolute;
width: 80%;
left: 10%;
border-top: solid 1px #ddd;
-moz-transition: top 0.2s;
-o-transition: top 0.2s;
-webkit-transition: top 0.2s;
transition: top 0.2s;
visibility: hidden;
color: #eee;
}
.customer-name span{
display: inline-block;
line-height: 1.1;
display: inline-block;
vertical-align: middle;
max-width: 100%;
word-wrap: break-word;
overflow: hidden;
font-size: 11px;
text-transform: uppercase;
}
.customer-item:hover .customer-name{
visibility: visible;
top:150px;
color: #aaa;
-moz-transition: top 0.2s, color 0.5s;
-o-transition: top 0.2s, color 0.5s;
-webkit-transition: top 0.2s, color 0.5s;
transition: top 0.2s, color 0.5s;
}
.search-patients-table{
border-bottom: solid 1px #e3e3e3;
}
.search-patients-table td{
word-wrap: break-word;
word-break: break-all;
}
.search-patients-table a{
cursor: pointer;
}
.search-patients-table th, .plan-info-table th{
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
font-family: 'Signika Negative', sans-serif;
background: #f7f7f7;
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
color: #999;
text-align: left;
padding: 0 10px;
height: 45px;
}
.plan-info-table tr:first-child + tr td{
padding-top: 10px;
}
.plan-info-table tr td{
text-align: center;
}
.plan-info-table tr td:first-child{
text-align: left;
}
.search-patients-table tr{
border-top: solid 1px #e3e3e3;
height: 45px;
}
.plan-info-table td{
height: 28px;
padding: 0 10px;
}
.pit-border{
border-top: solid 2px #000;
}
.pit-br td{
padding-bottom: 10px;
}
.pit-border td{
padding-top: 10px;
}
.pit-total{
font-weight: bold;
}
.pit-payment-date{
font-style: italic;
color: #777;
padding-left: 10px;
padding-top: 10px;
}
.plan-info-table tr:first-child{
/*border-bottom: solid 2px #000;*/
border-top: none;
height: 25px;
}
#dueTime td{
text-align: center;
}
.search-patients-table td{
text-align: left;
padding: 6px 10px;
}
#h-name{
width: 165px;
min-width: 165px;
}
#h-created{
width: 90px;
min-width: 90px;
}
#h-client{
width: 120px;
min-width: 120px;
}
#h-emr{
width: 65px;
min-width: 65px;
}
#h-custom{
width: 120px;
min-width: 120px;
}
#h-status{
width: 80px;
min-width: 80px;
}
#h-events{
width: 10px;
min-width: 10px
}
#h-restore{
width: 50px;
min-width: 50px;
}
#h-download{
width: 40px;
min-width: 40px;
}
#pit-name{
width: 70%;
}
#pit-quantity, #pit-currency{
width: 15%;
text-align: center;
}
#pit-currency a{
border-bottom: dotted 1px #009fe0;
text-decoration: none;
}
#pit-currency a:hover{
color: #333;
border-bottom: dotted 1px #333;
}
#pit-currency .pit-a-active, #pit-currency .pit-a-active:hover{
color: #aaa;
border: none;
cursor: default;
}
.plan-info-table td.pit-indent{
padding-left: 30px;
}
.search-patients-holder{
margin: 25px 5px 45px 0;
text-align: right;
position: relative;
}
.search-patients-holder input[type="search"]{
border:none;
border-radius: 0;
border-bottom: solid 1px #aaa;
background: transparent;
width: 240px;
box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;
padding-left: 0;
padding-right: 20px;
}
.search-patients-holder input[type="search"]:focus{
border-bottom: solid 1px #009fe0;
}
.search-patients-holder input[type="submit"]{
border:none;
background: transparent;
background: url("../Images/p_admin/search-icon.png") center center no-repeat;
width: 30px;
height: 30px;
text-indent: -1000px;
overflow: hidden;
position: absolute;
right:0;
margin-top: -4px;
}
.search-download-reports{
position: relative;
cursor: pointer;
background: url("../Images/p_admin/download-dd.png") right -165px no-repeat;
width: 100%;
height: 30px;
}
.search-download-reports.alt{
background: url("../Images/p_admin/download-dd-alt.png") right -165px no-repeat;
}
.search-download-reports:hover, .search-download-reports.reports-dd-active{
background: url("../Images/p_admin/download-dd.png") right 7px no-repeat;
}
.search-download-reports.alt:hover, .search-download-reports.alt.reports-dd-active{
background: url("../Images/p_admin/download-dd-alt.png") right 7px no-repeat;
}
.reports-dd-active .reports-dd{
display: block;
cursor: default;
}
.reports-dd{
display: none;
position: absolute;
width: 230px;
background: #fff;
box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.2);
z-index: 120;
padding: 10px 15px;
right: -2px;
top: 32px;
line-height: 30px;
max-height: 300px;
overflow-y: auto;
}
.report-dd-item.not-finalized-form {
font-style: italic;
}
.report-dd-item .not-finalized-form-icon {
background: #c50000;
color: #fff;
line-height: 14px;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
width: 14px;
height: 14px;
border-radius: 14px;
display: inline-block;
font-size: 12px;
font-weight: bold;
text-align: center;
box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
position: relative;
top: 8px;
font-style: normal;
padding: 0 0 0 1px;
display: none;
}
.report-dd-item.not-finalized-form .not-finalized-form-icon {
display: block;
float: right;
}
.reports-dd-top .reports-dd{
top: auto;
bottom: 32px;
}
.reports-dd a{
display: block;
background: url("../Images/p_admin/pdf-icon-sm.png") right center no-repeat;
}
.reports-dd a.png{
background-image: url("../Images/p_admin/png-icon-sm.png");
}
.reports-dd .report-dd-item.not-finalized-form a {
background: none;
}
.reports-dd a span{
display: block;
max-width: 200px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.report-item-all a{
background: url("../Images/p_admin/download-dd.png") right -16px top -160px no-repeat;
border-top: solid 1px #ccc;
margin-top: 8px;
padding-top: 8px;
transition: none; -moz-transition: none; -webkit-transition: none;
}
.report-item-all a:hover{
background: url("../Images/p_admin/download-dd.png") right -16px top 12px no-repeat;
transition: none; -moz-transition: none; -webkit-transition: none;
}
.report-item-csv a {
background: none !important;
border-top: solid 1px #ccc;
margin-top: 8px;
padding-top: 8px;
transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.search-pagination{
text-align: center;
font-size: 14px;
color: #333;
margin-top: 30px;
}
.search-pagination a{
color: #333;
text-decoration: none;
display: inline-block;
width: 30px;
height: 30px;
box-sizing: border-box;
line-height: 28px;
cursor: pointer;
}
.search-pagination a:hover{
color: #009fe0;
}
.search-pagination a.current-page{
border: solid 1px #009fe0;
border-radius: 30px;
color: #009fe0;
}
.search-pagination .pagination-arrow{
font-size: 18px;
margin: 0 6px;
}
.all-hospitalizations {
margin: 0 0 30px 0;
min-height: 652px;
position: relative;
}
.all-hospitalizations .empty-list {
padding: 0;
}
.all-hospitalizations .empty-list h1 {
text-align: left;
border: none;
}
.all-hospitalizations .empty-list img {
float: right;
}
.all-hospitalizations .restore-hosp-modal .bottom-buttons,
.settings-training .simple-dialog .bottom-buttons {
margin-top: 20px;
}
#no-hospitalizations p{
text-align: center;
color: #aaa;
}
.training {
min-height: 462px;
padding: 0 0 40px 0;
}
.training td.controls {
font-size: 12px;
padding-left: 10px;
}
.training td.controls a,
.training td.controls span {
cursor: pointer;
display: inline-block;
margin: 0 3px 0 0;
}
.training td.controls a:before,
.training td.controls span:before {
content: "|";
display: inline-block;
margin: 0 3px 0 0;
color: #333;
}
.training td.controls a:first-child:before,
.training td.controls span:first-child:before,
.training td.controls a.refresh:before {
display: none;
}
.training td.controls a.refresh {
float: right;
background: url("../Images/p_admin/alert-refresh.png") no-repeat right center;
width: 12px;
height: 12px;
margin: 4px 4px 0 0;
}
.training td.controls .refresh.loading {
-webkit-animation: training-status-refresh-animation 1s linear infinite;
-moz-animation: training-status-refresh-animation 1s linear infinite;
animation: training-status-refresh-animation 1s linear infinite;
}
@-moz-keyframes training-status-refresh-animationn { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes training-status-refresh-animation { 100% { -webkit-transform: rotate(360deg); } }
@keyframes training-status-refresh-animation { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
.training td.status {
text-align: center;
}
.training td.status input[type=checkbox] {
margin: 0;
position: relative;
top: 2px;
}
.training td.controls a.disabled {
cursor: default;
text-decoration: none;
opacity: 0.5;
}
.training td.not-saved {
font-style: italic;
}
.training a.submit {
cursor: pointer;
}
.training .modal-wrapper {
margin-left: -280px;
}
.training .modal {
margin-left: -45px;
}
.training .edit-holder.btn-save-trainee {
margin: 20px 0 0 0;
text-align: center;
}
.training.loading-data #trainees {
display: block;
visibility: hidden;
}
.training.loading-data #trainees a,
.training.loading-data select {
display: none;
}
.training .app-info {
margin-top: 0;
margin-bottom: 20px;
}
table.training-courses-info {
width: 100%;
}
table.training-courses-info td.training-course-status {
white-space: nowrap;
padding-left: 10px;
font-weight: bold;
text-align: right;
}
.setting-buy-anestethic {
margin-left: 20px;
}
.modal.generic-popup {
border: 6px solid #009fe0;
border-radius: 0;
height: auto;
max-height: none;
width: 620px;
}
.modal.generic-popup > .close {
position: absolute;
right: -7px;
top: -30px;
}
.generic-popup .modal-body {
background-color: #fff;
height: auto;
max-height: none;
padding: 20px !important;
}
.generic-popup .bottom-buttons {
border-top: 1px solid #e3e3e3;
padding-top: 20px;
}
.generic-popup .edit-holder {
margin: 20px 0 10px !important;
text-align: right;
}
.generic-popup h1 {
border-bottom: 1px solid #e3e3e3;
font: italic 26px Georgia,"Times New Roman",Times,serif;
margin: 0 0 20px !important;
padding-bottom: 20px;
text-align: center;
}
.generic-popup input.submit[type="button"][disabled] {
background: #aaa url("../Images/p_admin/done-loading.gif") no-repeat scroll 30px 18px;
text-indent: 30px;
}
.generic-popup input[type="button"][disabled] {
border: medium none;
cursor: default;
}
.generic-popup .gray-submit {
left: 20px;
position: absolute;
}
.generic-popup input.submit.gray-submit[type="button"][disabled] {
background: #aaa none repeat scroll 0 0;
text-indent: 0;
}
.detailed-pricing-block .byLoginsSelect {
text-align: center;
margin-top:30px;
}
select.settings-logins,select.settings-logins:focus {
width: 308px !important;
height: 53px !important;
}
#settings-add-logins select.settings-logins,select.settings-logins:focus {
width: 328px !important;
}
.google-img, .google-img img, .google-img iframe{
position: absolute;
height: 0;
}
.dst-info ul{
margin-left: 20px;
list-style-type: decimal;
font-style: italic;
}
.htCore th{
height: 45px;
line-height: 45px;
font-size: 14px;
font-weight: 400;
font-family: 'Signika Negative', sans-serif;
background: #f7f7f7;
text-transform: uppercase;
color: #999;
}
.htCore td, .htCore th{
height: 45px;
font-size: 14px;
border-color: #e3e3e3;
vertical-align: middle;
}
.handsontable .htCore td, .handsontable .htCore th{
height: auto;
}
.bird{
margin-top: 20px;
margin-bottom: 30px;
}
.bird-text {
position: relative;
top: -252px;
width: 300px;
margin: 0 auto;
}
.bird-extended{
text-align: center;
background: #fafafa;
border: solid 1px #009fe0;
border-radius: 10px;
padding: 40px 60px;
box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
width: 450px;
margin: 20px auto;
position: relative;
}
.bird-overlay{
position: absolute;
content: '';
height: 150px;
width: 170px;
left: -120px;
top: 100%;
margin-top: -1px;
background: url("../Images/p_admin/bird-overlay.png") right top no-repeat;
}
.bird-holder{
text-align: center;
padding-bottom: 130px;
}
.tooltipster-ptp .tooltipster-content {
width: auto;
}
#logoutTime{
font-size: 32px;
margin-bottom: 10px;
display: inline;
color: #009fe0;
}
.logout-caption{
font-family: 'Signika Negative', sans-serif;
font-weight: 400;
font-size: 30px;
text-transform: uppercase;
margin-bottom: 5px;
color: #aaa;
display: inline-block;
}
span.gray.as-link {
color: #ccc;
text-decoration: underline;
}
.failed-emr-events-modal ul.failed-events {
margin: 20px 0;
height: 180px;
overflow-y: scroll;
border: solid 1px #cccccc;
}
.failed-emr-events-modal ul.failed-events li {
margin: 0 20px;
padding: 10px 0;
border-top: 1px solid #eeeeee;
}
.failed-emr-events-modal ul.failed-events li:first-child {
border-top: none;
}
.failed-emr-events-modal.loading ul.failed-events {
background: url('../Images/loading-search-white.gif') no-repeat center center;
}
.failed-emr-events-modal.loading ul.failed-events li {
display: none;
}
.shift-popup .datetimepicker table tr td span.minute {
width: 14% !important;
}
#s2id_shiftDvm {
width: 190px;
}
#s2id_shiftDvm a.select2-choice {
width: 190px;
}
.loading-data {
background-image: url(/Images/ajax-loader.gif);
background-position: 50%;
background-repeat: no-repeat;
/*min-width: 930px;
min-height: 400px;*/
}
.loading-data>div,
.loading-data>table {
display:none;
}
.check-in .fade-in-out {
transition: 0.5s linear all;
opacity: 1;
}
.check-in .fade-in-out.ng-hide {
opacity: 0;
}
.logo-container {
border: dashed 1px #ccc;
padding: 10px 20px 20px 20px;
text-align: center;
margin: 30px auto;
width: 650px;
}
.logo-container img.logo {
max-width: 400px;
max-height: 150px;
margin: 20px auto;
display: block;
}
.logo-container p {
color: #bfbfbf;
font-size: 14px;
}
.logo-container a {
font-size: 12px;
font-weight: bold;
text-decoration: underline;
color: #009fe0;
cursor: pointer;
}
a.clinic-logo-clear{
color: #999;
margin-left: 20px;
text-decoration: none;
}
a.clinic-logo-clear:hover{
color: #333;
}
a.clinic-logo-clear i{
position: relative;
top: 1px;
left: -2px;
font-style: normal;
}
a.clinic-logo-clear span {
text-decoration: underline;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.notification-item{
margin-top: 20px;
}
.notification-item:first-child{
margin-top: 0;
}
.notification-date{
padding-top: 6px;
color: #ccc;
font-size: 14px;
}
.notification-link a{
font-family: 'Signika Negative', sans-serif;
text-transform: none;
font-size: 20px;
color: #009fe0;
}
.notification-link a.unread-notification{
font-weight: bold;
}
.sub-expiration-popup .settings-data div.switch,
#additionalItemsPopup .settings-data div.switch,
#editUserPopup .settings-data div.switch {
margin-right: 0;
}
.sub-expiration-popup .settings-data .setting-name,
#additionalItemsPopup .settings-data .setting-name,
#editUserPopup .settings-data .setting-name {
font-size: 14px;
text-transform: none;
color: #333;
text-align: left;
}
.sub-expiration-popup .settings-data .setting-action,
#additionalItemsPopup .settings-data .setting-action {
width: 48%;
text-align: right;
}
.go-live-date:after {
content: '';
background-image: url(../Images/p_admin/calendar-icon.png);
background-repeat: no-repeat;
position: absolute;
top: 11px;
right: 10px;
width: 11px;
height: 13px;
z-index: 2;
}
.go-live-date {
position:relative;
}
.go-live-date input {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.modal.pdf-preview-dialog {
width:816px;
margin-left: 92px;
}
.modal.pdf-preview-dialog a.close {
position: absolute;
top: -22px;
right: 92px;
}
.modal.pdf-preview-dialog .pdf-page {
margin: 25px auto 0 auto;
width: 100%;
height: 1056px;
}
.modal-backdrop.loading {
background-image: url('../Images/ajax-loader.gif')!important;
background-position: 50%!important;
background-repeat: no-repeat!important;
}
.new-feature.wb-notification {
margin-bottom: 40px;
}
.new-feature.wb-notification .wb-note {
font-size:12px;
font-style: italic;
opacity: 0.5;
position: absolute;
bottom: -25px;
}
.cutsom-dropdown-edit-list {
background: #009fe0;
}
.cutsom-dropdown-edit-list .dropdown-toggle {
background: #009fe0;
border-color: #00b4fe;
height: 37px;
line-height: 37px;
font-family: 'Roboto-Bold', sans-serif;
font-size: 15px;
padding-left: 0;
padding-right: 0;
text-transform: uppercase;
margin-top: 0!important;
position: relative;
width: 106px;
text-align: center;
}
.cutsom-dropdown-edit-list .dropdown-toggle .fa-sort-down {
position: relative;
left: 20px;
top: -3px;
}
.cutsom-dropdown-edit-list.open .dropdown-toggle {
box-shadow:none;
}
.cutsom-dropdown-edit-list.open .dropdown-menu {
padding-top: 21px;
min-width: 130px;
margin-top: 10px;
}
.cutsom-dropdown-edit-list.open .dropdown-menu li {
font-size: 15px;
font-family: 'Roboto-Regular', sans-serif;
color: #009fe0;
width: 100px;
margin-bottom: 10px;
margin-left: 27px;
cursor:pointer;
}
.settings-integration-maps .settings-group {
border: 1px solid #e8e8e8;
background-color: #fff;
margin-top: 10px;
padding-top: 20px;
margin: 30px 30px;
width: auto;
}
.settings-integration-maps .settings-group .reasons {
display: flex;
margin-bottom: 15px;
}
.settings-integration-maps .settings-group .blue-button {
height: 35px;
line-height: 35px;
}
.settings-integration-maps .settings-group .item-element .title {
margin-right: 10px;
}
.settings-integration-maps .settings-group .item-element {
height: 50px;
width: 50%;
float: left;
text-align: right;
}
.settings-integration-maps .settings-group .item-element + .item-element {
width: 50%;
float: right;
text-align: left;
}
.settings-integration-maps .settings-group .item-element + .item-element select {
margin: 0;
width: auto;
}
.settings-integration-maps .settings-group .setting-name {
color: #bfbfbf;
font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
text-transform: uppercase;
font-size: 12px;
padding-top: 11px;
}
.settings-integration-maps .settings-group .item-save {
text-align: center;
width: 100%;
margin-top: 10px;
margin-bottom: 10px;
position: relative;
}
.settings-integration-maps .settings-group .info {
margin-left: 20px;
margin-bottom: 10px;
}
.settings-integration-maps .settings-groups .item {
float: left;
width: 100%;
}
.settings-integration-maps .settings-group .reasons .setting-name {
width: 25%;
overflow: hidden;
white-space: nowrap;
padding-right: 5px;
text-overflow: ellipsis;
}
.settings-integration-maps .settings-group .reasons .item-element + .item-element {
width: 75%;
float: left;
}
.settings-integration-maps .settings-group .reasons select {
width: 80%;
}
.settings-integration-maps .settings-group .switch {
margin-bottom: 0;
}
.settings-integration-maps .settings-group .reasons .item-element {
height: auto;
}
.settings-integration-maps .settings-group .setting-general-spinner {
display: inline-block;
line-height: 30px;
}
.settings-integration-maps .settings-group .item-save-action-1,
.settings-integration-maps .settings-group .item-save-action-2 {
float: left;
}
.settings-integration-maps .settings-group .item-save-action-1 {
width: 60%;
text-align: right;
}
.settings-integration-maps .settings-group .calculator .select2-container-multi .select2-choices .select2-search-choice {
top: 0;
}
.settings-integration-maps .settings-group .calculator .select2-container {
width: 100%;
margin-bottom: 0;
}
.settings-integration-maps .settings-group .calculator .select2-dropdown-open .select2-choices {
border: none;
}
.modal-custom-info .modal-body h1 {
font-size: 20px;
font-family: 'Roboto-Bold', sans-serif;
border: none;
}
.modal-custom-info .modal-body .content {
text-align: center;
font-family: 'Roboto-Regular', sans-serif;
font-size: 18px;
color: #1e272a;
}
.modal-custom-info .modal-body .content input {
font-family: 'Roboto-Regular', sans-serif;
font-size: 18px;
color: #1e272a;
width: 395px;
border: none;
border-bottom: 1px solid #1a1e23;
}
.modal-custom-info .modal-body .bottom-buttons {
text-align: center;
}
.modal-custom-info .modal-body .bottom-buttons input {
width: 106px;
height: 37px;
}
.modal-custom-info .modal-body .bottom-buttons .cancel {
margin-right: 16px;
}
.modal.discharge-patient .message {
margin-bottom: 17px;
}
.show-cookies-consent {
cursor: pointer;
}
#registrationPartnerInfo-dlg.thin {
width: 400px;
}
.modal #pricing-coutry-sap {
margin-left: 2px;
}
@media screen and (max-width: 640px) {
.cookies-consent-banner .buttons {
width: 100%;
}
}
@media screen and (max-width: 400px) {
.cookies-consent-banner label {
width: 50%;
margin-right: 0;
}
}
.custom-checkbox .cc-checkbox {
width: 24px;
height: 24px;
display: inline-block;
box-sizing: border-box;
border: 1px solid #009fe0;
position: relative;
cursor: pointer;
}
.custom-checkbox.cc-disabled .cc-checkbox {
border-color: #999999;
}
.custom-checkbox.cc-checked .cc-checkbox {
background: none;
}
.custom-checkbox.cc-checked .cc-checkbox:before {
position: absolute;
content: " ";
background: #009fe0;
top: 3px;
left: 3px;
right: 3px;
bottom: 3px;
}
.custom-checkbox.cc-disabled .cc-checkbox:before {
background: #999999;
}
.custom-checkbox .cc-label {
cursor: pointer;
}
.custom-checkbox.cc-disabled .cc-label {
color: #999999;
}
.modal-body.estimate-loading .estimate-description {
visibility: hidden;
}
.estimate-inventory-list {
max-height: 380px;
min-height: 100px;
overflow-y: scroll;
}
.estimate-inventory-list .estimate-inventory-list-item {
margin: 0 0 20px 0;
float: left;
width: 100%;
}
.estimate-inventory-list h2 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 14px;
float: left;
}
.estimate-inventory-list h2.disabled {
font-style: italic;
}
.estimate-inventory-list h2 .custom-checkbox .cc-checkbox {
float: left;
}
.estimate-inventory-list h2 .custom-checkbox .cc-label {
display: block;
margin: 3px 10px 0 37px;
cursor: pointer;
}
.estimate-inventory-list ul {
padding: 10px 0 0 38px;
font-weight: bold;
float: left;
width: 100%;
box-sizing: border-box;
}
.estimate-inventory-list ul li {
float: left;
clear: left;
padding: 5px 0;
}
.estimate-inventory-list ul li .custom-checkbox .cc-checkbox {
float: left;
}
.estimate-inventory-list ul li .custom-checkbox .cc-label {
display: block;
margin: 3px 0 0 37px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 500px;
cursor: pointer;
}
.modal-body.estimate-loading .estimate-inventory-list {
overflow: hidden;
border-top-color: transparent;
background: url('/Images/ajax-loader.gif') no-repeat center center;
}
.modal-body input.no-loading {
text-indent: 0!important;
background-image: none !important;
}
.tooltipster-default {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}
.decimal-places .setting-general-spinner.active {
display: inline-block;
}
.decimal-places .setting-general-spinner.ok {
display: inline-block;
opacity: 0;
transition: opacity 1s;
}
.decimal-places .setting-general-spinner.ok.active {
display: inline-block;
opacity: 1;
}
.settings-section {
margin: 40px 5px;
border-top: solid 1px #e3e3e3;
padding-top: 20px;
}
@media screen and (max-width: 1199px) {
.nav-collapse .menu-blog-link {
display:none;
}
}
#supportReportDialog,
#supportReportCloseConfirmation {
margin-left: 250px;
}
#supportDialogForm {
text-align: left;
}
#supportDialogError p {
margin: 5px 0;
}
#supportDialogForm .support-field:invalid {
border: 1px solid #c00;
}
#supportDialogForm label {
float: none;
}
#supportDialogForm .support-field {
width: 100%;
height: auto;
padding: 13px;
}
#supportDialogForm .support-attach-file {
color: #bfbfbf;
padding-left: 20px;
background: url("../Images/paperclip.png") no-repeat left center;
}
#supportDialogForm .support-attach-file:hover {
color: #333;
background: url("../Images/p_admin/cross-red-emr.png") no-repeat left -20px;
cursor: pointer;
}
#supportDialogForm .file-attach-holder input {
opacity: 0;
position: absolute;
right: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
#supportDialogForm .file-attach-holder:before {
content: "+ Attach files";
text-decoration: underline;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
color: #009fe0;
}
#supportDialogForm .file-attach-holder:hover:before { text-decoration: none; }
#supportDialogForm .file-attach-holder {
position: relative;
height: 30px;
margin-top: 10px;
}
#supportDialogForm .input-half {
width: 48%;
float: left;
margin-right: 2%;
}
#supportDialogForm .input-half + .input-half {
margin-left: 2%;
margin-right: 0%;
}