/* Minification failed. Returning unminified contents.
(1528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1530,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1540,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1541,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1542,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1547,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1554,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1561,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1562,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1563,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1568,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1575,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1576,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-tradition-blue'
(1577,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-tradition-blue'
(1583,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-charcoal'
(1584,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1614,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-charcoal'
(1638,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-charcoal'
(1650,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-charcoal'
(1715,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1724,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1774,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1785,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-light-ecru'
(1786,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1802,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1806,29): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1811,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1841,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1847,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1848,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1864,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1883,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1884,28): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1890,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-light-ecru'
(1891,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1895,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-light-ecru'
(1896,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1897,36): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1910,24): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1939,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
(1970,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1971,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-teal'
(1975,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-charcoal'
(1976,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-data-light-blue'
(1992,17): run-time error CSS1039: Token not allowed after unary operator: '-apc-paper-white'
(1993,22): run-time error CSS1039: Token not allowed after unary operator: '-apc-heritage-teal'
 */
body {
    background-color: #404141;
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6, p, div, a, td, th, svg {
    font-family: 'Open Sans', sans-serif;
}

hr {
    border-color: #FFFFFF;
    margin: 0px;
}

footer {
    background-color: #404141;
    color: #FFFFFF !important;
    font-weight: normal !important;
    padding: 0;
}

.form-control {
    font-size: small !important;
    padding-bottom: 0.5rem;
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
}

.md-form label {
    font-size: small;
}

.form-label-inline {
    line-height: 4em;
}

.form-label-inline-checkbox {
    line-height: 3em;
}

.required {
    color: #FF0000;
}

.customddlstyle {
    border-top: none;
    border-left: none;
    border-right: none;
    margin-bottom: 0rem;
    padding-bottom: 0rem;
}

.card {
    border: 1px solid #333;
    background-color: #FFFFFF;
    box-shadow: none;
}

.card-block {
    padding: 0.8rem !important;
    padding-right: 0.2rem !important;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    color: black;
}

    .card-block p {
        margin-bottom: .2rem !important;
    }

.card-header {
    background-color: #808282 !important;
    color: #ffffff;
    height: 2rem;
    line-height: 2rem;
    padding-left: 10px;
    border-radius: 0px;
    padding-top: 0px;
}

[type="checkbox"].filled-in:checked + label:after {
    border: 2px solid #63666A;
    background-color: #63666A;
}

[type="radio"].filled-in:checked + label:after {
    border: 2px solid #63666A;
    background-color: #63666A;
}

.btn {
    padding-top: .3rem 1rem .5rem 1rem !important;
    font-size: 14px !important;
}

.container {
    width: 84% !important;
}

.tab-content {
    padding-bottom: 0rem !important;
    padding-top: 0rem !important;
}

.nav-tabs li a {
    font-weight: bold !important;
}

.tab-header {
    margin: 20px;
}

    .tab-header h3 {
        font-weight: 300 !important;
        text-transform: uppercase;
    }

.patent-nav {
    color: #FFFFFF;
}

.patent-nav-label {
    font-weight: 300;
}

#dtDateRange {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 420px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-left: 10px;
}

    #dtDateRange span {
        color: black !important;
    }

    #dtDateRange > i {
        color: #4D4D4D;
    }

#lblCategories {
    margin-right: 10px;
}

.sltCategoryType, .sltCategoryType:focus, .sltCategoryType:active {
    border-radius: 4px;
    background-color: #FFFFFF;
    margin-left: 10px;
    font-family: 'Open Sans', sans-serif;
    width: 200px;
    padding-top: 0px !important;
}

[type=checkbox] + label {
    height: 18px !important;
}

input[type=date], input[type=datetime-local], input[type=email], input[type=number], input[type=password], input[type=search-md], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url] {
    height: 1.2rem !important;
    width: 80%;
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.3rem - 2px) !important;
}

.md-form {
    margin-bottom: .8rem;
}

.jsgrid-table {
    width: 100% !important;
}

    .jsgrid-table td {
        overflow: visible;
        text-align: left;
        vertical-align: top;
        white-space: normal;
    }

    .jsgrid-table select {
        display: inline !important;
    }

/** Remove vertical scrollbars from jsgrids **/
.jsgrid-grid-header,
.jsgrid-grid-body {
    overflow: auto;
}

.jsgrid-grid-header {
    background: #CCCCCC;
    color: #FFFFFF;
    overflow-x: hidden; /** Remove horizontal scrollbar from jsgrid header */
}

.jsgrid-header-row > th {
    background: darkgray !important;
    color: black;
    font-weight: normal !important;
}

