.light-grey {
  color: #AEAEAE;
}

.modal-dialog {
  width: 400px;
  top: 150px;
}

.custom-modal-size .modal-content {
  width: 400px;
  height: auto;
  background: #0075be;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDc1YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQzZThmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #0075be), color-stop(100%, #243e8f));
  background: -webkit-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -o-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -ms-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: radial-gradient(ellipse at center, #0075be 0%, #243e8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075be', endColorstr='#243e8f', GradientType=1);
  color: #ffffff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  background-clip: padding-box;
  outline: 0;
  margin: 0 auto;
}

.incomingcall-modal-size .modal-content {
  width: 400px;
  height: auto;
  color: #ffffff;
  position: relative;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  background-clip: padding-box;
  outline: 0;
  background: #0075be;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDc1YmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjQzZThmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color- stop(0%, #0075be), color-stop(100%, #243e8f));
  background: -webkit-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -o-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: -ms-radial-gradient(center, ellipse cover, #0075be 0%, #243e8f 100%);
  background: radial-gradient(ellipse at center, #0075be 0%, #243e8f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075be', endColorstr='#243e8f', GradientType=1);
}

.incomingcall-modal-padding {
  padding: 40px 20px;
}

.incomingcall-modal-padding-sm {
  padding: 20px 20px;
}

.center-block {
  top: 128px;
  opacity: 1 !important;
}

.modal-body {
  text-align: center;
  padding-top: 0;
}

.pre-call-modal .modal-body {
  top: -10px;
}

.call-screen-modal .modal-dialog, .call-screen-modal .modal-content {
  background: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
  border-radius: 0;
}

/* Size/position of call screen modal */
.call-screen-modal .modal-dialog {
  width: 80vw;
  height: 96vh;
  margin: 1vh 10vw 3vh 10vw;
  position: relative;
  top: 0px;
}

.schedule-confirmation-modal .modal-dialog {
  top: 30px;
  width: 630px;
}

.call-screen-modal .modal-content {
  height: inherit;
}

.custom-modal-padding {
  padding: 45px 20px;
}

.close-modal {
  background-color: transparent;
  font-weight: bold;
  margin: 0 0 0 363px;
  z-index: 99999;
}

.close-modal:hover,
.close-modal:focus,
.close-modal:active {
  color: #428bca;
  outline: none;
}

#call-screen {
  height: inherit;
  z-index: -1;
  border-radius: 6px;
  background-color: #4d4e53;
  box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
}

.call-screen-footer {
  height: 50px;
}

.call-screen-main {
  display: block;
  width: 100%;
  height: calc(100% - 50px);
}

#call-screen .left-panel-container {
  background: #fff;
  float: left;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}

#call-screen .left-panel {
  width: 300px;
}

#call-screen .left-panel ul {
  padding: 0;
}

#call-screen .left-panel ul li {
  padding: 5px 36px;
}

#call-screen .middle-panel {
  overflow-x: auto;
  overflow-y: hidden;
  height: inherit;
}

/* Plugin resizes to match this container exactly */
#call-screen-container {
  background: #000;
  /* 100% of modal container minus height of header and footer */
  /* Note: This doesn't work on Safari/Mac. Also calc(vh-px) doesn't work either. */
  height: 100%;
  overflow-y: hidden;
  border-radius: 6px 6px 0 0;
}

.call-container {
  position: relative;
  padding-top: 55px;
  width: 100%;
}

.call-screen-footer {
  position: relative;
  text-align: center;
  width: 100%;
  padding-top: 7px;
}

.call-details-container {
  position: absolute;
  float: left;
  padding: 7px 0 0 20px;
}

.toggle-fullscreen-container {
  position: absolute;
  right: 10px;
  top: 2px;
}

.system-icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32px;
  width: 32px;
}

.system-icon-guest {
  background-image: url(../assets/system-email.svg);
}

.system-icon-offnet {
  background-image: url(../assets/system-offnet.svg);
}

.system-icon-pcvc {
  background-image: url(../assets/system-pcvc.svg);
}

.system-icon-site {
  background-image: url(../assets/system-site.svg);
}

.btn-icon {
  background-origin: content-box;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  display: inline-block;
  height: 28px;
  padding: 6px;
  width: 28px;
}

.btn:hover .btn-icon {
  background-color: rgba(216, 216, 216, 0.2);
}

.btn-icon-host {
  background-image: url(../assets/icon-consultant-inactive.svg);
}

.btn-toggle-on .btn-icon-host {
  background-image: url(../assets/icon-consultant-marked.svg);
  background-color: #77B800;
  padding: 4px;
}

.btn-icon-fav {
  background-image: url(../assets/icon-fav-inactive.svg);
}

.btn-toggle-on .btn-icon-fav {
  background-image: url(../assets/icon-fav-marked.svg);
}

.btn-icon-remove {
  background-image: url(../assets/icon-remove.svg);
}

.profile-picture-people {
  width: 98px;
  height: 98px;
  border-radius: 48px;
  border: 2px solid #fff;
  background-image: url(../assets/people-placeholder.png);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 3;
  /*margin: 20px 0;*/
}

.profile-picture-site {
  margin-left: auto;
  margin-right: auto;
  width: 98px;
  height: 98px;
  border-radius: 48px;
  border: 2px solid #fff;
  background-image: url(../assets/site-placeholder.png);
  position: relative;
  z-index: 3;
  /*margin: 20px 0;*/
}

