/*
    Pharma intelligence theme
    06/23/2017
*/

:root {
    /* Theme Colors */
    --theme-color-1: #a34fcf; /* 75% saturation (lighter) of theme color 2. */
    --theme-color-2: #8700c3;
    --theme-color-3: #63428c;
}

/* Offcanvas */
.offcanvas {
    background: rgba(240, 241, 243, 1);
    display: block;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: -20em;
    top: 0;
    width: 20em;
    z-index: 2000;
    transition: right 0.3s ease-in-out 0s;
    -webkit-transition: right 0.3s ease-in-out 0s;
    -moz-transition: right 0.3s ease-in-out 0s;
    -o-transition: right 0.3s ease-in-out 0s;
}

.offcanvas-expanded .offcanvas {
    right: 0;
}

body.offcanvas-expanded {
    margin-left: 0em;
    transition: right 0.4s ease-in-out 0s;
    -webkit-transition: right 0.4s ease-in-out 0s;
    -moz-transition: right 0.4s ease-in-out 0s;
    -o-transition: right 0.4s ease-in-out 0s;
}

.offcanvas .offcanvas-header {
    min-height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #d7dde8;
}

.offcanvas .offcanvas-header:before,
.offcanvas .offcanvas-header:after {
    content: " ";
    display: table;
}

.offcanvas .offcanvas-header:after {
    clear: both;
}

.offcanvas .offcanvas-header .offcanvas-header-title {
    color: #444957;
    font-family: 'signika-light';
    font-size: 24px;
    line-height: 30px;
    padding: 10px 0 9px 15px;
    text-transform: uppercase;
    float: left;
}

.offcanvas .offcanvas-header .offcanvas-close {
    color: #444957;
    font-size: 24px;
    line-height: 30px;
    padding: 8px 10px;
    margin-right: 15px;
    float: right;
    display: inline-block;
}

.offcanvas .offcanvas-footer {
    padding: 10px 15px;
    min-height: 40px;
    border-top: 1px solid #d7dde8;
}
.offcanvas .navbar-nav {
    margin: 0;
}
.offcanvas .navbar-nav > li > a {
    color: #444957;
}

/* header - top-nav */
header .top-nav {
    background-color: #f0f1f3;
}
header .top-nav .navbar-nav > li > a, #myAccount {
    color: #444957;
    font-size: 13px;
    padding-top: 8px;
    padding-bottom: 6px;
}

header .top-nav .navbar-nav > li + li > a:after {
    content: '';
    border-left: 1px solid #444957;
    height: 30%;
    position: absolute;
    top: 13px;
    left: 0;
}
header .top-nav .navbar-left {
    margin-left: -15px;
}
header .top-nav .dropdown-menu {
    background-color: #f0f1f3;
}
header .top-nav .dropdown-menu > li > a {
    color: #444957;
    font-size: 13px;
}
header .top-nav .dropdown-menu > li > a:hover {
    color: #444957;
}
@media screen and (max-width: 1024px) {
    header .top-nav {
        display: none;
    }
}



/* header - mid-nav */
header .navbar.mid-nav {
    min-height: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 0;
}

header .mid-nav .navbar-brand {
    padding: 9px 0 9px 2px;
}
header .mid-nav .navbar-brand .logo-icon {
    display: none;
}

@media screen and (min-width: 1025px) and (max-width: 1175px) {
    header .mid-nav .navbar-brand .logo {
        display: none;
    }
    header .mid-nav .navbar-brand .logo-icon {
        display: block;
    }
    header .top-nav .navbar-nav > li > a {
        padding: 8px 7px 6px;
    }
}
@media screen and (min-width: 1025px) {
    header .mid-nav .navbar-nav > li + li > a:after {
        content: '';
        border-left: 1px solid #a6aab6;
        height: 28%;
        position: absolute;
        top: 17px;
        left: 0;
    }
}
header .mid-nav .navbar-nav > li > .dropdown-menu {
    background-color: #444957;
}
header .mid-nav .dropdown-menu > li > a {
    color: #ffffff;
    font-family: 'signika-light';
    font-size: 13px;
}


