/* body > div { -webkit-transition: all 1s ease-in-out; } */

.clear { 
	clear:both !important;
}
.no_padding {
	padding:0px !important;
}
.nav-close-btn {
	display:none;
}
.nav > li.active{
	border-left:none;
	background:none;
}
.nav > li > a i {
    font-size: 16px;
}
.nav > li.active a i{
	color: #8a0303;
}
.nav > li:hover a i, .nav > li.active:hover a i{
	color: #ffffff;
}
.nav > li > a {
	padding: 18px 20px 18px 25px;
	font-size: 14px;
}
.nav-header {
	padding:10px 25px;
	background-image: none;
	background-color: #66798a;
}	
.gray-bg, .bg-muted {
    background-color: #f3f3f4;
}
body.mini-navbar .nav-header {
	background-color: #66798a;
}

.nav-title {
	padding: 5px 25px;
}
.navbar-header {
	position: relative;
}

.nav-title h5 {
	color: #ffffff;
    padding-bottom: 5px;
	margin-bottom:0px;
    border-bottom: 1px solid #ffffff;
    font-size: 1.25rem;
}
.nav-title p {
	color: #ffffff;
	margin-top:10px;
}


.nav-buttons 
{
	padding: 40px 25px 10px 25px;
	text-align:center;
}

.nav-buttons span a {
	display:block;
	color:ffffff;
}
.nav-buttons .btn-special {
	background-color: #8a0303;
    border-color: #8a0303;
    color: #ffffff;
    padding: 5px;
}
.nav-buttons .btn-special:hover {
	background-color: #8a0303;
    border-color: #8a0303;
	color: #FFFFFF;
}
.link-normal {
	color: #ffffff !important;
    text-decoration: none;
    background: none;
    padding: 0px !important;
	margin-top: 5px;
}
.link-normal:hover {
	color:#8a0303;
	text-decoration:none;
	background:none !important;
}

.form-group {
	position: relative;
}

.help-icon 
{
	position: absolute;
    right: 0;
    top: 0;
    margin-right: 6px;
    margin-top: 6px;
	cursor: pointer;
}
.help-content {
	display:none;
	background: #8a0303;
	color:#ffffff;
    padding: 10px;
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    margin-bottom: 35px;
    border-radius: 4px;
	width: 260px;
}  

.help-content:after {
	width: 0;
    height: 0;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #8a0303;
    position: absolute;
    right: 0;
    bottom: 0;
    margin-bottom: -8px;
    margin-right: 5px;
}

.forgot-pass-link {
	color: #8a0303;
}
.forgot-pass-link:hover {
	color: #000000;
}
#room-name-help:hover .room-name-help-content {
	display: block;
}

#confirm-email-help:hover .confirm-email-help-content {
	display: block;
}

#password-help:hover .password-help-content {
	display: block;
}

.form-group a {
	color: #676a6c;
	text-decoration:none;
	border-bottom:1px dotted #8a0303;
}

.error-msg {
	color: #ff0000;
    display: block;
    margin-top: 5px;
}

.patient-help-content {
	margin-bottom: 25px;
    margin-right: 100px;
}
#patient-help:hover .patient-help-content {
	display: block;
}

.patient-camera-block {
	position: fixed;
    right: 0;
    top: 0;
    margin-top: 20px;
}

.patient-mobile-menu {
	display:none;
}

#wrapper {
    background: #66798a;
}

.audiocallwrapper {
	height: 100vh;
}

.video-section {
	
}

.video-section .wrapper-content {
	padding:0px;
	position: relative;
}

.remotevideowrapper {
	padding:0px;
	height: 100vh;
}

