/* Header */
.header-nav {
    border-top: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    background: #f2f5f7;
    padding: 10px 0;
}

.header-nav-column {
    text-align: right;
    line-height: 35px;
}

.btn-new-submission {
    font-weight: 500;
}

/* .new-search-container {
    float:left;
    padding-top: 5px;
}

.logout-container {
    float:right;
    padding-top: 5px;
} */

.logout-form {
    margin-bottom: 0;
    color: #454e5c;
    font-weight: 400;
    display: inline-block;
}

#page-container {
    margin-top: 50px;
}

/*Typography*/
.text-center {
    text-align: center;
}

a {
    color: #454e5c;
    font-weight: 400;
}

/* Inputs */
input:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=email]:focus,
input:not([type]):focus,
textarea:focus
{
    border: 0.1rem solid #454e5c;
    /*border: solid #424b5a 1px;*/
}

select:focus {
    border: 0.1rem solid #454e5c;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
}

/* Disabled Inputs */
select:focus:disabled,
input:focus:disabled,
input[type=text]:disabled,
input[type=number]:disabled,
input[type=password]:disabled,
input[type=email]:disabled,
input:not([type]):disabled,
textarea:disabled
{
   background-color: #e3e3e3;
}

/* Error Handling */
input.invalid-input {
   border: solid #424b5a 2px;
}

/* Buttons */
button,
.button {
   background-color: #424b5a;
   border: solid #424b5a 1px;
   color: #fff;
   min-width: 170px;
}


/* Noty Alerts */
#noty_layout__topRight {
    top: 50px;
}

.flash-message-template {
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    min-height: 150px;
    background-color: #fff;
    position: relative;
}

.flash-message-template:before {
    content: "X";
    display: block;
    color: black;
    background-color: white;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0;
    line-height: 12px;
    font-size: 8px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 8px;
    border-radius: 50%;
}

.flash-message-template-success {
    border-color: #28d036;
    background-color: #28d036;
    color: white;
}

.flash-message-template-error {
    border-color: #d02828;
    background-color: #d02828;
    color: white;
}

.flash-message-template-success a,
.flash-message-template-error a {
    color: #fff;
    text-decoration : underline;
    font-weight: bold;
}

.flash-message-template-success a:hover,
.flash-message-template-error a:hover {
    color: #fff;
    opacity: .9;
    text-decoration: underline;
}

.flash-message-description {
    padding: 25px 25px 15px 15px;
    margin-bottom: 0px;
}

.input-error-message {
    font-weight:500;
    color: #e3342f;
}


/* Datatables */
.table-wrapper {
    padding-bottom: 40px;
}

#pagination-wrapper {
    text-align: center;
}

#pagination-wrapper a {
    color: #505d68;
    padding: 4px;
    cursor: pointer;
}

#pagination-wrapper a.current {
    color: black;
    cursor: text;
}

.datatables-link-icon {
    padding-right: 5px;
}

th.sorting, th.sorting_asc, th.sorting_desc {
    cursor: pointer;
}

table.dataTable thead th.sorting:after,
table.dataTable thead th.sorting_asc:after,
table.dataTable thead th.sorting_desc:after {
    font-family: "Font Awesome 5 Free";
    padding-left: 15px;
}

table.dataTable thead th.sorting:after {
    content: "\f0dc";
}
table.dataTable thead th.sorting_asc:after {
    content: "\f0de";
}
table.dataTable thead th.sorting_desc:after {
    content: "\f0dd";
}

tr.admin-request-row {
    cursor: pointer;
}

tbody tr {
    cursor: pointer;
}

tr.attention-needed {
    background-color: #fef7f7;
}

.attention-needed-cell {
    color: red;
}

tr.invalid-row {
    outline: solid 1px red;
}

tbody tr[role=row] {
    padding: 5px;
}

td:first-child {
    padding-left: 1.2rem;
}


table#download-table tbody tr {
    cursor: default;
}

.site_logo {
    height: 35px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}

.site_title {
    display: inline-block;
    vertical-align: middle;
    color: #424b5a;
    font-weight: bold;
    padding: 0 10px;
    border-left: 1px solid rgba(66, 75, 90, 0.3);
    font-size: 1.4rem;
    transform: translateY(1px);
}



/* *********** STYLING FOR PHOTO ROWS ************************/


.photo-review-photo-column {
    text-align: center;
    background-color: #f0f0f0;
    position: relative;
    padding: 4px !important;
    margin: 0 10px 25px 10px !important;
}

.photo-review-photo-column img {
    max-height: 530px;
    width: auto;
    margin: auto;
    display: block;
}

#api-response-modal {
    padding: 30px;
    max-width: 900px;
}


.submission-complete-details p {
    margin-bottom: 1.0em;
}

.daterangepicker .drp-calendar {
     max-width: 1270px;
}
@media (min-width: 730px) {
    .daterangepicker .drp-calendar.left {
        margin-right: 25px;
    }
}