header .mid-nav .navbar-form {
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: transparent;
    box-shadow: none;
}

header .mid-nav .navbar-form .form-control {
    color: #444957;
    height: 40px;
    border: 0;
}
@media screen and (max-width: 1024px) {
    header .mid-nav .navbar-form {
        margin-top: 0;
        margin-bottom: 0;
    }
    
    header .navbar-form .input-group-addon,
    header .navbar-form .input-group-btn,
    header .navbar-form .input-group .form-control {
        display: table-cell;
    }
    header .navbar-form .input-group {
        position: relative;
        display: table;
        border-collapse: separate;
    }
    
}
@media screen and (min-width: 1025px) {
    header .mid-nav .navbar-form {
        width: 504px;
    }
}
@media screen and (min-width: 1176px) {
    header .mid-nav .navbar-form {
        width: 519px;
    }
}

/*.navbar-default {
    background-color: rgba(20, 18, 59, 0.85);
    border-color: #14123b;
}*/

header .navbar-form .input-group .input-group-addon,
header .navbar-form .input-group .input-group-btn,
header .navbar-form .input-group .form-control {
	width: 1%;
}
header .navbar-form .input-group > .form-control {
	width: 100%;
}


header .mid-nav .navbar-form .form-control:focus {
    z-index: inherit;
}
header .navbar-form .input-group {
	display: table;
}

header .mid-nav .navbar-form .input-group-btn > .btn {
    padding: 9px 16px;
}
header .mid-nav .navbar-form .btn.dropdown-toggle {
    font-size: 12px;
    font-family: 'signika-bold';
	text-align: left;
    padding: 11px 17px 10px 8px;
	background-color: #e1e3e7;
    border-color: #e1e3e7;
}
/*
header .mid-nav .navbar-form .btn.dropdown-toggle::before {
    content: "\f0d7";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
	color: #6a7285;
	font-size: 15px;
    position: absolute;
    top: 8px;
    right: 4px;
}
*/
header .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active {
    z-index: inherit;
}
header .mid-nav .navbar-form .btn.dropdown-toggle:after {
    content: '';
    position: absolute;
    width: 0;
    height: 17px;
    border: 8px solid #e1e3e7;
    right: -8px;
    top: 11px;
    border-left-style: solid;
    border-right: 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 100;
    box-sizing: border-box;
}

header .mid-nav .input-group-btn .dropdown-menu {
    background-color: #e1e3e7;
}

header .mid-nav .input-group-btn .dropdown-menu > li > a {
    color: #444957;
    font-size: 13px;
    font-family: 'signika-bold';
}

@media screen and (max-width: 1024px) {
    header .nav-sm {
        display: none;
    }
    header .main-nav {
        display: none;
    }
}

header .mobile-links {
    float: right;
}
header .mobile-links .link {
    color: #ffffff;
    position: relative;
    padding: 8px 10px;
    margin-right: 15px;
    display: inline-block;
    float: right;
}
header .mobile-links .link.toggle {
    font-size: 24px;
}
header .mobile-links .link.user {
    font-size: 24px;
    margin-right: 5px;
}
header .mobile-links .link.login {
    padding: 15px 10px 15px 0;
    margin-right: 0;
}
@media screen and (max-width: 355px) {
	header .mobile-links .link.login {
		display: none;
	}	
}
@media screen and (min-width: 1025px) {
    header .mobile-links {
        display: none;
    }
}



/* header - main-nav */
header .main-nav .home-link {
    font-size: 20px;
}
header .main-nav .nav-bar-link {
    font-size: 15px;
}
header .main-nav .dropdown-menu > li > a {
    color: #ffffff;
    font-family: 'signika-light';
    font-size: 13px;
}
header .main-nav .dropdown-menu > li > a:hover {
    color: var(--theme-color-2);
}
header .main-nav .nav > li:first-child > a {
    padding-left: 0;
}
header .main-nav .nav > li:last-child > a {
    padding-right: 0;
}
@media screen and (max-width: 1175px) {
    header .main-nav .nav > li > a {
        padding: 15px 14px;
    }
}
@media screen and (min-width: 1176px) {
    header .main-nav .nav > li > a {
        padding: 15px 20.9px;
    }
}