.remotevideowrapper video {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-video video {
	object-fit: contain;
}

.localvideowrapper {
	width:200px;
	position: absolute;
    top: 0;
    right: 0;
    margin-top: 30px;
    margin-right: 30px;
    padding: 0;
}
.localvideowrapper video {
	width: 100%;
    object-fit: cover;
}
.call-icons-set {
	position: absolute;
    bottom: 0;
    margin-bottom: 25px;
    text-align: center;
}

.call-icons-set span {
	background: rgb(0 0 0 / 0.5);
    padding: 8px;
    display: inline-block;
    border-radius: 50px;
    margin-right: 9px;
	cursor:pointer;
}

.call-icons-set span:hover {
	background: rgb(0 0 0 / 1);
}
.call-icons-set .btn-primary { 
	padding: 0px;
    background-color: rgb(0 0 0 / 0);
    border-color: rgb(0 0 0 / 0);
    margin: 0px;
}
.call-icons-set .btn-primary i { 
	font-size: 24px;
	width: 26px;
}
.call-icons-set span img{
	width: 33px;
}

.profile-user-list {
	position:relative;
	padding-bottom: 15px;
    /*border-bottom: 1px solid #ffffff;*/
}
.profile-user-list img{
	width:33px;
}
.profile-user-list span {
	color: #ffffff;
}

.profile-user-link {
	padding-top: 2px !important;
}
.profile-user-link a {
	color: #ffffff;
}

.profile-call-popup {
	position: absolute;
    left: 0;
    top: 0;
    margin-left: 325px;
    margin-top: 50px;
	z-index: 99;
}

.profile-call-popup-call {
	position: absolute;
    left: 0;
    top: 0;
    margin-left: 210px;
    margin-top: 15px;
	z-index: 99;
}

.profile-call-popup-content {
	position: relative;
	display: inline-block;
	width: 500px;
	border-radius: 5px;
	background: #ffffff;
    padding: 15px 0px 15px 15px;
    filter: drop-shadow(0 0 20px rgba(0,0,0,.25));
}

.profile-call-popup-content:before {
    content: "";
    position: absolute;
    top: 25px;
    right: 100%;
    width: 0;
    height: 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    border-width: 6px 8px 6px 0;
}
	
.call-pop-image {
	padding: 0px;
}

.call-pop-image img{
	width:100%;
}

.profile-call-popup-content h3 { 
	margin-top: 0px;
}

.profile-call-popup-content h5 { 
	padding-bottom: 0px;
    color: #676a6c;
    border-bottom: none;
}

.profile-call-popup-content h5 i{ 
	color: #18a689;
	margin-right: 5px;
}

.profile-call-popup-content h5 span{ 
	color: #676a6c;
    font-weight: 400;
}

.profile-call-popup-content h3 i{ 
	color: #18a689;
    margin-left: 7px;
    font-size: 14px;
}
.profile-call-popup-content p { 
    color: #676a6c;
    margin: 5px 0px;
}

.call-popup-icons {
	display: inline-block;
    padding: 10px;
    margin-top: 15px;
}
.call-popup-icons span {
	color: #676a6c;
    padding: 0;
    margin-bottom: 10px;
}

.call-popup-icons i {
	margin-right: 5px;
}

.call-pop-btn-section {
	margin-top: 10px;
    padding: 0px;
}

.call-pop-btn {
	padding: 0px;
    padding-right: 15px;
}

.call-pop-btn-section button {
	width: 100%;
	margin-bottom: 0px !important;
}

.call-pop-close {
	position: absolute;
    right: 0;
    top: 0;
    margin-right: 10px;
    margin-top: 5px;
	z-index: 999;
}

.call-pop-close a {
	color: #676a6c;
    font-size: 20px;
}

.profile-user-text {
	cursor:pointer;
}

.startcallbtn {
	display:none;
	position: absolute;
    left: 0;
    top: 0;
    margin-left: 10px;
    margin-top: -10px;
    background: #fff;
    text-align: center;
    padding: 10px 15px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
    
}
.startcallbtn .btn-warning {
	min-width: 50px;
}

.profile-user-text:hover .startcallbtn {
	display:inline-block;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.ibox-padding {
	padding: 35px;
}

.text-elipsis {
	white-space: nowrap;
    width: 75%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;
}

#patient_waiting_hall {
	margin-top: 15px;
}

.profile-user-text-call {
	margin-top: 5px;
}
.screensharevideowrapperconf {
	padding: 0px;
    height: 100vh;
    text-align: center;
	width: 100%;
}
.screensharevideowrapper {
	padding: 0px;
    height: 100%;
    text-align: center;
	width: 100%;
}
.screensharevideowrapper video {
	height: 100vh;
    width: auto;
}

.notify-icon {
	width: 10px;
    height: 10px;
    background: #ffc801;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    margin-top: 10px;
    margin-right: 2px;
}

.profile-pic-section {
	/*width: 175px;
    height: 175px;*/
    padding: 0;
    border: none;
    /*margin-top: 20px;*/
}

#profile-pic-block {
	display: block;
    width: 175px;
    height: 175px;
    border: none;
}

#id-prof-pic {
	
}

#doctor_custom_pic_block {
	text-align: center;
	margin: 0 auto;
}

.circular-square {
	position: relative;
    width: 175px;
    height: 175px;
	overflow: hidden;
	border-radius: 50%;
}
.circular-square img {
	width: 100%;
    height: 100%;
}
.circular-landscape {
    display: inline-block;
    position: relative;
    width: 175px;
    height: 175px;
    overflow: hidden;
    border-radius: 50%;
}

