/*
    Pharma intelligence global
    overides any bootstrap styles and sets up layout
    06/23/2017
*/

/* typography */
@font-face {
    font-family: 'signika';
    src: url("/shared/fonts/signika/Signika-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'signika-bold';
    src: url("/shared/fonts/signika/Signika-Bold.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'signika-light';
    src: url("/shared/fonts/signika/Signika-Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-width: 1176px) {
    h1 {
        font-size: 60px;
        font-weight: 700;
        line-height: 70px;
    }
    h2 {
        color: #6a7285;
        font-size: 40px;
        font-weight: 700;
        line-height: 50px;
    }
    h3 {
        color: #444957;
        font-family: 'signika-light';
        font-size: 30px;
        line-height: 36px;
    }
    h4 {
        color: #444957;
        font-family: 'signika-light';
        font-size: 24px;
        line-height: 30px;
    }
    h5 {
        color: #6a7285;
        font-family: 'signika-light';
        font-size: 18px;
        line-height: 26px;
    }
    h6 {
        color: #444957;
        font-family: 'signika-light';
        font-size: 16px;
        line-height: 24px;
    }
    p {
        color: #6a7285;
        font-family: 'signika-light';
        font-size: 14px;
        line-height: 22px;
        kerning: 0.01em;
    }
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #DDD;
}

/* tables */
.table {
    margin-bottom: 0;
    border-collapse: inherit;
    border-spacing: 1px;
}
.table > thead > tr > th,
.tablesorter .header, .tablesorter .tablesorter-header {
    color: #f0f1f3;
    padding: 10px;
    border-bottom: 0;
    background-color: var(--theme-color-3);
    text-align: center;
    vertical-align: middle;
}
.table > thead > tr > th a,
.table > thead > tr > th a:hover {
    color: #FFF;
    text-decoration: underline;
}
.table > tbody > tr > td a .fa :not(.fa-inverse),
.table > tbody > tr > td a:hover .fa :not(.fa-inverse) {
	color: #717990;
}
.table > tbody > tr > td {
    padding: 10px;
    border-top: 0;
}
.table > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}
.table > tbody > tr:nth-of-type(odd) {
    background-color: #e1e3e7;
}
.vert-table > thead > tr > td:nth-of-type(odd) { background-color: #e1e3e7; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td {
    padding: 5px;
    vertical-align: middle;
    border: 0;
}

@-moz-document url-prefix() {
    /* fix for responsive table on firefox */
    fieldset {
        display: table-cell;
    }
}

/* wells */
.well {
    background-color: #fafafa;
    border: 1px solid #e1e3e7;
    box-shadow: none;
}
.well::before,
.well::after {
    content: " ";
    display: table;
}
.well::after {
    clear: both;
}


/* panels */
.panel-default {
    border-color: #e1e3e7;
}
.panel-default > .panel-heading {
    color: #717990;
    background-color: #fafafa;
    border-color: #e1e3e7;
}
.panel-title {
    font-family: 'signika-bold';
    line-height: 1.5;
    display: inline-block;
}
.panel-default > .panel-heading .btn-sm {
    padding: 2px 7px;
}
.panel-default > .panel-heading .btn + .btn {
    margin-right: 5px;
}

/* Panel Expand/Collapse Icons (font awesome 4.7 chevrons) */
.panel-heading .chevron:after {
    content: "\f078";
}
.panel-heading.collapsed .chevron:after {
    content: "\f054";
}

/* forms */
.form-group label {
    font-weight: normal;
}
.form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}

.radio + .radio, .checkbox + .checkbox {
    margin-top: -2px;
}

/* pagination */
.pagination {
    margin: 0;
}
.pagination-control {
    margin: 20px 0;
}
.pagination-page-controls {
    padding: 6px 12px;
}
@media (max-width: 992px) {
    .pagination-page-controls {
        text-align: center;
    }
}

/* alerts */
.alert-danger {
    background-color: #fff2f7;
    border-color: #fff2f7;
    color: #d1497c;
}
.alert-danger .alert-link {
    color: #d1497c;
    text-decoration: underline;
    font-weight: normal;
}

/* modal */
.modal-header {
    border-color: transparent;
    background-color: #444957;
}
.modal-title {
    color: #FFF;
}
.modal-header .close {
    color: #FFF;
    position: absolute;
    right: 20px;
    top: 20px;
    opacity: 1;
}

/* list-group */
.list-group-item {
	border: 1px solid #e1e3e7;
}
.list-group-item-heading {
    font-size: 14px;
}
.list-group-item-text {
    font-size: 12px;
}
a.list-group-item, button.list-group-item {
	color: #d1497c;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	color: #717990;
	background-color: #fafafa;
	border-color: #e1e3e7;
}
a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
	text-decoration: none;
	color: #717990;
	background-color: #fafafa;
}

.list-inline.boxed-list > li {
    background-color: #e1e3e7; padding: 5px; margin: 2px;
}

/* helper classes */
.inline {
    display: inline !important;
}
.inline-block {
    display: inline-block !important;
}
.block {
    display: block !important;
}
.no-list-style {
	list-style: none;
}
.truncate-text {
	/* youl'll need to set a width on the element container */
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.text-uppercase {
	text-transform: uppercase;
}

/* padding utilities */
.pad-0 {
	padding: 0 !important
}
.pad-0-top {
    padding-top: 0 !important
}
.pad-0-bottom {
    padding-bottom: 0 !important
}
.pad-5 {
    padding: 5px !important
}
.pad-5-top {
    padding-top: 5px !important
}
.pad-5-right {
    padding-right: 5px !important
}
.pad-5-bottom {
    padding-bottom: 5px !important
}
.pad-5-left {
    padding-left: 5px !important
}
.pad-10 {
    padding: 10px !important
}
.pad-10-top {
    padding-top: 10px !important
}
.pad-10-right {
    padding-right: 10px !important
}
.pad-10-bottom {
    padding-bottom: 10px !important
}
.pad-10-left {
    padding-left: 10px !important
}
.pad-15 {
    padding: 15px !important
}
.pad-15-top {
    padding-top: 15px !important
}
.pad-15-right {
    padding-right: 15px !important
}
.pad-15-bottom {
    padding-bottom: 15px !important
}
.pad-15-left {
    padding-left: 15px !important
}
.pad-20 {
    padding: 20px !important
}
.pad-20-top {
    padding-top: 20px !important
}
.pad-20-bottom {
    padding-bottom: 20px !important
}
.pad-30 {
    padding: 30px !important
}
.pad-30-top {
    padding-top: 30px !important
}
.pad-30-bottom {
    padding-bottom: 30px !important
}
.pad-40 {
    padding: 40px !important
}
.pad-40-top {
    padding-top: 40px !important
}
.pad-40-bottom {
    padding-bottom: 40px !important
}
.pad-50 {
    padding: 50px !important
}
.pad-50-top {
    padding-top: 50px !important
}
.pad-50-bottom {
    padding-bottom: 50px !important
}

/* margin utilities */
.mar-0 {
    margin: 0 !important
}
.mar-0-top {
    margin-top: 0px !important
}
.mar-0-right {
    margin-right: 0px !important
}
.mar-0-bottom {
    margin-bottom: 0px !important
}
.mar-0-left {
    margin-left: 0px !important
}
.mar-5 {
    margin: 5px !important
}
.mar-5-top {
    margin-top: 5px !important
}
.mar-5-right {
    margin-right: 5px !important
}
.mar-5-bottom {
    margin-bottom: 5px !important
}
.mar-5-left {
    margin-left: 5px !important
}
.mar-10 {
    margin: 10px !important
}
.mar-10-top {
    margin-top: 10px !important
}
.mar-10-right {
    margin-right: 10px !important
}
.mar-10-bottom {
    margin-bottom: 10px !important
}
.mar-10-left {
    margin-left: 10px !important
}
.mar-15 {
    margin: 15px !important
}
.mar-15-top {
    margin-top: 15px !important
}
.mar-15-right {
    margin-right: 15px !important
}
.mar-15-bottom {
    margin-bottom: 15px !important
}
.mar-15-left {
    margin-left: 15px !important
}
.mar-20 {
    margin: 20px !important
}

.mar-20-top {
    margin-top: 20px !important
}

.mar-20-bottom {
    margin-bottom: 20px !important
}

.mar-30 {
    margin: 30px !important
}

.mar-30-top {
    margin-top: 30px !important
}

.mar-30-bottom {
    margin-bottom: 30px !important
}

.mar-40 {
    margin: 40px !important
}

.mar-40-top {
    margin-top: 40px !important
}

.mar-40-bottom {
    margin-bottom: 40px !important
}

.mar-50 {
    margin: 50px !important
}

.mar-50-top {
    margin-top: 50px !important
}

.mar-50-bottom {
    margin-bottom: 50px !important
}

/* content panels */
.main-panel {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f0f1f3;
}
.main-panel-inner {
    padding: 30px 30px;
    border: 1px solid #e1e3e7;
    background-color: #FFFFFF;
	position: relative;
}
@media screen and (min-width: 768px) {
	.main-panel-inner {
		min-height: 900px;
	}	
}
.main-panel .main-panel-header {
    padding-bottom: 40px;
}
.main-panel .main-panel-title {
    font-family: 'signika-light';
    font-weight: 400;
    margin: 0;
    display: inline-block;
}
.main-panel .main-panel-header .btn + .btn {
    margin-left: 10px;
}
.main-panel .main-panel-header::before,
.main-panel .main-panel-header::after,
.main-panel .main-panel-footer::before,
.main-panel .main-panel-footer::after {
    content: " ";
    display: table;
}
.main-panel .main-panel-header::after,
.main-panel .main-panel-footer::after {
    clear: both;
}

.panel-custom-dark {
    border-color: #444957;
}
.panel-custom-dark > .panel-heading {
    background: #444957; 
    color: #ffffff;
    border-color: #444957;
}

/* select2 overides */
.select2-container--default .select2-selection--multiple {
    border-color: #CCC !important;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f5f5f5 !important;
    border: 1px solid #dfdfdf !important;
    border-radius: 0 !important;
    padding: 3px 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #d1497c !important;
    margin-right: 4px !important;
}
.select2-container--default .select2-selection--single {
    border-color: #CCC !important;
    border-radius: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    min-height: 32px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #989eae !important;
    line-height: 32px !important;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    lightgray !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    lightgray  !important;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    lightgray  !important;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    lightgray  !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    lightgray  !important;
}

/* Classes for reducing whitespace */
@media screen and (min-width: 1176px) {
    .h2-sm {
        font-size: 30px;
    }
}

/* Charts */
.hiddenChartBox {display:none;}
.shownChartBox {display:block;}

/* Additional helper classes */
.bg-gray { background-color: #eee; }
.clickable, .fake_link, .toggleChartPref { cursor: pointer; }
.dont-break-out {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
    word-wrap: break-word;
    
	-ms-word-break: break-all;
    
    /* Instead use this non-standard one: */
	word-break: break-word;
    
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
    hyphens: auto;
}

/* bootstrap overides */
.main-panel-inner .dropdown-menu>li>a:hover{text-decoration:none;color:#666d82;background-color:#f5f5f5}

/* Font awesome custom styles */
.fa-btn-success {
    background:#fff;
    color:#5cb85c !important;
}
.btn-sm-icon-stack {
    padding:2px;
}

/* Advanced Search - Max-Width */
.max-150-width {
    max-width: 150px;
}

#resultsContainer table.table-small-font, #resultsContainer .paginate_button a, .fixedHeader-floating, .panel .table-small-font, section .table-small-font {
    font-size:12px;
    line-height: 1.5em;
}

/* Override datatables bootstrap 3 sorting icons and use the tablesorter sorting icons instead */
table.dataTable thead .sorting_asc:after {content:none;}
table.dataTable thead .sorting_asc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    background-repeat: no-repeat;
    background-position: center right;
}
table.dataTable thead .sorting_desc:after {content:none;}
table.dataTable thead .sorting_desc {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
    background-repeat: no-repeat;
    background-position: center right;
}
table.dataTable thead .sorting:after {content: none;}
table.dataTable thead .sorting {
    background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-repeat: no-repeat;
    background-position: center right;
}

/* Override datatables spacing for info/controls above and below the table when inside bootstrap panels */
.panel div.dataTables_wrapper div.dataTables_length label {
    padding: 5px 0 0 5px;
}
.panel div.dataTables_wrapper div.dataTables_filter label {
    padding: 5px 5px 0 0;
}
.panel div.dataTables_wrapper div.dataTables_info {
    padding-left: 5px;
    line-height: 32px;
}
.panel div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin-right: 5px;
    margin-top: 5px;
}
.panel div.dataTables_wrapper div.dt-buttons {
    margin-top: 5px;
}
.panel div.dataTables_wrapper div.dt-buttons .dropdown-menu>.active>a, .panel div.dataTables_wrapper div.dt-buttons .dropdown-menu>.active>a:hover, .panel div.dataTables_wrapper div.dt-buttons .dropdown-menu>.active>a:focus {
    background-color: #f5f5f5;
}

/* Datatables child rows/details column */
td.details-control {
    cursor: pointer;
}

/* Set a minimum height for datatable wrapper div to improve display of ajax datatables */
.dataTables_wrapper {
    min-height:150px;
}

/* Override datatables processing style */
div.dataTables_wrapper .ajax-dt-ind div.dataTables_processing {
    padding: 4px 10px;
    top: 13%;
    left: 100%;
    width: auto;
    height: auto;
    margin: 0;
}

/* Fix for datatables scrolling table header rowspan display issue */
.dataTables_scrollBody > .table > thead > tr > th {
    background-color: white;
}

.dataTable td p {
    font-size: 12px;
    font-family: "signika",sans-serif;
}

table.dataTable tbody td {
    vertical-align: top;
}

/* Side Menu */
/* Make scrolling smooth for side menu targets (and all other targets) */
html {
    scroll-behavior:smooth;
}
#sidemenu-container {
    min-width: 250px;
    max-width: 250px;
    min-height: 100vh;
    margin: -40px 0;
    /*background: #444957;*/
}
#sidemenu-container.closed {
    min-width: 55px;
    max-width: 55px;
    text-align: center;
}
#sidemenu {
    max-width: 250px;
}
#sidemenu.closed {
    min-width: 55px;
    max-width: 55px;
    text-align: center;
}
#sidemenu .navbar-nav {
    margin: 0;
}
#sidemenu .navbar-nav > li.active {
    background: var(--theme-color-3);
}
#sidemenu.closed .navbar-nav > li {
    display: none;
}
#sidemenu.affix {
    position: fixed;
    top: 0;
}
.sidemenu-title {
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    padding-left: 15px;
    width: 195px;
    cursor: pointer;
}
#sidemenu-container.closed .sidemenu-title {
    display: none;
}
#sidemenulist li {
    width: 100%
}
#sidemenutoggle {
    color:#fff;
    /*background: #444957;*/
    width:55px;
}

.jstree, .jstree-proton {
	font-family: "signika", sans-serif;
}

ul.table-cell-list {
	list-style: none; /* Remove default bullets */
	padding-inline-start: 20px;
}
ul.table-cell-list li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #a42957;
  font-weight: bold;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em;
  margin-left: -1em;
}
ul.table-cell-list li {
	margin-bottom: 7px;
}
.small-text > p {
    font-size: 85%;
}
.large-text {
    font-size: 150%;
}

/* Invalid form controls (browser validation) */
input:invalid {
    border-color: #a94442;
}

.BrokerDetail, .ProductSalesDetail, .NPVDetail {
    display: none;
}
table#ProductSalesTable td, tr#ProductSales-Global td {
    vertical-align: top;
}

.sortable .list-group-item {
    cursor: move;
}

.sortable .list-group-item .help-text {
    color: #b9bdc8;
    margin-left: 15px;
}

.read-only-text-container {
    border: 1px solid #ddd; 
    font-family: 'signika-light';
    height: 125px; 
    min-height: 100px; 
    overflow-y: scroll; 
    padding: 10px;
    resize: vertical;
}

.authored-content-table, .table {
    background-color: #ccc;
}

.jumbotron-header {
    color: var(--theme-color-1);
    font-weight: bold;
}