/* version 1.0.2 */
html,
body {
  background: #f9f9f9;
}

@media print {
  @page {
    size: landscape;
  }

  #searchMemberForm,
  #membersNav,
  #workspaceResults,
  .searchform,
  .print,
  .ui-filterable,
  .ui-header,
  .ui-controlgroup,
  .ui-li-divider,
  .ui-checkbox {
    display: none !important;
  }

  #append-search-members,
  #append-search-workspaces {
    margin-top: 0;
  }
}

.print-button-holder {
  text-align: right;
}

#loading {
  position: fixed !important;
  width: 46px;
  height: 46px;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 100;
}

#loginpage {
  max-width: 260px;
}

#login_notifications {
  font-size: 14px;
  width: 260px;
  border: 2px solid red;
  padding: 4px;
  border-radius: 8px;
}

#logo {
  margin: 30px auto 20px auto;
  width: 240px;
  height: 70px;
  background: url(../images/logo_login.png) top left no-repeat;
  background-size: 240px 70px;
}

#loginpage h3 {
  margin-bottom: 0px;
}

.searchform {
  margin: 0 auto;
  width: 290px;
}

[data-role="content"],
[data-role="header"] {
  margin: 0 auto;
  max-width: 900px;
}

.list-buttons li {
  padding-bottom: 8px;
  height: 52px;
}

.list-buttons li a {
  margin-bottom: -35px;
  color: #333;
}

.list-buttons li a span,
span.inactive-link {
  font-size: 10px;
  color: #999;
  margin: 0;
}

.list-buttons li:hover span {
  color: #fff;
}

[data-role="list-divider"] {
  height: 16px !important;
}

.meeting-card,
.workspace-card,
.member-card {
  /* overflow-y: scroll; */
  font-family: "Helvetica", serif;
  color: #666;
}

.meeting-card h1,
.workspace-card h1,
.member-card h1 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.meeting-card h2,
.workspace-card h2,
.member-card h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.workspace-card h5,
.member-card h5 {
  margin: 0;
  font-size: 14px;
  font-weight: normal;
}

.meeting-card table,
.workspace-card table,
.member-card table {
  border-collapse: collapse;
  background: #eee;
}

.meeting-card table tr td,
.workspace-card table tr td,
.member-card table tr td {
  width: 144px;
  padding: 3px 8px;
  border-bottom: 1px solid #e3e3e3;
}

.meeting-card h1 ~ span,
.workspace-card h1 ~ span,
.member-card h1 ~ span {
  font-size: 11px;
  color: #999;
}

.meeting-card hr,
.workspace-card hr,
.member-card hr {
  border: 0px;
  background: #ddd;
  height: 3px;
}

.workspace-card h2 ~ p {
  margin-top: -5px;
}

.meeting-card table th {
  background: #f9f9f9 !important;
}

.meeting-card table tr th,
.meeting-card table tr:nth-of-type(2) td:nth-of-type(2) {
  text-align: center;
}

.meeting-card table tr:nth-of-type(2) td:nth-of-type(1) {
  text-align: center;
}

.meeting-card h2 ~ p {
  margin-top: -5px;
}

.meeting-card .status {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  width: 150px;
  line-height: 30px;
  text-align: center;
}

.finished {
  background: #9affbe;
}

.planned {
  background: #ffed9a;
}

.declined {
  background: #ff9a99;
}

/* -------------------
//  GLOBAL CLASSES   -
--------------------*/

.right,
.createrelatedappointment,
.editappointment {
  float: right;
}

#searchform {
  text-align: center;
}

#searchform span {
  font-size: 16px;
  color: #2f3e46;
  font-weight: bold;
  text-shadow: 0 1px 0 #ffffff;
}

#loading {
  z-index: 9999;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.2;
}

[data-role="page"] {
  overflow-y: scroll;
  height: auto !important;
}

.ui-icon-searchfield {
  background: #fff;
}

/*
* jQuery Mobile Git Build: SHA1: 9130927464f2d3e0300a9fb36ebfd69448cf3675 <> Date: Wed Feb 20 11:08:42 2013 -0800
* http://jquerymobile.com
*
* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
* Released under the MIT license.
* http://jquery.org/license
*
*/