/* home page layout overides */
#homePage .main-panel {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #FFF;
}
#homePage .main-panel > .container {
    width: 100%;
    padding: 0;
    margin: 0;
}
#homePage .main-panel-inner {
    padding: 0;
    border: none;
    background-color: #FFFFFF;
    min-height: 900px;
}


/* section - hero slider */
.hero {
    background-color: #f0f1f3;
}
.hero .carousel-inner > .item > a {
    display: block;
}
.hero .carousel-inner > .item > img,
.hero .carousel-inner > .item > a > img {
    margin-left: auto;
    margin-right: auto;
}
.hero .carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #ffffff;
}
.hero .carousel-indicators .active {
    margin: 0;
    width: 14px;
    height: 14px;
    background-color: var(--theme-color-1);
}


/* owl slider nav */
.owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 24px;
    line-height: 45px;
    text-align: center;
    width: 30px;
    height: 80px;
    border-radius: 0;
    background-color: var(--theme-color-3);
}
.owl-nav [class*=owl-]:hover {
    background: rgba(99, 66, 140, 0.8);
    color: rgba(255, 255, 255, 0.8);
}
.owl-nav {
    margin: 0;
}
.owl-prev,
.owl-next {
    position: absolute;
    top: 35%;
    margin: auto !important;
}
.owl-prev {
    left: -40px;
}
.owl-next {
    right: -40px;
}
.owl-prev > i,
.owl-next > i {
    line-height: 80px;
    display: block;
}
.owl-prev::after {
    right: 0;
}
.owl-dots {
    text-align: center;
    padding-top: 20px;
}
.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}
.owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    background: #e1e3e7;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}
.owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--theme-color-3);
}

