/* global appearance settings */
a {
    text-decoration: none;
}

a:visited
{ 
    text-decoration: none !important;
}

.default-cursor {
    cursor:default;
}

.pointer-cursor {
    cursor:pointer;
}

.console-output {
    overflow-y: scroll;
    background-color: #373F51;
    color: #EBCB8B;
    width:100%;
    height:512px;
    font-family: "Lucida Console", "Courier New", monospace;
}

.console-stdin {
    color: #88C0D0;
}
.console-stdout {
    color: #A3BE8C;
}
.console-stderr {
    color: #BF616A;
}

.console-input {
    overflow-y: auto;
    width:100%;
    height:128px;
    font-family: "Lucida Console", "Courier New", monospace;
}

.join-command {
    font-family: "Lucida Console", "Courier New", monospace;
    margin-right: 8px;
}

/* background colors */
.nimbus-charcoal,.nimbus-hover-charcoal:hover{color:#fff!important;background-color:#373F51!important}
.nimbus-grey,.nimbus-hover-grey:hover{color:#000!important;background-color:#aaaaaa!important}
.nimbus-white,.nimbus-hover-white:hover{color:#fff!important;background-color:#D8DBE2!important}
.nimbus-light-blue,.nimbus-hover-light-blue:hover{color:#000!important;background-color:#88C0D0!important}
.nimbus-blue,.nimbus-hover-blue:hover{color:#fff!important;background-color:#1985A1!important}
.nimbus-green,.nimbus-hover-green:hover{color:#fff!important;background-color:#A3BE8C!important}
.nimbus-yellow,.nimbus-hover-yellow:hover{color:#000!important;background-color:#EBCB8B!important}
.nimbus-orange,.nimbus-hover-orange:hover{color:#000!important;background-color:#D08770!important}
.nimbus-red,.nimbus-hover-red:hover{color:#000!important;background-color:#BF616A!important}
.nimbus-purple,.nimbus-hover-purple:hover{color:#000!important;background-color:#B48EAD!important}

/* text colors */
.nimbus-text-charcoal,.nimbus-hover-text-charcoal:hover{color:#373F51!important}
.nimbus-text-grey,.nimbus-hover-text-grey:hover{color:#aaaaaa!important}
.nimbus-text-white,.nimbus-hover-text-white:hover{color:#D8DBE2!important}
.nimbus-text-light-blue,.nimbus-hover-text-light-blue:hover{color:#88C0D0!important}
.nimbus-text-blue,.nimbus-hover-text-blue:hover{color:#1985A1!important}
.nimbus-text-green,.nimbus-hover-text-green:hover{color:#A3BE8C!important}
.nimbus-text-yellow,.nimbus-hover-text-yellow:hover{color:#EBCB8B!important}
.nimbus-text-orange,.nimbus-hover-text-orange:hover{color:#D08770!important}
.nimbus-text-red,.nimbus-hover-text-red:hover{color:#BF616A!important}
.nimbus-text-purple,.nimbus-hover-text-purple:hover{color:#B48EAD!important}


/* border colors */
.nimbus-border-charcoal,.nimbus-hover-border-charcoal:hover{border-color:#373F51!important}
.nimbus-border-grey,.nimbus-hover-border-grey:hover{border-color:#aaaaaa!important}
.nimbus-border-white,.nimbus-hover-border-white:hover{border-color:#D8DBE2!important}
.nimbus-border-light-blue,.nimbus-hover-border-light-blue:hover{border-color:#88C0D0!important}
.nimbus-border-blue,.nimbus-hover-border-blue:hover{border-color:#1985A1!important}
.nimbus-border-green,.nimbus-hover-border-green:hover{border-color:#A3BE8C!important}
.nimbus-border-yellow,.nimbus-hover-border-yellow:hover{border-color:#EBCB8B!important}
.nimbus-border-orange,.nimbus-hover-border-orange:hover{border-color:#D08770!important}
.nimbus-border-red,.nimbus-hover-border-red:hover{border-color:#BF616A!important}
.nimbus-border-purple,.nimbus-hover-border-purple:hover{border-color:#B48EAD!important}


body {font-family: Arial, Helvetica, sans-serif;}

/* Full-width input fields */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}

img.avatar {
    width: 20%;
    border-radius: 50%;
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
    width: 30%; /* Could be more or less, depending on screen size */
}

.footer-text{
    font-size: 12px;
}

.header-text {
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 30px;
    text-shadow: 0px 1px #aaaaaa;
}

.label-text {
    font-size: 12px;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.6s;
    animation: animatezoom 0.6s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}

@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius:4px
  }
  
  /* On mouse-over, add a grey background color */
  .container:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container input:checked ~ .checkmark {
    background-color: #1985A1;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container .checkmark:after {
    left: 7px;
    top: 3px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }