* {
    margin: 0;
    padding: 0;
    font-family: 'proxima-nova','nudista-web',Helvetica,'Helvetica Neue',sans-serif;;
    color: #000;
}
/* p,li,h1,h2,h3,h4,legend,label {
    color: #808080;
} */
a, .btn-link {
    color: #2173AA;
    text-decoration: none;
}
.alert a {
    color: #000;
    text-decoration: underline;
}
.admin-link {
    padding: 10px 0;
}
.admin-link.active {
    background: #2173AA;
}
.admin-link a {
    display: block;
    width: 100%;
    padding-left: 20px;
}
.admin-logout {
    display: block;
    padding-left: 20px;
    color: white;
    margin-top: 60px;
}
/* #app {
    margin-left: 300px;
} */
a:hover, a:focus {
    text-decoration: none;
}
body {
    background: white;
}
.button-form {
    display: inline;
    margin-left: -3px;
    /* vertical-align: text-bottom; */
}
button.close {
    margin-top: -3px;
}
.btn {
    /* margin-bottom: 5px; */
}
.btn-primary {
    /* background: #8D3E65; */
    /* border-color: #8D3E65; */
    background: #2173AA;
    border-color: #2173AA;
    /* border-radius: 0; */
}
.btn-outline-secondary > span {
    vertical-align: text-top;
}
.btn-outline-secondary:focus {
    outline: 2px solid #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
.card {
    margin-top: 96px;
}
.card-header {
    color: rgb(128,128,128); 
    font-size: 30px; 
    margin-top: 0;
}
.checkboxes {
    display: flex;
    flex-wrap: wrap;
}
.checkboxes label {
    font-weight: normal;
    flex: 0 1 50%;
    /* padding-left: .75rem; */
}
.col-form-label {
    padding-top: 0;
    padding-bottom: calc(.75rem + 1px);
}
.select2-container .select2-selection--single {
    border-radius: 0;
    font-size: 1em;
    height: 32px !important;
}
.select2-container--bootstrap .select2-selection {
    border: 1px solid #ced4da;
    box-shadow: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0 !important;
}
/* .radios label {
    margin-right: 10px;
    padding-left: .75rem;
} */
/* .fieldset {
    flex: 0 0 33%;
} */
/* #form1 fieldset {
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 15px;
} */
.fa-edit {
    color: #2173AA;
}
.fa-trash {
    color: #C70F30;
}
.fa-envelope-open-o, .fa-copyright {
    color: #1e7e34;
}
fieldset {
    margin-bottom: 15px;
}
fieldset legend {
    margin: 15px 0;
}
.form-sm {
    max-width: 798px;
}
.form-md {
    max-width: 992px;
}
.form-lg {
    max-width: 1200px;
}
.form-control {
    border-radius: 0;
    padding: .175rem .75rem;
}
.form-group {
    margin-bottom: 5px;
    /* display: flex; */
}
.form-group.row {
    margin: 0;
}
/* .form-group > label {
    flex: 0 0 200px;
    text-align: right;
    padding-right: 15px;
} */
.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons {
    top: 6px !important;
}
h2 {
    margin-top: 30px;
    margin-bottom: 15px;
}
h2 a {
    vertical-align: top;
}
html [type=button] {
    -webkit-appearance: none;
}
.js-material-status {
    font-size: 16px !important; 
    padding-top: 0 !important; 
    border: none !important; 
    color: #2173AA !important;
    /* font-weight: bold; */
}
#js-return-address {
    display: none;
}
.js-show-comments, .js-show-comments:hover,.js-show-comments:active,.js-show-comments:focus {
    padding-left: 0;
    text-decoration: none;
    color: #2173AA;
}

p {
    margin-bottom: 15px;
}
.radio-label {
    flex: 0 0 50%;
}
.radio-group label {
    font-weight: normal;
}

