body {
	background: #fafafa;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
	text-shadow: 0 1px 0 #fff;
}
.main-body {
    color: #555;
    font-family: "Source Sans Pro", sans-serif;

}
.float-left {
    float: left;
}
.float-right {
    float: right;
}
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.table-title {
    text-align: left;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 40px;
}

.close-button{
    float: right;
    margin-right: 20px;
    font-size: 30px;
    /*font-weight: bold;*/
    color:#888888;

}
.sub-heading{
    font-size: 16px;
    font-weight: normal;
}
table {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    padding: 20px;
}
container {
    width: 600px;
    margin: auto;
}

inner-container {
    margin-top: 50px;
    padding-top: 50px;
}
.inner-container {
    padding-bottom: 60px;
}

#container .card{
    margin-left: 50px;
    display: inline-block;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 30px;
    float: left;
    text-shadow: none;
    background-color: #55bde8;
    color: #edf8fd;
    width: 351px;
    height: 170px;
    line-height: normal;
}
.card-top {
    height: 120px;
}
.card-left {
    width: 25%;
    float: left;
}
.card-left img {
    margin-top: 20px;
    margin-left: 5px;
}
.card-right {
    width: 75%;
    float: left;
    padding-top: 18px;
    padding-right: 15px;
}
.card-right div {
    float: left;
    width: 100%;
    text-align: right;
}
.card-count {
    font-size: 60px;
    font-weight: normal;
    color: #fff;
}
.card-bottom {
    background-color: #46495d;
    height: 50px;
}
.card-bottom span {
    float: left;
    line-height: normal;
    padding: 18px 10px 18px 18px;
}
.card-bottom img {
    padding: 18px 0px;
}
.search-wrap {
    float: right;
    margin-right: 20px;
}

.nav-search {
    float: right;
    margin-left: 5px;
    margin-top: 5px;
    outline: none;
}

.nav-search-box {
    padding-left: 5px;
    padding-right: 25px;
    border-radius: 5px;
    background-image: url('/static/services/img/search.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 25px;
    outline: none;
    margin-right: 15px;
}

.navigbar .upload {
    background-image: url('/static/services/img/upload.png')!important;
    background-color: #003366;
    cursor: pointer;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 4px;
    background-position: center;
}
.navigbar .upload:hover{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('/static/services/img/upload.png')!important;
}

a.logout-icon {
    background-color: #eee;
    float: right;
    height: 25px;
    width: 25px;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
}
a.logout-icon span {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#mySearch {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    border-radius: 4px;
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.19);
}
/*table {*/
	/*background: #f5f5f5;*/
	/*border-collapse: separate;*/
	/*box-shadow: inset 0 1px 0 #fff;*/
	/*font-size: 12px;*/
	/*line-height: 24px;*/
	/*margin: 30px auto;*/
	/*text-align: left;*/
	/*width: 1200px;*/
/*}*/

th {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	color: black;
  	font-weight: bold;
	padding: 10px 15px;
	position: relative;

}

td {
	padding: 2px 15px;
	position: relative;
	transition: all 300ms;
    vertical-align: middle !important;
}

tr:first-child {
  border-top: none;
}

tr:last-of-type td {
	box-shadow: inset 0 -1px 0 #fff;
}

tr:last-of-type td:first-child {
	box-shadow: inset 1px -1px 0 #fff;
}

tr:last-of-type td:last-child {
	box-shadow: inset -1px -1px 0 #fff;
}
.red-text{
    color: red;
}
#data-table {
    text-align: center;
}
#data-table .pagination {
    right: 0;
    position: absolute;
    margin-top: 45px;
    padding-right: 20px;
}
#data-table th.sortable {
    cursor: pointer;
}
.count-dropwn-wrap {
    float: left;
    margin-left: 50px;
    display: flex;
    align-items: baseline;
    padding-top: 10px;
}
.filter-dropdown {
    margin-left: 20px;
}
.count-dropwn{
    padding-right:15px;
    margin-left: 5px;
    margin-right: 5px;
}
.heading{
    font-size: 20px;
    font-weight: bold;
    padding-top: 40px;
    margin-left: 50px;
}

