body {
  font-family: 'Nunito Sans', sans-serif;;
}

.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;
}

/* My Styles */


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

.menu-fab {
  position:fixed;
  transition: all 0.3s ease-in-out;
  transform: scale(1);
}

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;
}

md-button.md-primary.md-raised {
  color:#EAE6E5;
}

h1, h2, h3, h4 {
  font-family: 'Josefin Sans', sans-serif;
}

.header {
  margin:2px 0px 5px 0px;
  font-weight:bold;
  font-family: 'Josefin Sans', sans-serif;  
  font-size:1.3em;  
}

/* 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 #12130F;
  border-radius:4px;
}

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

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

.login-box .client {
  font-size:1.2em;
  color:#EBE8E7;
  background-color: #12130F;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom:10px;
  padding:4px;
}

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

.login-box .login-form {
  padding:0px 20px 10px 20px;
}

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

a.loginhelp, a.loginhelp:visited {
  color:#900;
}

/* Main */
.legalese {
  font-size:0.7em;
  padding:0.2em 0.4em;
  border-top: 1px double #000;
}

.legalese a, .legalese a:visited {
  color:#999;
} 

.smalltext {
  font-size: 0.75em;
}

.footer {
  font-size:0.7em;
  padding:0.2em 0.4em; 
  color:white; 
  background-color:black;
}

.footer a, .footer a:visited {
  color:#fff;
} 

.md-toolbar-tools {
  border-bottom: 3px #12130F solid;
  text-shadow: #12130F 3px 2px;
}

.md-toolbar-tools .title {
  font-family: 'Josefin Sans', sans-serif;
}

.weaver-toolbar .md-toolbar-tools md-icon svg {
  fill: #C84630;
  stroke: #5B2016;
}

.weaver-toolbar {
  background-image: url("../img/header-bg.png");
  background-size: cover;
}

.status {
  padding:0.5em 1em;
  margin:0em 0.5em 1.5em 0.5em;
  border-radius:1.5em;
}

.status md-icon svg {
  fill:#fff;
}

.status .icon {
  width:4em;
}

.status .icon md-icon {
  width:auto;
  min-height:3em;
  height:100%;
}

.status.pending {
  background-color:#D77868;
}

.status.create {
  background-color:#869985;
}

.status.locked {
  background-color:#7D7E7C;
}

.status.archive {
  background-color:#839791;
}

.event .character {
  padding:15px;
  -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;
}

.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;
}

.eventbar {
  background-color:#12130F;
  padding:0.4em;
  font-size:0.9em;
  color:#EBE8E7;
  font-family: 'Josefin Sans', sans-serif;
}

.anim-slide {

}

.prompt {
  border-bottom:1px solid #666;
  transition: all linear 0.2s;
}

.animate-show-hide {
  transition: all linear 0.2s;
}

.animate-show-hide.ng-hide {
  transform: scaleY(0);
  transform-origin: 50% 0;
}

/*
.animate-show-hide.ng-hide-add,
.animate-show-hide.ng-hide-remove 
{ 
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition:  all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
   
     transition: all 0.5s ease-in-out;
    position: relative;
    display: block;
}

.animate-show-hide {
  height:auto;
}

.animate-show-hide.ng-hide-add.ng-hide-active {
    opacity: 0;
    height: 0px;
}

.animate-show-hide.ng-hide-remove {
    height: 0px;
}
*/


.minimize-prompt {
}

/** choices **/

.choice {
  padding:15px;
  border-top:2px dashed #000;
}

.choice:last-child {  
  border-bottom:2px dashed #000;
}


.choice .header {
  margin:2px 0px 5px 0px;
  font-weight:bold;
  font-family: 'Josefin Sans', sans-serif;  
  font-size:1.3em;
}

.choice .limit-chip {
  margin-left:0.7em;
  font-weight:bold;
  font-size:0.8em;
  padding:0.3em;
  color:#eee;
  background-color:#597358;

  border-radius: 0.5em;
}

.answers {
  padding-top:1.5em;
}

.answer {
  -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-bottom:25px;
  border:1px solid rgba(180,180,180,1);
  background-color:#fff;
  border-radius:8px;
  -webkit-border-radius:8px;
  font-size:1.2em;
}

.answer:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.answer .answer-text {
  padding:8px 15px;
  border-left:20px #333 solid;
  border-radius:8px 0px 0px 8px;
}

.connection {
  margin-top:0.5em;
  margin-bottom:1.5em;
  border-bottom:1px solid #999;
}

.connection-group {
  margin:2px 10px;
  display:inline-block;
  border-radius:0 4px 4px 0;
  border:1px solid #999;
}

.connection-name {
  height:2em;
  padding:2px 10px;
}

/** Messages **/
md-badge {
  margin: 0 0 0 8px;
  background-color: #F44336;
  color: white;
  padding: 1px 2px;
  border-radius: 50%;
  font-size: 0.5em;
  min-width:1.5em;
  text-align: center;
}

.topright {
  position: absolute;
  top: 4px;
  right: 10px;
  z-index: 10;
}

.separator-left {
  border-left: 1px solid #a9a9a9;
}

.unread {
  font-weight: bold !important;
}

.current {
  background-color:#C6CFCD !important;
}

.mail-bar {
  border-bottom:4px double #000;
}

.mail-recipient {  
  border-radius:5px;
  padding:1.5em;
  background-color:#DDD;
}

.mail-recipient.alternate {
  background-color:#C84630;
  color:#fff;
}

/** Character **/
.sheet-header {
  margin:1.5em 0em 2em 0em;
}

.sheet-header md-icon svg {
  fill:#000;
}

.black-icons md-icon svg {
  fill:#000;
}

.sheet-header .tag {
  font-weight:bold;
  font-size:0.8em;
}

.sheet-header .title {
  font-weight:bold;
  font-family: 'Josefin Sans', sans-serif;  
  font-size:2.6em;
}

legalese {
  margin-top:2em;
}