/* Custom container */

:root {
    --amber-green: #2BA785;
    --amber-orange: #FEa515;
    --amber-black-grey: #1F2326;
    --amber-grey: #646B70;
    --amber-light-grey: #D1D3D7;

    --blue-text: #007BFF;
    --error-text: red;
    --white-text: #FFFFFF;

    --button-splitter: #E5E7EB;

    --background-primary: #fff;
    --background-secondary: #F4F5F6;

    --result-font-size: 17px;
    --result-header-line-height: 25px;

    --search-btn-font-size: 14px;
    --amber-font: 'Heebo', sans-serif !important;

    --amber-filter: #B0C5D6;

    --amber-detail-border: #9fa2a84d;
}

body, html{
    font-family: var(--amber-font);
    background: var(--background-secondary);
}

button, input, optgroup, select, textarea {
    font-family: var(--amber-font);
}

.container-full {
    margin: 0 auto;
    width: 100%;
    background: var(--background-secondary);
}

.k-header.k-grid-toolbar {
    background: var(--background-secondary);
    border: none;
}

.container-full99 {
    margin: 0 auto;
    width: 99%;
    background: var(--background-secondary);
}

.modal.splash .modal-header{
    background-color:#444444;
    color:var(--amber-black-grey);
}

.modal.splash .modal-content{
    background: var(--background-primary);
}

.yellow-text{
    color:rgba(255,255,255,.5);
}

@media (min-width: 992px) {
    .modal-xlg {
        max-width: 900px;
    }
}

/* Custom navbar */
.navbar-brand,
.navbar-nav>li>a {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.navbar-brand {
    color:var(--amber-orange)!important;

}

.navbar-brand:hover,
.navbar-brand:focus {
    color:var(--white-text)!important;
}

.navbar-nav>.active>a {
    opacity:.8;
}

.div-inline{
    display:inline-block;
}

.dropdown-menu>li>a {
    padding:15px 25px;
}

body {
    background: var(--background-primary);
}

#loginButton,
#pleaseLogIn {
    cursor: pointer;
}

#errorMessage
{
    background-color: var(--amber-green);
    color: var(--error-text);
    margin-bottom: 30px;
}

.error-message-box {
    margin-left: 5%;
    margin-right: 5%;
    color: var(--error-text);
}

#numberIssues{
    margin-top:-1px;
    padding-top:8px;
    background-color: var(--amber-green);
    color: var(--error-text);
}

#advancedOptions{
    margin-left:20px;
    color:#0000FF;
    cursor: pointer;
}

#advancedText{
    margin-left:50px;
}

.searchgrid-title {
    /* Match the padding of the searchtable */
    margin-left: 20px;
}

.rounded-background {
    color: var(--white-text);
    padding-top: 8px;
    background-color: var(--amber-green);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#resultsTable{
    margin-top:10px;
    padding-top:8px;
}

#patents {
    width: 100%;
}

#ignore {
    width: 100%;
}

#amberlink{
    margin-left:-3px;
    margin-right:0px;
    cursor: pointer;
}

#detaillink{
    margin-left:-6px;
    margin-right:0px;
    cursor: pointer;
}

#detailESlink{
    margin-left:-6px;
    margin-right:0px;
    cursor: pointer;
}

.k-grid {
    font-size: 12px;
}

.k-grid-header{
    font-size: 13px;
    font-weight: 900;
}

.k-filter-row th, .k-grid-header th.k-header {
    font-weight: 600;
}

.k-grid-header th.k-with-icon .k-link {
    margin-right: 8px;
}

.k-grid td {
    line-height: 1.2em;
}

.k-grid-header th>.k-link>.k-icon {
    vertical-align: middle;
}

.k-grid-header th.k-header>.k-link {
    display: inline-table;
}

.k-grid-header th>.k-link{
    text-decoration: none;
}

.k-button,
.k-button:hover,
.k-button.k-state-hover,
.k-button.k-state-focused,
.k-button:focus,
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled])  {
    font-weight:700;
    font-size: 13px;
}

#datepicker{
    width : 120px;
    font-size:20px;
    border:0;
    color:var(--amber-orange);
    font-weight:bold;
    text-align: center;
}

.k-datepicker {
    font-size: 1.1rem;
    width: 45%;
}


.new {
    margin-left:-6px;
    margin-right:0px;
    margin-top:1px;
    cursor: pointer;
}

