/* Styling for the Bulk Comlog screen. */

.bulk-comlog .btn-primary,
.bulk-comlog .returnToListing
{
	white-space: nowrap;
	font-size: 14px;
}

.bulk-comlog a.disabled {
	opacity: 40%;
}

.bulk-comlog a.disabled:hover {
	cursor: not-allowed;
}

.bulk-comlog .certify .btn-primary {
	background-color: #385989;
	border-color: #385989;
}

.bulk-comlog .certify .btn-secondary {
	font-size: 14px;	
	background-color: #D9001B;
	color: #FBFBDE;
}

.bulk-comlog .certify table td:first-child {
	padding-left: 20px;
}

.bulk-comlog .certify table .note {
	font-style: italic;
	color: #385989;
	font-size: 14px;
}

table.bulk-comlog-table td.recentlyPublished {
	border-left-width: 3px;
    border-left-color: green;
    border-left-style: solid;
}

table.bulk-comlog-table caption table {
	width: 100%;
	font-size: 14px;
}

table.bulk-comlog-table caption table tr {
	border: none;
	vertical-align: bottom;
}

table.bulk-comlog-table caption .links {
	text-align: left;
	font-weight: normal;
	font-size: small;
	color: #7834bc;
}

table.bulk-comlog-table caption .links:hover {
	cursor: pointer;
}

table.bulk-comlog-table caption .view {
	font-weight: normal;
	width: 100%;
	text-align: right;
	padding-right: 10px;    
}

table.bulk-comlog-table caption .view select {
	height: 36px;
}

table.bulk-comlog-table caption .certify {
	float: right;
	font-weight: normal;
}

table.bulk-comlog-table {
	margin-bottom: 10px;
}

table.bulk-comlog-table th {
	background-color: #4E6228;
	color: white;
	font-weight: normal;
	vertical-align: middle !important;
}
	
table.bulk-comlog-table th:first-child, 
table.bulk-comlog-table td:first-child, 
table.bulk-comlog-table th:last-child,
table.bulk-comlog-table td:last-child {
	white-space: nowrap;
}

table.bulk-comlog-table tbody {
	font-size: 15px;
}

table.bulk-comlog-table tbody tr {
	border: 1px solid #E8E8E8;
}

table.bulk-comlog-table tbody td .fa-caret {
	width: 10px;
	cursor: pointer;
}

table.bulk-comlog-table .date-pick {
	color: #8C8C8C;
	font-size: small;
}

table.bulk-comlog-table .bulk-row-read .stats {
	font-size: small;
	color: #7834bc;
}

table.bulk-comlog-table .bulk-row-read .stats:hover {
	cursor: pointer;
}

table.bulk-comlog-table .btn-primary {
	white-space: nowrap;
	margin-top: 5px;
	font-size: 14px;
}

table.bulk-comlog-table .btn-primary.action {
	background-color: #385989;
	border-color: #385989;
	margin: 0px 2px 4px 2px;
	margin: 0px 0px 5px 0px;
}

table.bulk-comlog-table .btn-primary.action.apply {
	margin-top: 5px;
}

table.bulk-comlog-table .btn-primary.action.cancel {
	background-color: #D9001B;
	color: #FBFBDE;
}

table.bulk-comlog-table a.fas,
table#existing-spoh-table a.fas {
	margin-left: 4px;
	margin-right: 4px;
	color: #979797;
	text-decoration: none;
	cursor: pointer;
}

table.bulk-comlog-table .requiresInfo {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
	
table.bulk-comlog-table a.fas:hover,
table#existing-spoh-table a.fas {
	opacity: 70%;
}

table#existing-spoh-table td:last-child {
	white-space: nowrap;
}

/* Span class that wraps font-awesome trash icon for removing single entry. */
table.bulk-comlog-table .trash {
	color: red;
}

table.bulk-comlog-table .trash:hover {
	opacity: 70%;
	cursor: pointer;
}

table.bulk-comlog-table .spoh-item {
   margin-bottom: 10px;
   white-space: nowrap;
}

table.bulk-comlog-table .lobbyist-item {
   margin-bottom: 10px;
   white-space: nowrap;
}

table.bulk-comlog-table .coalition-item {
   margin-bottom: 10px;
   min-width: 190px;
}

table.bulk-comlog-table .coalition-item .coalition-city,
section.bulk-comlog-modal #coalition-table .coalition-city
{
   font-size: 12px;
}

table.bulk-comlog-table .smd-item {
   margin-bottom: 10px;
}

table.bulk-comlog-table .spoh-name {
   font-size: 15px;
}

table.bulk-comlog-table .spoh-position {
   font-size: 12px;
}