/*.ui-bar-a{border:1px solid #b3b3b3 ;background:#9fa0a1 ;color:#ffffff ;font-weight:bold;text-shadow:0  1px  0  #555555 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #c8c9ca ),to( #757677 )); background-image:-webkit-linear-gradient( #c8c9ca,#757677 ); background-image:   -moz-linear-gradient( #c8c9ca,#757677 ); background-image:    -ms-linear-gradient( #c8c9ca,#757677 ); background-image:     -o-linear-gradient( #c8c9ca,#757677 ); background-image:        linear-gradient( #c8c9ca,#757677 );}.ui-bar-a .ui-link-inherit{color:#ffffff ;}.ui-bar-a a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-a a.ui-link:visited{   color:#2489ce ;}.ui-bar-a a.ui-link:hover{color:#2489ce ;}.ui-bar-a a.ui-link:active{color:#2489ce ;}.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a,.ui-overlay-a{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #ffffff ;background:#f9f9f9 ;}.ui-overlay-a{background-image:none;border-width:0;}.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-a .ui-link-inherit{color:#333333 ;}.ui-body-a .ui-link{color:#de314a ;font-weight:bold;}.ui-body-a .ui-link:visited{   color:#b61d33 ;}.ui-body-a .ui-link:hover{color:#b61d33 ;}.ui-body-a .ui-link:active{color:#b61d33 ;}.ui-btn-up-a{border:1px solid #cccccc ;background:#eeeeee ;font-weight:bold;color:#2f3e46 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #ffffff ),to( #f1f1f1 )); background-image:-webkit-linear-gradient( #ffffff,#f1f1f1 ); background-image:   -moz-linear-gradient( #ffffff,#f1f1f1 ); background-image:    -ms-linear-gradient( #ffffff,#f1f1f1 ); background-image:     -o-linear-gradient( #ffffff,#f1f1f1 ); background-image:        linear-gradient( #ffffff,#f1f1f1 );}.ui-btn-up-a:visited,.ui-btn-up-a a.ui-link-inherit{color:#2f3e46 ;}.ui-btn-hover-a{border:1px solid #bbbbbb ;background:#dfdfdf ;font-weight:bold;color:#333 ;text-shadow:0  1px  0  #ffffff ;background-image:-webkit-gradient(linear,left top,left bottom,from( #f6f6f6 ),to( #e0e0e0 )); background-image:-webkit-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:   -moz-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:    -ms-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:     -o-linear-gradient( #f6f6f6,#e0e0e0 ); background-image:        linear-gradient( #f6f6f6,#e0e0e0 );}.ui-btn-hover-a:visited,.ui-btn-hover-a:hover,.ui-btn-hover-a a.ui-link-inherit{color:#333 ;}.ui-btn-down-a{border:1px solid #bbbbbb ;background:#de314a ;font-weight:bold;color:#fff ;text-shadow:0  0px  0  #555 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #de314a ),to( #de314a )); background-image:-webkit-linear-gradient( #de314a,#de314a ); background-image:   -moz-linear-gradient( #de314a,#de314a ); background-image:    -ms-linear-gradient( #de314a,#de314a ); background-image:     -o-linear-gradient( #de314a,#de314a ); background-image:        linear-gradient( #de314a,#de314a );}.ui-btn-down-a:visited,.ui-btn-down-a:hover,.ui-btn-down-a a.ui-link-inherit{color:#fff ;}.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}.ui-bar-b{border:1px solid #b3b3b3 ;background:#fdfdfd ;color:#aaaaaa ;font-weight:bold;text-shadow:0  1px  0  #f8f8f8 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #fdfdfd ),to( #fdfdfd )); background-image:-webkit-linear-gradient( #fdfdfd,#fdfdfd ); background-image:   -moz-linear-gradient( #fdfdfd,#fdfdfd ); background-image:    -ms-linear-gradient( #fdfdfd,#fdfdfd ); background-image:     -o-linear-gradient( #fdfdfd,#fdfdfd ); background-image:        linear-gradient( #fdfdfd,#fdfdfd );}.ui-bar-b .ui-link-inherit{color:#aaaaaa ;}.ui-bar-b a.ui-link{color:#7cc4e7 ;font-weight:bold;}.ui-bar-b a.ui-link:visited{   color:#2489ce ;}.ui-bar-b a.ui-link:hover{color:#2489ce ;}.ui-bar-b a.ui-link:active{color:#2489ce ;}.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b,.ui-overlay-b{border:1px solid #aaaaaa ;color:#333333 ;text-shadow:0  1px  0  #cccccc ;background:#9fa0a1 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #babbbc ),to( #838485 )); background-image:-webkit-linear-gradient( #babbbc,#838485 ); background-image:   -moz-linear-gradient( #babbbc,#838485 ); background-image:    -ms-linear-gradient( #babbbc,#838485 ); background-image:     -o-linear-gradient( #babbbc,#838485 ); background-image:        linear-gradient( #babbbc,#838485 );}.ui-overlay-b{background-image:none;border-width:0;}.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{font-family:Helvetica,Arial,sans-serif ;}.ui-body-b .ui-link-inherit{color:#333333 ;}.ui-body-b .ui-link{color:#de314a ;font-weight:bold;}.ui-body-b .ui-link:visited{   color:#b61d33 ;}.ui-body-b .ui-link:hover{color:#b61d33 ;}.ui-body-b .ui-link:active{color:#b61d33 ;}.ui-btn-up-b{border:1px solid #cccccc ;background:#de314a ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FF3855 ),to( #ba293e )); background-image:-webkit-linear-gradient( #FF3855,#ba293e ); background-image:   -moz-linear-gradient( #FF3855,#ba293e ); background-image:    -ms-linear-gradient( #FF3855,#ba293e ); background-image:     -o-linear-gradient( #FF3855,#ba293e ); background-image:        linear-gradient( #FF3855,#ba293e );}.ui-btn-up-b:visited,.ui-btn-up-b a.ui-link-inherit{color:#ffffff ;}.ui-btn-hover-b{border:1px solid #bbbbbb ;background:#de314a ;font-weight:bold;color:#9fa0a1 ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #FF3855 ),to( #ba293e )); background-image:-webkit-linear-gradient( #FF3855,#ba293e ); background-image:   -moz-linear-gradient( #FF3855,#ba293e ); background-image:    -ms-linear-gradient( #FF3855,#ba293e ); background-image:     -o-linear-gradient( #FF3855,#ba293e ); background-image:        linear-gradient( #FF3855,#ba293e );}.ui-btn-hover-b:visited,.ui-btn-hover-b:hover,.ui-btn-hover-b a.ui-link-inherit{color:#9fa0a1 ;}.ui-btn-down-b{border:1px solid #bbbbbb ;background:#656b6e ;font-weight:bold;color:#ffffff ;text-shadow:0  1px  0  #444444 ;background-image:-webkit-gradient(linear,left top,left bottom,from( #656b6e ),to( #656b6e )); background-image:-webkit-linear-gradient( #656b6e,#656b6e ); background-image:   -moz-linear-gradient( #656b6e,#656b6e ); background-image:    -ms-linear-gradient( #656b6e,#656b6e ); background-image:     -o-linear-gradient( #656b6e,#656b6e ); background-image:        linear-gradient( #656b6e,#656b6e );}.ui-btn-down-b:visited,.ui-btn-down-b:hover,.ui-btn-down-b a.ui-link-inherit{color:#ffffff ;}.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{font-family:Helvetica,Arial,sans-serif ;text-decoration:none;}a.ui-link-inherit{text-decoration:none !important;}.ui-btn-active{border:1px solid #b61d33 ;background:#de314a ;font-weight:bold;color:#ffffff ;cursor:pointer;text-shadow:0  1px  0  #b61d33 ;text-decoration:none;background-image:-webkit-gradient(linear,left top,left bottom,from( #de314a ),to( #de314a )); background-image:-webkit-linear-gradient( #de314a,#de314a ); background-image:   -moz-linear-gradient( #de314a,#de314a ); background-image:    -ms-linear-gradient( #de314a,#de314a ); background-image:     -o-linear-gradient( #de314a,#de314a ); background-image:        linear-gradient( #de314a,#de314a ); font-family:Helvetica,Arial,sans-serif ;}.ui-btn-active:visited,.ui-btn-active:hover,.ui-btn-active a.ui-link-inherit{color:#ffffff ;}.ui-btn-inner{border-top:1px solid #fff;border-color:rgba(255,255,255,.3);}.ui-corner-all{-webkit-border-radius:.6em ;border-radius:.6em ;}.ui-br{border-color:rgb(130,130,130);border-color:rgba(130,130,130,.3);border-style:solid;}.ui-disabled{filter:Alpha(Opacity=60);opacity:.6;zoom:1;}.ui-disabled,.ui-disabled a{cursor:default !important;pointer-events:none;}.ui-icon,.ui-icon-searchfield:after{background-color:#de314a ;background-color:rgba(222,49,74,1) ;background-image:url(../images/icons-18-white.png) ;background-repeat:no-repeat;-webkit-border-radius:9px;border-radius:9px;}.ui-icon-alt .ui-icon,.ui-icon-alt .ui-icon-searchfield:after{background-color:#fff;background-color:rgba(255,255,255,.3);background-image:url(../images/icons-18-black.png);background-repeat:no-repeat;}.ui-icon-nodisc .ui-icon,.ui-icon-nodisc .ui-icon-searchfield:after,.ui-icon-nodisc .ui-icon-alt .ui-icon,.ui-icon-nodisc .ui-icon-alt .ui-icon-searchfield:after{background-color:transparent;}.ui-icon-plus{background-position:-1px -1px;}.ui-icon-minus{background-position:-37px -1px;}.ui-icon-delete{background-position:-73px -1px;}.ui-icon-arrow-r{background-position:-108px -1px;}.ui-icon-arrow-l{background-position:-144px -1px;}.ui-icon-arrow-u{background-position:-180px -1px;}.ui-icon-arrow-d{background-position:-216px -1px;}.ui-icon-check{background-position:-252px -1px;}.ui-icon-gear{background-position:-288px -1px;}.ui-icon-refresh{background-position:-323px -1px;}.ui-icon-forward{background-position:-360px -1px;}.ui-icon-back{background-position:-396px -1px;}.ui-icon-grid{background-position:-432px -1px;}.ui-icon-star{background-position:-467px -1px;}.ui-icon-alert{background-position:-503px -1px;}.ui-icon-info{background-position:-539px -1px;}.ui-icon-home{background-position:-575px -1px;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px -1px;}.ui-icon-checkbox-on{background-position:-647px -1px;}.ui-icon-checkbox-off{background-position:-683px -1px;}.ui-icon-radio-on{background-position:-718px -1px;}.ui-icon-radio-off{background-position:-754px -1px;}.ui-icon-bars{background-position:-788px -1px;}.ui-icon-edit{background-position:-824px -1px;}@media only screen and (-webkit-min-device-pixel-ratio:1.3),      only screen and (min--moz-device-pixel-ratio:1.3),      only screen and (min-resolution:200dpi){.ui-icon-plus,.ui-icon-minus,.ui-icon-delete,.ui-icon-arrow-r,.ui-icon-arrow-l,.ui-icon-arrow-u,.ui-icon-arrow-d,.ui-icon-check,.ui-icon-gear,.ui-icon-refresh,.ui-icon-forward,.ui-icon-back,.ui-icon-grid,.ui-icon-star,.ui-icon-alert,.ui-icon-info,.ui-icon-home,.ui-icon-bars,.ui-icon-edit,.ui-icon-search,.ui-icon-searchfield:after,.ui-icon-checkbox-off,.ui-icon-checkbox-on,.ui-icon-radio-off,.ui-icon-radio-on{background-image:url(../images/icons-36-white.png);-moz-background-size:864px 18px;-o-background-size:864px 18px;-webkit-background-size:864px 18px;background-size:864px 18px;}.ui-icon-alt .ui-icon{background-image:url(../images/icons-36-black.png);}.ui-icon-plus{background-position:0px 50%;}.ui-icon-minus{background-position:-36px 50%;}.ui-icon-delete{background-position:-72px 50%;}.ui-icon-arrow-r{background-position:-108px 50%;}.ui-icon-arrow-l{background-position:-144px 50%;}.ui-icon-arrow-u{background-position:-179px 50%;}.ui-icon-arrow-d{background-position:-215px 50%;}.ui-icon-check{background-position:-252px 50%;}.ui-icon-gear{background-position:-287px 50%;}.ui-icon-refresh{background-position:-323px 50%;}.ui-icon-forward{background-position:-360px 50%;}.ui-icon-back{background-position:-395px 50%;}.ui-icon-grid{background-position:-431px 50%;}.ui-icon-star{background-position:-467px 50%;}.ui-icon-alert{background-position:-503px 50%;}.ui-icon-info{background-position:-538px 50%;}.ui-icon-home{background-position:-575px 50%;}.ui-icon-search,.ui-icon-searchfield:after{background-position:-611px 50%;}.ui-icon-checkbox-on{background-position:-647px 50%;}.ui-icon-checkbox-off{background-position:-683px 50%;}.ui-icon-radio-on{background-position:-718px 50%;}.ui-icon-radio-off{background-position:-754px 50%;}.ui-icon-bars{background-position:-788px 50%;}.ui-icon-edit{background-position:-824px 50%;}}.ui-checkbox .ui-icon,.ui-selectmenu-list .ui-icon{-webkit-border-radius:3px;border-radius:3px;}.ui-icon-checkbox-off,.ui-icon-radio-off{background-color:transparent;}.ui-checkbox-on .ui-icon,.ui-radio-on .ui-icon{background-color:#de314a ; }.ui-icon-loading{background:url(../images/ajax-loader.gif);background-size:46px 46px;}.ui-btn-corner-all{-webkit-border-radius:1em ;border-radius:1em ;}.ui-corner-all,.ui-btn-corner-all{-webkit-background-clip:padding;background-clip:padding-box;}.ui-overlay{background:#666;filter:Alpha(Opacity=50);opacity:.5;position:absolute;width:100%;height:100%;}.ui-overlay-shadow{-moz-box-shadow:0px 0px 12px rgba(0,0,0,.6);-webkit-box-shadow:0px 0px 12px rgba(0,0,0,.6);box-shadow:0px 0px 12px rgba(0,0,0,.6);}.ui-shadow{-moz-box-shadow:0px 1px 3px  rgba(0,0,0,.2) ;-webkit-box-shadow:0px 1px 3px  rgba(0,0,0,.2) ;box-shadow:0px 1px 3px  rgba(0,0,0,.2) ;}.ui-bar-a .ui-shadow,.ui-bar-b .ui-shadow,.ui-bar-c .ui-shadow {-moz-box-shadow:0px 1px 0 rgba(255,255,255,.3);-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.3);box-shadow:0px 1px 0 rgba(255,255,255,.3);}.ui-shadow-inset{-moz-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);box-shadow:inset 0px 1px 4px rgba(0,0,0,.2);}.ui-icon-shadow{-moz-box-shadow:0px 1px 0 rgba(255,255,255,.4) ;-webkit-box-shadow:0px 1px 0 rgba(255,255,255,.4) ;box-shadow:0px 1px 0 rgba(255,255,255,.4) ;}.ui-btn:focus,.ui-link-inherit:focus{outline:0;}.ui-btn.ui-focus{z-index:1;}.ui-focus,.ui-btn:focus{-moz-box-shadow:inset 0px 0px 3px #de314a,0px 0px 9px #de314a ;-webkit-box-shadow:inset 0px 0px 3px #de314a,0px 0px 9px #de314a ;box-shadow:inset 0px 0px 3px #de314a,0px 0px 9px #de314a ;}.ui-input-text.ui-focus,.ui-input-search.ui-focus{-moz-box-shadow:0px 0px 12px #de314a ;-webkit-box-shadow:0px 0px 12px #de314a ;box-shadow:0px 0px 12px #de314a ;}.ui-mobile-nosupport-boxshadow *{-moz-box-shadow:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;}.ui-mobile-nosupport-boxshadow .ui-focus,.ui-mobile-nosupport-boxshadow .ui-btn:focus,.ui-mobile-nosupport-boxshadow .ui-link-inherit:focus{outline-width:1px;outline-style:auto;} */