.jsgrid-row:hover, .jsgrid-alt-row:hover {
    background-color: #999999;
}

.jsgrid-selected-row {
    background-color: #CCCCCC;
}

    .jsgrid-selected-row td {
        background: #eeeeee;
        border-color: #eeeeee;
        cursor: default;
    }

.nav-item i {
    margin-bottom: 0px !important;
    margin-top: 2px !important;
}

.nav-item a {
    padding: 10px;
}

.file-field input.file-path {
    width: 90% !important;
}

.file-field .btn {
    line-height: 1rem !important;
}

.md-form .btn {
    margin-bottom: .5rem !important;
}

.file-field .file-path-wrapper {
    height: 4rem !important;
    padding-right: 10px !important;
}

.ui-dialog-title {
    width: 80% !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 20% !important;
}

.ui-button-icon-only .ui-icon {
    top: 10% !important;
    left: 73% !important;
}

.ui-button-icon-space {
    margin: 0px !important;
}

select, textarea, span, placeholder, a, tr, td, text, ul,
.form-control, .card-header, .waves-button-input, .file-path, input[type="search"] {
    font-size: 13px;
    font-weight: normal;
}

.jsgrid-table > .jsgrid-header-row, input[type="text"] + label, input[type="textarea"] + label, input[type="datepicker"] + label,
input[type="password"] + label, input[type="datetime"] + label, input[type="datetime-local"] + label, input[type="date"] + label, input[type="month"] + label,
input[type="time"] + label, input[type="week"] + label, input[type="number"] + label, input[type="email"] + label, input[type="url"] + label, input[type="tel"] + label,
input[type="color"] + label {
    color: #333333 !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

td, .jsgrid-header-cell {
    color: #333333;
    font-size: 13px;
}

text, textarea, input[type="text"], select {
    color: black !important;
}

.fa-plus-circle, .fa-arrow-circle-left, .fa-arrow-circle-right {
    font-size: 25px !important;
}

.btn-sm {
    font-size: .8rem !important;
    padding-top: .3rem 1rem .5rem 1rem !important;
}

label {
    font-size: 13px !important;
    font-weight: bold !important;
    color: black !important;
}

[type=checkbox]:checked, [type=checkbox]:not(:checked) {
    position: relative !important;
    visibility: visible !important;
    left: 0px !important;
}

.textalignleft {
    text-align: left !important;
}

.textaligncenter {
    text-align: center !important;
}

.fa-user:before {
    content: initial !important;
}

.fa-envelope:before {
    content: initial !important;
}

.fa-heart:before {
    content: initial !important;
}

/** Charts */

/** MDB overrides for card headers for charts */
.chart-card {
    background-color: #FFFFFF;
    border: none;
}

.chartImage {
    float: right;
}

    .chartImage img {
        float: left;
    }

/** Google Charts tooltips **/

.google-visualization-tooltip {
    white-space: nowrap;
    text-align: left;
}

/* MDB overrides for region select list */
.region-select {
    width: 400px;
}

input.select-dropdown {
    margin: 0px;
}

.select-wrapper span.caret {
    right: 10px;
    top: 4px;
}

.caret {
    border-top: none;
    border-right: none;
}

.select-wrapper input.select-dropdown {
    font-size: 13px;
}

.mdb-skin .dropdown-content li:not(.disabled) span {
    color: #333333;
}

.dropdown-content li > a, .dropdown-content li > span {
    font-size: 13px;
    color: #333333;
    padding: 0.5rem;
}

.dropdown-content li.optgroup > span {
    font-weight: bold;
}

/* https://www.virtuosoft.eu/tools/css-gradient-generator/?t=linear&d=right&r=off&sp=80d9ff_0_%25__205167_100_%25 */
.gradient {
    background-color: #056DB0;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjODBkOWZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyMDUxNjciIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgb(76, 185, 255)),color-stop(1, rgb(2, 52, 84)));
    /* Android 2.3 */
    background-image: -webkit-linear-gradient(left,rgb(76, 185, 255) 0%,rgb(2, 52, 84) 100%);
    /* IE10+ */
    background-image: linear-gradient(to right,rgb(76, 185, 255) 0%,rgb(2, 52, 84) 100%);
    background-image: -ms-linear-gradient(left,rgb(76, 185, 255) 0%,rgb(2, 52, 84) 100%);
    width: 300px;
    height: 18px;
    float: left;
}

/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff80d9ff",endColorstr="#ff205167",GradientType=1);
    }
}

.geoChartLegend {
    margin-top: 20px;
}

.geoChartLegendValue {
    float: left;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
}

.geoChartNonCountry {
    display: inline-block;
    height: 40px;
    font-size: 13px;
    vertical-align: middle;
}