section.bulk-comlog-modal.spoh-modal {
   width: 900px;
}

section.bulk-comlog-modal.coalition-modal {
   width: 800px;
}

section.bulk-comlog-modal.coalition-modal #coalition-table .select-opt {
   font-weight: normal;
   font-size: small;
}

section.bulk-comlog-modal.coalition-modal #coalition-table th:first-child, 
section.bulk-comlog-modal.coalition-modal #coalition-table td:first-child {
   white-space: nowrap;
   text-align: center;
}

section.bulk-comlog-modal.coalition-modal #coalition-table th:last-child {
   width: 100%;
}

section.bulk-comlog-modal.subject-modal {
   width: 900px;
}

section.bulk-comlog-modal.subject-modal hr{
	display: block;
	height: 1px;
	border: 0;
	border-top: 3px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

section.bulk-comlog-modal table th {
	background-color: white !important;
	font-size: 14px;
    border-bottom: 1px solid #B5B5B5 !important;
}

section.bulk-comlog-modal h2 {
	margin-top: 20px;
	margin-bottom: 12px;
}

section.bulk-comlog-modal button.btn-link {
   text-decoration: underline;
    cursor: pointer;
    color: #069;
}

section.bulk-comlog-modal button.btn-submit {
	background-color: #4e6228;
	color: white;
	font-size: 14px;
}

section.bulk-comlog-modal button.popup-modal-dismiss {
	font-size: 14px;
}

section.bulk-comlog-modal .modal-header {
	border: none;
}

section.bulk-comlog-modal div.modal-header span button.popup-modal-dismiss {
	color: white;
	background-color: transparent;
	border-style: solid;
	border-color: white;
	min-width: 100px;
}

section.bulk-comlog-modal h1 {
	border: none;
}

section.bulk-comlog-modal p, 
section.bulk-comlog-modal td input, 
section.bulk-comlog-modal.lobbyist-modal td label,
section.bulk-comlog-modal.coalition-modal td label,
section.bulk-comlog-modal.subject-modal td label {
	font-size: 14px;
	font-weight: normal;
}

section.bulk-comlog-modal .btn-close {
    margin: 5px;
}

/* Remove leading whitespace in SPOH MLA datatable search input. */
section.bulk-comlog-modal .dataTables_filter input {
    margin-left: 0px;
    font-weight: normal;
    border-radius: 5px;
}

/* Right align Showing x of x entires div in SPOH MLA datatable. */
section.bulk-comlog-modal .dataTables_wrapper .showing-entries {
    float: right;
}

/* Make the circle-plus icon green in modal datatables. */
section.bulk-comlog-modal .fas.fa-plus-circle {
    color: #4E6228
}

section.bulk-comlog-modal table#mla-datatable td.dataTables_empty {
	text-align: center;
}

/* Make the circle-plus icon right-aligned within the SPOH MLA datatable. */
section.bulk-comlog-modal table#mla-datatable th:last-child,
section.bulk-comlog-modal table#mla-datatable td:last-child {
    text-align: right;
}

section.bulk-comlog-modal table#mla-datatable td:last-child .fa-plus-circle:hover {
	cursor: pointer;
}

/* Don't wrap any text element in the SPOH MLA datatable. */
section.bulk-comlog-modal table#mla-datatable td {
    white-space: nowrap;
}

section.bulk-comlog-modal #addCustomSpohTab .panel-heading {
    padding: 10px 15px;
}

section.subject-modal table#subject-matter-table th {
    white-space: nowrap;
}

section.subject-modal table#subject-matter-table th:first-child {
	width: 50px;
}

/* Switch button styling */
section.subject-modal .switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
  margin-top: 20px;
}

section.subject-modal .switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

section.subject-modal .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

section.subject-modal .slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

section.subject-modal input:checked + .slider {
  background-color: #2196F3;
}

section.subject-modal input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

section.subject-modal input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
section.subject-modal .slider.round {
  border-radius: 17px;
}

section.subject-modal .slider.round:before {
  border-radius: 50%;
}

section.subject-modal .sliderWrapper {
	margin-top: 20px;
}

section.subject-modal .sliderWrapper div {
	font-size: 14px;
	padding-right: 0;
}

section.subject-modal .sliderWrapper div.col-md-3 {
	margin-top: -17px;
}

.bulk-comlog .certification {
	margin-top: 90px;
	font-size: 15px;
}

.bulk-comlog .certification .form-control {
	font-size: 15px;
}

.bulk-comlog .certification table {
	background-color: #EFEFEF;
}

.bulk-comlog .certification input[type="checkbox"] {
	margin-right: 10px;
}

body.wb-modal .ui-autocomplete {
	z-index: 9999;
}