.ui-body-a,
.ui-overlay-a {
  border: 0;
}

.survey_answers {
  padding: 0;
}

.survey_answers li {
  list-style-type: none;
  background: #f0f0f0;
  padding: 8px 16px;
  margin: 4px 0;
  border: 1px solid #ccc;
  border-radius: 1em;
}

#password #header {
  width: 100%;
  height: 45px;
  position: fixed;
  text-align: center;
  top: 0;
  left: 0;
  color: #fff;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#c8c9ca),
    to(#757677)
  );
  background-image: -webkit-linear-gradient(#c8c9ca, #757677);
  background-image: -moz-linear-gradient(#c8c9ca, #757677);
  background-image: -ms-linear-gradient(#c8c9ca, #757677);
  background-image: -o-linear-gradient(#c8c9ca, #757677);
  background-image: linear-gradient(#c8c9ca, #757677);
}

#change-password-form-wrapper #password #header .ui-body-a {
  font-size: 16px !important;
  text-shadow: none !important;
}

#change-password-form-wrapper,
#new-password-form-wrapper,
#logout-wrapper {
  text-align: center;
  max-width: 280px;
  margin: 35px auto 0 auto;
}

#logout-wrapper {
  font-size: 16px;
  font-weight: 500;
}

#change-password-form-wrapper .ui-input-text {
  background: #fff;
  border-radius: 20px;
  box-shadow: inset 1px 2px 2px rgba(0, 0, 0, 0.1);
}