.pagination span {
    color: black;
    float: left;
    border: 0.5px solid rgba(0, 0, 0, 0.07);
    padding: 8px 16px;
    text-decoration: none;
}

.pagination span.active {
    background-color: rgb(0, 116, 241);
    color: white;
}

.pagination span:hover:not(.active) {background-color: #ddd;}

label {
	font-size: 15px;
	color: rgba(0, 0, 0, 0.88);
}

.button {
	text-align: center;
	color: rgb(252, 247, 255);
	background: #003366;
	padding: 5px;
}

button:hover{
	background-color: #003F85;
}
/* The navigation bar */
.navigbar {
	font-size: 15px;
    z-index: 1;
	/*float: left;*/
	overflow: hidden;
    background: #003366;
    /*position: fixed; !* Set the navbar to fixed position *!*/
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
	padding: 7px 0px 7px 40px;
}

/* Links inside the navbar */
.navigbar button {
    font-size: 15px !important;
    float: left;
    display: block;
    margin: 0 5px;
	background-color: #003366;
    color: #f2f2f2;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
}

.navigbar button:hover {
    background: #0060bc;
	color: #ffffff;
}
.navigbar .btn-lg {
    padding: 10px 8px !important;
}
.card-img-top{
    background:#FFF;
}
.card-img-top:hover{
    opacity:0.8;
}

/* Main content */
.main {
    border: 0 solid black;
    padding-bottom: 20px;
}

.lock-document-button,
.view-document-button {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 3px 10px;
}

.lock-document-button:hover,
.view-document-button:hover {
    background-color: #0074f1;
    color: #fffccf;
    border: 1px solid #ccc;
}

.unclaim-button {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 3px 10px;
}

.unclaim-button:hover {
    background-color: #fc9191;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 3px 10px;
}

.action-dropdown {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 3px;
}

.download-button,
.merge-button {
    background-color: #e58c2d;
    float: right;
    font-weight: bold;
    color: #fff;
    width: 120px;
    margin-right: 20px;
    border-radius: 5px;
    padding: 5px;
    border: 0;
    margin-bottom: 10px;
}
#split_batch_btn {
    background-color: #e58c2d;
}
.download-button:hover, #split_batch_btn:hover {
    background-color: #EA7F0D;
}
.download-button:disabled,
.merge-button:disabled {
    opacity: .5;
}
.merge-button {
    background-color: #008BFF;
    width: 140px;
}
.merge-button:hover {
    background-color: #0074F1;
}
.table{
    border-collapse: separate;
    padding-top: 0px;
}
.table tr:nth-child(even) {
    background-color: #F4F7F9;
}
.table tr:nth-child(odd) {
    background-color: #ffffff;
}

.details-title {
    padding: 40px 0 10px 55px;
    font-family: Arial, Helvetica, sans-serif;
    color: #808080;
    font-size: 30px;
    font-weight: normal;
    border: 0;
    /*vertical-align: top;*/
}
.details-name {
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #808080;
    font-size: 16px;
    width:100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display:inline-block;
    font-weight: bold;
    margin-bottom: 10px;
}
.details-title .details-name {
    word-wrap: break-word;
}
.doc-list {
    overflow: hidden;
    text-overflow: ellipsis ;
}
.company-name{
    max-width: 200px;
}
.file-name{
    max-width: 240px;
}
.date-field {
    max-width: 80px;
}
.state-name {
    max-width: 200px;
}
.control {
    font-size: 18px;
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    background: #3498cd;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #3498cd;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
    content: '';
    position: absolute;
    left: 4px;
    top: 10px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: -2px 0 0 white, 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white, 4px -10px 0 white, 4px -12px 0 white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

select.minimal, select.classic {

    /* styling */
    background-color: white;
    border: thin solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.2em 3.5em 0.2em 1em;

    /* reset */

    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    }

select.minimal {
    background-image: linear-gradient(45deg, transparent 50%, #808080 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 12px) calc(1em + -4px), calc(100% - 2.5em) 3px;
    background-size: 8px 8px, 8px 8px, 1px 1.5em;
    background-repeat: no-repeat;
}

select.minimal:focus {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + -4px), calc(100% - 12px) calc(1em + -4px), calc(100% - 2.5em) 3px;
    background-size: 8px 8px, 8px 8px, 1px 1.5em;
    background-repeat: no-repeat;
}

label.select-wrap {
    width:70px;
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 4px;
    margin-left: 5px;
    margin-right: 5px;
}
select.classic{
    width: 70px;
    padding-right: 1.5em;
}
label.select-wrap:after {
    content:"\f0d8\00000a\f0d7";
    white-space: pre;
    line-height: 70%;
    color: #808080;
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
    width: 10%;
    height: 100%;
    pointer-events: none;
}

.navigbar .button {
    font-size: 14px;
    font-weight: normal;
    text-shadow: none;
}

#container {
    height: 400px;
    width: 400px;
    position: relative;
    display: inline;
}
#unmatched, #outbound {
    display: block;
}
.card {
    position: relative;
}
.ocr-result {
    width: 95%;
    max-height: 230px;
    overflow-y: scroll !important;
    border: 1px solid #7b7b7b;
    padding: 0 20px 20px 20px;
    margin-left: 10px;
}

