body {
    color: #696969;
}
.btn-container {
    margin-bottom:1em;
}
.hidden {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: none;
    border: 1px solid white;
}

div.form-inline {
    margin: 0;
}
.volunteers-form select, .volunteers-form input, .volunteers-form textarea {
    width: 100%;
    max-width: 100%;
    min-width:100%;
}
label {
    font-weight: normal;
}

.input__field--ruri {
    color: #696969;
    font-weight: 600;margin-bottom: .5em;
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri, .input--filled .input__label--ruri .input__label-content--ruri {
    transform: translate3d(0, 2em, 0) scale3d(.9, .9, 1);
}
.volunteers-form input[type=date] {
    line-height: initial;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #696969;
    line-height: 30px;
    font-weight: 600;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default .select2-selection--single {
    margin-top: 5px;
    border:0;
}
.select2-container--open .select2-dropdown--below {
    border:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
}

.input--select2 .input__label-content.input__label-content--ruri {
    margin-top: -20px;
}
.input--select2 .input__label--ruri {
    height:3px;
    margin:0;
    padding:0;
}
span.input--textarea.input.input--ruri.input--filled {
    width: 100%;
    max-width: 100%;

}
.input--textarea textarea {
    height: 80px;
}
.input--textarea .input__label-content.input__label-content--ruri {
    top: 50px;
}
.input--textarea .input__label.input__label--ruri{
    height: 80px;
}
.input__label-content.input__label-content--ruri {
    color: #D2D3D5;
}
h1, h2, legend {
    border-bottom: 2px solid #D2D3D5;
        color: #293377;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom:1em;
    margin-top: 1em;
}
h4, h5 {
    color: #293377;
    margin-top: 1em;
    margin-bottom: .5em;
}
.form-inline:not(:first-child) h4, .form-inline:not(:first-child) h5 {
    margin-top:1em;
}
legend {
    /*border-bottom: 0;*/
    margin-bottom: 10px;
    padding-bottom: 0px;
    margin-top: 50px;
}

input:not([type=checkbox]) {
    position: relative;
    /*width: 150px;*/
    /*color: white;*/
    height: 30px;
}
input[type=checkbox] {
    display: inline;
    min-width: 10px;
    width: 12px;
    height: 12px;
    margin: 8px 0;
}
input {
    padding-top: 0;
}

input[type=date] {
    margin-top:8px;
}
input:before {
    content: attr(data-date);
    color: #D2D3D5;
    font-weight: 600;padding: 0.5em 0;
    position: relative;
    display: block;
    display: block;
}

input::-webkit-datetime-edit, input::-webkit-inner-spin-button, input::-webkit-clear-button {
    display: none;
}

input::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 3px;
    right: 0;
    color: black;
    opacity: 1;
}
/*.volunteers-form input {*/
    /*margin-top:10px;*/
/*}*/
.input__label--ruri::after {
    height: 4px;
    margin-top:5px;
}
select.input__field--ruri {
    margin-top:5px;
}
.btn-custom {
    color: white;
    /* border: 2px solid white; */
    background-color: #293377;
    /*font-size: 18px;*/
    font-weight: 600;
    line-height:25px;
    margin-bottom:2em;
}

.btn-custom:hover, .btn-custom:focus, .btn-custom.focus, .btn-custom:active, .btn-custom.active, .open > .dropdown-toggle.btn-custom, .btn-custom:active:focus, .btn-custom:focus {
    color: white;
    /*border: 2px solid #1B449B;*/
    background-color: #293377;
    outline: none;
}

.btn-custom.small-bottom {
    margin-bottom:0.5em;
}
.btn-custom.no-bottom {
    margin-bottom:0;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    color: #696969;
}
.input__field--ruri {
    margin-top: 10px;
}
.dataTables_wrapper select {
    font-size: 14px;
    font-weight: 600;
    border: 2px solid dimgrey;
}
.dataTables_wrapper label {
    color: dimgrey;
    font-size: 14px;
}
.dataTables_wrapper .dataTables_filter input {
    border: 2px solid dimgrey;
}
table.dataTable tbody th, table.dataTable tbody td {
    color: #696969;
    font-size: 14px;
    vertical-align: middle;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    color: #293377;
    font-size: 14px;
    border-bottom: 1px solid #D2D3D5;
}
table.dataTable.no-footer {
    border-bottom: 1px solid #D2D3D5;

}
.paginate_button {
    margin: 0 !important;
    padding: 0 !important;
}

td .status, span.status {
    padding: 8px;
    border-radius: 3px;
    color: white;
    background-color: black;
    font-size: 10px;
    white-space: nowrap;
}

td .status.activate, span.status.activate {
    background-color: darkgray;
}
td .status.active, span.status.active {
    background-color: #7ad03a;
}
td .status.inactive, span.status.inactive {
    background-color: red;
}
td .status.email, span.status.email {
    background-color: #D2D3D5;
}

.special-skills label, .interest-activitiy-types label {
    margin-right: 20px;
     /*color: ;*/
    font-weight: bold;
}
.special-skills .input__label.input__label--ruri {
    margin:0;
}
.special-skills .input {
    max-width: 100%;
    /*display:flex;*/
    max-width: 100%;
}
.input {
    margin: .5em;
}
.interest-activitiy-types label {
    display: inline-block;
}
.interest-activitiy-types .input.input--ruri {
    max-width: 100%;
}
.disclaimer {
    color: red;
}
.signature-message {
    color: dimgrey;
    text-align: center;
    padding:20px;
}
.confirmation-checkbox {
    text-align: center;;
}
.caret {
    display: none;
}
.paginate_button {
    padding: 5px !important;
}
.paginate_button a {
    color: black;
}
.paginate_button.active {
    font-weight:900;
}
.container-fluid {
    margin-top: 2em;
}

.card-header {
    background: none;
    border-bottom: 0;
}
.card-header .card-title {
    margin-bottom:0;
}
.btn-sm {
    padding: 2px 7px 1px;
}

.table-sm td {
    vertical-align: middle;
    padding: 4px 10px;
}
.text-center {

    text-align: center;
}

h4 {
    margin-top: 1em;
}
.input--textarea .input__label-content.input__label-content--ruri {
    font-size: 14px;
}

.input--textarea textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #D2D3D5;
}
.input--textarea textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #D2D3D5;
    opacity:  1;
}
.input--textarea textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #D2D3D5;
    opacity:  1;
}
.input--textarea textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #D2D3D5;
}
.input--textarea textarea:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
    color:    #D2D3D5;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {

    /*color:    #D2D3D5;*/
}
.input--no-label .input__label-content.input__label-content--ruri {
    display: none;
}
.input--datepicker .input__label.input__label--ruri{
    height:36px;
}

