* {
  margin: 0;
  padding: 0;
}

html,
body {
  height: 100%;
  background: #939595;
}
.width100 {
  width: 200px !important;
}
#password {
    background: transparent;
    position: relative;
    top: -37px;      
}

.passwordStrengthBar{
    float: left; 
    height:36px; 
    border-radius:4px;min-width:2px;
    transition: width 0.6s, background-color 0.6s; 
    opacity:0.8;
    z-index: 5;
}
.passwordStrengthBar.strong{background-color:#00dd00}
.passwordStrengthBar.medium{background-color:#ffff00}
.passwordStrengthBar.weak{background-color:#ff6600}
.passwordStrengthBar.useless{background-color:#ee0000}

body {
  color: #6e6e6e;
  font-family: 'Raleway', 'Helvetica', 'Arial', sans-serif;
  line-height: 1.2em;
}

.bigger { font-size: 1.2em; line-height:1.5em; }

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #004281;
  font-weight: 100;
  line-height: 1.5em;
  margin-bottom: 0.2em;
  padding: 0 10px;
}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

pre, blockquote, dl, figure, table, p, ul, ol, form {
  margin-bottom: 1rem;
}
textarea {
    overflow: hidden;
}
dl {
  width: 100%;
}

hr {
    margin-top: 0.5rem;
    margin-bottom: 1rem;
}

iframe {
  border: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* height: 100%; */
  width: 100%;
  background: transparent;
}

.whitebg {
    background: #fff;
}
.container h1 {
  margin-bottom: 0.2em;
}
/* here only to provide left padding */
p,pre, ol { padding: 0 10px }

a {
  color: #5489c7;
  text-decoration: none;
}
a:hover {
  color: #04447f;
  text-decoration: underline;
}
#content {
  background-color: #f9f9f9;
}
#content::after,
.content::after {
  clear: both;
  content: '';
  display: table;
}
.content {
  min-height: 600px;
}
input[type='button'],
input[type='submit'],
button, 
.button {
  background-color: #5489c7;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 100;
  height: 38px;
  line-height: 1em;
  padding: 7px 30px;
  text-transform: none;
  transition: 300ms;
}
.button {
  line-height: 38px;
  padding-top: 0px;
}
.button:hover {
  text-decoration: none;
}
input[type='button']:disabled,
input[type='submit']:disabled,
button:disabled,
.button:disabled {
  background-color: #ccc;
}

input[type='button']:hover,
input[type='submit']:hover,
button:hover,
.button:hover {
  background-color: #04447f;
  color: #fff;
}

input[type='button']:focus,
input[type='submit']:focus,
button:focus,
.button:focus {
  color: #fff;
}

input[type='button']:disabled:hover,
input[type='submit']:disabled:hover,
button:disabled:hover,
.button:disabled:hover {
  background-color: #ccc;
  cursor: not-allowed;
}

input[type='text'],
input[type='password'],
input[type='search'],
select {
  border: 1px solid #5489c7;
  font-size: 1em;
  font-weight: 100;
  outline: 0;
  box-sizing: border-box;
}
input[type='text']:focus,
input[type='password']:focus,
input[type='search']:focus,
select:focus {
  border: 1px solid #00dd00 !important;
  color: #6e6e6e !important;
}
button {
  position: relative;
}
label {
  line-height: 2.5em;
  margin-bottom: 0.2em;
  display: block;
}
.center {
  margin: auto;
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.error {
  color: #e5473e;
}
.success {
  color: #0d0;
}
input[type='text'].error, input[type='password'].error {
  border: 1px solid #e5473e;
  color: #6e6e6e;
}
.margin-top10 {
    margin-top: 10px;
}
.hidden {
  position: fixed;
  bottom: 0;
  right: 0;
  pointer-events: none;
  opacity: 0;
  transform: scale(0);
}
/******* Header *******/
#header {
  background-color: #f9f9f9;
}
#header .top-bar {
  border-bottom: 1px solid #eee;
  padding: 0 10px 10px 10px;
}
#header .top-bar::after {
  clear: both;
  content: '';
  display: table;
}
#header .logo {
  position: relative;
}
#header .logo,
#header .user-login {
  margin-top: 1em;
}