.geoChartNonCountryColor {
    background-color: #F5F5F5;
    float: left;
    width: 30px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

.geoChartNonCountryText {
    display: inline-block;
    vertical-align: middle;
    margin-right:10px;
}

    .geoChartNonCountryText span {
        line-height: 20px;
    }

div.google-visualization-tooltip p.geochartTooltip {
    width: 100px;
    height: 70px;
}

.word-wrap {
    word-break: keep-all;
}

/** Navbar **/

.navbar {
    background-color: rgb(51, 51, 51);
    background-color: #333333;
    box-shadow: none;
    padding: 0px 30px 0px 0px;
    color: white;
    height: 35px;
    min-height: 35px;
}

.userName {
    line-height: 30px;
    padding: 5px 0px 0 10px;
}

.btn-group {
    margin-left: 10px;
}

i.nav-button {
    cursor: pointer;
    font-size: 24px !important;
    line-height: 30px;
    margin-top: 20%;
}

i#user-icon {
    font-size: 22px !important;
}

div.logo {
    padding-top: 0px;
}

    div.logo a img {
        height: 50px;
        border-radius: 2px;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.12), 0 2px 5px 0 rgba(0,0,0,.09);
        border-radius: 0;
    }

@media only screen and (min-width: 900px) {
    div.logo a img, .headerimage {
        height: 65px;
        margin: 0;
        box-shadow: 0 2px 3px 0 rgba(0,0,0,.12), 0 2px 5px 0 rgba(0,0,0,.09);
        border-radius: 2px;
    }
}

a.nav-link {
    font-size: 16px;
    text-transform: uppercase;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-left: 0px;
}

.mdb-skin .navbar {
    background-color: #333;
}

.wrapper {
    background-color: #404141;
    color: #FFFFFF;
    display: flex;
    align-items: stretch;
}

/**
    Portal Banner **/

#banner-wrapper {
    margin-top: 30px;
    background: url('../../Images/DashboardBannerRight.jpg') no-repeat right #FFFFFF;
    height: 120px;
    width: 100%;
}

#banner-logo {
    background: url('../../Images/DashboardBannerLeft.png?v=ashurst-perkins-coie') no-repeat 20px 0px #FFFFFF;
    height: 120px;
    width: 340px;
    margin: 0px;
    padding: 0px;
}

/**
    Sidebar**/

#sidebar {
    background: #808282;
    color: #fff;
    min-width: 16%;
    max-width: 16%;
    min-height: 100vh;
    position: fixed;
    left: 0;
}

    #sidebar.active {
        margin-left: -250px;
    }

    #sidebar .sidebar-header {
        background: #808282;
        width: 100%;
        min-height: 50px;
        padding: 40px 0px 0px 0px;
    }

        #sidebar .sidebar-header img {
            position: relative;
            width: 100%;
            box-shadow: 2px 2px 5px 1px rgba(0,0,0,.16), 2px 2px 10px 2px rgba(0,0,0,.12);
        }

    #sidebar ul.components {
        padding: 20px 0;
    }

    #sidebar ul p {
        color: #fff;
        padding: 10px;
    }

    #sidebar ul li a {
        padding: 10px;
        display: block;
    }

        #sidebar ul li a:hover {
            color: #404041;
            background: #fff;
        }

    #sidebar ul li.active > a, #sidebar a[aria-expanded="true"] {
        color: #fff;
        background: #4d4d4d;
    }

    #sidebar ul ul a {
        padding-left: 30px !important;
        background: #808282;
    }

a[data-toggle="collapse"] {
    position: relative;
}

a, a:hover, a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.row {
    margin-left: -3px !important;
    margin-right: -13px !important;
}

/*END*/

#content {
    margin-left: 16%;
    padding-left: 0px;
    padding-right: 0px;
}

/** Prevent tooltip flicker on charts */
svg > g > g:last-child, div.google-visualization-tooltip {
    pointer-events: none;
}

select, textarea, span, placeholder, a, tr, td, text, ul,
.form-control, .card-header, .waves-button-input, .file-path, input[type="search"] {
    font-size: 13px;
    font-weight: normal;
}

.tile_count {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .tile_count .tile_stats_count {
        border-bottom: 1px solid #D9DEE4;
        padding: 0 10px 0 20px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
    }

@media (min-width: 992px) {
    .site-footer--sidebar {
        margin-left: 15.5%;
    }
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px;
    }
}

.tile_count .tile_stats_count:before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px;
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count:first-child:before {
        border-left: 0;
    }
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600;
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count .count {
        font-size: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px;
    }
}