.btn:hover, .btn:focus {
    color: #fafafa !important;
    text-decoration: none;
    background-color: #0060bc;
}
.document-pdf {
    margin: 0 5px 5px 60px;
    padding: 0;
    border: 1px solid #808080;
}
.control-group {
    padding-left: 60px;
    padding-right: 80px;
    margin-bottom: 20px;
}

.form-control {
    width: 100%;
    height: 45px !important;
    margin: 0 0 20px 0;
}
.match-button {
    height: 45px !important;
    background-color: #e58c2d;
    display: inline-flex;
    align-items: center;
    margin: 0 0 20px 0 !important;
}

.match-button:hover {
    background-color: #EA7F0D !important;
}

.notfound-button {
    height: 45px !important;
    background-color: #00b6e5;
    display: inline-flex;
    align-items: center;
}

.notfound-button:hover {
    background-color: #64cee5 !important;
}

.form-label {
    color: #808080;
    font-weight: normal;
}

.other-button {
    height: 45px !important;
    background-color: #e9e9e9;
    margin: 0 0 20px 0 !important;
    color: #555555;
    display: inline-flex;
    align-items: center;
}

.btn.other-button {
    width: 48%;
}

.other-button:hover {
    background-color: #9d9d9d !important;
}

.other-button:focus {
    background-color: #848080 !important;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-title {
    display: table;
    width: 100%;
    padding: 5px 10px 5px 10px;
    color: #fafafa;
    background-color: #003366;


}
.modal-message {
    /*background-color: #fefefe;*/
    padding: 10px;
    /*border: 1px solid #888;*/
    /*border-top: 0 !important;*/
    /*width: 40%;*/
    /*border-radius: 0 0 4px 4px !important;*/
}
.modal-content {
    margin: auto !important;
    background-color: #fefefe;
    font-family: "Source Sans Pro", sans-serif;
    border: 1px solid #888;
    border-top: 0 !important;
    width: 40%;
    border-radius: 0 0 4px 4px !important;
}

#file_upload {
    height: 100%;
}
.upload_form .form-control {
    margin-bottom: 0;
}
.upload_form .pdf_file {
    margin-bottom: 20px;
}
.close {
    color: #f0f0f0 !important;
    float: right;
    font-size: 26px !important;
    font-weight: normal !important;
    padding: 0 10px 0 0;
    opacity: 0.8 !important;
}

.close:hover,
.close:focus {
    color: #fafafa !important;
    text-decoration: none;
    cursor: pointer;
}
.pop-up-message {
    padding: 10px 25px 10px 15px;
    margin: 0 !important;

}
.pop-up-title {
    padding: 2px 25px 2px 10px;
    margin: 0 !important;
    font-size: 16px;
}
.cancel-btn:hover{
    background-color: #9d9d9d !important;
}
.del-btn {
    background-color: #d9534f;
    color: #fafafa;
}
.del-btn:hover{
    background-color: #d9392b !important;
}
.push-btn,
.merge-confirm-btn,
.save-btn,
.confirm-convert-btn {
    background-color: #e58c2d;
    color: #fafafa;
}
.push-btn:hover,
.merge-confirm-btn:hover,
.save-btn:hover,
.confirm-convert-btn:hover {
    background-color: #EA7F0D !important;
}