.incoming-call-ring {
  background-color: #b9bbbd;
  -webkit-border-radius: 60px;
  height: 105px;
  width: 105px;
  position: absolute;
  left: 146px;
  top: 114px;
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  opacity: 0.0;
  z-index: 2;
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.8, 0.8);
    opacity: 0.6;
  }
  40% {
    -webkit-transform: scale(1.0, 1.0);
    opacity: 1.0;
  }
  100% {
    -webkit-transform: scale(0.8, 0.8);
    opacity: 0.6;
  }
}

.current-status-online,
.current-status-offline,
.current-status-busy,
.current-status-spinner {
  background-position: -1px;
  border: 2px solid #fff;
  border-radius: 10px;
  display: block;
  height: 20px;
  left: 68px;
  position: absolute;
  top: 75px;
  width: 20px;
}

.current-status-online {
  background-image: url(../assets/status_online.jpg);
}

.current-status-offline {
  background-image: url(../assets/status_offline.jpg);
}

.current-status-busy {
  background-image: url(../assets/status_busy.jpg);
}

.current-status-spinner {
  background-image: url(../assets/status-spinner.gif);
}

.current-status-site {
  background-image: url(../assets/status_online.jpg);
  width: 20px;
  height: 20px;
  border-radius: 9px;
  border: 2px solid #fff;
  display: block;
  position: absolute;
  top: 230px;
  left: 225px;
}

/* Hover transition introduced lag in ng-if/ng-show, so it has been removed */
.connect-call {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url(../assets/connect-call.png);
  background-position: bottom;
  background-repeat: no-repeat;
  border-radius: 32px;
  cursor: pointer;
  background-color: #77B800;
  border: none;
}

.disconnect-call {
  display: inline-block;
  margin: 20px 50px 0 0;
  width: 64px;
  height: 64px;
  background-image: url(../assets/disconnect-call.png);
  background-position: bottom;
  background-repeat: no-repeat;
  border-radius: 32px;
  cursor: pointer;
  background-color: orangered;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.disconnect-call:hover {
  background-color: red;
}

.connect-call,
.schedule-call {
  margin: 0 10px;
}

.connect-call:disabled,
.schedule-call:disabled {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #AEAEAE;
}

#call-container {
  margin: 7px 0 20px 0 !important;
}

.margin-connect-site {
  margin: 50px 0 0 0;
}

.duration {
  font-size: 16px;
  color: #f5f5f5;
}

.toggle-fullscreen {
  display: inline-block;
  float: right;
  width: 24px;
  height: 24px;
  margin: 10px;
  background-image: url(../assets/fullscreen-toggle.png);
  background-repeat: no-repeat;
  background-position-x: 0px;
  background-position-y: 0px;
  background-size: 24px;
}

.toggle-fullscreen:hover {
  background-position: bottom;
}

.full-screen-video .toggle-fullscreen {
  background-image: url(../assets/fullscreen-close-toggle.png);
}

.control-btn-wrapper {
  display: inline-block;
}

.setting-control-wrapper span.dropdown {
  top: -1px;
  position: relative;
}

.setting-alignment {
  vertical-align: middle;
}