.tile_count .tile_stats_count span {
    font-size: 12px;
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count span {
        font-size: 13px;
    }
}

.tile_count .tile_stats_count .count_bottom i {
    width: 12px;
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
}

.mdb-skin .side-nav .logo-wrapper {
    background: black;
}

.mdb-skin .side-nav .logo-wrapper {
    background: black;
}

/**
    Date Picker **/

.ranges li {
    color: #333333;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #696B6B;
    border: 1px solid #696B6B;
    color: #fff;
}

.daterangepicker .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: none !important;
}

    .daterangepicker .input-mini.active {
        border: 1px solid #ccc;
    }

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    display: inline;
    font-size: 12px;
    padding: 1px;
    height: auto;
    cursor: default;
    border: 1px solid #ADB2B5;
    border-radius: 4px;
    line-height: 30px;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
}

.daterangepicker td.in-range {
    background: #E4E7EA;
    color: #333333;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #696B6B;
    color: #fff;
}

.daterangepicker th.available:hover {
    background: #eee;
    color: #333333;
}

.daterangepicker:before,
.daterangepicker:after {
    content: none;
}

.daterangepicker .calendar.single {
    margin: 0 0 4px 0;
}

    .daterangepicker .calendar.single .calendar-table {
        width: 224px;
        padding: 0 0 4px 0 !important;
    }

        .daterangepicker .calendar.single .calendar-table thead tr:first-child th {
            padding: 8px 5px;
        }

        .daterangepicker .calendar.single .calendar-table thead th {
            border-radius: 0;
        }

.daterangepicker.picker_1 {
    color: #fff;
    background: #696B6B;
}

    .daterangepicker.picker_1 .calendar-table {
        background: #696B6B;
    }

        .daterangepicker.picker_1 .calendar-table thead tr {
            background: #696B6B;
        }

            .daterangepicker.picker_1 .calendar-table thead tr:first-child {
                background: #696B6B;
            }

        .daterangepicker.picker_1 .calendar-table td.off {
            background: #696B6B;
            color: #333333;
        }

        .daterangepicker.picker_1 .calendar-table td.available:hover {
            color: #34495E;
        }

.daterangepicker.picker_2 .calendar-table thead tr {
    color: #696B6B;
}

    .daterangepicker.picker_2 .calendar-table thead tr:first-child {
        color: #73879C;
    }

.daterangepicker.picker_3 .calendar-table thead tr:first-child {
    color: #fff;
    background: #696B6B;
}

.daterangepicker.picker_4 .calendar-table thead tr:first-child {
    color: #fff;
    background: #696B6B;
}

.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
    background: #ECF0F1;
    border: 1px solid #fff;
    border-radius: 0;
}

    .daterangepicker.picker_4 .calendar-table td.active {
        background: #34495E;
    }

.applyBtn, .applyBtn:focus, .applyBtn:hover {
    background-color: #404141 !important;
    border-color: #404141;
    border-radius: 4px;
    color: #FFFFFF;
}

.cancelBtn {
    background-color: #FFFFFF !important;
    border-radius: 4px;
    color: #333333 !important;
    border-color: #333333 !important;
}

.btn-default.cancelBtn:focus, .btn-default.cancelBtn:hover {
    background-color: #808282 !important;
    border-radius: 4px;
    color: #333333 !important;
    border-color: #333333 !important;
}

@media (max-width: 1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 14px !important;
    }

    .tile,
    .graph {
        zoom: 85%;
        height: inherit;
    }
}

@media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
        display: none;
    }
}

.x_panel {
    position: relative;
    width: 100%;
    color: #333333;
    margin-bottom: 10px;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}

.x_title {
    border-bottom: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-bottom: 10px;
}

    .x_title .filter {
        width: 40%;
        float: right;
    }

    .x_title h2 {
        margin: 5px 0 6px;
        float: left;
        font-size: 14px;
        display: block;
        text-overflow: ellipsis;
        /*overflow: hidden;*/
        white-space: nowrap;
        font-weight: bold;
    }

        .x_title h2 small {
            margin-left: 10px;
        }

    .x_title span {
        color: black;
    }

.x_content {
    padding: 0 5px 6px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}

    .x_content h4 {
        font-size: 16px;
        font-weight: 500;
    }

.panel_toolbox {
    float: right !important;
}

    .panel_toolbox > li {
        float: left;
        cursor: pointer;
    }

        .panel_toolbox > li > a {
            padding: 5px;
            font-size: 14px;
        }

    .panel_toolbox a.chart-menu {
        color: #666666;
        font-size: 18px !important;
    }