.re-queue-button,
.detect-doc-type-button,
.move-stuck-document-button {
    background-color: #9d9d9d;
    float: right;
    font-weight: bold;
    color: #fff;
    width: 120px;
    margin-right: 20px;
    border-radius: 5px;
    padding: 5px;
    border: 0;
    margin-bottom: 10px;
}

.re-queue-button:hover,
.detect-doc-type-button:hover,
.move-stuck-document-button:hover
{
    background-color: #555555;
}
.re-queue-button:disabled,
.detect-doc-type-button:disabled,
.move-stuck-document-button:disabled
{
    opacity: 0.5;
}
.detect-doc-type-button,
.move-stuck-document-button {
    width: 170px;
}
.input-container {
    position: relative;
}
.clear-input {
    position: absolute;
    top:12px;
    right: 12px;
    cursor: pointer;
    display: none;
}

.clear-company {
    position: absolute;
    top:12px;
    right: 12px;
    cursor: pointer;
}

.loading_indicator {
    display: none;
}
.loader-modal{
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /*height: 100%;*/
    /*width: 100%;*/
    z-index: 2000;
    background: rgba(255, 255, 255, 0.45);
}
.loader{
    position: absolute;
    /* height: 100%; */
     width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.loader-modal svg {

}

.btn.upload-cancel:hover{
    background-color: #9d9d9d !important;
    color: #fafafa !important;
}
/*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control*/
textarea.form-control[readonly].company_meta{
    height: auto !important;
}

/*Loader*/

svg{
	width: 60%;
	height: 60%;
}
.rotate-45{
	transform-origin: center;
	transform: rotate(45deg)
}
.rotate{
	transform-origin: inherit;
	animation: rotate 1s ease-in-out infinite;
}
.rotate-back{
	transform-origin: inherit;
	animation: rotate 1s ease-in-out infinite;
	animation-direction: reverse;
}
.left{
	animation: move 1s ease-in-out infinite;
}
.right{
	animation: move 1s ease-in-out infinite;
}

@keyframes rotate{
	100%{
		transform: rotate(calc(90deg + 45deg))
	}
}
@keyframes move{
	50%{
		transform: translate(-30px,-30px)
	}
}
.remove-page-button, #save_sop_metadata_btn {
    background-color: #e9e9e9;
    color: #555555;
    display: inline-flex;
    align-items: center;
}
.remove-page-button:hover, #save_sop_metadata_btn:hover {
    background-color: #9d9d9d !important;
}
.remove-page-button:focus, .rotate-pdf-button:focus, #save_sop_metadata_btn:focus {
    background-color: #848080 !important;
}
.filter-container {
    border: 1px solid #ddd;
    padding-bottom: 5px;
    padding-left: 50px;
    margin-bottom: 10px;
    text-align: right;
    display: block;
}
.filter-wrap {
    float: left;
    padding-top: 14px;
}
.filter-apply-btn-wrap {
    text-align: left;
    padding-top: 10px;
    display: inline-block;
    margin: 0 20px 0 10px;
}
.filter-apply-btn-wrap .btn{
    padding-top: 4px;
    padding-bottom: 4px;
}
label.select-wrap.select-wrap-auto,
label.select-wrap.select-wrap-auto select.classic {
    width: auto;
}
.table>thead>tr>th.select-all-cbx-container {
    padding: 14px 8px;
}
.batch-doc-info-container {
    height: 800px;
    overflow-y: visible;
    padding-top: 10px;
    word-wrap: break-word;
}
.batch-doc-info-container label {
    color: #808080;
    font-weight: normal;
}
.batch-doc-info-container .info-row {
    margin-bottom: 20px;
}
.error-404 {
    margin-left: 55px;
    margin-top: 20px;
}
table#batch_doc_info_tbl a {
    cursor: pointer;
}
.btn-row {
    margin: 20px 0px;
}
.yes-btn, .ok-btn {
    background-color: #e58c2d;
    color: #fafafa;
}
.yes-btn:hover, .ok-btn:hover {
    background-color: #EA7F0D !important;
}
.no-btn:hover {
    background-color: #9d9d9d !important;
}
.batch-type {
    display:inline-block !important;
    width: 150px !important;
    padding: 0 12px;
    height: 34px !important;
    margin: 0 10px 0 0 !important;
}
.custom-label {
    display: inline;
    padding: .2em .6em .3em;
    border-radius: .25em;
    text-shadow: 0 0 0 #fff;
    white-space: pre;
}
.action-buttons {
    text-align: right;
    margin-top: 15px;
}
.print-queue-trigger {
    padding: 0 25px 0 15px;
    margin: 0 !important;
}
.print-queue-trigger > label {
    color: #555 !important;
    font-size: 14px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 100 !important;
}
.add-to-print-queue {
    padding: 0 15px;
}
.add-to-print-queue > label {
    color: #555 !important;
    font-size: 14px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 100 !important;
}
.alert-message{
    color: red;
    padding-left: 0;
    font-size: small;
}