#change-password-form-wrapper .ui-input-text.ui-focus {
  box-shadow: none;
}

#change-password-form-wrapper div.ui-input-text {
  padding: 0;
  text-align: center;
}

#change-password-form-wrapper h4 {
  text-align: center;
  margin: 0;
}

#password #header h1 {
  color: white;
  font-size: 16px;
  text-shadow: none;
}

#pwdErrMsg {
  height: 25px;
  color: red;
  margin-bottom: 10px;
}

#change-password-form-wrapper [type="password"] {
  text-align: left;
  padding: 5px 5px 5px 15px;
  font-size: 20px;
}

#headerWrapper {
  display: inline-block;
}

.checkConnection {
  display: inline-block;
  width: 17px;
  height: 17px;
  border-radius: 9px;
  margin-right: 8px;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.online {
  background: lightgreen;
}

.offline {
  background: gold;
}

ul.list-annotations {
  padding: 0;
  margin: 0;
}

ul.list-annotations li {
  list-style-type: none;
  /*border-bottom: 1px solid #ddd;
            background: #eee; */
  /* font-weight: bold; sstest*/
  /* margin: 10px; */
  /* padding: 15px 15px; sstest */
  /* margin: 0px !important; sstest */
}

ul.list-annotations li:hover {
  background: #eee;
}

ul.list-annotations li a {
  color: #333 !important;
  text-decoration: none;
  display: block;
  padding: 15px 15px;
  background: #fafafa;
}

ul.list-annotations li span {
  padding: 15px;
  display: block;
  text-align: left;
}

ul.list-annotations li a:hover {
  background: #eee;
}

ul.list-annotations li a:after {
  content: ">";
  font-size: 16px;
  color: #fff;
  float: right;
  background: #de314a;
  width: 20px;
  text-align: center;
  border-radius: 20px;
}

[data-custom] .ui-collapsible-content {
  /* padding: 0 5px !important; */
  padding: 0 0 !important;
}

ul.list-messages {
  list-style: none;
  padding: 0px;
}

ul.list-messages li {
  padding: 30px 10px 15px 20px;
}

ul.list-messages li:hover {
  background-color: #f2f2f2;
}

ul.list-messages li a {
  text-decoration: none;
  color: inherit;
  font-weight: normal;
}

ul.list-messages li a:visited {
  text-decoration: none;
  color: inherit;
  font-weight: normal;
}

span.list-messages__title {
  display: block;
  font-weight: bold;
}

.list-messages span {
  padding-bottom: 5px;
}

span.list-messages__created-on {
  display: block;
}

span.list-messages__senddate {
  display: block;
}

span.list-messages__status {
  display: block;
}

ul.list-messages li a:after {
  margin-top: -55px;
}

ul.list-messages li a:after {
  content: ">";
  font-size: 16px;
  color: #fff;
  float: right;
  background: #de314a;
  width: 20px;
  text-align: center;
  border-radius: 20px;
}

a.back_btn {
  width: 25px;
  height: 24px;
  margin-top: 9px;
  margin-left: 5px;
  text-decoration: none;
  background: url(../images/back.png) top left no-repeat;
  float: left;
}

.list-meetings__empty {
  text-align: center;
  display: none;
  margin-top: 50px;
  font-size: 20px;
  color: #e6e6e6;
  text-shadow: -1px 1px 1px rgba(168, 168, 168, 0.59);
}

/* ------------------ */
.dump-iframe #form1 {
  width: auto;
  margin: 0;
  text-align: center;
  font-family: "Helvetica", serif;
  color: #666;
  background: transparent;
}

