/********************************************************************
NUM BAR
********************************************************************/

.num-bar {
    padding: 10px;
    color: #333;
    margin: 30px 0px 30px 0px;
    border: 2px solid #d9d9d9;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-color: #ffffff;
}

.num-bar a {
    margin: 0px 10px;
    font-weight: 600;
    line-height: 30px;
}

.num-bar input#pagination_form_page {
    width: 30px !important;
}

.num-bar a:hover {
    text-decoration: none;
}

.num-bar.border-bottom {
    border: 0px;
    border-bottom: 1px dotted #d9d9d9;
    background: transparent;
    padding: 0px 0px 15px 0px;
    margin: 30px 0px 30px 0px;
}

.num-bar.border-top {
    border: 0px;
    border-top: 1px dotted #d9d9d9;
    background: transparent;
    padding: 15px 0px 0px 0px;
    margin: 15px 0px 0px 0px;
}

.num-bar.no-border a:first-child {
    margin-right: 10px ;
}

.num-bar.no-border a:last-child {
    margin-left: 10px;
}

.num-bar.no-border a i {
    margin: 0px 3px;
}

.num-bar .current {
    color: #666666;
    font-weight: 600;
}

.num-bar i {
    vertical-align: middle;
    margin-left: 8px;
    margin-right: 8px;
}

.num-bar.bottom {
    margin-top: 30px !important;
}

.num-bar form {
    /*
    display: inline;
    margin: 10px 0px -10px 0px;
    */
    padding: 0px;
    margin-bottom: 10px;
    margin-top: -10px;
}

.num-bar p {
    display: inline;
    margin: 0px;
    padding: 0px;
    line-height: 30px;
}

.num-bar input[type="text"].input-sm {
    vertical-align: middle;
    text-align: center;
    margin: 0px 10px;
    font-size: 14px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

.num-bar input#pagination_form_term {
  width: 200px;
}

.num-bar .form-element.u-pull-right {
  display: inline-block;
  float: none;
  margin-top: 20px;
  margin-bottom: 0px;
  margin-left: 30px;
}

.pagination > li > a,
.pagination > li > a:hover {
    color: #594746;
}

.pagination > .active > a {
    background-color: #a86d6d;
    border-color: #594746;
}

.pagination > .active > a:hover {
    background-color: #d69090;
    border-color: #594746;
}

/********************************************************************
Sidebar
********************************************************************/

.widget-sidebar {
    padding: 15px 15px 15px 15px;
    margin: 0px 0px 0px 0px;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #ffffff;
}

.widget-sidebar .sidebar-title {
    border: 1px solid #cccccc;
    background-color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f8f8f8;
    padding: 6px 8px 4px 8px;
}

.widget-sidebar .sidebar-title h3 {
    display: inline-block;
    font-weight: 500;
    font-size: 18px;
    padding: 0px;
    margin: 0px;
}

.widget-sidebar h3 {
    display: block;
    font-weight: 500;
    font-size: 18px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    border-bottom: 1px solid #cccccc;
}

.widget-sidebar .login-title h3 {
    border-bottom: 0px;
}


.widget-sidebar .fa-stack {
    margin-right: 8px;
}

.widget-sidebar li .fas {
    color: #717f9c;
    margin-right: 10px;
}

/********************************************************************
FORMS
********************************************************************/


.form-element {
    margin-bottom: 10px;
}




/* Input */

input[type="text"], input[type="password"], input[type="email"], select {
    line-height: 1.3;
    height: 30px;
    border: 1px solid #d9d9d9;
    padding: 6px 6px;
    outline: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: black;
    max-width: 80%;
    display: inline-block;
    margin: 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    vertical-align: top;
    -moz-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    box-sizing: inherit;
}

select {
    height: inherit;
}

input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, select:hover {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
}



input[type="text"].input-sm, input[type="password"].input-sm, input[type="email"].input-sm, select.input-sm {
    height: 16px;
    padding: 4px 4px;
    font-size: 11px;
    line-height: 1.5;
}

input[type="text"].input-lg, input[type="password"].input-lg, input[type="email"].input-lg, select.input-lg {
    height: 24px;
    padding: 10px 10px;
    font-size: 18px;
    line-height: 1.8;
}

input[type="text"].input-sm-width, input[type="password"].input-sm-width, input[type="email"].input-sm-width, select.input-sm-width {
    width: 120px;
}


/* Textarea */

textarea {
    border: 1px solid #d9d9d9;
    padding: 6px 4px;
    outline: none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: black;
    display: inline-block;
    margin: 0px;
    vertical-align: middle;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset;
    -moz-transition-property: border-color, -webkit-box-shadow;
    -o-transition-property: border-color, -webkit-box-shadow;
    -webkit-transition-property: border-color, -webkit-box-shadow;
    transition-property: border-color, -webkit-box-shadow;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    box-sizing: inherit!important;
}

textarea:hover {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
    box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px;
}

textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
    box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px;
}

/* Placeholder Text */



input[type="text"].placeholder {
    color: #959595;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
    color: #959595;
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
    color: #959595;
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
    color: #959595;
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
    color: #959595;
}

.full-width {
    display: block!important;
/*    text-align: center;*/
    width: 100%;
}

.half-width {
    width: 50%;
}

.form_label {
    margin-right: 5px;
    vertical-align: top;
}

.form-row {
    margin: 15px 0px;
}

.form-row>.col, .form-row>[class*=col-] {
    padding-right: 5px;
    padding-left: 5px;
}