td#doc_preview {
    vertical-align: top !important;
    width: 68%;
}
#doc_preview_container {
    padding-left: 5px;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
#doc_viewer, #batch_doc_viewer {
    padding: 0px;
    margin: 0px;
    line-height: 0px;
    font-size: 0;
}
td#doc_detail {
    word-wrap: break-word;
}
#doc_details_form {
    overflow-y: visible;
    padding-left: 20px;
    padding-top: 10px;
}
#doc_viewer, #doc_details_form {
    height: 850px;
}
#doc_details_form .control-group {
    padding-left: 10px;
    padding-right: 20px;
}
.batch-doc-info-container .control-group {
    padding-left: 30px;
    padding-right: 20px;
}
#batch_doc_viewer {
    height: 800px;
}
.remove-page-widget .bootstrap-tagsinput{
    width: 130px;
    max-width: 130px;
}
.doc-error {
    color: red;
    margin: 10px 10px 20px 10px;
}
.remove-page-widget {
    margin-bottom: 20px;
    margin-top: 10px;
}
#batch_doc_filename {
    font-weight: bold;
    color: #808080;
}
.col-2-form-group .col-md-6:nth-child(1) {
    padding-left: 0px;
    padding-right: 8px;
}
.col-2-form-group .col-md-6:nth-child(2) {
    padding-left: 8px;
    padding-right: 0px;
}
.doc-btns-block .btn {
    margin-bottom: 20px;
}
.doc-btns-block .btn.ocr-result-btn {
    margin-bottom: 0px;
}
.action-buttons {
    text-align: right;
    margin-top: 15px;
}
.print-queue-trigger {
    padding: 0 25px 0 15px;
    margin: 0 !important;
}
.print-queue-trigger > label {
    color: #555 !important;
    font-size: 14px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 100 !important;
}
.alert-message{
    color: red;
    padding-left: 0;
    font-size: small;
}
#doc_detail_tbl, #batch_doc_info_tbl {
    table-layout: fixed;
}
.notes-container{
    position: relative;
}
.notes-container textarea {
    height: auto !important;
}
.notes-container button {
    position: absolute;
    bottom: 8px;
    right: 8px;
    border-radius: 4px;
    background-color: #e9e9e9;
    border: 1px solid transparent;
}
.notes-container button:hover {
    background-color: #9d9d9d;
}
#doc_detail_tbl, #batch_doc_info_tbl {
    table-layout: fixed;
}
#merge_docs_popup input[name='document_name'] {
    width: 95%;
    float: left;
}
#merge_docs_popup span.doc-ext {
    width: 5%;
    float: left;
    padding-top: 12px;
}
#merge_docs_popup form .error,
form#taxonomy_form .error {
    border: 1px solid #ff0000;
}
#merge_docs_popup form .form-control,
form#taxonomy_form .form-control {
    margin-bottom: 0px;
}
#merge_docs_popup form .field-container {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.error-msg {
    color: #ff0000;
}
#merge_error {
    text-align: center;
}
#documents_to_merge {
    overflow-y: auto;
    max-height: 40%;
}
#taxonomy_list .table {
    padding-left: 50px;
}
#taxonomy_list .filter-container .count-dropwn-wrap {
    margin-left: 10px;
}
#add_taxonomy_btn {
    float: right;
    margin: 0 20px 10px 0;
}
form#taxonomy_form .field-container {
    margin-bottom: 15px;
}
form#taxonomy_form .form-control {
    height: 40px !important;
}
form#taxonomy_form .bootstrap-tagsinput {
    min-height: 40px;
    width: 100%;
}
#taxonomy_list table th.actions-col {
    min-width: 100px;
}
.doc-subtype-container, .additional-recipients-container, .transmittal-document-container, .assigne-container, .is-currency-checkbox-container {
    margin-bottom: 20px;
}
p.error-msg {
    font-size: 14px;
}
#login_block {
    width: 290px;
    margin-top: 100px;
}
#login_block .form-control {
    height: 34px;
    margin-bottom: 0px;
}
#login_block .form-control-feedback {
    top: 6px;
}
#login_title {
    margin-bottom: 20px;
}
#action_history_popup.has-data .modal-content {
    width: 60%;
}
#action_history_popup td {
    vertical-align: top !important;
}
#action_history_popup th.modified-col,
#action_history_popup th.user-col {
    width: 145px;
}
#action_history_popup .modal-message {
    max-height: 500px;
    overflow-y: auto;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