.c-input+.c-input {
    margin-left: initial;
}

.input__label--ruri {
    padding-bottom:0;
}

.select2-container {
    width:100% !important;
    max-width: 100%;
}

.button-container {
    border-top: 2px solid #D2D3D5;
    padding-top: 20px;
    margin-top: 30px;
}
.input--datepicker input:before {
    color: dimgrey;
}

table a {
    color: black;
    text-decoration: none;
}

#filter-modal span.input.input--ruri:not(.input--select2) {
    display: flex;
    flex-wrap: wrap;
}
#filter-modal .input.input--ruri {
    max-width: 100%;
}
#filter-modal .input__label--ruri::after {
    height:0;
}
#filter-modal .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;border: solid #D2D3D5 1px;
}
#filter-modal .select2-container--default.select2-container--focus .select2-selection--multiple, #filter-modal .select2-container--default .select2-selection--multiple {
    border: solid #D2D3D5 1px;
}
.select2-container--open .select2-dropdown--below {
    border: 1px solid #D2D3D5;
}
/*li[aria-selected=true] {*/
    /*display: none !important;*/
/*}*/
div.DTTT_container {
    margin-left: 50px;
}
footer {
    /*margin-top: 50px;*/
    padding: 50px 0;
    /*background: #d2d3d5;*/
}
header {
    padding: 20px 0;
    background: #293377;
}
.bg-faded {
    background-color: #D2D3D5;
}
.navbar-light .navbar-nav .nav-link {
    display: flex;
    align-items: center;
}
.fa-2 {
    font-size: 1.5em;
}
.card {
    border: 1px solid #D2D3D5;
}
.dataTables_wrapper select, .dataTables_wrapper .dataTables_filter input {

    border: 2px solid #D2D3D5;
}

