.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

.clickable {
  cursor:pointer;
}

.use-newlines {
  white-space: pre-wrap;
}

.only-print {
  display:none;
}

@media print {
  .no-print {
    display:none !important;
  }
  .only-print {
    display:block !important;
  }
}


/* Adjust Material Styles */

md-input-container {
  margin:18px 0px 5px 0px;
}

md-input-container .md-errors-spacer {
    min-height: 0px;
}


.highlight {
  font-weight: bold;
}

/* My Styles */


.small-button {
    min-width: 24px;
}


.warning-chip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size:1.0em;
  font-weight:bold;
  color:#fff;
  padding:6px 8px;
  margin-left:10px;
  vertical-align: top;
  background-color:#C84630;
}

input.toolbar-search {
  -webkit-border-radius: 8px;
  moz-border-radius: 8px;
  border-radius: 8px;
  border:0px;
  background-color:rgba(255, 255, 255, 0.3);
  color:#fff;
  font-size:18px;
  max-width:40%;
  margin-left:5px;
  padding:3px 10px;
}

input.toolbar-search:focus{
    outline: none;
}

input.toolbar-search::-webkit-input-placeholder {
   color: rgba(255,255,255,0.5);
}

input.toolbar-search:-moz-placeholder { /* Firefox 18- */
   color: rgba(255,255,255,0.5); 
}

input.toolbar-search::-moz-placeholder {  /* Firefox 19+ */
   color: rgba(255,255,255,0.5);
}

input.toolbar-search:-ms-input-placeholder {  
   color: rgba(255,255,255,0.5);
}

md-checkbox.thin-checkbox {
  margin-bottom:0.25em;
}

/* Login */

.login-page {
  background-color:#000;
  background-position: center center;
  background-image: url("../img/login-bg.jpg");
  background-size: cover;
}

.login-box {
  background-color:#fff;
  border:1px solid #999;
  padding:10px 20px;
  border-radius:4px;
}

.login-box .login-error {
  color:red;
  font-size:0.8em;
  padding:5px 5px 10px 5px;
  text-align:center;
}

.login-box .logo-text {
  font-size:1.2em;
  padding-left:8px;  
}

.logo-text {
  font-weight:bold;
  font-family: 'Josefin Sans', sans-serif;
}

/* Main */

.leftbar {
  border-right:1px solid #999;
  padding:3px 4px;
  width:auto;
  min-width: 56px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(left,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 */

}

.ck-header {
  font-size:0.8em;
  font-weight:bold;
  font-family: Roboto, "Helvetica Neue", sans-serif; 
}

/* PANELS */
.dialog-panel {
  background: white;
  border:2px solid rgba(0,0,0,0.5);
  min-width:65%;
}

.relate-panel {
  height:600px;
  background: white;
  border:2px solid rgba(0,0,0,0.5);
  min-width:65%;

}

.panel-header {
  color:#fff;
  background-color:#222;
  font-size:0.8em;
  padding:0px 15px;
}

.panel-subheader {
  font-size:0.7em;
  padding:10px 10px 0px 10px;
}

.panel-content {
  padding: 10px;
}

.panel-list {
  border:1px solid #888;
  max-height:460px;
}

.panel-list-group {

}

.panel-list-group-header {
  background-color: #bc0000;
  color:white;
  border-top: 2px solid #b21515;
  border-bottom: 2px solid #b21515;
  font-size:0.8em;
  padding:0.25em 1em;
}

.panel-list-group-header md-icon {
  color:white;
}

.panel-list-item {
  border-bottom:1px solid #888;
  padding:0.5em 1em;
}

.panel-list-item:last-of-type {
  border-bottom:none;
}

.panel-list-item.selected {
  background-color:#c9bfff;
  font-weight:bold;
}

.panel-list-item .name {
  font-size:1em;
  font-family: Roboto, "Helvetica Neue", sans-serif; 
  overflow: hidden; 
  text-overflow: ellipsis;
}



/* LISTS */
.list-card-wrapper.selected {
  background-color:#e1f5fe;
}

.list-card {
  -webkit-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.29);
  -moz-box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.29);
  box-shadow: 2px 3px 5px 1px rgba(0,0,0,0.29);
  margin:10px;
  border:1px solid rgba(180,180,180,1);
  background-color:#fff;
  border-radius:8px;
  -webkit-border-radius:8px;
}

.list-card.no-left-buttons {
  margin-left:1em;
}

.list-card-header-padding-left {
  padding-left:1em;
}

.no-left-margin {
  margin-left:0px;
}

.list-card-side {
  margin:1em 0.4em 0.4em 0.4em;
}

.list-card-side-button {
  margin-bottom:0.25em;
}

.list-card-side-button:focus {
  outline:none;
}

.side-icon {
}

.side-icon-incomplete {
  color:orange;
  animation: warningAnim 4s linear infinite;
  -webkit-animation: warningAnim 4s linear infinite;
}