.like {
    margin-left:-6px;
    margin-right:0px;
    margin-top:1px;
    cursor: pointer;
}

.hide {
    margin-left:-6px;
    margin-right:0px;
    margin-top:1px;
    cursor: pointer;
}

.new{
    background: transparent !important;
}

.like .fa:before{
    content: "\f087";
}

.like.active .fa:before{
    content: "\f164";
    color: #3B60AE;
}

.new.active .fa:before{
    content: "\f006";
}

.k-tooltip-content {
    text-align: left;
    font-size: 14px;
}

/*Hover colour for the kendo grid row when mouse is over*/
.k-grid > table > tbody > tr:hover,
.k-grid-content > table > tbody > tr:hover
{
    background: #cccccc;
}

#highlightKeywords {
    width: 360px;
}

.abstractText {
    font-size: 80%;
}

.title-detail {
    cursor: pointer;
}

.title-colour {
    color: var(--amber-green);
}

.currentDetailRow {
    background-color:#ddffff;
}

.patent-thumb {
    max-width:180px;max-height:180px;
}

.link-button {
    background:none!important;
    border:none;
    padding:0!important;
    cursor:pointer;
}

.fa {
    font-size: 14px;
}

.k-grid-header .k-state-active {
  background: transparent;
}

.k-grid-header .k-header {
    position: relative;
}

.k-header > .k-grid-filter {
    position: absolute;
    float: none;
    bottom: 6px;
    right: 6px;
}

.fixed-header {
    top: 0;
    position: fixed;
    z-index: 1;
}

.k-window-title {
    text-align: center;
}

/* Not red text any more update class name at some point */
.blue-text {
    color: var(--blue-text);
}

.family-text-underline {
    color: var(--amber-green);
    text-decoration: underline;
}

.summary-table table,
.summary-table th,
.summary-table td {
    border: 1px solid black;
}

.fake-disabled-btn {
    opacity: .65;
}


.patent-search-description {
    color: #646B70;
    font-size: 80%;
}

.list-group-item-warning {
    color: rgb(119, 119, 119);
    background-color: rgb(241,238,233);
}

.list-group-item {
    color: rgb(119, 119, 119);
    background-color: rgb(241,238,233);
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
    background-color: rgb(241,238,233);
    color: rgb(119, 119, 119);
}

.btn-md-lg {
    padding: .5rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: .25rem;
}

.search-input {
    border-color: #c5c5c5;
    border-style: solid;
    border-width: thin;
}

.inputBox,
.hwt-content {
    padding-left: 8px;
    padding-right: 8px;
}

.keywordHighlightText {
    font-size: 0.875rem;
    vertical-align: middle;
}

.link-image {
    max-width:13px;
    max-height:13px;
}

.tooltip-center {
    text-align: center;
}

.popover {
    white-space: nowrap;
    max-width: none;
}

#link-row table {
    width: 100%;
}

#link-row tr th,
#link-row tr td {
    text-align: center;
}


.btn-warning {
    color: #fff;
    background-color: var(--amber-green);
    border-color: var(--amber-green);
    box-shadow: none !important;
}

.btn-warning:not(:disabled):not(.disabled).active, .btn-warning:not(:disabled):not(.disabled):active, .show>.btn-warning.dropdown-toggle,
.btn-warning:hover, .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning,
.btn-warning.focus, .btn-warning:focus, .btn-warning:active:focus {
    color: #fff;
    background-color: var(--amber-green);
    background-image: none;
    border-color: var(--amber-green);
    box-shadow: none !important;
}

.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: var(--amber-green);
    border-color: var(--amber-green);
    box-shadow: none !important;
}

.btn-warning.focus, .btn-warning:focus {
    box-shadow: none !important;
}

.split-bottom-border {
    border-bottom: 1px solid var(--amber-light-grey);
}

.row-bottom-pad {
    padding-top: 20px;
    padding-bottom: 1cm;
}

#go {
    color: white;
    border-color: var(--amber-green);
    background-color: var(--amber-green);
    font-size: larger;
}

.grid-center-content {
    display: flex;
    justify-content: center;
}
.btn-outline-dark {
    color: var(--amber-grey);
    border-color: lightgrey;
    box-shadow: none !important;
    background-color: var(--background-primary);
}