button.DTTT_button:not(.DTTT_disabled), div.DTTT_button:not(.DTTT_disabled), a.DTTT_button:not(.DTTT_disabled),
button.DTTT_button:hover:not(.DTTT_disabled), div.DTTT_button:hover:not(.DTTT_disabled), a.DTTT_button:hover:not(.DTTT_disabled){
    -webkit-box-shadow: 0px;
    -moz-box-shadow: 0px;
    -ms-box-shadow: 0px;
    -o-box-shadow: 0px;
    box-shadow: 0px;
    background: #293377;
    color: white !important;
    border: none;padding: 5px 20px;
}
button.DTTT_button.DTTT_disabled, div.DTTT_button.DTTT_disabled, a.DTTT_button.DTTT_disabled {
    background: white;
    color: initial;
    border: none;padding: 5px 20px;
}
table.dataTable tr.DTTT_selected.odd, table.dataTable tr.DTTT_selected.even {
    background-color: #D2D3D5;
}
.c-input {

    color: #D2D3D5;
}
/*ul[role=tablist], ul[role=menu] {*/
    /*display:flex;*/
/*}*/
/*ul[role=tablist] li[role=tab], ul[role=menu] li {*/
    /*list-style-type: none;*/
    /*flex: 1;*/
    /*text-align: center;*/
    /*background: #1B449B;*/
    /*margin: 0 10px;*/
    /*padding: 10px;*/
/*}*/
/*ul[role=tablist] li[role=tab].disabled, ul[role=menu] li.disabled {*/
    /*background: #D2D3D5;*/
/*}*/
/*ul[role=tablist] li[role=tab] a, ul[role=menu] li a {*/
    /*color: white;*/
/*}*/
/*li[aria-selected=true] {*/
    /*display: block !important;*/
/*}*/
/*li[aria-selected=true] .current-info.audible {*/
    /*display: none;*/
/*}*/
/*h2.title:not(.current) {*/
    /*display:none;*/
/*}*/
#volunteers-form .content {
    margin-bottom: 3em;
}

.color-blue {
    color: #293377;
}
/*.volunteers-form .input.input--ruri label {*/
    /*color: #1B449B;*/
/*}*/

/*#registration-form .actions {*/
    /*margin-top: 50px;*/
    /*padding-top: 20px;*/
    /*border-top: 2px solid #D2D3D5;*/
/*}*/
#registration-form .confirmation-container {
    width: 100%;
    max-width: 100%;    justify-content: center;
    display: flex;
}
#registration-form .confirmation-container .c-input {
    display: inline-block;
    margin-right: 50px;
}
#registration-form .confirmation-container .c-input input:not([type=checkbox]) {
    position: absolute;
    height: 0;
}

.margin-20 {
    margin:20px;
}
.alert.alert-success {
    margin-top: 20px;
}

.no-padding {
    padding: 0;
}

.padding-15{
    padding:15px;
}

@media (min-width: 544px){
    .navbar{
        padding: 0;
    }
}

.flex {
    display: flex
}
.flex-center {
    align-items: center;
}

.pagination {
    display: flex;    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination li:not(.paginate_button) a{
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination li:not(.paginate_button) span {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border: 1px solid #ddd;
}

.table-responsive{
    overflow-x: scroll;
}

@media (min-width: 768px){
    .text-right-sm{
        text-align: right;
    }
}

.group-action{
    display: none;
}

.form_inline{
    display: inline-block;
}
.smart-forms .form-footer {
    padding: 20px;
}

/*label.field-label{*/
    /*display: block;*/
/*}*/

.dataTables_paginate .pagination{
    margin: 0 !important;
}

label.error{
    color: red;
    font-size: 12px;
}