html, body {
    background: white;
    font-family: Roboto, Arial,Tahoma,sans-serif;
    font-size: 16px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smooth: auto;
}
input[type="radio"] {
    margin-right: 8px;
}
h4 {
    color: #0b57a1;
    font-weight: bold;
    border-bottom: 1px solid #0b57a1;
} 
/* --------------------------
   -- HOME
   --------------------------*/
.input-group.date {
    max-width: 200px;
}
.grecaptcha {
    width: 304px;
    margin: 0 auto;
}
.forgot-password {
    text-align: right;
    margin-right:15px;
}
.main-panel > .content {
    min-height: calc(100vh - 152px);
}
.full-page > .content {
    min-height: calc(100vh - 81px);
}
/* --------------------------
   -- UI OVERRIDES
   --------------------------*/
.login-page > .content, .lock-page > .content {
    padding-top:25vh;
}
a.disabled {
    color: gray;
    cursor: not-allowed;
}
a.danger {
    color:#d50000;
}
.main-panel {
    overflow: hidden !important;
}
.timeline-heading span {
    font-size: 1rem;
}
.timeline-body {
    max-width: 100%;
    overflow: auto;
    text-align: justify;
}
.swal2-modal .swal2-content {
    max-height: 65vh;
    overflow: auto;
}
.popover {
    min-width:300px;
}
.datepicker:disabled {
    color:lightgray;
}
.wrapper {
    overflow: hidden;
}/*
.note-btn {
    color: #333 !important;
    background-color: #fff !important;
    border: 1px dashed #ccc !important;
}*/
.note-form-label {
    color: #444 !important;
}
.note-group-select-from-files .note-form-label {
    padding: 8px;
    border:1px dashed #ccc;
    box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}
.modal-backdrop.in {
    display: none;
}
label[for=sn-checkbox-open-in-new-window] {
    margin-left:20px;
}
#sn-checkbox-open-in-new-window {
    opacity: 1;
    z-index: 0;
    overflow: overlay;
    width: initial;
    height: initial;
    margin-top: 4px;
}
.note-btn-group .dropdown-menu li a:hover,
.note-btn-group .dropdown-menu li a:focus,
.note-btn-group .dropdown-menu li a:active {
    background-color: rgba(152, 153, 152, 0.5) !important;
    color: white !important;
    box-shadow: none;
}
.note-btn-group .btn-group.open > .dropdown-toggle.btn,
.note-btn-group .btn-group.open > .dropdown-toggle.btn.btn-default,
.note-btn-group .btn-group-vertical.open > .dropdown-toggle.btn,
.note-btn-group .btn-group-vertical.open > .dropdown-toggle.btn.btn-default {
    background-color: #ff9800 !important;
}
#datatables > thead > tr > th,
#datatables > tfoot > tr > th {
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    background: #0b57a1;
    color: white;
    border-left: 1px solid white !important;
}
@media(max-width:640px) {
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left !important;
    }
    #datatables > thead > tr > th:nth-child(1),
    #datatables > thead > tr > th:nth-child(2),
    #datatables > tfoot > tr > th:nth-child(1),
    #datatables > tfoot > tr > th:nth-child(2) ,
    #datatables > tbody > tr > td:nth-child(1),
    #datatables > tbody > tr > td:nth-child(2){
        display: none;
    }
    #datatables > thead > tr > th:nth-child(3),
    #datatables > thead > tr > th:nth-child(4),
    #datatables > tfoot > tr > th:nth-child(3),
    #datatables > tfoot > tr > th:nth-child(4) ,
    #datatables > tbody > tr > td:nth-child(3),
    #datatables > tbody > tr > td:nth-child(4){
        font-size: 12px;
    }
}

.radio input[type=radio]:checked ~ .check {
    background-color:#ff9800;
}
.radio input[type=radio]:checked ~ .circle {
    border-color:#ff9800;
}
.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background:#ff9800;
}
/* --------------------------
   -- ADMIN
   --------------------------*/
.sidebar .logo .simple-text, .off-canvas-sidebar .logo .simple-text {
    text-transform: lowercase;
}
.page-admin {
    background-color: #EEEEEE;
    color:#3C4858;
}
.page-admin h1 {
    font-weight: bold;
    font-size: 2rem;
    margin: 0 0 0 16px;
}
.page-admin h2 {
    font-weight: bold;
    font-size: 1.5rem;
    margin: 8px 0 0 16px;
}
.logo img {
    width:75%;
    height: auto;
    margin: 8px auto;
}
.logo-mini img {
    width:initial;
    height:initial;
    margin: auto auto;
}
#loader {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    align-items: center;
    text-align: center;
    z-index: 10000;
    overflow: hidden;
}
#loader img {
    width:auto;
    height: 64px;
    margin:calc(50vh - 32px) auto 0 auto;
}
#main-content {
    max-height: calc(100vh - 212px);
}
.list-item {
    border-bottom: 1px solid #888;
}
.clickable {
    cursor: pointer;
    padding: 12px 0 12px 12px;
}
.unclickable {
    cursor: not-allowed;
    padding: 12px 0 12px 12px;
}
.clickable:hover,
.unclickable:hover {
    background: #eeeeee;
}
.tools {
    padding-top: 12px;
}
.tools a {
    margin-right: 8px;
}
#list-import-data {
    width:100%;
    min-height: 50vh;
    overflow: scroll;
}
.log {
    max-height: 30vh;
    overflow: auto;
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.8rem;
    text-align: left;
    color:black;
    margin-top:8px;
}
#preview {
    background-color: white;
    padding:3px;
    width: 95%;
    float:right;
    min-height: 300px;
    max-height: 500px;
    overflow: auto;
}
#crv-species-list {
    display: none;
    /*max-height:350px;
    overflow-y:scroll;*/
    padding:0 15px;
}
#crv-recipient {
    padding: 8px 30px;
    border: 1px solid #eeeeee;
    box-shadow: inset 1px 2px 5px #ddd;
}
#crv-recipient option {
    text-transform:capitalize;
}
#user-name {
    text-transform: capitalize;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}