.btn-outline-dark:not(:disabled):not(.disabled).active, .btn-outline-dark:not(:disabled):not(.disabled):active, .show>.btn-outline-dark.dropdown-toggle {
    color: #fff;
    background-color: var(--amber-green);
    border-color: var(--amber-green);
    box-shadow: none !important;
}

.radio-search-date-frame,
.radio-search-type,
.radio-search-date {
    width: 100%;
}

.radio-button-quarter {
    width: 25%;
}

.radio-button-third {
    width: 33%
}

.radio-button-half {
    width: 50%
}

.custom-tab {
    overflow: hidden;
  }

.custom-tab button {
    background-color: var(--background-primary);
    color: #646B70;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: var(--result-font-size);
    line-height: var(--result-header-line-height);
    border: solid 1px var(--amber-light-grey);
    border-radius: 0.3em 0.3em 0em 0em;
}

.custom-tab button:hover {
    background-color: #ddd;
}

.custom-tab button.active {
    background-color: var(--amber-green) !important;
    border: solid 1px var(--amber-light-grey);
    border-bottom: none;
}

.custom-tab .btn-light:not(:disabled):not(.disabled).active
{
    color: white;
}

.custom-tab button.active sup {
    color: white;
}

.result-header-right {
    color: var(--amber-green);
    float: right;
    background-color: var(--background-primary);
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: var(--result-font-size);
    line-height: var(--result-header-line-height);
    border-radius: 0;
}

/* Add border to the right of the export button */
.result-header-button-border-left {
    border-width: 0px 0px 0px 1px;
    border-style: solid;
    border-color: (--button-splitter);
    border-image: linear-gradient(to bottom, rgba(108,219,141,0) 25%,#D1D3D7 25%,#D1D3D7 75%,rgba(108,219,141,0) 75%);
    border-image-slice: 1;
}

/* Add border to the left of the share button */
.result-header-button-border-right {
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    border-color: var(--button-splitter);
    border-image: linear-gradient(to bottom, rgba(108,219,141,0) 25%,#D1D3D7 25%,#D1D3D7 75%,rgba(108,219,141,0) 75%);
    border-image-slice: 1;
}

.fa-result-header {
    font-size: var(--result-font-size);
    line-height: var(--result-header-line-height);
}

#searchCriteriaGo {
    border-style: solid;
    border-width: 1px;
    border-color: transparent;
}

.keyword-padding {
    padding-top: 5px;
}

.search-button-font .btn,
.search-button-font label,
.search-button-font select,
.search-button-font span.k-datepicker {
    font-size: var(--search-btn-font-size);
}

.search-button-font .btn {
    overflow: hidden;
}

.search-button-font span.k-datepicker {
    line-height: 2.3;
    color: var(--amber-grey);
}

#monthpicker {
    color: var(--amber-grey);
    text-align: center;
    height: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
}

.sup-filter {
    font-weight: bold;
    color: var(--amber-green);
}

.k-grid-filter {
    color: var(--amber-filter);
}

.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active {
    color:var(--amber-green);
}

label
{
    margin-bottom: none;
}

.pad-right
{
    padding-right: 4px;
}

.k-grid,
.k-grid-header-wrap,
.k-grid-header th,
.k-grid-header th.k-header,
.k-filter-row th
{
    border: none;
}

#searchedgrid .k-grid-header th.k-header
{
    border: 1px solid var(--amber-green);
    border-bottom: 3px solid var(--amber-green);
    border-top: 0px;
}

#searchedgrid .k-grid-header th.k-header[data-index="0"]
{
border-left: 0px solid black;
}

#searchedgrid .k-grid-header th.k-header[data-index="11"]
{
border-right: 0px solid black;
}

.k-grid-header th
{
    background: var(--background-secondary);
}

.search-help
{
    color: var(--amber-green);
    font-size: 20px;
    line-height: 19px;
}

.template-wrapper > p {
    color: var(--amber-grey);
}

.template-wrapper > h6 {
    color: var(--amber-green);
}

#search-help_tt_active,
#search-type-help_tt_active {
    background-color: var(--background-primary);
}

.hwt-backdrop {
    background: white;
}

/* Sort grid header green */
th[data-dir].k-header > a.k-link {
    color: var(--amber-green);
}