.dump-iframe [type="text"],
textarea {
  border-radius: 1em;
  margin-top: 5px;
  border: none;
  width: 99%;
  padding: 6px 5px;
  outline: 0 !important;
  box-shadow: -1px -3px 2px #ddd;
  font-size: 16px;
}

.dump-iframe [type="radio"],
.dump-iframe [type="checkbox"] {
  width: 15px;
  height: 15px;
  margin: 5px 5px 5px 0;
  background: transparent;
}

.dump-iframe [type="checkbox"] {
  margin: 5px 5px 5px 3px;
}

.dump-iframe [type="submit"] {
  font-weight: bold;
  cursor: pointer;
  color: #2f3e46;
  width: 100%;
  border-radius: 1em;
  padding: 10px 15px;
  font-family: "Helvetica", serif;
  font-size: 16px;
  border: none;
  background: #e5e5e5;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  text-shadow: 0 1px 0 #ffffff;
}

.dump-iframe [type="submit"]:hover {
  background: #ddd;
}

.dump-iframe [type="submit"]:active {
  color: #fff;
  background: #de314a;
  text-shadow: 0 1px 0 #666;
}

.dump-iframe .survey_container {
  margin: 0 auto;
  text-align: left;
  width: 100%;
}

/* Survey section */

.entry_container {
}