.doc-type-panel {
    margin-bottom: 0 !important;
    float: right !important;
    width: 400px;
    padding-top: 8px;
    margin-right: 20px;
    box-shadow: none !important;
}
.filter-apply-btn {
    float: right;
}
.doc-type-selection {
    float: left;
    padding-top: 3px;
}
.apply-button {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    margin-top: 3px;
}
.doc-type-select-wrap, .source-select-wrap {
    padding-left: 5px;
    margin-bottom: 0 !important;
    margin-right: 5px;
}
.assigned-filter-checkbox {
    padding-left: 5px;
    margin-bottom: 0 !important;
    margin-right: 5px;
    margin-top: 5px;
}
button.ms-choice {
    height: 30px;
    border: thin solid #ccc;
}
div.ms-parent:after {
    content:"\f0d8\00000a\f0d7";
    white-space: pre;
    line-height: 70%;
    color: #808080;
    font-family: FontAwesome;
    position: absolute;
    z-index: 1;
    width: 10%;
    height: 100%;
    pointer-events: none;
    top: 0;
    right: 0;
    padding: 5px 5px 0 0;
}

.ms-drop ul li label{
    text-align: left;
}
.ms-drop ul li label input{
    margin-top: -2px;
    margin-right: 5px;
}
.ms-choice > span {
    padding: 2px 0 2px 15px !important;
}
.ms-choice:hover {
    background-color: white;
}
.ms-choice > div {
    background: none !important;
}
.ms-choice > div.close {
    background: none !important;
}
.doc-types-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-bottom: 15px;
}
#doc_details_form label {
    font-size: 13px;
}
#doc_details_form .form-control {
    margin: 0 0 15px 0;
    font-size: 14px;
}
#doc_details_form .remove-page-widget {
    margin-bottom: 10px;
}
textarea[name="source_meta"].form-control{
    height: 90px !important;
}
.form-block-readonly {
    margin-bottom: 10px;
}
#ein_number_container, #detected_ein_number_container, #filed_article_fields_container {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
#ein_number_container .form-control, #filed_article_fields_container .form-control {
    margin-bottom: 0px;
}
span.error-msg{
    font-size: 12px;
}
.batch-doc-info-container span.error-msg{
    font-size: 15px;
}
.form-control.error {
    border-color: #ff0000;
}
input[type=checkbox]#use_detected_ein_number{
    margin-left: 10px;
}
.filter-contents {
    position: relative;
    width: auto;
    display: inline-block;
    height: 45px;
}
.per-page {
    padding-top: 10px;
}
#taxonomy_list .filter-wrap {
    padding-top: 16px;
}
.add-taxonomy-btn-container {
    display: inline-block;
    float: right;
    margin-top: 7px;
}
#source {
    cursor: pointer;
}
.per-page{
    float:none;
    margin-bottom: 5px;
}
#taxonomy_list .outer-container{
    display: block;
    position: relative;
    height: 50px;
}
.expandable_container {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #eee;
    color: #555;
}
.expandable_content {
    display: none;
    background-color: #fff;
}
.expandable_content, .expandable_title {
    padding: 6px 12px;
    border-radius: 4px;
}
.expandable_title {
    width: 100%;
    float: left;
}
.expandable_title i {
    float: right;
    margin-top: 3px;
    cursor: pointer;
}
.expandable_container.expanded .expandable_title {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1px solid #ccc;
}
.rotate-pdf-button {
    background-color: #e9e9e9;
    color: #555555;
    display: inline-flex;
    align-items: center;
}
.rotate-pdf-button:hover {
    background-color: #9d9d9d !important;
}
#rotation_degrees {
    display: inline;
    width: 128px;
    height: 35px !important;
    margin-left: -2px !important;
    padding: 5px 5px 5px 10px;
}
.rotate-pdf-widget {
    display: inline-block;
    margin-top: 5px;
}
#remove_pages, #rotate_pdf, #rotate_pdf_btn {
    width: 88px;
}
#rotate_pdf {
    margin-left: 1px;
}
#split_options {
    margin-left: 10px;
}
#batch_page {
    width: 65px;
    padding: 5px;
}
.convert-to-batch-button span {
    font-size: 11px;
}
.convert-to-batch-button {
    width: 100% !important;
}
#doc-types {
    margin: 0 !important;
}
#save_sop_metadata_btn {
    float: right;
}
.row-2col{
    width: 100%;
    float: left;
}
.row-2col .col-1, .row-2col .col-2{
    width: 49%;
    float: left;
}