.result-grid-control-circle {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.likeBackground {
    background-color: var(--amber-green);
}

/* get rid of odd white background to the left */
#resultgrid
{
    background: var(--background-secondary);
}

/* reset the above so none alt rows are white */
#resultgrid .k-grid-content
{
    background: white;
}

#searchedgrid .k-grid-header
{
    background: var(--background-secondary);
    border-bottom: 0px;
}

#resultgrid .k-grid-header
{
    background: var(--background-secondary);
    border-bottom: 0px;
}

#resultgrid .k-grid-header th.k-header
{
    border-bottom: 1px solid #c5c5c5;
}

#errorsMessageBox
{
    margin:0px;
    background-color: var(--amber-green);
    color: var(--error-text);
    border: 0px;
}

.dropdown-toggle::after {
    color: var(--amber-orange);
}

/* Style checkbox */
.k-checkbox:checked+.k-checkbox-label:before
{
    border-color: rgba(0,0,0,.15);
    color: var(--amber-orange);
    background-color: white;
}

.k-checkbox+.k-checkbox-label:before
{
    border-color: rgba(0,0,0,.15);
    color: #ff6358;
    background-color: #fff;
}

.title-height
{
    height: 31px;
}

/* .k-grid td.last-row */
#resultgrid tbody tr:last-child td,
#searchedgrid tbody tr:last-child td
{
    border-bottom: 1px solid #c5c5c5;
}

.button-gap
{
    background: var(--background-secondary);
}

/*Give the filter buttons a bootstrap like look*/
.k-button,
.k-button:active,
.k-button:focus,
.k-button.k-state-focused,
.k-button:active, .k-button.k-state-active,
.k-primary:active,
.k-primary:focus,
.k-primary.k-state-focused,
.k-button:active, .k-button.k-state-active
{
    color: white;
    border-color: var(--amber-green);
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-color: var(--amber-green);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-button:active:hover, .k-button.k-state-active:hover
{
    color: white;
    background-color: var(--amber-green);
    border-color: var(--amber-green);
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-button:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]),
.k-button:focus:active:not(.k-state-disabled):not([disabled])
{
    -webkit-box-shadow: 0 0 3px 1px var(--amber-green);
    box-shadow:0 0 3px 1px var(--amber-green);
}

.k-primary, .k-overflow-container .k-primary,
.k-primary:hover,
.k-primary:focus,
.k-primary:active,
.k-button:hover
{
    color: white;
    border-color: var(--amber-green);
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-color: var(--amber-green);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list>.k-state-selected,
.k-list>.k-state-highlight,
.k-panel>.k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar
.k-state-selected,
.k-scheduler .k-today.k-state-selected,
.k-marquee-color,
.k-i-arrow-60-down,
.k-numeric-wrap .klink.k-state-selected
{
    color: white;
    background-color: var(--amber-green);
    border-color: var(--amber-green);
}

.k-numeric-wrap .k-link.k-state-selected
{
    background-color: var(--amber-green);
}

.k-state-focused.k-state-selected,
.k-list>.k-state-focused.k-state-selected,
.k-listview>.k-state-focused.k-state-selected,
td.k-state-focused.k-state-selected
{
    -webkit-box-shadow: inset 0 0 3px 4px var(--amber-green);
    box-shadow: inset 0 0 3px 4px var(--amber-green);
}

.k-calendar .k-state-selected
{
    background: var(--amber-green);
}

.k-select
{
    background: var(--amber-green);
    color: white;
}

.k-link.k-state-selected
{
    background: var(--amber-green);
}

.k-datepicker .k-icon.k-i-arrow-60-down
{
    margin-top: 10px;
}

.k-dropdown .k-input
{
    background: white;
}

.k-grid-filter:hover
{
    color: var(--amber-green);
}

li .k-state-hover,
li .k-state-hover:hover,
.k-state-selected,
.k-state-hover,
.k-state-hover:hover
{
    background-image: none;
}

.k-datepicker, .k-datepicker .k-state-hover, .k-picker-wrap.k-state-default,
#monthpicker, #monthpicker .k-state-hover,
.k-datepicker .k-select,
#inputPanel .k-select,
#inputPanel .k-icon,
.k-datepicker .k-icon.k-i-arrow-60-down
{
    background: #fff;
    color: black;
}

#patents,
#ignore,
#projectText,
#clientText
{
    border-radius: 3px 3px 3px 3px;
    resize: none;
}

/* Force size on the select box */
/* .control-size .k-dropdown[aria-expanded="false"] */
.control-size .k-dropdown
{
    max-height: 34px;
    width: 90px;
}