@keyframes warningAnim {
  0% { color: #ff9b00; }
  50% { color: #ff0000; }
  100% { color: #ff9b00; }
}

@-wedkit-keyframes warningAnim {
  0% { color: #ff9b00; }
  50% { color: #ff0000; }
  100% { color: #ff9b00; }
}

.side-icon-complete {
  color:green;
}

.side-icon-unlisted {
  color:grey;
}

.side-icon-listed {
  color:#09c;
}

.list-card-padded {
  padding:1em;
}

.list-card-icon {
  background-color:#900;
  padding:12px;
}

.list-card-header {
  padding:10px 0px;
}

.list-card-header-title {
  font-size:1.2em;
  font-weight:bold;
  font-family: Roboto, "Helvetica Neue", sans-serif; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.list-card-subheader-title {
  font-size:1.1em;
  font-weight:bold;
  font-family: Roboto, "Helvetica Neue", sans-serif; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.list-card-subsubheader-title {
  font-size:0.9em;
  font-weight:bold;
  font-family: Roboto, "Helvetica Neue", sans-serif; 
  overflow: hidden; 
  text-overflow: ellipsis;
}


.list-card-header-title.no-expand-button {
  margin-left:1em;
}

.list-card-header-title:focus, .list-card-subheader-title:focus , .list-card-subsubheader-title:focus  {
  outline:none;
}

.list-card-header-title.small-title {
  font-size:0.8em;
  margin-right:0.2em;
  font-weight:normal;
  overflow:visible;
}

.list-card-header-title.question {
  font-size:1.1em;
  margin-right:0.2em;
  font-weight:normal;
  overflow:visible;
}

.list-card-header-title.answer {
  font-size:1.0em;
  margin-right:0.2em;
  font-weight:normal;
  overflow:visible;
}

.list-card-header .md-icon-button {
  margin-left:0px;
  margin-right:3px;
}

.list-card-details {
  padding:10px 20px;
  border-top:1px solid rgba(180,180,180,1);
  overflow: hidden;
}

.list-card-details.ng-hide-remove {
  transition: 0.25s linear all;
  -webkit-transition: 0.25s linear all;
}

.list-card-details.ng-hide {
  opacity: 0;
  height: 0;
}

.list-card-details-header {
  font-family: Roboto, "Helvetica Neue", sans-serif; 
  font-size:0.9em;
  padding:1em 0;
  font-weight:bold;
}

.list-card-details-header:first-of-type {
  padding-top:0.2em;
}

.list-card-content {
  font-size:0.8em;
  color:#333;
}

.list-card-content .add-diff {
  background-color:#99ff99;
  color: #009933;
}

.list-card-content .rmv-diff {
  background-color:#ff5050;
  color: #000;
  text-decoration: line-through;
}

.list-card-nocontent {
  font-size:0.8em;
  font-style:italic;
  color:#AAA;
}


.list-card-chip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
  padding:4px 6px;
  margin-left:10px;
  vertical-align: top;
  background-color:#999;
  display:inline-block;
  margin-bottom:4px;
}

/* EVENT */
.event-icon {
  color:#fff;
  height:48px;
  width:48px;
}

.list-card-text {
  padding:10px;
}

.list-card-name {
  font-size:1.2em;
  font-weight:bold;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}

.event-status-chip {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size:0.7em;
  text-transform:uppercase;
  font-weight:bold;
  color:#fff;
  padding:2px 5px;
  margin-left:10px;
  vertical-align: top;
}

.event-status-chip.pending {
  background-color:#d78521;
}

.event-status-chip.active {
  background-color:#71366b;
}

.event-status-chip.archived {
  background-color:#777;
}

.no-more-records {
  font-size:0.6em;
  border-top:1px solid #AAA;
  color:#AAA;
  padding:0.2em 0 0 0;
  margin-top:0.1em;
  text-transform: uppercase;
  letter-spacing:0.3em;
  min-height:1em;
}


/* LAYOUT */


.column1 {
    border-right: 1px solid #999;
}
.column2 {

}
.column2.withpadding {
  padding:0 10px;
}

.emptycolumn {
    background-color: #ddd;
    height: 100%;
    width: 100%;
}

/* LIST */

.table-header {
    border-bottom: 1px solid #eee;
    color: #555;
    cursor: pointer;
    font-size: 0.9em;
    line-height: 24px;
    padding: 4px 2px;
}

.table-row {
    border-bottom: 1px solid #eee;
    line-height: 48px;
    padding: 4px 2px;
}


.table-row.selected {
  background-color:#555;
  color:#EEE;
}


.table-cell {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
}

.column2 .table-cell {
  padding-left:8px;
}

/* REL LIST */
.rel-header {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    line-height: 48px;
    padding: 4px 2px;
}

.rel-header-title {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  padding-top:16px;
  font-size:18px;
  line-height:18px;
}

.dialog {
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
      0 13px 19px 2px rgba(0, 0, 0, 0.14),
      0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 80%;
}

.choice-tabs {
  border:1px solid #AAA;
}

.choice-tab {
  padding:0.5em 1em;
  font-size:1.0em;
  cursor:pointer;
  text-align:center;
}

.choice-tab.selected {
  background-color:#DDD;
  font-weight:bold;
}