/* typeahead */
/*ul.typeahead.dropdown-menu {}*/
ul.typeahead.dropdown-menu > li > a {
    color: #444957;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.typeahead.dropdown-menu > .active > a,
ul.typeahead.dropdown-menu > .active > a:hover,
ul.typeahead.dropdown-menu > .active > a:focus {
    color: none;
    text-decoration: none;
    outline: 0;
    background-color: #e1e3e7;
}

/* main sections */
.section {
    padding-bottom: 35px;
}

.section.shaded-light {
    background-color: #f0f1f3;
}
.section.shaded-dark {
    background-color: #444957;
}
.section.shaded-dark .section-header h3 {
    color: #FFF;
}
.section .section-header {
    margin: 35px 0 15px;
}
.section .section-header::before,
.section .section-header::after {
    content: " ";
    display: table;
}
.section .section-header::after {
    clear: both;
}
.section .section-header h3 {
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    float: left;
}
.section .section-footer {
    padding-top: 20px;
}


/* section - report library slider */
/*.report-library-slider {}*/
.report-library-slider .action {
    padding-top: 45px;
}

.report-library-slider .item {
    background-color: #f0f1f3;
    border: 1px solid #e0e2e6;
}

.report-library-slider .item .item-img {
    display: block;
}

.report-library-slider .item .item-img > img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.report-library-slider .item-details {
    padding: 4px;
    min-height: 50px;
}

.report-library-slider .item .item-name {
    color: var(--theme-color-1);
    font-size: 13px;
    line-height: 1.1;
    padding-top: 3px;
    min-height: 25px;
    max-height: 40px;
    display: block;
}

.report-library-slider .item .item-name:hover {
    text-decoration: underline;
}

.report-library-slider .item .item-date {
    color: #6a7285;
    font-size: 12px;
    font-family: "signika-light";
    text-align: left;
    padding-top: 2px;
    display: block;
}



/* section - reports */
.insights {
    padding-bottom: 50px;
}
.insights .item {
    padding: 0 6px;
}
.insights .item::after {
    content: '';
    border-left: 1px solid #61697b;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.insights.shaded-light .item::after {
    border-color: #d8dade;
}

.insights .item-details {
    padding: 4px;
    min-height: 80px;
}

.insights .item .item-name {
    color: #FFF;
    font-family: 'signika-light';
    font-size: 14px;
    line-height: 22px;
    display: block;
}
.insights.shaded-light .item .item-name {
    color: #444957;
}
.insights .item .item-name .fa {
    color: var(--theme-color-1);
    margin-left: 8px;
}

.insights .item .item-name:hover {
    text-decoration: underline;
}

.insights .item .item-date {
    color: #FFF;
    font-size: 13px;
    font-family: "signika-light";
    text-align: left;
    padding-bottom: 5px;
    display: block;
}
.insights.shaded-light .item .item-date {
    color: #444957;
}
.insights .item .item-date .fa {
    margin-right: 5px;
}

.insights .owl-prev,
.insights .owl-next {
    position: absolute;
    top: 0;
    margin: auto !important;
}






/* footer */
footer {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #3F3E5B;
    position: relative;
}
footer::before {
    content: "";
    position: absolute;
    right: 0;
    width: 46.7%;
    display: block;
    height: 100%;
    top: 0px;
}
footer::after {
    content: "";
    margin: 0 auto;
    width: 56%;
    height: 100%;
    background: url("../images/footer_bg.png") top left no-repeat #14123B;
    position: absolute;
    top: 0px;
    right: 0px;
}
footer .footer-bottom-left {
    padding-right: 80px;
    position: relative;
    z-index: 100;
}
footer .footer-bottom-right {
    text-align: right;
    margin-top: 25px;
    z-index: 100;
}
footer .footer-bottom-right ul {
    margin: 0;
    padding: 0;
}
footer .footer-bottom-right ul li {
    list-style-type: none;
    margin-bottom: 15px;
    display: inline-block;
}
footer .footer-bottom-right ul li + li {
    margin-left: 20px;
}
footer .footer-bottom-right ul li a {
    color: #ffffff;
    font-family: "signika-bold";
}
footer .footer-bottom-right ul li a:hover {
    border-bottom: 3px solid var(--theme-color-2);
}

/*footer .footer-copyright {}*/
footer .footer-bottom-right .footer-copyright .large-copyright {
    color: #98999B;
    font-family: "signika-bold";
}
footer .footer-bottom-right .footer-copyright .small-copyright {
    color: #98999B;
    font-size: 11px;
}
footer .footer-bottom-right .footer-copyright .small-copyright a {
    color: #98999B;
    text-decoration: underline;
}
@media screen and (max-width: 767px) {
    footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    footer .footer-bottom-right {
        text-align: left;
    }
}
@media screen and (max-width: 1024px) {
    footer {
        padding-top: 30px;
        padding-bottom: 30px;
        background: #444957;
    }
    footer::after {
        background-image: none;
    }
}



/* go to top */
.go-top {
    z-index: 200;
    position: fixed;
    display: none;
}

.btn-square {
    width: 50px; /* Set the width to match the height for a square */
    height: 50px;
    padding: 0; /* Remove padding to prevent affecting the square shape */
    position: fixed; /* Position relative to contain the absolute triangle */
    overflow: hidden; /* Ensure no parts of the triangle overflow the button */
    border: none; /* Optional: remove border if desired */
    bottom: 38px;
    right: 48px;
}

.triangle-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 7px solid #fff; /* This is the color of the triangle */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the triangle */
    transition: transform 0.3s ease; /* Animation transition */
}

/* Animation on hover */
.btn-square:hover .triangle-up {
    transform: translate(-50%, -70%); /* Move up on hover */
}

@media only screen and (max-width: 959px) {
    .go-top {
        display: none !important;
    }
}

/* ask the analyst modal */
#askTheAnalystModal .modal-header,
#askTheAnalystModal .modal-footer {
    display: none;
}

#askTheAnalystModal .modal-content {
    border-color: transparent;
    background-color: #444957;
}