.dump-iframe .entry_container h1 {
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

/* Survey title */

.survey_entry {
}

.survey_question_count {
}

.exit_container {
}

.survey_exit {
}

.dump-iframe .survey_error {
  color: #ff0000;
  padding: 10px 20px;
  border: 3px #ddd solid;
}

.dump-iframe .survey_navigation {
  padding: 10px 0;
  text-align: center;
}

/* Questions section */

.dump-iframe .question_container {
  margin: 10px 0;
}

.dump-iframe .question {
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
  background: #ebebeb;
  border-bottom: 3px #ddd solid;
  padding: 10;
}

.dump-iframe .question_text {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}

.dump-iframe .question_description {
  font-size: 100%;
  padding: 0px;
  font-style: italic;
}

.dump-iframe .question_error {
  color: #ff0000;
  padding: 10px 0;
}

/* Answer section */

.answer_container {
}

.answer_dont_know {
}

.answer_skip {
}

/* Checkbox style: .answer_dont_know input { }  */

.answer_numeric {
}

.answer_option_single {
}

.dump-iframe .answer_text {
  /*
    font-size: 8pt;
    font-family: tahoma;
    border: 1px solid #6699CC;
    */
}

.dump-iframe textarea {
  max-width: 100%;
  resize: none;
  border: none;
}

.dump-iframe input.answer_text {
  height: 19px;
}

.dump-iframe .ui-checkbox input,
.ui-radio input {
  width: 0;
  height: 0;
  border: 0;
  display: none;
}

.dump-iframe .ui-input-search,
.dump-iframe div.ui-input-text {
  background: #fff;
}

.dump-iframe [type="radio"],
.dump-iframe label {
  display: inline-block;
}

.dump-iframe tbody tr:nth-of-type(1) input[type="radio"] + label {
  margin-top: 20px;
}

.dump-iframe input[type="radio"] + label {
  margin: 4px auto;
  font-weight: bold;
  border-radius: 1em;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  background: #ddd;
  cursor: pointer;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.dump-iframe label:hover {
  color: #000;
}

.dump-iframe input[type="radio"]:checked + label {
  color: #fff;
  background: #e51836;
  box-shadow: inset 2px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 2px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 12px 0 8px 0;
}

.dump-iframe [type="radio"],
.dump-iframe [type="checkbox"] {
  display: none;
}

.dump-iframe input[type="checkbox"] + label {
  margin: 13px auto 0 auto;
  font-weight: bold;
  border-radius: 1em;
  text-align: center;
  padding: 10px 0;
  width: 100%;
  background: #ddd;
  cursor: pointer;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
}

.dump-iframe input[type="checkbox"]:checked + label {
  color: #fff;
  background: #e51836;
  box-shadow: inset 2px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 2px 1px 2px rgba(0, 0, 0, 0.3);
  padding: 12px 0 8px 0;
}

.dump-iframe .answer_option_single {
  width: 100%;
}

.answer_true_false {
}

.answer_true_false .true {
}

.answer_true_false .false {
}

.ui-panel-content-fixed-toolbar-open {
  right: 0em !important;
  /* override jq class, messing up position of top - not pretty but...  /ss */
}

#login tr td:nth-of-type(1),
#newPwdText {
  text-shadow: 0 1px 0 #ffffff;
  margin-left: 5px;
  margin-bottom: 5px;
  text-align: left;
  font-size: 1.17em;
  font-weight: bold;
}

#login tr:nth-of-type(2) td:nth-of-type(1) {
  margin-top: 15px;
}

#login [type="text"],
#login [type="password"] {
  border-radius: 10px;
  border: 1px solid #ddd;
  padding: 0 8px;
  width: 260px;
  height: 35px;
  outline: 0 !important;
  font-size: 16px;
  background: #fbfbfb;
  -moz-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 4px rgba(0, 0, 0, 0.2);
}

#login [type="submit"] {
  width: 260px;
  /* margin-top: 15px; */
  border-radius: 1em;
  height: 40px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 1px 0 #444444;
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#ff3855),
    to(#ba293e)
  );
  background-image: -webkit-linear-gradient(#ff3855, #ba293e);
  background-image: -moz-linear-gradient(#ff3855, #ba293e);
  background-image: -ms-linear-gradient(#ff3855, #ba293e);
  background-image: -o-linear-gradient(#ff3855, #ba293e);
  background-image: linear-gradient(#ff3855, #ba293e);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF3855', endColorstr='#ba293e');
  /*For IE7-8-9*/
}

#loginWrapper {
  width: 260px;
  margin-top: 15px;
  border-radius: 1em;
  height: 40px;
  overflow: hidden;
}

.cwp_login_table input {
  margin-bottom: 15px;
}

.backBtn {
  position: relative;
  z-index: 100000 !important;
}

#code_versions {
  display: none;
}

#login_notification,
#loginFailedMsg {
  width: 280px;
  margin-top: 10px;
}

#loginFailed {
  font-size: 16px;
  text-align: center;
}