#header .user-login {
  text-align: right;
}

#header .logout {
  margin-top: 0.5em;
  display:inline-block;
  margin-left: 1em;
  border: 1px solid #5489c7;
  color: #5489c7;
  background: transparent;
  padding: 0px 12px;
  height: 32px;
}
#header .logout:hover {
  background: #04447f;
  border: 1px solid #04447f;
  color: #fff;
}

#header .welcome {
  margin-top: 0.5em;
  display:inline-block;
}

.care-complete-light {
    width:210px;
    height:44px;
    background-repeat: no-repeat;
    background-position: left;
    z-index: 9;
    cursor: pointer;
    padding-left: 30px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 209.85 43.59" width="210px" height="45px"><defs><style>.cls-1{fill:%23004280;}.cls-2{fill:%23558ac8;}.cls-3{fill:%23fff;}</style></defs><title>CareComplete Logo</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M79.86,31.35c-3.51,0-5.72-.78-5.72-4.37,0-4.06,3.9-4.13,6.86-4.13.68,0,1.48.08,2.52.08,0-3.51,0-4.32-4.24-4.32a27.38,27.38,0,0,0-4.21.47V17.57a23,23,0,0,1,4.5-.44c3.8,0,6,.52,6,4.39v9.54A48,48,0,0,1,79.86,31.35Zm3.69-7c-1.27,0-2.18-.08-2.6-.08-2.7,0-4.71.42-4.71,2.83,0,2.68,2.44,2.91,4.47,2.91.75,0,1.27-.05,2.83-.18Z"/><path class="cls-1" d="M90.21,20.35V31.06h-2V17.41H90v1.51a7.89,7.89,0,0,1,5.46-1.61v1.87C93.33,19.18,91.53,19.31,90.21,20.35Z"/><path class="cls-1" d="M97.49,24.82c.34,5,3.72,5.12,5.8,5.12a16.68,16.68,0,0,0,3.41-.36v1.35a16.29,16.29,0,0,1-4.24.44c-4.65,0-7.18-2.73-7.18-7.41,0-4.86,2.81-6.84,6.16-6.84,4.47,0,6.32,2.81,6.32,7.28v.42Zm4-6.37c-2.63,0-3.9,2-3.9,5h7.88C105.42,20.71,104.53,18.45,101.44,18.45Z"/><path class="cls-1" d="M118.5,31.35c-5.43,0-9-3.54-9-9.41s3.59-9.36,9.15-9.36a17.88,17.88,0,0,1,3.77.31v1.69a15.76,15.76,0,0,0-3.38-.34c-4.89,0-7.31,3.12-7.31,7.7s2.42,7.75,7.25,7.75a15.41,15.41,0,0,0,3.43-.34V31A15.88,15.88,0,0,1,118.5,31.35Z"/><path class="cls-1" d="M129.65,31.4c-4.21,0-6.6-3-6.6-7.25s2.42-7.07,6.6-7.07,6.58,2.68,6.58,7.07S133.47,31.4,129.65,31.4Zm0-12.9c-2.91,0-4.42,2.21-4.42,5.64S126.69,30,129.65,30,134,27.58,134,24.15,132.56,18.5,129.65,18.5Z"/><path class="cls-1" d="M156.33,31.06h-2V22c0-1.66,0-3.12-2.44-3.12a8.76,8.76,0,0,0-3.77,1.3V31.06h-2V22c0-1.69.05-3.12-2.44-3.12a9.93,9.93,0,0,0-3.74,1.33V31.06h-2V17.41h1.74v1.43c2.37-1.38,3.61-1.69,4.91-1.69a3.28,3.28,0,0,1,3.15,1.69,10.06,10.06,0,0,1,4.89-1.72c2.16,0,3.69,1,3.69,4Z"/><path class="cls-1" d="M168,30.1a7.51,7.51,0,0,1-4.21,1.17,17.47,17.47,0,0,1-3-.23v5.75h-2V17.39c1.22-.08,3-.21,4.16-.21a9,9,0,0,1,4.94,1c2.11,1.3,2.76,3.72,2.76,5.85C170.7,26.64,169.85,29,168,30.1Zm-4.78-11.47a20,20,0,0,0-2.39.13V29.55a15.08,15.08,0,0,0,2.78.23c2.7,0,4.89-1.53,4.89-5.72C168.52,20.27,166.49,18.63,163.24,18.63Z"/><path class="cls-1" d="M172.47,31.06V11.56h2v19.5Z"/><path class="cls-1" d="M178.48,24.82c.34,5,3.72,5.12,5.8,5.12a16.69,16.69,0,0,0,3.41-.36v1.35a16.3,16.3,0,0,1-4.24.44c-4.65,0-7.18-2.73-7.18-7.41,0-4.86,2.81-6.84,6.16-6.84,4.47,0,6.32,2.81,6.32,7.28v.42Zm4-6.37c-2.63,0-3.9,2-3.9,5h7.88C186.41,20.71,185.52,18.45,182.43,18.45Z"/><path class="cls-1" d="M190.74,17.52V13.3c.26-.08,1.38-.47,2-.7v4.91h3.93v1.4h-3.93V27.6c0,1.82.65,2,2.05,2h1.77v1.48h-2c-2.7,0-3.82-.13-3.82-3.2V17.52Z"/><path class="cls-1" d="M199.58,24.82c.34,5,3.72,5.12,5.8,5.12a16.69,16.69,0,0,0,3.41-.36v1.35a16.29,16.29,0,0,1-4.24.44c-4.65,0-7.18-2.73-7.18-7.41,0-4.86,2.81-6.84,6.16-6.84,4.47,0,6.32,2.81,6.32,7.28v.42Zm4-6.37c-2.63,0-3.9,2-3.9,5h7.88C207.51,20.71,206.62,18.45,203.53,18.45Z"/><path class="cls-1" d="M68.88,31.35c-5.43,0-9-3.54-9-9.41s3.59-9.36,9.15-9.36a17.88,17.88,0,0,1,3.77.31v1.69a15.76,15.76,0,0,0-3.38-.34c-4.89,0-7.31,3.12-7.31,7.7s2.42,7.75,7.25,7.75a15.41,15.41,0,0,0,3.43-.34V31A15.88,15.88,0,0,1,68.88,31.35Z"/><path class="cls-1" d="M68.88,31.35c-5.43,0-9-3.54-9-9.41s3.59-9.36,9.15-9.36a17.88,17.88,0,0,1,3.77.31v1.69a15.76,15.76,0,0,0-3.38-.34c-4.89,0-7.31,3.12-7.31,7.7s2.42,7.75,7.25,7.75a15.41,15.41,0,0,0,3.43-.34V31A15.88,15.88,0,0,1,68.88,31.35Z"/><path class="cls-2" d="M37.18,35.63h-.13a5.53,5.53,0,0,1-5.24-4.89,13.47,13.47,0,1,1,0-17.92A5.43,5.43,0,0,1,37.18,8h.13a5.17,5.17,0,0,1,1.52.27,21.8,21.8,0,1,0,0,27.14A5.4,5.4,0,0,1,37.18,35.63Z"/><path class="cls-1" d="M45.4,16.37H42.6v-2.8A5.56,5.56,0,0,0,37.31,8h-.13a5.43,5.43,0,0,0-5.42,5.42v3H29a5.56,5.56,0,0,0-5.61,5.28,5.42,5.42,0,0,0,5.42,5.56h3V30a5.56,5.56,0,0,0,5.29,5.61h.13a5.43,5.43,0,0,0,5.42-5.42v-3h3A5.42,5.42,0,0,0,51,21.65,5.56,5.56,0,0,0,45.4,16.37ZM48,24.17a3.37,3.37,0,0,1-2.43,1H42.35A1.77,1.77,0,0,0,40.58,27v3.25a3.4,3.4,0,0,1-3.4,3.4h-.09A3.52,3.52,0,0,1,33.78,30V27A1.78,1.78,0,0,0,32,25.2H28.77a3.4,3.4,0,0,1-3.4-3.49A3.53,3.53,0,0,1,29,18.4H32a1.77,1.77,0,0,0,1.77-1.77V13.38a3.4,3.4,0,0,1,3.4-3.4h.09a3.53,3.53,0,0,1,3.31,3.59v3.05a1.77,1.77,0,0,0,1.77,1.77H45.4A3.52,3.52,0,0,1,49,21.71,3.37,3.37,0,0,1,48,24.17Z"/><path class="cls-3" d="M32,25.2H28.77a3.4,3.4,0,0,1-3.4-3.49A3.53,3.53,0,0,1,29,18.4H32a1.77,1.77,0,0,0,1.77-1.77V13.38a3.4,3.4,0,0,1,3.4-3.4h.09a3.53,3.53,0,0,1,3.31,3.59v3.05a1.77,1.77,0,0,0,1.77,1.77H45.4A3.52,3.52,0,0,1,49,21.71a3.4,3.4,0,0,1-3.4,3.49H42.35A1.77,1.77,0,0,0,40.58,27v3.25a3.4,3.4,0,0,1-3.4,3.4h-.09A3.52,3.52,0,0,1,33.78,30V27A1.78,1.78,0,0,0,32,25.2Z"/></g></g></svg>');

}

/******* Footer *******/

#footer {
  background-color: #939595;
  color: #fff;
  font-weight: 100;
  padding: 15px;
}
#footer p {
  margin-bottom: 0.5em;
}
#footer .email {
  word-break: break-word;
}

/******* Content *******/

.breadcrumb {
    padding: 10px 0 0 10px;
}
.breadcrumb ul {
    margin-bottom: 0;
}
.breadcrumb li {
  display: inline-block;
  list-style-type: none;
}

.logo {
  height: 44px;
  width: 213px;
}

fieldset{
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
}

fieldset legend{font-weight:bold}
fieldset ul li { list-style: none }

.fieldset-row {
  padding: 0 1em;
}

.declaration {
  margin-top: 1.5em;
}

.users_manage {
  display: flex;
}

.filters {
  width: 160px;
  padding:10px;
}

.filters input[type="text"],
.filters input[type="submit"],
.filters input[type="button"],
.filters select {
  height:2.2em;
  font-size: 0.9em;
  margin-bottom: 0.4em;
  width:150px;
}
.results {
  margin-left: 1em;
}

.capslock {
background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="%23000"><path d="M 466.50,256.50l-83.00,0.00 l0.00,95.50 q0.00,13.50 -9.25,22.75t-22.25,9.25l-192.00,0.00 q-13.00,0.00 -22.50-9.25t-9.50-22.75l0.00-95.50 l-82.00,0.00 q-6.00,0.00 -10.00-6.50t-3.50-15.50t 6.50-15.00l 194.50-210.00q 9.00-9.50 22.50-9.50t 23.00,9.50l 194.00,210.00q 6.00,6.00 6.75,15.00t-3.25,15.50t-10.00,6.50zM 160.00,415.50l 192.00,0.00 q 13.00,0.00 22.25,9.50t 9.25,22.50l0.00,32.50 q0.00,13.00 -9.25,22.50t-22.25,9.50l-192.00,0.00 q-13.00,0.00 -22.50-9.25t-9.50-22.75l0.00-32.50 q0.00-13.00 9.50-22.50t 22.50-9.50z" ></path></svg>');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center right 5px;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
}