.circular-landscape img {
    width: auto;
    height: 100%;
    margin-left: -50px;
}

.circular-portrait {
    position: relative;
    width: 175px;
    height: 175px;
    overflow: hidden;
    border-radius: 50%;
}

.circular-portrait img {
    width: 100%;
    height: auto;
}

#doctor_custom_pic_block.circular-landscape {
	margin-left: 60px !important;
}

#doctor_avail_pic_block {
	height: 30px;
    width: 30px;
}

#doctor_avail_pic_block.circular-landscape img {
    margin-left: -8px;
}

.doctor_name_dashboard {
	
}

.DR_welcome_profile_block {
	/* position: absolute;
    top: 0;
    right: 0;
    margin-right: 75px; */
}

#DR_welcome_profile {
	height: 60px;
	width: 60px;
	float: left;
    margin-right: 15px;
    margin-top: 5px;
}

.DR_welcome_profile img {
	height: 60px;
	width: 60px;
}

#DR_welcome_profile.circular-portrait {
	height: 60px;
	width: 60px;
}

#DR_welcome_profile.circular-landscape img {
	margin-left: -15px;
}

@media screen and (max-width: 768px) {

/* .timer_section {
	top: 70px !important;
} */

.dropdown-menu.pull-right {
	top: 0 !important;
    left: 110px !important;
}

body.mini-navbar {
	overflow:hidden;
}	
body.mini-navbar #page-wrapper {
	margin: 0 0 0 0px !important;
}	
.body-small.mini-navbar .navbar-static-side {
	background: #66798a;
    width: 100%;
	height: 100%;
}	
.body-small.mini-navbar .nav-header {
	background-color:#66798a;
	padding: 10px 25px;
}

body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span {
	display:block;
}

body.mini-navbar .navbar-default .nav li a span {
	display: inline-block;
}



.nav-close-btn {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.nav-close-btn .btn-primary {
	background-color: #66798a;
    border-color: #66798a;
}
.nav-close-btn a i{
	font-size: 35px;
    color: #ffffff;
}
.patient-camera-block {
	position: static;
    margin-top: 20px;
}

.patient-mobile-menu {
	display: block;
    padding: 10px;
    background: #66798a;
    color: #ffffff;
}
.patient-mobile-menu .navbar-fixed-top, .patient-mobile-menu .navbar-static-top {
	background: #66798a;
}
.patient-mobile-menu .navbar-header {
	width: 100%;
}

.patient-mobile-menu .logo-section img {
	width: 40px;
    height: auto;
}

.patient-mobile-menu h3 {
	text-align: center;
    margin-top: 18px;
    font-size: 2rem;
}

.patient-mobile-menu .chat-btn {
	float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.patient-mobile-menu .chat-btn a {
	color:#8a0303; 
	font-size: 2.5rem;
}
.patient-mobile-menu .chat-btn a:hover {
	color:#ffffff; 
}
.mobile-float-menu {
	position: absolute;
    top: 0;
    left: 0;
    margin-right: 0;
    margin-top: 38px;
}
.mobile-float-menu span {
	background: #8a0303;
    display: inline-block;
    padding: 5px;
    border-radius: 50px;
    height: 50px;
    width: 50px;
}
.mobile-float-menu .btn-primary { 
	padding: 0px;
    background-color: rgb(0 0 0 / 0);
    border-color: rgb(0 0 0 / 0);
    margin: 0px;
	font-size: 28px;
    margin-left: 7px;
    margin-top: -2px;
}
.profile-user-list {
	position: static;
}

.profile-user-list img {
    width: 50px;
}

.profile-user-link {
    padding-top: 5px !important;
	text-align: right;
}

.profile-user-text {
	padding-left: 0px !important;
    /* margin-top: 15px; */
}

.profile-user-text-call {
	margin-top: 5px;
}

.profile-call-popup {
	margin-left: 0px;
    z-index: 9;
    margin-top: -40px;
	width: 100%;
}
.profile-call-popup-call {
	margin-left: 0px;
    z-index: 9;
    width: 100%;
    top: 0;
    margin-top: -55%;
}

.profile-call-popup-content {
	width: 100%;
	height: 100vh;
    background: #66798a;
    filter: drop-shadow(0 0 20px rgba(0,0,0,0));
}
.profile-call-popup-content:before {
	display:none;
}	
.profile-user-list img {
    width: 65px;
    float: left;
    margin-right: 15px;
}
.profile-call-popup-content h3, .profile-call-popup-content h5, 
.profile-call-popup-content h5 span, .profile-call-popup-content p {
	color:#ffffff;
}
.audiocallwrapper img {
	margin: 50% auto !important;
}
.call-popup-icons {
	background: #66798a;
	padding: 10px 0px;
}
.call-popup-icons span {
	color:#ffffff;
}

.call-pop-btn-section button {
    margin-bottom: 10px !important;
}

.call-pop-image {
	padding: 15px;
}

.call-pop-image img{
	width: 175px;
}

.call-pop-close a {
	color: #ffffff;
}
#page-wrapper {
	
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100) !important;
}
#conf-view {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100) !important; 
}
.remotevideowrapper {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.mobile-video video {
	object-fit: cover;
}
.remotevideowrapper video {
	height: 100%;
}
.localvideowrapper {
    width: 200px;
}
.call-icons-set {
    margin-bottom: 70px;
}

.startcallbtn {
	display: block;
    margin-left: 100px;
}
.call-pop-close a i {
	color: #ffffff !important;
	font-size: 35px;
}

#guest-back-to-share {
	display: none !important;
}
#screenshare-view {
	/* background: #000000; */
    height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}
