.outputsql {
    margin-left: 240px;
    margin-bottom:60px;
}

form .error {
    color: #e66060;
    margin-top: 5px;
}
form .alert .error {
    color: #fff;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin:20px 0px 20px 120px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.form-group:last-child {
    /*border-bottom:none;*/
}
.form-group.noborder {
    border-bottom:none;
}

/* Styles for colouring tasks which are overdue or due today  */
.deadline-green {  }
.deadline-yellow { background-color:yellow !important; }
.deadline-red { background-color:red !important; }


/* Bronwen : adding some ap1 notes */
.notes {
    margin:1rem 0rem;
    padding:1rem;
    border:1px solid #ddd;  border-radius: 4px;
}

.task-notes {
    padding-bottom:1rem;
    margin:0 0 1em 2em;
    border-bottom:1px solid #eee;
}

/* bronwen */
input.mt-1 {
    margin-top:8px;
}

form .form-group:last-child { border-bottom:none; }

/* prevent a button group inside a table cell from wrapping */
td .btn-group {
    display: flex;
}
/*-- questionnaire targetrepay/postpone tasks --*/
ol.padding-bottom > li {
    padding-bottom: 1em;
}

/*-- put the company logo into clientcase-header.inc --*/
.panel-heading .brand-logo { height:28px;margin-right:6px; }


.form-group.border-bottom {
    border-bottom: 1px solid #EAE9E8 !important;
}

.radio-inline.disabled,.checkbox-inline.disabled{opacity:.5;cursor:not-allowed}

/*-----
  PASSWORD METERS - see https://css-tricks.com/password-strength-meter/
----*/

meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

  margin: 0 auto 1em;
  width: 100%;
  height: 0.5em;

  /* Applicable only to Firefox */
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}

meter::-webkit-meter-bar {
  background: none;
  background-color: rgba(0, 0, 0, 0.1);
}

div.login-box #password-strength-text {
    color:#fff;
}
div.login-box meter {
    background-color: rgba(255, 255, 255, 0.4);
}

/* Webkit based browsers */
meter[value="1"]::-webkit-meter-optimum-value { background: red; }
meter[value="2"]::-webkit-meter-optimum-value { background: red; }
meter[value="3"]::-webkit-meter-optimum-value { background: yellow; }
meter[value="4"]::-webkit-meter-optimum-value { background: orange; }
meter[value="5"]::-webkit-meter-optimum-value { background: green; }

/* Gecko based browsers */
meter[value="1"]::-moz-meter-bar { background: red; }
meter[value="2"]::-moz-meter-bar { background: red; }
meter[value="3"]::-moz-meter-bar { background: yellow; }
meter[value="4"]::-moz-meter-bar { background: orange; }
meter[value="5"]::-moz-meter-bar { background: green; }