#loginFailedCount {
  font-size: 14px;
  margin: 10px 0;
  font-weight: 500;
}

#newPwdDone {
  text-align: center;
}

#code_versions {
  padding-left: 10px;
}

.ui-loader-background {
  width: 100%;
  height: 100%;
  top: 0;
  margin: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  position: fixed;
  z-index: 100;
}

.ui-loading .ui-loader-background {
  display: block;
}

/* User tables */
.user-info-table {
  width: 100%;
}

.container-user-table {
  display: flex;
}

.item-user-table {
  flex-grow: 1;
}

.item-user-table:nth-of-type(2) {
  margin-left: 20px;
}

@media (max-width: 700px) {
  .container-user-table {
    display: block;
  }

  .item-user-table:nth-of-type(2) {
    margin-left: 0;
  }
}

/* Centering titles in workplace */
.ui-btn-up-a span,
.ui-btn-hover-a span {
  text-align: center;
}

.environment,
.environment a {
  padding: 10px;
}

.payments-item {
  margin: 0 10px;
  width: 130px;
  display: inline-block;
}

.payments-header {
  margin: 0 10px;
  width: 130px;
  font-weight: 600;
  display: inline-block;
}

.paylist {
  padding-left: 50px !important;
}

#membersNav {
  text-align: center;
}

#pageNoCount {
  margin: 0 auto;
  line-height: 50px;
}

.ui-collapsible-heading,
.ui-collapsible-heading-toggle {
  text-align: center !important;
}

.member_btn {
  page-break-before: auto;
}

.page-break {
  display: block;
  page-break-before: auto;
}

span.print {
  background: url(../images/icon_printer.gif) no-repeat;
  float: right;
  margin: 14px;
  display: inline-block;
  line-height: 20px;
  padding-left: 23px;
  cursor: pointer;
}

div.print {
  background: url(../images/icon_printer.gif) no-repeat;
  margin: 14px;
  display: inline-block;
  line-height: 20px;
  padding-left: 23px;
  cursor: pointer;
}

span.print:hover {
  color: red;
}

.appointments__navigation-container {
  padding: 20px;
}

span.appointments__available-offline {
  color: limegreen;
}