#askTheAnalystModal .modal-title {
    color: #FFF;
    margin: 0 0 20px 0;
}

#askTheAnalystModal .close {
    color: #FFF;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
}

#askTheAnalystModal .close:hover {
    opacity: 1;
}

#askTheAnalystModal .modal-body {
    color: #FFF;
}
@media screen and (min-width: 768px) {
    #askTheAnalystModal .modal-body {
        padding: 40px 80px;
    }
}


#askTheAnalystModal .modal-body p {
    color: #FFF;
    margin-bottom: 20px;
}

#askTheAnalystModal .modal-body .form-group {
    margin-bottom: 20px;
}

#askTheAnalystModal .modal-body .form-group label {
    font-family: 'signika-light';
    font-weight: normal;
}




/* Login page */
#login .main-panel-inner {
    color: #FFF !important;
    padding: 80px 100px;
    background-color: #444957;
}
#login h4 {
    margin: 0 0 20px;
}
#login h5 {
    margin: 30px 0 5px;
}
#login .main-panel-inner p a {
    color: #f491b6;
}
#login .main-panel-inner p,
#login .main-panel-inner h1,
#login .main-panel-inner h2,
#login .main-panel-inner h3,
#login .main-panel-inner h4,
#login .main-panel-inner h5,
#login .main-panel-inner h6 {
    color: #ffffff;
}
#login .main-panel-inner .btn-primary {
    color: #ffffff;
}
#login form {
	padding-top: 20px;
}

@media screen and (max-width: 991px) {
    #login .main-panel-inner {
        padding: 50px 50px;
    }
	#login .col-left {
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 992px) {
    #login .col-left {
        border-right: 1px solid #6a7285;
        padding-right: 50px;
    }
    #login .col-right {
        padding-left: 50px;
    }
}
@media screen and (max-width: 480px) {
    #login .main-panel-inner {
        padding: 15px;
    }
}

/* login help */
#loginHelp .main-panel-inner {
    color: #FFF !important;
    padding: 80px 100px;
    background-color: #444957;
}

#loginHelp h4 {
    margin: 0 0 20px;
}

#loginHelp h5 {
    margin: 30px 0 5px;
}

#loginHelp .main-panel-inner p a {
    color: #f491b6;
}

#loginHelp .main-panel-inner p,
#loginHelp .main-panel-inner h1,
#loginHelp .main-panel-inner h2,
#loginHelp .main-panel-inner h3,
#loginHelp .main-panel-inner h4,
#loginHelp .main-panel-inner h5,
#loginHelp .main-panel-inner h6 {
    color: #ffffff;
}

#loginHelp .main-panel-inner .btn-primary {
    color: #ffffff;
}

#loginHelp .btn {
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
    #loginHelp .main-panel-inner {
        padding: 50px 50px;
    }

    #loginHelp form {
        padding-top: 30px;
    }
}
@media screen and (min-width: 992px) {
    #loginHelp .col-left {
        border-right: 1px solid #6a7285;
        padding-right: 50px;
    }

    #loginHelp .col-right {
        padding-left: 50px;
    }
}


/* forgot password */
#forgotPassword .main-panel-inner {
    color: #FFF !important;
    padding: 80px 100px;
    background-color: #444957;
}

#forgotPassword h4 {
    margin: 0 0 20px;
}

#forgotPassword h5 {
    margin: 30px 0 5px;
}

#forgotPassword .main-panel-inner p a {
    color: #f491b6;
}

#forgotPassword .main-panel-inner p,
#forgotPassword .main-panel-inner h1,
#forgotPassword .main-panel-inner h2,
#forgotPassword .main-panel-inner h3,
#forgotPassword .main-panel-inner h4,
#forgotPassword .main-panel-inner h5,
#forgotPassword .main-panel-inner h6 {
    color: #ffffff;
}

#forgotPassword .main-panel-inner .btn-primary {
    color: #ffffff;
}