.open-person {
  background-color: #5489c7;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-weight: 100;
  line-height: 1em;
  padding: 5px 15px;
  text-transform: none;
  transition: 300ms;
}

.open-person:hover {
  background-color: #04447f;
  color: #fff;
}
.assign-patient {
  padding-top: 2em;
}
.assign-patient .calendar-wrapper,
.assign-patient .appointment-list-wrapper,
.assign-patient .appointment-wrapper {
  float: left;
  width: 33%;
}
.appointment-book .calendar-wrapper {
  float: left;
  width: 240px;
}
.appointment-book .calendar-wrapper label {
  text-align: right;
}
.appointment-book .appointment-list {
  border: 1px solid #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  margin: 0 1em;
  height: 439px;
  overflow-x: hidden;
  overflow-y: auto;
}
.appointment-list tbody tr:hover td {
  background-color: #ddd;
  cursor: pointer;
}
#calendar table {
  margin: 0 auto 1em auto;
  width: 205px;
}
#calendar td {
  cursor: pointer;
}
#calendar th,
#calendar td {
  height: 24px;
  line-height: 24px;
  width: 24px;
}
#calendar .jsCalendar-title-name {
  font-size: 15px;
  padding: 6px 20px;
  text-align: center;
}
#calendar .jsCalendar-current {
  background-color: #5489c7;
}
.go-to-today {
  font-size: 0.9em;
  margin-bottom: 1em;
  text-align: center;
}
.appointment-details {
  margin: 0 auto;
  max-width: 360px;
}
.button-bar {
  border-top: 1px solid #eee;
  margin-top: 2em;
  padding-top: 1em;
  text-align: right;
}
.button-bar * {
  margin: 0 0.5em;
}
table {
  border-collapse: collapse;
  table-layout: fixed;
}
th {
  vertical-align: bottom;
}
td {
  padding: 6px 12px;
  border: none;
}
.selected {
  background-color: #0d0;
  color: #fff;
  opacity: 0.8;
}
.selected.completed,
.selected.deleted {
  color: #fff;
}
.deleted {
  color: #ccc;
  text-decoration: line-through;
}
.completed {
  color: #0d0;
}
#tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 0.9em;
  opacity: 1;
  padding: 0.5em;
  position: fixed;
  transition: opacity 2000ms;
  visibility: visible;
}
#tooltip.hide {
  opacity: 0;
  transition: opacity 500ms;
  visibility: hidden;
}
#tooltip table {
  margin-bottom: 0;
}
#tooltip td {
  padding: 3px;
}
button .spinner {
  height: 35px;
  position: absolute;
  left: 0;
  top: 0;
  width: 35px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="35" height="35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" style="background:0 0"><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.3636363636363635s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(33 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.2272727272727273s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(65 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-1.0909090909090908s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(98 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.9545454545454546s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(131 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.8181818181818182s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(164 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.6818181818181818s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(196 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.5454545454545454s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(229 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.4090909090909091s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(262 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.2727272727272727s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(295 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="-0.13636363636363635s" repeatCount="indefinite"/></rect><rect x="48" y="23" rx="4" ry="2" width="5" height="15" fill="%23fff" transform="rotate(327 50 50)"><animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1.5s" begin="0s" repeatCount="indefinite"/></rect></svg>');
}

button .spinner + span {
    padding-left: 10px;
}

/******* Custom classes *******/

.padding-top10 {
  padding-top: 10px;
}
.no_padding {
  padding: 0;
}
input[type='text'].line {
  border-bottom: 1px solid #666;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 17em;
  margin-bottom: 0px;
  padding: 0 1em;
}
input[type='text'].line:focus {
  border-bottom-color: #00dd00;
}
.hide {
  display: none;
}
/****** Footer classes *******/

.provided-by {
    padding-top: 10px;
    font-size: 0.8em;
}
.footer-block a {
    color: #ffffff;
    opacity: 0.7;
}
.footer-block a:hover {
    opacity: 1.0;
}
.icon {
    opacity: 0.7;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: left;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
    padding-left: 30px;
}
.icon:hover, .visibility:hover, .consent:hover {
    opacity: 1.0;
}
.icon.email {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/></svg>');
}
.icon.phone {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 24 24"><path d="M20 22.621l-3.521-6.795c-.008.004-1.974.97-2.064 1.011-2.24 1.086-6.799-7.82-4.609-8.994l2.083-1.026-3.493-6.817-2.106 1.039c-7.202 3.755 4.233 25.982 11.6 22.615.121-.055 2.102-1.029 2.11-1.033z"/></svg>');
}
.icon.printer {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 485.213 485.212" fill="%23666"><path d="M121.305 30.327h242.604v60.651h30.327V30.327C394.236 13.595 380.674 0 363.909 0H121.305c-16.731 0-30.327 13.595-30.327 30.327v60.651h30.327V30.327zm333.585 90.977H30.328c-16.731 0-30.327 13.591-30.327 30.324v151.629c0 16.764 13.595 30.327 30.327 30.327h60.651v121.302c0 16.764 13.595 30.326 30.327 30.326H363.91c16.765 0 30.327-13.562 30.327-30.326V333.584h60.653c16.759 0 30.322-13.563 30.322-30.327V151.628c0-16.733-13.564-30.324-30.322-30.324zm-90.981 333.582H121.305v-212.28h242.604v212.28zm60.653-242.604c-16.764 0-30.326-13.564-30.326-30.327 0-16.731 13.562-30.327 30.326-30.327 16.765 0 30.327 13.595 30.327 30.327.001 16.762-13.562 30.327-30.327 30.327z"/><path d="M151.629 272.93h121.304v30.327H151.629zm0 60.654h181.958v30.321H151.629zm0 60.653h181.958v30.322H151.629z"/></svg>');
}

.capslock {
background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill="%23000"><path d="M 466.50,256.50l-83.00,0.00 l0.00,95.50 q0.00,13.50 -9.25,22.75t-22.25,9.25l-192.00,0.00 q-13.00,0.00 -22.50-9.25t-9.50-22.75l0.00-95.50 l-82.00,0.00 q-6.00,0.00 -10.00-6.50t-3.50-15.50t 6.50-15.00l 194.50-210.00q 9.00-9.50 22.50-9.50t 23.00,9.50l 194.00,210.00q 6.00,6.00 6.75,15.00t-3.25,15.50t-10.00,6.50zM 160.00,415.50l 192.00,0.00 q 13.00,0.00 22.25,9.50t 9.25,22.50l0.00,32.50 q0.00,13.00 -9.25,22.50t-22.25,9.50l-192.00,0.00 q-13.00,0.00 -22.50-9.25t-9.50-22.75l0.00-32.50 q0.00-13.00 9.50-22.50t 22.50-9.50z" ></path></svg>');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center right 5px;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
}

.consent {
    opacity: 0.7;
    width:24px;
    height:24px; 
    background-repeat: no-repeat;
    background-position: left;
    z-index: 9;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.consent.consent-done {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 137 137" fill="%230d0"><path d="M59 78L43 62l-9 9 16 16 8 9 9-9 36-37-9-9-35 37zm51-78H27C12 0 0 12 0 27v83c0 15 12 27 27 27h83c15 0 27-12 27-27V27c0-15-12-27-27-27zm13 103c0 11-9 20-20 20H34c-11 0-20-9-20-20V34c0-11 9-20 20-20h69c11 0 20 9 20 20v69z"/></svg>');
}
.consent.consent-needed {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" fill="%23e00"><path d="M25 2a23 23 0 1 0 0 46 23 23 0 0 0 0-46zm12 26c0 .6-.4 1-1 1H14c-.6 0-1-.4-1-1v-6c0-.6.4-1 1-1h22c.6 0 1 .4 1 1z"/></svg>');
}
.visibility {
    opacity: 0.7;
    width:24px;
    height:24px; 
    background-repeat: no-repeat;
    background-position: left;
    margin: 0 auto;
    z-index: 9;
    cursor: pointer;
    margin-top: 5px;
}
.visibility.on {
    opacity: 0.7;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 932 932" width="24px" height="24px" fill="%23939595"><path d="M466 161.5A511.7 511.7 0 0 0 2 457.6a20 20 0 0 0 0 17 511.8 511.8 0 0 0 928.4 0 20 20 0 0 0 0-17 511.7 511.7 0 0 0-464.2-296zm0 514.7a210 210 0 1 1 0-420.1 210 210 0 0 1 0 420.1z"/><circle cx="466.1" cy="466" r="134.5"/></svg>');
}
.visibility.off {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 932 932"><path d="M146.4 658.5L268 536.8a210 210 0 0 1 268.6-268.6l83-83.1A511.7 511.7 0 0 0 1.9 457.7a20 20 0 0 0 0 16.9 514 514 0 0 0 144.6 183.9zM785.7 273.7L664 395.4A210 210 0 0 1 395.4 664l-83.1 83a511.7 511.7 0 0 0 617.9-272.6 20 20 0 0 0 0-16.8 514 514 0 0 0-144.5-184z" fill="%23939395"/><path d="M466 600.6A134.5 134.5 0 0 0 600.5 459L459 600.4l7 .2zM466 331.7a134.5 134.5 0 0 0-134.2 141.5L473 331.9c-2.4-.2-4.7-.2-7-.2zM178.9 682.5l-63.2 63.2a50 50 0 0 0 70.8 70.7l84.4-84.4 86.2-86.2 56-56.1L589.9 413l56-56.1 107.5-107.4 63.2-63.2a50 50 0 0 0-70.8-70.7L661.3 200 575 286.3l-56.1 56L342.4 519l-56.1 56-107.4 107.5z" fill="%23999"/></svg>');
}
.test-banner-top {
  background-color: #d00;
  color: #fff;
  padding: 10px;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 2000;
}
.test-banner-bottom {
  background-color: #d00;
  color: #fff;
  padding: 10px;
  position: fixed;
  text-align: center;
  bottom: 0;
  width: 100%;
  z-index: 2000;
}

/******* Modal *******/

#overlay {
  display: none;
}
#overlay.show {
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
  opacity: 0.0;
}
.modal-wrapper.appear {
  opacity: 1.0;
  transition: opacity 0.8s
}
#modal {
  background-color: #fff;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 80%;
  margin: 0 auto;
	position: relative;
  width: 80%;
  z-index: 1001;
}
#modal-header {
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  height: 3em;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#modal-title {
  -moz-border-top-right-radius: inherit;
  -webkit-border-top-right-radius: inherit;
  border-top-right-radius: inherit;
  -moz-border-top-left-radius: inherit;
  -webkit-border-top-left-radius: inherit;
  border-top-left-radius: inherit;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #04447f;
  font-size: 1.2em;
  height: inherit;
  line-height: 1.5em;
  padding: 0.5em;
  text-align: center;
  width: 100%;
}
#modal-close {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%236e6e6e" viewBox="0 0 129 129"><circle cx="64" cy="64" r="64" fill="%23fff"/><path d="M65 123A58 58 0 1 0 64 6a58 58 0 0 0 1 117zm0-108a50 50 0 1 1-1 100 50 50 0 0 1 1-100z"/><path d="M43 86l3 1 3-1 16-16 16 16 2 1 3-1c2-2 2-4 0-6L70 64l16-16a4 4 0 0 0-5-6L65 58 49 42a4 4 0 0 0-6 6l16 16-16 16c-2 2-2 4 0 6z"/></svg>');
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 7px;
  -moz-transition: 300ms;
  -webkit-transition: 300ms;
  transition: 300ms;
  top: 7px;
  width: 32px;
}
#modal-close:hover {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%2304447f" viewBox="0 0 129 129"><path d="M65 123A58 58 0 1 0 64 6a58 58 0 0 0 1 117zm0-108a50 50 0 1 1-1 100 50 50 0 0 1 1-100z"/><path d="M43 86l3 1 3-1 16-16 16 16 2 1 3-1c2-2 2-4 0-6L70 64l16-16a4 4 0 0 0-5-6L65 58 49 42a4 4 0 0 0-6 6l16 16-16 16c-2 2-2 4 0 6z"/></svg>');
}
#modal-body {
  border-top: 1px solid #eee;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 3em;
  width: 100%;
  background-image: url(/static/images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.modal-content {
  background-color: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  padding: 1em;
}

/******* Registration classes *******/
.register label {
  display: inline-block;
  text-align: right;
  margin-right: 5px;
}
.register span {
  display: inline-block;
  text-align: left;
  margin-left: 5px;
}
.fieldname {
  display: inline-block;
  width: 120px;
  text-align: right;
  margin-right: 5px;
  font-weight: bold;
}

/******* Sizer widget *******/
.sizer {
    border:1px solid #ccc;
    color: #666;  
    background: #fff;
    min-width: 16px;
    margin:0px;
    text-align: center;
    cursor: pointer;
    padding: 1px 4px 1px 4px;
}
.sizer:hover {
    background: #ddd
}
.text-size-widget {
    padding-top:30px;
    width:100px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

/******* Consent Form *******/
.intro {
    width: 40%;
    display: inline-block;
}
.italic {
    font-style: italic;
}
.bold {
    font-weight: 700;
}
.black-box {
    border: 1px solid #999;
    margin: 0 10px 5px 10px;
    padding: 10px 0px 0px 10px;
}
.fine-print {
    font-size: 0.7em;
    line-height: 1.4em;
    color: #5489c7;
}
.consent-carefirst {
    float: right;
    width: 80px;
    top: 10px;
    position: absolute;
    right: 20px;
}
p + h4 {
  margin-top: 1.5em;
}

/******* Data Tables *******/
#gp2u td {
    overflow: hidden;
    text-overflow: ellipsis;
}
#gp2u_paginate .paginate_button {
    background-color: transparent;
    background-image: none !important;
    border: none !important;
    border-radius: 4px;
}
#gp2u_paginate .paginate_button.current {
    background-color: #5489c7 !important;
    color: #fff !important;
}
#gp2u_paginate .paginate_button:hover {
    background-color:#04447f !important;
}
#gp2u_wrapper {
    position: relative;
}
#gp2u_processing {
    top: 200px;
    position:absolute;
}
.dataTable tr:hover th {
      background-color: #fff;
}
.dataTable tr:hover td {
  background-color: #ddd;
  cursor: pointer;
}
.dataTable thead .sorting,
.dataTable thead .sorting_desc,
.dataTable thead .sorting_asc {
  background-position: bottom 10px left !important;
}

html.conference,
html.conference body {
  height: 100%;
  background: #fff;
}
html.conference #content,
html.conference .container {
  height: 100%;
}
html.conference .content {
  left: 50%;
  min-height: unset;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

/******* Media queries *******/

@media (max-width: 900px) {
  .assign-patient .calendar-wrapper,
  .assign-patient .appointment-wrapper {
    width: 100% !important;
  }

  .appointment-wrapper select {
    width: 100%;
  }
}

@media (max-width: 639px) {
  .consent-carefirst {
    display: none;
  }
}

@media (max-width: 549px) {
  .fieldset-row {
    padding: 0 1em;
  }
  .register label {
    text-align: left;
  }
  .text-size-widget {
    float: left;
    width: 30%;
    margin-right: 5px;
    margin-top: -5px;
  }
  .user-login {
    margin-top: -35px !important;
    width:70%;
    float: right;
  }
}