.chart-dropdown {
    font-size: 14px;
    line-height: 28px;
    left: -136px;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
}

.dashboardMetric {
    text-align: center;
}

.totalassetcount {
    font-size: 60px !important;
}

.totalassetheader {
    font-size: 20px !important;
    color: #F9DB24;
    font-weight: bold !important;
}

.totalissuedheader {
    color: #90BA41;
    font-size: 14px !important;
    font-weight: bold !important;
}

.totalpendingheader {
    color: #DE7A22;
    font-size: 14px !important;
    font-weight: bold !important;
}

.totalunfiledheader {
    color: #056DB0;
    font-size: 14px !important;
    font-weight: bold !important;
}

.totalinactiveheader {
    color: #C8C8C8;
    font-size: 14px !important;
    font-weight: bold !important;
}

@media (max-width: 1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px;
    }

    .tile {
        zoom: 85%;
        height: inherit;
    }
}

@media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
        display: none;
    }
}

/**
    Modals **/
.modal {
    color: #333333;
}

.modal-open .modal {
    /** Remove vertical scrollbar from the side of the main window*/
    overflow-y: hidden;
}

.modal-body {
    /** Allow vertical scrolling inside a modal dialog **/
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.card-link {
    color: #056DB0;
    text-decoration: none;
    transition: all 0.3s;
}

    .card-link:hover, .card-link:active {
        color: #DE7A22;
    }

#srchKeyword {
    color: white !important;
    font-size: 14px;
}

#divdashboardMetric {
    text-align: center;
}

.adminlink {
    color: black !important;
    padding-left: 12% !important;
}

.closetick {
    font-size: 22px !important;
}

.modal-dialog {
    max-width: 100% !important;
}

#chartImageModalLabel {
    font-weight: bold;
}

.rightcornerdiv {
    left: -136px;
}

#userprofileimage {
    height: 110px;
    width: 120px;
}

.daterangepicker_input .input-mini {
    height: 30px !important;
    width: 84% !important;
}

.display {
    display: none;
}

.marginright0 {
    margin-right: 0px !important;
}

#divImageModaldialog {
    width: 90%;
    top: 5%;
}

a.patent-link {
    color: #056DB0;
    font-size: 1rem !important;
    text-decoration: underline;
}

.jsgrid-cell a.patent-link {
    font-size: 13px !important;
}

.patent-title {
    color: #056DB0;
    text-decoration: underline;
}

    .patent-title:hover {
        cursor: pointer;
    }

#categorytypemodal {
    width: 30%;
}

#DialogCategoryType {
    padding-top: 10%;
}

.teaminofrmationrow {
    padding: 0.5rem 0;
    margin-right: 0px !important;
    margin-left: 10px !important;
}

label.team-member-name, a.team-member-name {
    font-weight: bold !important;
    font-size: large !important;
}

#tabsView {
    padding: 0px !important;
}

/** Perkins Admin **/
#chkIsAdmin {
    margin-top: 5%;
}

#perkinsAdminTabs {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    z-index: 0;
}

.nav-tabs .nav-link.perkins-admin-tab, .nav-tabs .nav-link.perkins-admin-tab:hover {
    background-color: #808282;
    color: #fff;
    border-color: #808282;
    border-radius: 0;
}

    .nav-tabs .nav-link.perkins-admin-tab.active, .nav-tabs .nav-link.perkins-admin-tab.active:hover {
        background-color: #FFF;
        color: #333;
        border-color: #FFF;
        border-radius: 0;
    }

.nav-tabs .nav-item {
    border-radius: 0px;
    margin-bottom: 0px;
}

.nav-tabs .nav-link {
    border-radius: 0;
}

.tab-content.perkins-admin-tab-content {
    background-color: #FFF;
    color: #333;
    border-radius: 0px;
    font-size: 13px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.select2-input {
    width: 275px;
}

.tab-content.perkins-admin-tab-content p {
    margin: 0px 10px;
}

.tab-content-indent {
    margin-left: 10px;
}

.FilterLabelAlignment {
    padding-top: .5rem !important;
}

.usefulLinks-padding {
    padding-bottom: .3rem;
}

.disclaimer {
    text-decoration: none;
    transition: all 0.3s;
    color: white;
    width: 100%;
}

.disclaimerCopyright {
    color: white;
    text-decoration: none;
    transition: all 0.3s;
    width: 190px;
}

.disclaimertd {
    width: 10%;
}

.disclaimertable {
    width: 100%;
    height: 100%;
}

.site-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.site-footer__inner {
    align-items: center;
    display: flex;
    gap: 3rem;
    min-height: 4rem;
    padding: 0.9rem 1.5rem;
}

.site-footer__copyright {
    color: #FFFFFF;
    flex: 0 0 auto;
    font-size: 0.78rem;
    line-height: 1.35;
    margin: 0;
    white-space: nowrap;
}

.site-footer__links {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: 2.5rem;
}

.site-footer__links a {
    color: #FFFFFF;
    font-size: 0.78rem;
    line-height: 1.35;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
}

.site-footer__links a:focus,
.site-footer__links a:hover {
    color: #D7E5E7;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .site-footer__inner {
        align-items: flex-start;
        gap: 0.75rem;
    }

    .site-footer__copyright {
        white-space: normal;
    }

    .site-footer__links {
        flex-wrap: wrap;
        gap: 0.75rem 1.5rem;
    }
}