#forgotPassword .btn {
    margin-top: 10px;
}
@media screen and (max-width: 991px) {
    #forgotPassword .main-panel-inner {
        padding: 50px 50px;
    }
}


/* forgot username */
#forgotUsername .main-panel-inner {
    color: #FFF !important;
    padding: 80px 100px;
    background-color: #444957;
}

#forgotUsername h4 {
    margin: 0 0 20px;
}

#forgotUsername h5 {
    margin: 30px 0 5px;
}

#forgotUsername .main-panel-inner p a {
    color: #f491b6;
}

#forgotUsername .main-panel-inner p,
#forgotUsername .main-panel-inner h1,
#forgotUsername .main-panel-inner h2,
#forgotUsername .main-panel-inner h3,
#forgotUsername .main-panel-inner h4,
#forgotUsername .main-panel-inner h5,
#forgotUsername .main-panel-inner h6 {
    color: #ffffff;
}

#forgotUsername .main-panel-inner .btn-primary {
    color: #ffffff;
}

#forgotUsername .btn {
    margin-top: 10px;
}

@media screen and (max-width: 991px) {
    #forgotUsername .main-panel-inner {
        padding: 50px 50px;
    }
}


/* report table */
.report-table {
    margin-top: 20px;
    margin-bottom: 0px;
}
.report-table .report-table-header {
    margin: 0px;
	padding-top:20px;
	padding-bottom:10px;
}
.report-table .report-table-header h3 {
    /*text-transform: uppercase;*/
    margin: 0;
    display: inline-block;
}
.report-table .report-table-header .showing-records {
    padding: 8px 0;
    float: right;
}
.report-table .report-table-footer {
    padding-top: 20px;
}

.report-table .report-table-header::before,
.report-table .report-table-header::after,
.report-table .report-table-footer::before,
.report-table .report-table-footer::after {
    content: " ";
    display: table;
}

.report-table .report-table-header::after,
.report-table .report-table-footer::after {
    clear: both;
}


/* table sorter styles */
.tablesorter tbody tr.normal-row > td {
    background-color: #FFFFFF;
}

.tablesorter tbody tr.alt-row > td {
    background-color: #e1e3e7;
}

.tablesorter .header,
.tablesorter .tablesorter-header {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==), url(../images/table_head.gif);
    background-repeat: no-repeat, repeat-x;
    background-position: center right, left top;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
}

.tablesorter th.headerSortDown,
.tablesorter th.tablesorter-headerSortDown,
.tablesorter th.tablesorter-headerDesc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7), url(../images/table_head.gif);
    background-repeat: no-repeat, repeat-x;
    background-position: center right, left top;
}

.tablesorter th.headerSortUp,
.tablesorter th.tablesorter-headerSortUp,
.tablesorter th.tablesorter-headerAsc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7), url(../images/table_head.gif);
    background-repeat: no-repeat, repeat-x;
    background-position: center right, left top;
}

.tablesorter thead .sorter-false {
	background-image: none;
	cursor: default;
	padding: 4px;
}

.tablesorter-pager.disabled {
    display: none;
}
/* hide or fade out pager arrows when the first or last row is visible */
.tablesorter-pager .disabled {
    /* visibility: hidden */
    opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}


/* SearchResults */
#reportSearch {
    min-height: 900px;
}

#reportSearch .report-search-form {
    padding: 40px;
    background-color: #f0f1f3;
    margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
    #reportSearch .report-search-form {
        padding: 40px 15px;
    }
}

#reportSearch .report-search-form .radio-options {
    margin: 0;
    padding: 0 0 20px;
}

#reportSearch .report-search-form .radio-options::before,
#reportSearch .report-search-form .radio-options::after {
    content: " ";
    display: table;
}

#reportSearch .report-search-form .radio-options::after {
    clear: both;
}

#reportSearch .report-search-form .radio-options li {
    list-style-type: none;
    padding: 0 10px 5px 0;
    float: left;
    position: relative;
    min-width: 210px;
}

#reportSearch .report-search-section .items-found {
    margin: 0;
}