.screensharevideowrapper {
	height: 100vh; 
	overflow: hidden;
}
.screensharevideowrapper video {
    height: auto;
    width: 100%;
    margin-top: 50%;
}

.remoteSSwrapper {
	height: 100vh; 
	overflow: hidden;
}
.remoteSSwrapper video {
    height: auto;
    width: 100%;
    margin-top: 50%;
}

.audiocallwrapper {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

.screensharevideowrapperconf iframe {
	width: 100%;
    height: 100%;
    padding-top: 35%;
}

#DR_welcome_profile {
	float: none;
}
#self_picture {
	text-align: center;
}
#doctor_custom_pic_block.circular-landscape {
	margin-left:0px !important ;
}

}	

@media screen and (max-width: 767px) {
html {
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.patient-camera-block {
	position:static;
	margin-top: 25px;
}	

.localvideowrapper {
    width: 100px;
}

#patient-content .wrapper-content {
	padding: 0px 10px 40px;
}

.call-pop-image img {
   width: 40px;
}

.profile-call-popup-call {
	margin-left: 0px;
    z-index: 9;
    bottom: 0;
    width: 100%;
    top: -175px;
    margin-bottom: -235px;
}


}


@media screen and (max-width: 375px) {
.startcallbtn {
    display: block;
    margin-left: 50px;
}
.call-icons-set span {
	margin-right: 5px;
}
.footer {
	font-size: 1.1rem;
}

}

@media screen and (min-width: 768px) {
.modal-dialog {
	width: 400px;
	margin: 10px auto;
}
#formcontentwindow {
	//width: 800px !important;
    margin: 10px auto;
}
#formContentModal {
	width: 600px;
}
}

@media screen and (min-width: 769px) and (max-width: 992) {

}

@media screen and (max-width: 768px) and (min-height: 750px )
{
.call-icons-set {
    margin-bottom: 60px;
}
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
#page-wrapper {
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
}
.remotevideowrapper {
	height: 100vh;
	height: calc(var(--vh, 1vh) * 100);
}

.remotevideowrapper video {
	height: 100%;
}
}


/* @media only screen and (min-device-width : 480px) and (max-device-width : 1023px) and (orientation:landscape) { */

@media only screen and (min-device-width : 480px) and (max-device-width : 1023px) and (orientation:landscape)  {
html {
	/* Rotate the content container */
	transform: rotate(-90deg);
	transform-origin: left top;
	/* Set content width to viewport height */
	width: 100vh;
	/* Set content height to viewport width */
	height: 100vw;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
#main-menu { 
	display: none;
}
#page-wrapper { 
	margin:0px;
	/* height: 100vw; */
	height: 100%;
}
.patient-mobile-menu .navbar-fixed-top, .patient-mobile-menu .navbar-static-top {
    background: #66798a;
}
.patient-mobile-menu { 
	display: block; 
	padding: 10px; 
	background: #66798a; 
	color: #ffffff; 
}
.patient-camera-block { 
	position:static;
}
.modal-dialog {
    width: 330px;
    margin: 30px auto;
}
.patient-mobile-menu h3 {
    text-align: center;
    margin-top: 18px;
    font-size: 2rem;
}
.remotevideowrapper {
	height: 100vw;
}
.remotevideowrapper video {
	height: 100vw;
}
.screensharevideowrapper {
	height: 100vw;
	/* background: #000000; */
}
.screensharevideowrapper video {
	height: 100vw;
    width: 100%;
}
.call-icons-set {
	display:none;
}
}

@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {

#page-wrapper { 
	
}