.admin_icon_col {
    width: 5%;
    text-align: center;
}

.login input {
    margin-bottom: 1em;
}

label.required:after {
  content: " *";
  color: #d9534f;
  font-weight: bold;
}

/********************************************************************
Front-end data
********************************************************************/

.new-fec-page, .new-fec-image {
    text-align: right;
}

.fec-page-table, .fec-image-table {
    margin-top: 1em;
}

.fec-page-table th, .fec-image-table th {
    padding: 1em;
}

.fec-page-table td, .fec-image-table td {
    padding: 1em;
}

div[id^='fec_edit_page_form_contents'] div input,
div[id^='fec_edit_page_form_contents'] div label {
    margin-top: 10px;
    margin-bottom: 10px;
}

/********************************************************************
Critical editions
********************************************************************/

.completed {
    background-color: #edfbe5;
}

.error {
    background-color: #fbe5e9;
}

.warning {
    background-color: #f5ebc5;
}

.new-ced-edition {
    text-align: right;
}

.ced-edition-table {
    margin-top: 1em;
}

.ced-edition-table th {
    padding: 1em;
}

.ced-edition-table td {
    padding: 1em;
}

.ced-edit-edition-form input,
.ced-edit-edition-form textarea,
.ced-edit-edition-form select,
.ced-edit-structure-form input,
.ced-edit-structure-form textarea,
.ced-edit-structure-form select,
.ced-edit-source-form input,
.ced-edit-source-form textarea,
.ced-edit-source-form select,
.ced-edit-translation-form input,
.ced-edit-translation-form textarea,
.ced-edit-translation-form select,
.ced-edit-witness-group-form input,
.ced-edit-witness-group-form textarea,
.ced-edit-witness-group-form select {
    display: block;
}

#ced_edit_edition_form_creationDate select,
#ced_edit_edition_form_pubFirstDate select,
#ced_edit_edition_form_pubLastDate select
{
    display: inline;
}

.ced-edit-edition-form input[type="checkbox"] {
    display: inline-block;
    margin-left: 10px;
    margin-right: 5px;
}

.ced-edit-edition-form .full-width {
    width: 95%;
}

.ced-edit-edition-form button,
.edit-structures-widget button {
    margin-bottom: 0.5em;
}

.ced-structure-tree {
    margin-top: 1em;
    min-height: 200px;
}

#structure-messages {
    padding: 15px 15px 15px 15px;
    margin-bottom: 1em;
    border: 1px solid #d9d9d9;
    border-bottom: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background-color: #f1caca;
}

.new-ced-witness-group {
    text-align: right;
}

.ced-witness-group-table {
    margin-top: 1em;
}

.ced-witness-group-table th {
    padding: 1em;
}

.ced-witness-group-table td {
    padding: 1em;
}

#ced_edit_witness_group_form_witnesses {
    min-height: 300px;
}

.ced-export-job-table {
    margin-top: 1em;
}

.ced-export-job-table th {
    padding: 1em;
}

.ced-export-job-table td {
    padding: 1em;
}

.ced-export-job-table .completed {
    background-color: #edfbe5;
}

.ced-export-job-table .error {
    background-color: #fbe5e9;
}

.ced-export-buttons {
    text-align: right;
    margin-bottom: 1em;
}

.new-ced-tei-file {
    text-align: right;
}

.ced-tei-file-table {
    margin-top: 1em;
}

.ced-tei-file-table th {
    padding: 1em;
}

.ced-tei-file-table td {
    padding: 1em;
}

.new-doc-file {
    text-align: right;
}

.doc-file-table {
    margin-top: 1em;
}

.doc-file-table th {
    padding: 1em;
}

.doc-file-table td {
    padding: 1em;
}

.titles-btn-add,
.titles-btn-remove,
.authors-btn-add,
.authors-btn-remove,
.licences-btn-add,
.licences-btn-remove,
.principals-btn-add,
.principals-btn-remove,
.resps-btn-add,
.resps-btn-remove,
.enclangs-btn-add,
.enclangs-btn-remove,
.prefixdefs-btn-add,
.prefixdefs-btn-remove,
.interps-btn-add,
.interps-btn-remove,
.sourcedescs-btn-add,
.sourcedescs-btn-remove,
.structtitles-btn-add,
.structtitles-btn-remove,
.files-btn-add,
.files-btn-remove {
    margin-top: 0.5em;
}

.resp-element {
	background-color: #f6f6f6;
	border: solid #c5c3c3 1px;
}
.resp-element div:not([id]) {
	padding: 0.5em;
    width: 100%;
}
.resp-element input,
.resp-element select {
    max-width: 100%;
}
.resps-div-add {
    padding: 0.5em;
	background-color: inherit;
	border: inherit;
}
.resps-btn-add {
    margin-top: 2em;
}


/********************************************************************
Front-end users
********************************************************************/

.new-user {
    text-align: right;
}

.user-table {
    margin-top: 1em;
}

.user-table th {
    padding: 1em;
}

.user-table td {
    padding: 1em;
}

/********************************************************************
Modals
********************************************************************/

.modal-body {
    max-height: 600px;
}

.modal-body pre {
    max-height: 500px;
    white-space: pre-wrap;
}

@media (min-width: 1200px) {
    .modal-xlg {
        width: 80%;
    }
    .modal-body {
        max-height: 800px;
    }
    .modal-body pre {
        max-height: 700px;
    }
}