#divBodyRawDataOfModularWindow {
    width: 100% !important;
}

.popup-header {
    background-color: rgba(193, 191, 191, 0.42);
}

#divheadermdularwindow {
    float: right;
    width: 4%;
}

.jsgrid-nodata-row > .jsgrid-cell {
    text-align: center
}

.form-group {
    margin-bottom: 0px !important;
}

#DialogRawData {
    z-index: 99999;
}

.dialog-width {
    width: 97%
}

#DialogPatentdetails {
    z-index: 9999999;
}

.select2-selection__clear {
    color: white;
}

.select2-selection__rendered {
    padding-left: 2px !important
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

#ajaxSpinnerImage {
    display: none;
}

.category {
    font-size: 14px;
    font-weight: bold;
}

.tooltip {
    font-family: 'Open Sans';
    font-size: 11pt;
    padding: 4px;
}

    .tooltip div {
        padding: 4px;
    }

    .tooltip span {
        font-weight: bold;
    }

#newsIFrame {
    width: 100%;
    height: 400px;
}

.jsgrid-header-row th {
    white-space: pre-wrap;
}

.contact-image {
    width: 150px !important;
}

.toggleSwitch {
    position: relative;
    display: inline-block;
    width: 200px !important;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: rgb(110, 220, 95);
}

    .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #F1F1F1;
    }

:root {
    --apc-tradition-blue: #17202A;
    --apc-heritage-teal: #14363F;
    --apc-liberty-green: #00F2B6;
    --apc-light-ecru: #F7F5E6;
    --apc-paper-white: #FFFFFF;
    --apc-charcoal: #29272D;
    --apc-data-teal: #17565E;
    --apc-data-light-blue: #AFBFC2;
}

.btn-apc-primary,
.btn-apc-primary:focus {
    color: var(--apc-paper-white);
    background-color: var(--apc-heritage-teal);
    border-color: var(--apc-heritage-teal);
}

.btn-apc-primary:hover,
.btn-apc-primary:active {
    color: var(--apc-paper-white);
    background-color: #5A7278;
    border-color: #5A7278;
}

.btn-apc-secondary,
.btn-apc-secondary:focus {
    color: var(--apc-paper-white);
    background-color: #5A7278;
    border-color: #5A7278;
}

.btn-apc-secondary:hover,
.btn-apc-secondary:active {
    color: var(--apc-paper-white);
    background-color: var(--apc-heritage-teal);
    border-color: var(--apc-heritage-teal);
}

.btn-apc-danger,
.btn-apc-danger:focus {
    color: var(--apc-paper-white);
    background-color: #B71616;
    border-color: #B71616;
}

.btn-apc-danger:hover,
.btn-apc-danger:active {
    color: var(--apc-paper-white);
    background-color: var(--apc-tradition-blue);
    border-color: var(--apc-tradition-blue);
}

.btn-apc-link,
.btn-apc-link:focus,
.btn-apc-link:hover {
    color: var(--apc-charcoal);
    background-color: var(--apc-paper-white);
    border-color: transparent;
    box-shadow: none;
}

.btn-apc-primary:hover,
.btn-apc-secondary:hover,
.btn-apc-danger:hover {
    transition: 0.6s;
    box-shadow: 4px 4px 10px #6e7e91;
}

.category-treemap-navigation {
    display: none;
    align-items: center;
    gap: 0.75rem;
    min-height: 2.5rem;
    padding: 0.35rem 0.5rem;
    font-family: Arial, sans-serif;
}

.category-treemap-navigation[aria-hidden="false"] {
    display: flex;
}

.category-treemap-navigation-pending {
    pointer-events: none;
}

.category-treemap-current-level {
    color: var(--apc-charcoal);
    font-weight: 600;
}

.category-status-chart-scroll {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.5rem;
}

.category-status-labels {
    display: grid;
    align-items: start;
    min-height: 4.75rem;
    margin-top: -0.25rem;
    column-gap: 0.35rem;
    font-family: Arial, sans-serif;
}