hr.result-separator { border-color: #ccc; margin: 30px 0; }

.equal-height {
  display: flex;
  flex-wrap: wrap;
}

.equal-height > div[class*='col-'] {  
  display: flex;
  flex-direction: column;
}

.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

#pagination {
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 30px;
}

#results hr.result-separator:last-child {
    display: none;
}

#no-results { text-align: center; display:none; font-size:30px; font-style:italic; }

.filters h4:first-child { margin-top: 0; }
.filters ul { margin-bottom: 30px; list-style: none; padding-left: 0px; position:relative; height:155px; overflow:auto; }
.filters ul li { margin-bottom: 5px; }
/*.filters ul li:nth-child(n+6) { display:none; }*/
.filters ul li label { padding-left: 22px; font-weight:normal; font-size: 13px; margin-bottom: 0; }
.filters ul li label span { position:absolute; }
.filters ul li label span input { position:relative; left:-20px; top:-1px; }

#reportFilter .select2 { width:100% !important; }
#reportFilter .modal-body .row { margin-bottom: 7px; }
#reportFilter .select2-selection.select2-selection--multiple { border-radius: 0; width:100%; }


/* Pipeline filter */
@media (min-width: 768px) {
	#PipelineFilterModal .modal-dialog {
		width: 650px;
	}
}

#PipelineFilterModal .radio,
#PipelineFilterModal .checkbox {
	margin-top: 0;
	margin-bottom: 0;
}
#PipelineFilterModal .radio label,
#PipelineFilterModal .checkbox label {
	font-size: 13px;
}

#PipelineFilterModal .modal-body {
	padding: 25px 15px;
}
#PipelineFilterModal .modal-footer {
	text-align: center;
}

/* grid */
#PipelineFilterModal .row {
	margin-left: -5px;
	margin-right: -5px;
}

#PipelineFilterModal [class^="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}

/* tabs */
#PipelineFilterModal .nav-tabs > li.active > a,
#PipelineFilterModal .nav-tabs > li.active > a:hover,
#PipelineFilterModal .nav-tabs > li.active > a:focus {
	color: #717990;
	font-weight: 900;
}

#PipelineFilterModal .tab-content {
	padding-top: 20px;
}

/* panels */
.panel-purple {
    border-color: #e1e3e7;
}
.panel-purple>.panel-heading {
    color: #fff;
    background-color: var(--theme-color-3);
    border-color: var(--theme-color-3);
    padding: 5px 10px;
}
.panel > .panel-collapse > .well {
    margin: 1px;
}
.panel > .panel-collapse > .well:nth-of-type(odd) {
    background-color: #fff;
}

/*New product pipeline filter modal */
#ProductPipelineFilterModal .panel-group {
	margin-bottom: 0;
}
#ProductPipelineFilterModal .panel .panel-heading {
	padding: 10px 20px;
	cursor: pointer;
	position: relative;
}
#ProductPipelineFilterModal .panel .panel-heading::before,
#ProductPipelineFilterModal .panel .panel-heading.collapsed::before {
	color: #888d9c;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	text-align: center;
	width: 12px;
	position: absolute;
	top: 9px;
	left: 6px;
}
#ProductPipelineFilterModal .panel .panel-heading::before {
	content: "\f0d7";
}
#ProductPipelineFilterModal .panel .panel-heading.collapsed::before {
	content: "\f0da";
}

/*Old product pipeline filter modal */
#PipelineFilterModal .panel-group {
	margin-bottom: 0;
}
#PipelineFilterModal .panel .panel-heading {
	/*font-weight: bold;*/
	padding: 10px 20px;
	cursor: pointer;
	position: relative;
}
/*#PipelineFilterModal .panel .panel-heading.collapsed {}*/
#PipelineFilterModal .panel .panel-heading::before,
#PipelineFilterModal .panel .panel-heading.collapsed::before {
	color: #888d9c;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	text-align: center;
	width: 12px;
	position: absolute;
	top: 9px;
	left: 6px;
}
#PipelineFilterModal .panel .panel-heading::before {
	content: "\f0d7";
}
#PipelineFilterModal .panel .panel-heading.collapsed::before {
	content: "\f0da";
}
#PipelineFilterModal .panel.error .panel-heading::after {
	content: "\f05a";
	color: var(--theme-color-1);
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	text-align: center;
	position: absolute;
	top: 9px;
	right: 10px;
}
#PipelineFilterModal .panel.error .panel-heading {
	color: var(--theme-color-1);
}