.screensharevideowrapper {
	/* background: #000000; */
	height: 100vw;
}	 
.screensharevideowrapper video {
    height: 100%;
    width: 100%;
}
}	

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  stroke: #fff;
  }
  .path {
    stroke: hsl(210, 70, 75);
    stroke-linecap: round;
    animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

.disable-icon {
    background-color:#efefef7a !important;
    pointer-events: none;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .5; /* in FireFox */
    filter: alpha(opacity=50); /* in IE */
}

.disable-icon-ft {
    pointer-events: none;
    z-index: 1000;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=50); /* in IE */
}

#signal-strength {
  height: 20px;
  list-style: none;
  overflow: hidden;
  padding-left:10px
}
#signal-strength li {
  display: inline-block;
  width: 4px;
  float: left;
  height: 100%;
  margin-right: 1px;
}
#signal-strength li.strong {
  margin-top: 5px;
  background: #6cc30f;
}
#signal-strength li.medium {
  margin-top: 10px;
  background: #6cc30f;
}
#signal-strength li.weak {
  margin-top: 15px;	
  background: #6cc30f;
}
#signal-strength li div,#audio-signal-strength li div {
  height: 100%;
  
}
#audio-signal-strength {
  height: 20px;
  list-style: none;
  overflow: hidden;
  padding-left:15px;
  
}
#audio-signal-strength li {
  display: inline-block;
  width: 4px;
  float: left;
  height: 100%;
  margin-right: 1px;
}
#audio-signal-strength li.audiostrong {
  margin-top: 5px;
  background: #6cc30f;
}
#audio-signal-strength li.audiomedium {
  margin-top: 10px;
  background: #6cc30f;
}
#audio-signal-strength li.audioweak {
  margin-top: 15px;	
  background: #6cc30f;
}
#audio-signal-strength li div {
  height: 100%;
}

.blueimp-gallery {
	background: rgb(19 18 18 / 100%) !important;
}

.blueimp-gallery>.slides>.slide>.slide-content {
	max-height: 85% !important;
}

body{
    touch-action: manipulation;
}

.pdfobject-container {
    max-width: 100%;
	//width: 600px;
	height: 100vh;
	border: 10px solid rgba(0,0,0,.2);
	margin: 0;
}

#videoforsnap, #saved_image {
	width:100% !important;
	height:100% !important;
}

#tooltip {
    position: absolute;
    display: none;
    border: 1px solid #999;
    background-color: #ccc;
    padding: 5px;
}

.style-3::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.style-3::-webkit-scrollbar-thumb
{
	background-color: #bfbdbd;
}

.html-form-list { 
	margin: 0px;
    padding-left: 10px;
}

.html-form-list li { 
	list-style: none;
    padding: 20px 0px;
    font-size: 14px;
    border-bottom: 1px solid #eeeeee;
	cursor: pointer;
}

.html-form-list li:last-child { 
	border-bottom: 0px solid #eeeeee;
}

#formsViewButton {
	position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 15px;
    margin-right: 15px;
	width: 150px;
	text-align: center;
}

#formsViewButton a {
	display: inline-block;
	margin-bottom: 5px;
}	

.html-form-content {
	height: 350px;
    overflow-y: scroll;
}

.html-form-content .form-group label i{
	color: #ff0000;
}

.signature-box {
	display: block;
    border: 1px solid #cccccc;
    height: 200px;
    border-radius: 4px;
	position: relative;
}

.signature-box a {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    height: 20px;
    width: 200px;
	cursor: pointer;
}	

#signatureImage {
	width: 325px;
    height: 195px;
	background: #ffffff;
}

.form_wrapper {
  position: relative;
  /*width: 350px;
  height: 200px;*/
  margin: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 100px;
}

.signature_pad_body {
	height: 485px;
}

.signature-pad {
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
}

.signature-error, .signature-save-error {
	display: block;
    background: #ff0000;
    color: #ffffff;
    margin-top: 10px;
    padding: 5px;
    border-radius: 6px;
    text-align: center;
}

.paypal-buttons {
	width: auto !important;
}
.whiteboard {
	position: absolute;
	//left: 0;
	//right: 0;
	//bottom: 0;
	//top: 0;
}
.whiteboard-host {
	position: fixed;
	//left: 0;
}
.drawontop {
	z-index:9999;
}

img {
	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;
}

.top-dashboard {
	overflow:scroll;
	height:100vh;
}

.disable-callicons {
    background-color: #66798a !important;
    pointer-events: none;
    z-index: 1000;
    top: 0px;
    left: 0px;
    opacity: .5;
    filter: alpha(opacity=50);
}