input[type=text], input[type=number], input[type=email], select.form-control, option {
    /* width: 100%; */
    /* height: 2em; */
    color: #808080;
}
.input-group-prepend {
    height: 2em;
}
header {
    background-color: #607275;
}
header h1 {
    background: url('https://www.universitycustompublishing.com/images/layout/UCPLogo_03.png') no-repeat left center;
    color: white;
    text-align: center;
    padding: 20px;
    margin-bottom: 0;
}
.material-box > .js-delete {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    background: none;
    cursor: pointer;
}
.material-box > .js-move {
    cursor: grab;
    position: absolute;
    left: 5px;
    top: 10px;
}
.material-box {
    /* display: none; */
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #e9ecef;
    padding: 30px;
    margin-bottom: 30px;
    position: relative;
    background: #e9ecef;
    cursor: grab;
}
.material-box label {
    color: black;
}
.material-box-title {
    position: absolute;
    top: -12px;
    left: 45px;
    background: #e9ecef;
    padding: 0 10px;
    color: black;
}
.material-box-title:after {
    content: '';
    height: 12px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    border-top: 1px solid #e9ecef;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
}
.material-box:nth-child(even),.material-box:nth-child(even) .material-box-title {
    background: #fff;
} 
/* .material-box.odd,.material-box.odd .material-box-title {
    background: #8E9AC4;
}  */
#material-box-template {
    display: none;
}
.material-box:nth-child(even) {
    /* background: #ddd; */
}
.material-box .form-group {
    /* flex: 0 0 33%; */
}
main {
    min-height: 500px;
    padding: 0 20px;
}
main.authorized {
    margin-left: 200px;
}
.pagination {
    justify-content: flex-end;
}
.pagination li {
    margin-right: 5px;
}
label, .label {
    text-align: right;
}
legend {
    border: none;
    /* text-decoration: underline; */
    font-weight: bold;
    font-size: 1em;
    width: auto;
    margin-bottom: -5px;
    /* margin-bottom: 1em; */
}
nav {
    background: #B0B0B5;
    padding: 15px;
    margin-bottom: 30px;
}
nav ul {
    margin-bottom: 0;
}
nav ul li {
    display: inline-block;
    margin-right: 15px;
}
nav ul li a {
    color: white;
}

#material-count {
    width: 33%;
}
#material-count label {
    width: auto;
}

.notice {
    position: relative;
}
.notice p {
    border-left: 10px solid #2173AA;
    padding: 10px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
    background: #F2F2F2;
    font-weight: bold;
}
.notice button {
    position: absolute;
    right: 20px;
    z-index: 999;
    top: 50%;
    transform: translate(0,-50%);
}
.form-control.readonly, .form-control.readonly:focus {
    background: #e9ecef;
}
select,textarea {
    margin-bottom: 7px;
}
#middle {
    flex-wrap: nowrap;
}
.reader-comments {
	display:none;
	padding-left:12px;
}
.report-query {
    margin-top: 30px;
    background: #f2f2f2;
    padding: 10px;
    font-size: .8em;
}
#sidebar {
    list-style-type: none;
    position: fixed;
    width: 200px;
    left: 0;
    top: 0;
    bottom: 0;
    /* height: 100vh; */
    background:  #23282d;
    box-sizing: border-box;
    /* flex: 0 0 200px; */
}
#sidebar img {
    margin-bottom: 40px;
    padding-left: 20px;
}
#sidebar li {
    list-style-type: none;
}
#sidebar li a {
    color: white;
}
table {
    background: white;
    margin: 15px 0;
}
.table-dark th, .table-dark td {
    color: white;
}
.table .js-delete {
    padding: 0;
    vertical-align: unset;
}
#topbar {
    display: none;
    background: #23282d;
    color: white;
    text-align: right;
    /* padding: 20px; */
}
#topbar p {
    margin: 0;
}
u {
    font-weight: bold;
    color: inherit;
}
/* #publication-id-row {
    visibility: hidden;
} */
.filter-form .filter-row {
    display: none;
}
.filter-form .filter-row.active {
    display: flex;
}
.fields-container {
    margin-left: 15px;
}
.ms-container {
    width: 560px;
}
.button-like {
    padding: 3px 6px;
    border: 1px solid #ddd;
}
#footer {
    padding: 20px;
    text-align: right;
    font-weight: 14px;
    color: black;
}
@media (max-width: 992px) {
    label, .label {
        text-align: left;
    }
}
@media (max-width: 768px) {
    .admin-menu {
        list-style-type: none;
    }
    .admin-link a {
        color: white;
    }
    .admin-link.active {
        background: inherit;
    }

    main, main.authorized {
        margin-left: 0;
        padding: 20px;
    }
    #topbar {
        display: flex;
    }
    #sidebar {
        display: none;
    }
    label, .label {
        text-align: left;
    }
}