h1 {
  font-size: 1.8em;
  margin-bottom: 5px; }

#app header {
  padding-top: 44px; }

/* allow horizontal scrollbar 
   otherwise user management is not usable on mobile */
@media only screen and (max-width: 768px) {
  #app-content {
    overflow-x: auto !important; } }
#app-content-wrapper {
  flex-direction: column; }

.icon-polls {
  background-color: black;
  -webkit-mask: url("../img/app.svg") no-repeat 50% 50%;
  mask: url("../img/app.svg") no-repeat 50% 50%; }

#controls {
  display: flex;
  width: 100%;
  position: relative;
  top: 4px; }
  #controls h2 {
    margin-top: 12px; }
  #controls #breadcrump {
    flex-grow: 0;
    overflow: hidden; }
    #controls #breadcrump div.crumb {
      overflow: hidden;
      white-space: nowrap;
      flex-shrink: 0; }

.col-100 {
  width: 100%;
  padding: 0px 15px; }

.col-50 {
  width: 50%;
  float: left;
  padding: 0px 15px; }

.col-70 {
  width: 65%;
  float: left;
  padding: 0px 15px; }

.col-30 {
  width: 35%;
  float: left;
  padding: 0px 15px; }

@media (max-width: 992px) {
  .col-70, .col-30, .col-50 {
    float: none;
    width: 100%; } }
input[type="text"] {
  display: block;
  width: 100%; }

/* textarea {
	min-width: 100%;
	max-width: 100%;
}
 */
.form-actions {
  padding: 15px; }

.goto_poll {
  width: 100%; }

div.new_poll {
  width: 100%; }

input.table_button {
  background-color: transparent;
  border: none;
  height: 12px;
  width: 12px;
  vertical-align: middle; }

div.scroll_div {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }

div.scroll_div_dialog {
  width: 100%;
  height: 250px;
  overflow-y: auto; }

.bordered {
  border-left: 1px solid #FFF; }

tbody th {
  text-align: left; }

td.td_shown {
  visibility: visible; }

.td_hidden {
  visibility: hidden;
  visibility: collapse; }

.td_selected {
  background-color: #82de82; }

.td_deselected {
  background-color: white; }

.cl_with_border td {
  padding-right: 15px;
  padding: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: gray;
  text-align: center;
  vertical-align: bottom;
  cursor: pointer; }

.scrollable_table {
  table-layout: fixed; }

.description {
  color: #000; 
  font-weight: bold}

.cl_title {
  font-size: 2em; }

.input_title {
  display: block;
  font-size: 1.2em;
  margin-top: 5px; }

.padded td {
  padding: 10px; }

.userNameImg {
  vertical-align: middle;
  margin-right: 5px;
  border-radius: 16px; }

.noAvatar {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 32px;
  width: 32px;
  height: 32px;
  font-size: 19px;
  display: inline-block; }

.cl_time_display {
  background-color: aqua;
  cursor: pointer; }

.cl_date_time_header:hover {
  background-color: red; }

.cl_hour, .cl_min {
  cursor: pointer;
  background-color: white; }

.cl_hour_selected, .cl_min_selected {
  background-color: #82de82; }

.cl_poll_url, .cl_date_time_header {
  cursor: pointer; }

.cl_pad_left {
  padding-left: 30px; }

.cl_del_item {
  cursor: pointer;
  padding: 0px 5px 0px 5px; }

.cl_del_item:hover {
  background-color: #ffccca; }

.cl_maybe:before, .cl_maybe:after {
  content: "?"; }

.cl_user_comments {
  table-layout: fixed; }

.cl_user_comments td {
  text-align: left; }

.cl_user_comments th {
  word-wrap: break-word;
  vertical-align: top;
  text-align: center; }

.user_comment {
  font-size: 0.9em; }

.user_comment {
  padding-bottom: 10px; }

.user_comment_text {
  margin-top: -5px;
  margin-left: 5px; }

#id_tab_total {
  height: 2em;
  width: 100%;
  text-align: center; }

#id_tab_total tr:nth-child(even) {
  color: #000; }

#id_cal_table td {
  padding: 10px; }

#id_time_table td {
  padding: 8px; }

#id_poss_table td {
  padding-left: 2px; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%; }

.input-group > input, .input-group-addon, .input-group-btn {
  display: table-cell; }

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle;
  width: 1%; }

.input-group-addon input[type="checkbox"] {
  margin: 0; }

.input-group-btn {
  vertical-align: top; }

.input-group-btn .btn {
  height: 31.25px;
  border: 1px solid #DDD;
  margin: 0;
  border-radius: 3px;
  vertical-align: middle;
  display: block;
  width: 100%; }

.input-group > input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin: 0; }

.input-group input:first-child, .input-group .input-group-btn:first-child .btn, .input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

.input-group input:last-child, .input-group .input-group-btn:last-child .btn, .input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group .input-group-btn:first-child .btn, .input-group-addon:first-child {
  border-right: none; }

.input-group .input-group-btn:last-child .btn, .input-group-addon:last-child {
  border-left: none; }

.alert-info {
  margin-left: 50%;
  transform: translateX(-50%);
  width: auto;
  padding: 5px 15px;
  text-align: center;
  border: 1px solid #1D2D44;
  border-top: 0;
  border-radius: 0 0 3px 3px; }

/* OC10 and NC11 fixes*/
.symbol {
  display: inline-block; }