.category-status-label {
    display: -webkit-box;
    overflow: hidden;
    padding: 0 0.25rem;
    color: var(--apc-charcoal);
    font-size: 0.75rem;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
    word-break: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.category-admin-panel {
    font-family: Arial, sans-serif;
    color: var(--apc-charcoal);
}

.category-admin-panel h2,
.category-admin-panel h3,
.category-admin-panel p,
.category-admin-panel div,
.category-admin-panel a,
.category-admin-panel span,
.category-admin-panel label,
.category-admin-panel button,
.category-admin-panel input,
.category-admin-panel select,
.category-admin-panel option,
.category-admin-panel td,
.category-admin-panel th,
.category-admin-modal,
.category-admin-modal h4,
.category-admin-modal div,
.category-admin-modal span,
.category-admin-modal label,
.category-admin-modal button,
.category-admin-modal input,
.category-admin-modal select,
.category-admin-modal option {
    font-family: Arial, sans-serif;
}

.category-admin-modal .modal-dialog {
    width: 38rem;
    max-width: calc(100% - 2rem) !important;
    margin: 2rem auto;
}

.category-admin-panel button,
.category-admin-panel button:hover,
.category-admin-panel button:focus,
.category-admin-panel button:active,
.category-admin-panel button:disabled,
.category-admin-panel button[disabled],
.category-admin-panel button i,
.category-admin-modal button,
.category-admin-modal button:hover,
.category-admin-modal button:focus,
.category-admin-modal button:active,
.category-admin-modal button:disabled,
.category-admin-modal button[disabled],
.category-admin-modal button i {
    color: #000000 !important;
}

.category-admin-panel .btn-apc-primary,
.category-admin-panel .btn-apc-primary:hover,
.category-admin-panel .btn-apc-primary:focus,
.category-admin-panel .btn-apc-primary:active,
.category-admin-panel .btn-apc-primary:disabled,
.category-admin-panel .btn-apc-primary[disabled],
.category-admin-panel .btn-apc-primary i,
.category-admin-modal .btn-apc-primary,
.category-admin-modal .btn-apc-primary:hover,
.category-admin-modal .btn-apc-primary:focus,
.category-admin-modal .btn-apc-primary:active,
.category-admin-modal .btn-apc-primary:disabled,
.category-admin-modal .btn-apc-primary[disabled],
.category-admin-modal .btn-apc-primary i {
    color: var(--apc-paper-white) !important;
}

.category-admin-intro {
    margin-bottom: 0.75rem;
}

.category-admin-intro h2 {
    margin: 0 0 0.25rem;
    color: var(--apc-heritage-teal);
    font-size: 1.4rem;
    font-weight: 600;
}

.category-admin-intro p {
    margin: 0;
}

.category-admin-toolbar,
.category-admin-card-header,
.category-import-controls {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
}

.category-admin-toolbar {
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.category-admin-toolbar.category-admin-card {
    align-items: center;
}

.category-type-picker {
    flex: 1 1 24rem;
    max-width: 38rem;
    margin-bottom: 0;
}

.category-admin-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    padding-bottom: 1px;
}

.category-type-selection-help {
    min-height: 1.25rem;
    margin: 0.3rem 0 0;
    color: #555;
}

.category-admin-accordion {
    margin-bottom: 0;
}

.category-admin-accordion .category-admin-workflow {
    border: 1px solid var(--apc-data-light-blue);
    border-radius: 3px;
    box-shadow: none;
}

.category-admin-accordion .category-admin-workflow + .category-admin-workflow {
    margin-top: 0.75rem;
}

.category-admin-workflow > .panel-heading {
    padding: 0;
    background: var(--apc-light-ecru);
    border-color: var(--apc-data-light-blue);
}

.category-admin-accordion-toggle {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    width: 100%;
    padding: 0.9rem 1rem;
    column-gap: 0.75rem;
    text-align: left;
    background: transparent;
    border: 0;
}

.category-admin-accordion-toggle:hover {
    background: var(--apc-data-light-blue);
}

.category-admin-accordion-toggle:focus {
    outline: 2px solid var(--apc-data-teal);
    outline-offset: -2px;
}

.category-admin-panel .category-admin-accordion-icon {
    color: var(--apc-data-teal) !important;
    font-size: 1.25rem;
}

.category-admin-accordion-title,
.category-admin-accordion-summary {
    display: block;
}

.category-admin-accordion-title {
    font-size: 1.05rem;
    font-weight: 600;
}

.category-admin-accordion-summary {
    margin-top: 0.2rem;
    font-size: 0.9rem;
    font-weight: 400;
}

.category-admin-accordion-chevron {
    transition: transform 0.2s ease-in-out;
}

.category-admin-accordion-toggle:not(.collapsed) .category-admin-accordion-chevron {
    transform: rotate(180deg);
}

.category-admin-workflow > .panel-collapse > .panel-body {
    padding: 1rem;
    border-top-color: var(--apc-data-light-blue);
}

.category-admin-card {
    margin-bottom: 1rem;
    padding: 1rem;
    background: var(--apc-paper-white);
    border: 1px solid var(--apc-data-light-blue);
    border-radius: 3px;
}

.ui-settings-panel {
    max-width: 58rem;
}

.ui-settings-panel fieldset {
    margin: 0 0 1rem;
    padding: 0;
    border: 0;
}

.ui-settings-panel legend {
    margin-bottom: 0.75rem;
    color: var(--apc-heritage-teal);
    font-size: 1.15rem;
    font-weight: 600;
}

.ui-settings-options {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.ui-settings-option {
    display: flex;
    align-items: flex-start;
    flex: 1 1 14rem;
    gap: 0.55rem;
    margin: 0;
    padding: 0.8rem;
    cursor: pointer;
    background: var(--apc-paper-white);
    border: 1px solid var(--apc-data-light-blue);
    border-radius: 3px;
}

.ui-settings-option:focus-within,
.ui-settings-option:hover {
    background: var(--apc-light-ecru);
    border-color: var(--apc-data-teal);
}

.ui-settings-option.is-selected {
    background: var(--apc-light-ecru);
    border-color: var(--apc-data-teal);
    box-shadow: inset 4px 0 0 var(--apc-data-teal);
}

.ui-settings-option input[type="radio"] {
    position: static !important;
    left: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0.2rem 0 0 !important;
    flex: 0 0 1.1rem;
    cursor: pointer;
    accent-color: var(--apc-data-teal);
    -webkit-appearance: radio;
    appearance: auto;
}

.ui-settings-option strong,
.ui-settings-option small {
    display: block;
}

.ui-settings-option small {
    margin-top: 0.2rem;
    color: #555;
    font-weight: 400;
}

.ui-settings-status {
    margin-left: 0.75rem;
}

.category-admin-card-header {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.category-admin-card-header h3,
.category-admin-card-header h4 {
    margin: 0 0 0.25rem;
    color: var(--apc-heritage-teal);
    font-size: 1.15rem;
    font-weight: 600;
}

.category-admin-card-header p,
.category-source-note,
.category-import-result p {
    margin: 0;
    font-size: 0.9rem;
}

.category-source-note {
    margin-bottom: 1rem;
}

.category-source-badge {
    display: inline-block;
    min-width: 3.5rem;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

.category-admin-anchor {
    scroll-margin-top: 1rem;
}

.category-source-fip {
    color: var(--apc-paper-white);
    background: var(--apc-data-teal);
}

.category-source-application {
    color: var(--apc-charcoal);
    background: var(--apc-data-light-blue);
}

.category-import-controls input[type="file"] {
    max-width: 35rem;
}

.category-import-result {
    margin-top: 0.75rem;
}

.category-import-result ul {
    margin: 0.25rem 0 0;
}

.category-admin-panel .jsgrid-header-row > th {
    color: var(--apc-paper-white);
    background: var(--apc-heritage-teal);
    font-weight: 600;
}

.category-grid-action {
    min-width: 5.2rem;
    margin: 0.1rem 0.2rem;
    padding: 0.25rem 0.5rem;
    font-weight: 600;
}

.category-delete-action {
    color: #000000 !important;
}

.category-readonly {
    color: #666;
    font-size: 0.78rem;
}

@media (max-width: 767px) {
    .category-admin-toolbar,
    .category-admin-card-header,
    .category-import-controls,
    .ui-settings-options {
        align-items: stretch;
        flex-direction: column;
    }

    .category-admin-actions {
        flex-wrap: wrap;
    }

    .category-admin-accordion-toggle {
        padding: 0.75rem;
    }

    .category-admin-workflow > .panel-collapse > .panel-body {
        padding: 0.75rem;
    }
}

#session-expired-modal {
    width: 500px;
    top: 20%;
    left: 33%;
}

#session-expire-warning-modal {
    width: 500px;
    top: 20%;
    left: 33%;
}

#timeouticon {
    background: no-repeat;
}

#timeouttitle {
    float: right;
    width: 85%;
    margin-top: 2%;
    font-weight: bold;
}

.timeoutcontent {
}

#timeoutbody {
    margin-left: 15%;
}