.settings-btn {
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  color: #A9A8A9;
  background-position-x: -2px;
  background-position-y: -2px;
  vertical-align: top;
  padding: 0 5px;
  background-color: #ffffff;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}

.settings-btn-wrapper {
  margin: auto;
  padding: 10px;
}

.first-level-buttons, .second-level-buttons {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: -2px;
  background-size: 36px;
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-position-x: -2px;
  background-position-y: -2px;
  margin-right: 45px;
  cursor: pointer;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}

.volume {
  background-image: url(../assets/volume-default-2.png);
}

.microphone {
  background-image: url(../assets/microphone-default-2.png);
}

.video {
  background-image: url(../assets/video-default-2.png);
}

.selfview, .selfview_dis {
  background-image: url(../assets/selfview-default-2.png);
}

.more {
  background-image: url(../assets/more-default.png);
}

.goback {
  background-image: url(../assets/goback-default.png);
  margin-right: 10px;
}

.goback2 {
  background-image: url(../assets/goback-default.png);
}

.settings {
  background-image: url(../assets/setting-default.png);
}

.sharing {
  background-image: url(../assets/share-default.png);
}

.participants {
  background-image: url(../assets/participants-default.png);
}

.endcall {
  background-image: url(../assets/endcall-control.png);
  background-color: #AE3743;
  margin-right: 0;
  border: none;
  background-position: 0;
}

.volume-slider, .microphone-slider {
  display: inline-block;
  width: 320px;
  height: 20px;
  background: #ffffff;
  vertical-align: top;
  margin-top: 15px;
  border-radius: 10px;
}

.volume-icon {
  background-image: url(../assets/volume-lg.png);
  background-position: -5px;
}

.icon-disabled {
  background-color: #777 !important;
  border: 2px solid #777;
  opacity: 0.5;
}

.volume-icon-muted {
  background-color: #ffffff !important;
  background-image: url(../assets/volume-active.png);
}

.microphone-icon {
  background-image: url(../assets/microphone-default-lg-2.png);
  background-position: -6px;
}

.microphone-icon-muted {
  background-color: #ffffff !important;
  background-image: url(../assets/microphone-active.png);
}

.video-button-active {
  background-color: #ffffff !important;
  background-image: url(../assets/video-active.png);
}

.settings-button-active {
  background-color: #ffffff !important;
  background-image: url(../assets/setting-active.png);
}

.sharing-button-active {
  background-color: #ffffff !important;
  background-image: url(../assets/share-close.png);
}

.participants-button-active {
  background-color: #ffffff !important;
  background-image: url(../assets/participants-close.png);
}

.remotecamera:hover, .remotecamera:active, .remotecamera:focus, .volume:hover, .volume:active, .volume:focus, .microphone:hover, .microphone:active, .microphone:focus, .video:hover, .video:active, .video:focus, .more:hover, .more:active, .more:focus, .goback:hover, .goback:active, .goback:focus, .goback2:hover, .goback2:active, .goback2:focus, .settings:hover, .settings:active, .settings:focus, .sharing:hover, .sharing:active, .sharing:focus, .participants:hover, .participants:active, .participants:focus, .selfview:hover, .selfview:active, .selfview:focus, .settings-btn:hover, .settings-btn:active, .settings-btn:focus, .volume-icon-muted:hover, .volume-icon-muted:active, .volume-icon-muted:focus, .microphone-icon-muted:hover, .microphone-icon-muted:active, .microphone-icon-muted:focus, .video-button-active:hover, .video-button-active:active, .video-button-active:focus, .selfview-active:hover, .selfview-active:active, .selfview-active:focus, .endcall:hover, .endcall:active, .endcall:focus {
  opacity: 0.5;
}

.selfview-placeholder {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  width: 192px;
  height: 108px;
  background-image: url(../assets/selfview-placeholder.jpg);
}

.selfview-active {
  background-color: #ffffff !important;
  background-image: url(../assets/selfview-active.png);
}

.selfview-disabled {
  background-color: #dddddd !important;
  background-image: url(../assets/selfview-active.png);
  cursor: default;
}

.remotecamera {
  display: block;
  width: 32px;
  height: 32px;
  background-image: url(../assets/direction-control.png);
  background-repeat: no-repeat;
  background-position: -2px;
  border: 2px solid #ffffff;
  background-position-x: -2px;
  background-position-y: -2px;
  border-radius: 16px;
  padding: 0 !important;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}

.custom-dropdown-style {
  left: 342px;
  background-color: transparent;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.call-disclaimer {
  font-size: 9px;
}

.disclaimer-margin {
  margin-top: 10px;
}

.systemname-margin {
  margin-top: 5px;
}

.pcvc-header {
  margin: 0px;
}

.pc-header > ul {
  height: 300px;
  display: table;
}

.pc-header > ul > li {
  display: table-row;
}

.pc-header > ul > li:before {
  content: '';
  float: left;
  width: 20px;
  font-size: 1.8em;
  line-height: 0.75em;
}

.pcvc-row-1 {
  padding-top: 15px;
  height: 7em;
}

.pcvc-row-2 {
  font-size: 16px;
}

.pcvc-footer {
  margin-top: 20px;
}

.pcvc-footer-sm {
  margin-top: 20px;
}

.call-disclaimer {
  font-size: 9px;
}

.disclaimer-margin {
  margin-top: 10px;
}

.systemname-margin {
  margin-top: 5px;
}

.pcvc-comma-margin {
  margin-left: -3px;
}

.pcvc-comma-margin {
  margin-left: -3px;
}

.small-text {
  font-size: 0.5em;
}

li .list-item {
  padding-left: 20px;
  padding-right: 20px;
  white-space: nowrap;
}

.vidyo-config {
  display: inline-block;
  vertical-align: middle;
}

.slider .indicator {
  background-color: #0078C9 !important;
}

.slider .bar {
  background-color: #FFFFFF !important;
}

.slider .cover-bar {
  background-color: #ec8d42 !important;
}

.setting-control-wrapper .dropdown-menu {
  border-radius: 5px;
  margin-top: 20px;
}

.incoming-call-sm {
  margin-top: 20px;
}

.typeahead-option {
  min-width: 363px;
  color: black !important;
  padding: 8px !important;
  margin: 0;
}

.dropdown-menu > li > a.typeahead-option > span {
  font-size: 14px;
}

.typeahead-option-icons {
  float: right;
}

.typeahead-divider {
  height: 1px;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  border-top: 1px solid #cccccc;
}

.eventSubmitLink {
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: #428bca;
  padding-left: 0px;
}

.eventSubmitLink:hover {
  text-decoration: underline;
}

.schedule-call {
  display: inline-block;
  width: 64px;
  height: 64px;
  background-image: url(../assets/scheduling-call.png);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 32px;
  cursor: pointer;
  background-color: #77B800;
  border: none;
}

.pcvc-btn-call-now-icon,
.pcvc-btn-schedule-icon {
  background-size: 25px;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 27px;
  margin-right: 9px;
  width: 25px;
}

.pcvc-btn-call-now-icon {
  background-image: url(../assets/icon-call-now.svg);
}

.pcvc-btn-schedule-icon {
  background-image: url(../assets/icon-schedule.svg);
}

.pcvc-btn-primary {
  align-items: center;
  background-color: #77B800;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  margin: 0 5px;
  min-width: 90px;
  padding: 7px 13px;
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.connect-call:hover,
.schedule-call:hover,
.pcvc-btn-primary:hover {
  color: white;
  background-color: #0078C9;
  transition: background-color 0.25s ease-in-out;
}

.pcvc-btn-primary:disabled {
  background-color: #AEAEAE;
}

.toggleLeft {
  width: 65px;
  height: 30px;
  background-image: url(../assets/toggle-left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.toggleRight {
  width: 65px;
  height: 30px;
  background-image: url(../assets/toggle-right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
}

.pcvc-title-field-blur {
  border: 0;
  width: 50%;
  color: #717073;
  padding: 0 5px;
  height: 22px;
}

.pcvc-form-label-group {
  display: flex;
}

.pcvc-form-label,
.pcvc-form-label p {
  font-size: 12px;
  text-align: left;
  display: inline-block;
  margin: 4px;
}

p.pcvc-form-label.participants-count {
  color: #a9a8a9;
  flex: 1;
  text-align: right;
}

.pcvc-invite-participants-wrapper pre,
.pcvc-invite-wrapper pre {
  text-align: left;
}

.pcvc-invite-participants-wrapper .btn,
.pcvc-invite-wrapper .btn {
  padding: 0;
}

.pcvc-invite-participants-wrapper .all-participants {
  border-bottom: 2px solid #35649c;
  border-top: 2px solid #35649c;
  margin: 10px auto 15px auto;
  padding: 10px 0 0 0;
  text-align: left;
}

.pcvc-invite-participants-wrapper .all-participants li {
  display: flex;
}

.pcvc-invite-participants-wrapper .participant-icon {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  margin-bottom: 10px;
  height: 36px;
}

.pcvc-invite-participants-wrapper .system-status-container {
  position: absolute;
  bottom: 4px;
  right: 2px;
  z-index: 999;
}

.pcvc-invite-participants-wrapper .participant-icon .profile-picture-site,
.pcvc-invite-participants-wrapper .participant-icon .profile-picture-people {
  background-size: 25px 25px;
  border: none;
  border-radius: 12px;
  display: inline-block;
  height: 25px;
  position: relative;
  top: 4px;
  width: 25px;
}

.pcvc-invite-participants-wrapper .participant-name {
  display: inline-block;
  flex: 1;
  min-width: 230px;
}

.pcvc-invite-participants-wrapper .participant-controls .btn {
  margin-left: -8px;
}

.pcvc-invite-participants-wrapper .participant-org,
.pcvc-invite-participants-wrapper .participant-email {
  display: block;
  font-size: 11px;
  margin: 0;
}

.pcvc-invite-participants-wrapper .btn-link,
.pcvc-invite-wrapper .btn-link {
  color: #fff;
}

.pcvc-invite-participants-wrapper .system-status-container .current-status-online,
.pcvc-invite-participants-wrapper .system-status-container .current-status-offline,
.pcvc-invite-participants-wrapper .system-status-container .current-status-busy,
.pcvc-invite-participants-wrapper .system-status-container .current-status-spinner {
  left: -10px;
  top: -10px;
  height: 14px;
  width: 14px;
  background-size: 12px;
}

.pcvc-participant-form {
  margin: 0px 0 6px 0;
  text-align: left;
}

.pcvc-participant-form .form-row {
  display: flex;
  margin-top: 4px;
}

.pcvc-participant-form .form-group {
  display: inline-block;
  flex: 1;
  margin: 0px;
  vertical-align: top;
}

.pcvc-participant-form .form-group input {
  width: calc(100% - 2px);
}

.pcvc-participant-form .form-group p {
  margin: 0;
  text-align: left;
}

.pcvc-participant-form .btn-add,
.pcvc-participant-form .btn-ohip-search {
  background: #9ccb3b;
  color: #fff;
  font-size: 12px;
  padding: 3px;
  vertical-align: top;
}

.pcvc-participant-form .help-block {
  font-size: 13px;
}

.pcvc-participant-form a.inline-tooltip {
  color: #fff;
}

.pcvc-guest-link-blur {
  border: 0;
  width: 100%;
  color: #717073;
  padding: 0 5px;
}

.pcvc-guest-link-focus {
  background-color: white;
  border: 0;
  width: 100%;
  color: #717073;
  padding: 0 5px;
  height: 22px;
}

.pcvc-guest-link-label {
  width: 363px;
  text-align: left;
  color: white;
}

.pcvc-guest-form .form-group {
  display: inline-block;
  width: 100%;
}

/* TODO: Copy this styling to .pcvc-participant-form input and delete this once the guest form is gone: */
.pcvc-guest-form input,
.pcvc-guest-form select {
  color: #717073;
  padding: 2px 5px 2px 5px;
  width: 100%;
  background-color: #fff;
}

.pcvc-guest-form input,
.pcvc-guest-form select,
.pcvc-event-detail-wrapper input {
  border: 1px solid #d2d2d2;
  border-radius: 3px;
}

.pcvc-guest-form .btn {
  color: #fff;
}

.pcvc-guest-form .btn:active,
.pcvc-guest-form .btn:focus {
  outline: 0;
  text-decoration: none;
}

.pcvc-guest-form .btn:hover {
  color: #bbb;
  text-decoration: none;
}

.modal-body .pcvc-guest-capacity {
  margin-bottom: 10px;
}

.modal-body .pcvc-guest-capacity p {
  text-align: center;
  font-size: 13px;
  margin-bottom: 4px;
}

.invite-disclaimer a,
.eligibility-disclaimer a,
.modal-body .pcvc-guest-capacity a {
  color: #EC8D43;
  text-decoration: underline;
  cursor: pointer;
}

.invite-disclaimer a:hover,
.eligibility-disclaimer a:hover,
.modal-body .pcvc-guest-capacity a:hover {
  color: #fff;
}

.pcvc-host-pin label {
  font-size: 11px;
  display: block;
  text-align: left;
}

.pcvc-host-pin input {
  margin: 0;
  width: 100%;
}

.pcvc-guest-pin {
  margin-top: 5px;
}

.pcvc-guest-pin label {
  margin-right: 0;
}

.pcvc-host-pin .help-block,
.pcvc-guest-pin .help-block {
  margin: 0 0 1px 3px;
}

.custom-modal-size .modal-content h3 {
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 20px;
}

.custom-modal-size .modal-content select,
.custom-modal-size .modal-content input[type=text],
.custom-modal-size .modal-content input[type=email],
.patient-name {
  background-color: #fff;
  border: 0;
  border-radius: 3px;
  color: #717073;
  font-size: 14px;
  padding: 2px 5px 2px 5px;
  text-align: left;
}

.patient-name {
  display: inline-block;
  width: 50;
}

.custom-modal-size .modal-content .full-width {
  width: 100%;
}

.custom-modal-size .modal-content .event-calendar,
.custom-modal-size .modal-content ul[datepicker-popup-wrap] > li th {
  color: #333;
}

.custom-modal-size .modal-content .event-calendar th {
  padding: 4px;
  font-size: 12px;
  text-align: center;
}

.custom-modal-size .modal-content .event-calendar td .calendar-day > div {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 12px;
}

.custom-modal-size .modal-content .event-calendar td .calendar-day:hover > div {
  background-color: #eee;
}

.custom-modal-size .modal-content .event-calendar td .calendar-day.calendar-day-selected > div {
  background-color: #31b0d5;
  color: #fff;
}

.confirm-modal-body {
  text-align: left;
  padding-left: 10px;
  padding-top: 0;
}

.pcvc-toggle-row {
  margin-top: 20px;
  margin-bottom: 10px;
}

.pcvc-toggle-name {
  margin-top: 5px;
}

.pcvc-thrumb-row {
}

.display-block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.btn.btn-toggle-off {
  color: #a9a8a9;
}

.btn.btn-toggle-off:hover,
.btn.btn-toggle-on {
  color: #f19f53;
}

/*
.btn-favourite {
  color: #a9a8a9;
  background: transparent;
  border: none;
  font-size: 20px;
  padding: 0;
}

.btn-favourited {
  color: #EC8D43;
  background-color: transparent;
  border: none;
  font-size: 20px;
  padding: 0;
}
*/

.pcvc-invite-participants-wrapper,
.pcvc-invite-wrapper {
  margin-top: 20px;
}

.pcvc-checkbox {
  float: left;
  font-size: 12px;
}

input[type=checkbox]:checked + .pcvc-checkbox {
  color: white;
  margin-bottom: 10px;
}

.optout-checkbox {
  font-size: 11px;
}

input[type=checkbox]:checked + .optout-checkbox {
  color: white;
}

.help-block {
  color: #c75c5c;
  text-align: left !important;
  margin-left: 3px;
}

.pin-description {
  font-style: italic;
  font-size: x-small;
  text-align: left !important;
  margin-top: 5px;
}

.invite-disclaimer,
.eligibility-disclaimer {
  font-size: 11px;
  margin: 0;
}

.invite-disclaimer {
  margin-top: 20px;
}

.eligibility-disclaimer {
  margin-bottom: 20px;
}

.pcvc-date-row {
  padding-top: 16px
}

.pcvc-time-row .pcvc-label {
  padding-top: 35px;
}

.modal-content .pcvc-time-row input[type=text] {
  text-align: center;
}

.start-time-wrapper {
  margin-top: -6px;
  margin-left: 11px;
}

.end-time-wrapper {
  margin-top: -6px;
  margin-left: 6px;
}

.start-time-wrapper tr:nth-child(2) > td:nth-child(2), .end-time-wrapper tr:nth-child(2) > td:nth-child(2) {
  padding: 0 5px;
}

.schedule-date-wrapper {
  margin: 10px;
}

.start-time-wrapper .form-control, .end-time-wrapper .form-control, .schedule-date-wrapper .form-control {
  padding: 6px 10px;
  color: #717073;
}

.start-invalid-adjustment {
  margin-left: 15px;
}

.start-time-wrapper .btn-link:hover, .end-time-wrapper .btn-link:hover {
  color: white;
}

.border-reset {
  border: none !important;
}

.pcvc-confirm-message {
  color: #717073;
  padding: 0 7px;
}

.btn-confirm-message {
  background-color: #428bca;
  color: #fff;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
  border-radius: 4px;
}

.btn-confirm-message:hover, .btn-confirm-message:active, .btn-confirm-message:focus {
  border-color: transparent;
  background-color: #77B800;
  color: #fff;
}

.btn-confirm-cancel {
  color: #717073;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.btn-confirm-cancel:hover {
  color: #717073;
  opacity: 0.8;
}

.minor-adjustment {
  padding-top: 1px;
}

.pcvc-connect-wrapper {
  padding: 0px;
}

.pcvc-connect-wrapper .warning-banner {
  background-color: #b74707;
  padding: 3px 7px;
  border-radius: 3px;
  font-size: 12px;
  margin: 8px;
}

.pcvc-connect-wrapper h4, .pcvc-header h4 {
  color: white;
  margin-bottom: 23px;
}

.pcvc-connect-wrapper .form-group {
  display: flex;
}

.pcvc-connect-wrapper .form-group label {
  background: #ebebeb;
  border-radius: 3px 0 0 3px;
  color: #545454;
  margin: 0;
  padding: 3px 10px;
}

.pcvc-connect-wrapper .form-group select {
  border-radius: 0 3px 3px 0;
  flex: 1;
}

.pcvc-sub-header p {
  color: #a9a8a9;
  font-size: 13px;
}

.pcvc-event-detail-wrapper .inline-text {
  font-size: 15px;
  padding-top: 0px;
}

.pcvc-event-detail-wrapper span[inline-edit-select] span.dropdown-toggle::after {
  content: '\25BC';
  color: #f5a623;
}

.pcvc-event-detail-wrapper span[inline-edit-select] span.dropdown-toggle:hover,
.pcvc-event-detail-wrapper span[inline-edit-select] span.dropdown-toggle:hover::after {
  color: #fff;
}

.pcvc-discliamer-margin-bottom {
  margin-bottom: 20px;
}

.btn-modal-favourite {
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #0078C9;
  background-image: url(../assets/addfavourite-btn.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
  background-position-y: 4px;
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

.btn-modal-favourite:hover {
  background-color: #77B800;
}

/*
.btn-favourited .btn-modal-favourite {
  background-color: #F19F53;
}

.btn-favourited:focus, .btn-favourited:active, .btn-favourite:focus, .btn-favourite:active {
  outline: 0 !important;
}
 */

.pcvc-search-box {
  width: 100%;
  background-color: white;
}

.pcvc-search-box .display-block {
  margin: 0;
}

#scrollable-dropdown-menu .dropdown-menu {
  max-height: 500px;
  overflow-y: auto;
}

.pcvc-search-input {
  width: 100%;
}

.pcvc-favourite-btn {
  padding: 0 5px 2px 5px;
}

.content-sharing-panel h3 {
  font-size: 18px;
  font-weight: bold;
  margin-left: 2px;
}

.content-sharing-panel ul li {
  overflow: hidden;
  white-space: nowrap;
}

.sharing-actions-wrapper {
  margin-top: 15px;
}

.content-sharing-control {
  color: #fff;
  font-size: 12px;
  background-color: #428bca;
  text-align: center;
  width: 80px;
  white-space: pre-wrap;
  cursor: pointer;
  margin-left: 5px;
  padding: 0 12px;
  -webkit-transition: all .4s ease-out;
  -moz-transition: all .4s ease-out;
  -o-transition: all .4s ease-out;
  transition: all .4s ease-out;
}

.sharing-actions-wrapper a:first-child {
  margin: 0px 0px 0px 18px;
}

.content-sharing-msg-container {
  color: #a9a8a9;
  font-size: 12px;
  padding: 10px 10px 10px 18px;
}

.share-control {
  display: inline-block;
  font-size: 12px;
  padding: 4px;
  margin: 2px;
  text-align: center;
  width: 70px;
}

.content-sharing-control:hover {
  text-decoration: none;
  background-color: #9ccb3b;
  color: #fff;
}

.participants-panel {
  width: 100%;
  /*height: 100%;*/
  /*outline: 1px solid chartreuse;*/
}

.participants-panel .button-group {
  position: absolute;
  bottom: 50px;
  padding: 6px;
  width: 100%;
  background-color: #f2f2f2;
}

.participants-panel .btn-room {
  border: 2px solid #000000;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 12px;
  background-color: transparent;
  height: 32px;
  width: 32px;
}

.participants-panel .btn-room:active,
.participants-panel .btn-room:focus,
.participants-panel .btn-room:hover {
  outline: 0;
}

.participants-panel .btn-room-lock {
  border-color: #AE3743;
  background-image: url("../assets/lock-icon.png");
}

.participants-panel .btn-room-unlock {
  border-color: #0078C9;
  background-image: url("../assets/unlock-icon.png");
}

.call-screen-footer-left-panel {
  position: relative;
  float: left;
}

/*PTZ styles*/
.ptz-wrapper {
}

.ptz-control-panel {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ptz-control-panel .ptz-compass-panel {
  display: inline-block;
  width: 55px;
  height: 55px;
  background-color: white;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 50%;
}

.ptz-control-panel .ptz-zoom-panel {
  position: relative;
  display: inline-block;
  top: 3px;
  left: 10px;
}

.ptz-up, .ptz-left, .ptz-right, .ptz-down, .ptz-zoom-in, .ptz-zoom-out {
  position: relative;
}

.ptz-up:hover, .ptz-left:hover, .ptz-right:hover, .ptz-down:hover, .ptz-zoom-in span:hover, .ptz-zoom-out span:hover, .ptz-zoom-in:hover > span, .ptz-zoom-out:hover > span {
  background-position: bottom;
}

.ptz-up {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../assets/ptz-up.png");
  background-position: center top;
  background-repeat: no-repeat;
  top: 2px;
  left: 20px;
}

.ptz-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../assets/ptz-left.png");
  background-position: center top;
  background-repeat: no-repeat;
  top: 17px;
  right: 11px;
}

.ptz-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url("../assets/ptz-right.png");
  background-position: center top;
  background-repeat: no-repeat;
  left: 4px;
  top: 17px;
}

.ptz-down {
  width: 12px;
  height: 12px;
  background-image: url("../assets/ptz-down.png");
  background-position: center top;
  background-repeat: no-repeat;
  display: inline-block;
  top: 12px;
  left: 20px;
}

.ptz-zoom-in {
  height: 24px;
  width: 36px;
  display: inline-block;
  border: 1px solid #dddddd;
  border-radius: 10px 0 0 10px !important;
  text-align: center;
  background-color: white;
}

.ptz-zoom-in span {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../assets/ptz-zoom-in.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 16px;
  margin: 3px 9px;
}

.ptz-zoom-out {
  height: 24px;
  width: 36px;
  display: inline-block;
  border: 1px solid #dddddd;
  border-radius: 0 10px 10px 0 !important;
  text-align: center;
  background-color: white;
  margin-left: -5px;
}

.ptz-zoom-out span {
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../assets/ptz-zoom-out.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 16px;
  margin: 3px 8px;
}

.pcvc-panel-heading {
  padding: 10px 0px 10px 15px;
  border-bottom: 1px solid #eeeeee;
  margin: 0px;
  background-color: #f2f2f2;
}

.pcvc-panel-border {
  border: 1px solid #eeeeee;
}

.participant-item {
  border: none;
}

.participant-item-selected {
  background-color: #EBF5FF;;
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #EEE;
}

.pcvc-panel-subhead {
  font-size: 16px;
  color: #a9a8a9;
  text-transform: uppercase;
  padding: 0px 16px;
}

.pcvc-desktops-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(../assets/desktop-icon.png);
  background-repeat: no-repeat;
  margin-right: 5px;
}

.pcvc-windows-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  background-image: url(../assets/window-icon.png);
  background-repeat: no-repeat;
  margin-right: 5px;
}

.active-shared-content {
  display: block;
  background-color: #EBF5FF;
  margin: -5px -36px;
  padding: 5px 36px;
  color: #717073;
}

.setting-wrapper {
  width: 265px;
  border: 1px solid rgb(221, 221, 221);
  margin: -12px 11px;
  padding: 10px 0px !important;
}

.setting-wrapper a {
  text-decoration: underline;
}

.setting-wrapper li {
  padding: 5px 0px !important;
}

.setting-wrapper.bandwidth .disabled-text {
  margin-bottom: 0;
}

.not-supported {
  padding: 0px 10px !important;
}

.disabled-text {
  color: #aaa;
}

.settings-panel {
  height: 100%;
  width: 100%;
}

.pcvc-active-setting {
  display: block;
  padding: 5px 15px;
  background-color: rgb(235, 245, 255);
  color: rgb(66, 139, 202);
}

.available-setting {
  display: block;
  padding: 5px 15px;
}

.setting-icons {
  display: inline-block;
  width: 15px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.speaker-icon {
  background-image: url(../assets/speaker-icon.png);
}

.microphone-icon {
  background-image: url(../assets/microphone-icon.png);
}

.camera-icon {
  background-image: url(../assets/camera-icon.png);
}

.bandwidth-icon {
  background-image: url(../assets/icon_bandwidth.svg);
}

.setting-subhead-speaker,
.setting-subhead-microphone,
.setting-subhead-camera,
.setting-subhead-bandwidth {
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  color: #A9A8A9;
  padding: 0 5px;
  background-color: #ffffff;
}

.bandwidth-info {
  margin-bottom: 5px;
}

.no-avilable-text {
  text-align: center;
}

.sharing-state-wrapper {
  padding: 10px 36px;
}

.ptz-indicator {
  float: right;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../assets/ptz-indicator.png);
  background-position: top;
  background-repeat: no-repeat;
}

.ptz-indicator:hover {
  background-position: bottom;
}

.pre-call-modal {
  height: 100%;
  width: 100%;
}

.pre-call-modal .modal-title {
  min-height: 34px;
}

.pre-call-modal .modal-dialog {
  position: relative;
  top: calc(50vh - 300px);
  margin-top: 0px;
  vertical-align: middle;
  width: 100%;
}

.setting-panel-button {
  background-color: #428bca;
  color: #fff;
  border-radius: 2px;
  border: none;
  padding: 4px 7px;
}

.setting-text {
  color: #717073;
  padding: 0 10px;
}

.setting-instruction-wrapper {
  margin: 15px 0;
  padding: 0 32px;
}

.setting-text a {
  text-decoration: underline;
}

.pcvc-participant-form .form-group .guest-input {
  width: 100%;
}

@media screen and (max-width: 880px) {
  .first-level-buttons, .second-level-buttons {
    margin-right: 30px;
  }

  .second-level-buttons:last-of-type {
    margin-right: 0;
  }
}

@media screen and (max-height: 600px) {
  .pre-call-modal .modal-dialog {
    top: 0px;
  }
}

.pre-call-modal .modal-content {
  margin: 0 auto;
}

.modal-title {
  color: #428bca;
}

/* ================ FULL SCREEN MODE ===============*/

.full-screen-video .modal.in .modal-dialog {
  transform: none;
}

.full-screen-video .call-screen-modal {
  position: absolute;
}

.full-screen-video .call-screen-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.full-screen-video #call-screen {
  border-radius: 0px;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.media-stats-panel-container {
  position: absolute;
  margin: auto;
  top: 0;
  /*bottom: 0;*/
  left: 0;
  right: 0;
  max-width: 100%;
  max-height: 100%;
  text-align: center;
  z-index: 9999;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid blue;
}

.media-stats-panel {
  position: absolute;
  margin: auto;
  top: 10%;
  left: 25%;
  /*width: 40%;*/
  /*height: 70%;*/
  width: 700px;
  height: 550px;
  color: white;
  /*border: 1px solid red;*/
  background-color: rgba(0, 0, 0, .7);
  /*font-family: 'Roboto', sans-serif;*/
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  pointer-events: auto;
  /*overflow: scroll;*/
}

.ms-padding-b {
  padding-bottom: 10px;
}

.ms-panel-padding {
  padding: 30px;
}

.ms-dir-padding {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  /*border: red solid;*/
}

.ms-control-panel {
  padding-right: 30px;
}

.ms-title-dir {
  font-size: 18px;
  font-weight: 700;
}

.ms-title-stream {
  font-size: 16px;
  font-weight: 700;
}

.video-quality-warning {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 10px 10px;
  width: 300px;
  color: white;
  background-color: rgba(0, 0, 0, .7);
  pointer-events: auto;
}

.warn-icon {
  color: white;
  width: 16px;
  height: 16px;
  padding-right: 20px;
}

.level-excellent {
  color: #069D4C;
}

.level-good {
  color: #8CC340;
}

.level-bad {
  color: #F29536;
}

.level-terrible {
  color: #BD2327;
}

.call-quality-i-terrible {
  /*background-color: #ffffff !important;*/
  background-image: url(../assets/call-quality-terrible.svg);
}

.warn-alert-i {
  background-image: url(../assets/icon_alert.svg);
}

.close-x-i {
  background-image: url(../assets/icon_close.svg);
}

.close-x-btn {
  background-image: url(../assets/icon_close.svg);
  color: white;
  width: 10px;
  height: 10px;
  float: right;
  margin: 5px;
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.call-quality-indicator {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.call-quality-indicator-container {
  position: relative;
  display: inline-block;
  float: right;
  margin-right: 5px;
  margin-top: 9px;
  cursor: pointer;
  text-align: left;
}

.call-quality-indicator-text {
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  font-size: 12px;
}

.call-quality-i-poor {
  /*background-color: #ffffff !important;*/
  background-image: url(../assets/call-quality-poor.svg);
}

.call-quality-i-good {
  /*background-color: #ffffff !important;*/
  background-image: url(../assets/call-quality-good.svg);
}

.call-quality-i-excellent {
  /*background-color: #ffffff !important;*/
  background-image: url(../assets/call-quality-excellent.svg);
}

.otn-modal .event-details {
  margin: 20px 0;
}

.otn-modal .event-details td {
  vertical-align: top;
}

.otn-modal .event-details td:first-of-type {
  min-width: 180px;
  padding-right: 10px;
}

.otn-modal .admin-contact {
  word-break: break-word;
}

.otn-modal .no-admin-contact {
  font-style: italic;
  margin-right: 10px;
}

/* user-pcvc-pref-settings styles */
.user-pcvc-pref-settings {
  text-align: left;
  margin-bottom: 10px;
}

.user-pcvc-pref-settings label {
  display: inline-block;
  margin: 0;
  padding: 3px 0 0 0;
  width: 60px;
  height: 30px;
  vertical-align: top;
  font-size: 14px;
  cursor: auto;
}

.user-pcvc-pref-settings input {
  width: 300px;
  height: 25px;
  padding: 2px 5px;
}

.user-pcvc-pref-settings .validation-error {
  margin-top: 2px;
  color: #C75C5C;
  font-size: 12px;
}

.user-pcvc-pref-settings .validation-error span {
  vertical-align: top;
}

.modal-body .user-pcvc-pref-settings p {
  margin: 10px 0;
  text-align: left;
}

.patient-ohip {
  width: 75% !important;
  height: 24.8px;
}

.pcvc-participant-form .btn-ohip-search {
  width: 24%;
  position: absolute;
  right: 15px;
  top: 146px;
}

#patient-form .ohip-card-row .validation-custom-alignment {
  display: none;
}

.no-ohip-chk {
  display: inline-block !important;
  width: 13px !important;
}

.form-row select {
  height: 24px;
  margin-left: 8px;
}

.sec-input {
  margin-left: 8px;
  width: 183px;
}

/* ================ RESPONSIVE ===============*/
/* This is a workaround for call screen height on older Safari/Mac (i.e. version 7). Starting with Safari 9, this is not needed. #call-screen-container should be 80vh - 160px */
/* TODO: Need to re-calculate using 96vh - 160px, and create increments every 100px */

@media (min-height: 300px) {
  #call-screen-container {
    min-height: 130px;
  }
}

@media (min-height: 400px) {
  #call-screen-container {
    min-height: 220px;
  }
}

@media (min-height: 500px) {
  #call-screen-container {
    min-height: 320px;
  }
}

@media (min-height: 600px) {
  #call-screen-container {
    min-height: 420px;
  }
}

@media (min-height: 700px) {
  #call-screen-container {
    min-height: 510px;
  }
}

@media (min-height: 800px) {
  #call-screen-container {
    min-height: 610px;
  }
}

@media (min-height: 900px) {
  #call-screen-container {
    min-height: 700px;
  }
}

@media (max-width: 767px) {
  .custom-modal-size .modal-dialog {
    margin: 0 auto;
  }

  .schedule-confirmation-modal .modal-dialog {
    width: auto;
  }
}

.popover-content {
  font-size: 13px;
  color: #717073;
}

.guest-form-section {
  margin-top: 5px;
}

.consent-input,
.consent-lbl {
  margin-left: 5px;
}

.consent-lbl {
  position: relative;
  top: -2px;
}

.participant-consent .consent-lbl {
  margin-left: 20px;
  position: relative;
  top: -21px;
}

.confirm-consent {
  font-size: 12px;
  margin-top: -2px;
}

.participant-consent {
  padding: 5px 0px 0px 10px;
}

.participant-row-odd {
  background-color: #ebebeb;
}

.participant-row-even {
  background-color: #fcfcfc;
}