/* ~ ats-ui.css
  .---------------------------------------------------------------------------.
  |  Software: Anytimestream Technologies Limited - UI                       |
  | ------------------------------------------------------------------------- |
  |     Admin: Norman Osaruyi (project admininistrator)                       |
  |   Authors: Norman Osaruyi norman.osaruyi@anytimestream.com                |
  |   Founder: Anytimestream Technologies Limited                             |
  | Copyright (c) 2018. Anytimestream Technologies LTD. All Rights Reserved.  |
  | ------------------------------------------------------------------------- |
  |   License: Distributed under the Lesser General Public License (LGPL)     |
  |            http://www.gnu.org/copyleft/lesser.html                        |
  | This program is distributed in the hope that it will be useful - WITHOUT  |
  | ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or     |
  | FITNESS FOR A PARTICULAR PURPOSE.                                         |
  '---------------------------------------------------------------------------'
*/

form .ats-ui ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}

form .ats-ui :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc;
}

form .ats-ui ::-ms-input-placeholder { /* Microsoft Edge */
    color: #ccc;
}
form .ats-ui {
    padding: 0;
    margin: 0;
}
form.ats-ui .row, .message-info .row {
    margin-bottom: 10px !important;
}
form.ats-ui button, .message-info a.action {
    border: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
}
.message-info a.action {
    display: block;
    margin: 0 auto;
    max-width: 120px;
    text-align: center;
}
form.ats-ui button[type=reset] {
    color: #333;
    background-color: #ddd;
}
form.ats-ui button[type=submit], .message-info a.action {
    color: #fff;
    background-color: #00ad56;
}
form.ats-ui a.btn {
    color: #333;
    background-color: #ddd;
    border: 0;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    display: block;
}
form.ats-ui .input {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form.ats-ui .input[type=checkbox] {
    max-width: 30px;
}
form.ats-ui textarea.input {
    height: auto;
}
form.ats-ui .error {
    border-color: #c02;
    font-size: 16px;
}
form.ats-ui div.error {
    color: #c02;
    line-height: 2;
}
form.ats-ui label {
    text-align: right;
    width: 100%;
    padding: 6px 10px 6px 0;
    display: block;
    line-height: 1.42857143;
}
form.ats-ui label span.required{
    line-height: 1.42857143;
    padding: 6px 2px;
    color: #c02;
}
@media only screen and (max-width: 767px) {
    form.ats-ui label {
        text-align: left;
    }
}
form.ats-ui, div.genealogy-tree {
    padding: 10px 20px;
}
#datatable_wrapper table, form.ats-ui, .message-info, div.genealogy-tree {
   -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(58,59,69,.15)!important;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e3e6f0;
    border-radius: .35rem;
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02);
}