.row-2col .full-row {
    width: 100%; !important;
    float: left;
    margin-bottom: 15px;
}

.row-2col .col-1{
    margin-right: 5px;
}
#doc_details_form .row-2col label{
    font-size: 13px;
}
#sop_metadata_container label.form-label{
    margin-bottom:0px;
}
a#view_company_notes {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
    text-decoration: none;
    cursor: pointer;
}
#company_notes_popup .modal-content {
    width: 60%;
}
#company_notes_popup .modal-message {
    max-height: 500px;
    overflow-y: auto;
}
#company_notes_popup table tr th:nth-child(1),
#company_notes_popup table tr th:nth-child(2),
#company_notes_popup table tr td:nth-child(1),
#company_notes_popup table tr td:nth-child(2) {
    width: 150px;
}
.additional_emails .bootstrap-tagsinput{
    width: 100%;
    height: auto;
    min-height: 50px;
}
.additional_emails {
    padding: 10px 25px 10px 15px;
    margin: 0 !important;
}
.additional_emails > label {
    color: #555 !important;
    font-size: 14px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 100 !important;
}

#ocr_text_content {
    white-space: pre-line;
    overflow: scroll;
    height: 850px;
}

#ocr_text_search_box {
    float: left;
    height: 35px; !important;
    width: 250px; !important;
    margin-right: 2px;
}

#next_button_detail, #prev_button_detail, #close_button_detail{
    float: left;
    height: 35px;
    width: 40px;
    margin: 0px 2px 0px 2px !important;
}

#search_results_count_container {
    margin-left: 10px;
    color: green;
    display: none;
    padding-top: 14px
}

#search_results_count {
    padding-left: 14px;
}

#ocr_text_content {
    display: inline-block;
    margin-top: 15px;
    min-height: 100%;
    min-width: 100%
}

.space { margin-top: 500px; }

#ocr_text_content mark {
  background: #b9da71;
}

#ocr_text_content mark.current {
  background: orange;
}