#PipelineFilterModal .panel .panel-body .alert-danger {
	font-size: 13px;
	padding: 8px 15px;
	margin-bottom: 10px;
	display: none;
}
#PipelineFilterModal .panel.error .panel-body .alert-danger {
	display: block;
}

/* Advanced Searches */
.criteriaGroup {
    color: #000;
    background: #FFF;
    border-bottom: 1px solid #999 !important;
    font-weight: bold;
    padding-top: 10px !important;
    text-align: left;
}
#criteriaSummary table th {
    padding-left: 20px;
    text-align: right;
    width: 20%
}
.btn-sm img {
    max-height: 16px;
    margin-bottom: 1px;
}

/* Feedback */
.feedbackLink {
  background-color : #31B0D5;
  color: white;
  padding: 10px 20px 20px;
  border-radius: 4px;
  border-color: #46b8da;
}

#feedbackButton {
  position: fixed;
  bottom: -1px;
  right: 10px;
  z-index: 1000;
}
/* Admin navbar */
.navbar-admin {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
    border-radius: 4px;
    margin-bottom: 20px;
}
.navbar-admin .navbar-nav > .open > a,
.navbar-admin .navbar-nav > .active > a {
    color: #555;
    background-color: #e7e7e7;
}

/* QLS POA pilot feedback modal */
#QLSPOAPilotFeedbackModal .modal-header,
#QLSPOAPilotFeedbackModal .modal-footer {
    display: none;
}

#QLSPOAPilotFeedbackModal .modal-content {
    border-color: transparent;
    background-color: #444957;
}

#QLSPOAPilotFeedbackModal .modal-title {
    color: #FFF;
    margin: 0 0 20px 0;
}

#QLSPOAPilotFeedbackModal .close {
    color: #FFF;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
}

#QLSPOAPilotFeedbackModal .close:hover {
    opacity: 1;
}

#QLSPOAPilotFeedbackModal .modal-body {
    color: #FFF;
}
@media screen and (min-width: 768px) {
    #QLSPOAPilotFeedbackModal .modal-body {
        padding: 40px 80px;
    }
}


#QLSPOAPilotFeedbackModal .modal-body p {
    color: #FFF;
    margin-bottom: 20px;
}

#QLSPOAPilotFeedbackModal .modal-body .form-group {
    margin-bottom: 20px;
}

#QLSPOAPilotFeedbackModal .modal-body .form-group label {
    font-family: 'signika-light';
    font-weight: normal;
}

/* Modal window button "New! Find out more about Likelihood of Approval (LOA) & QLS Probability of Approval (POA)" 
for Drug Report and Indication Report */

@media (min-width:1207px) {
    .loaqlsModalButtonMed {
        display: none;
    }
    
    .loaqlsModalButtonSm {
        display: none;
    }
}

@media (min-width:1001px) and (max-width:1206px) {
    .loaqlsModalButton {
        display: none;
    }
    .loaqlsModalButtonSm {
        display: none;
    }
    .loaqlsModalButtonMed {
        display: block;
    }

}

@media (min-width:701px) and (max-width:1000px) {
    .loaqlsModalButtonSm {
        display: block;
    }
    .loaqlsModalButton {
        display: none;
    }
    .loaqlsModalButtonMed {
        display: none;
    }

}

@media (max-width:700px) {
    .loaqlsModalButtonSm {
        display: none;
    }
    .loaqlsModalButton {
        display: none;
    }
    .loaqlsModalButtonMed {
        display: block;
    }

}

.btn-primary:hover {
    background-color: #8700c3;
    border-color: #8700c3;
}