#topSection::-webkit-scrollbar {
	display: none;
} 

#solutionsList::-webkit-scrollbar{
	display: none;
} 

.tab-section{
	padding: 10px 40px;
}

.inactive-lbl{
	font-style:italic; 
	color: indianred;
	font-size: 20px;
	font-weight: 400;
}

.red-text{
	color: indianred;
}

.customer-flags{
	position: relative;
    left: -15px;
} 

.customer-name-link{
    color: #248700 !important;
    text-decoration: none;
    cursor: pointer;
}

.customer-name-link.disabled {
    cursor: default;
}


a:visited {
    text-decoration: none;
}


.normal { 
    margin-left:10px;
    font-size: 20px;
   font-family: "Open Sans";  font-weight: 300;
}

.customer-normal
{
    margin-left:10px;
    font-size: 20px;
    font-family: "Open Sans";  font-weight: 300;
    padding-left: 15px;
    padding-right: 15px;
}

.customer-active
{
    margin-left:10px;
    padding-bottom: 14px;
    border-bottom: 3px solid black;
    font-weight: 600;
    font-size: 20px;
    font-family: "Open Sans";
    font-weight: 600;
    padding-left: 15px;
    padding-right: 15px;
}

.top-search
{
	float: right;
    margin-top: 9px;
    padding-right: 52px;
 }

.normal a {
    
    margin-right: 20px;
}
.table-head {
    background-color: #d5d5d5;
    padding-top: 10px;
    font-size: 18px  
}

.info-view-tab
{
    padding-left: 32;
}

.info-button {
    background-color: #ccc;
    border-radius: 3px;
    font-size: 14px;
    border: 1px solid #c5c5c5;
    color: #4b286d;
    cursor: pointer ;
}

.custom-btn {
    margin-left: -10px; 
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    cursor: pointer !important;
}

.info-button :hover {
    color: #000;
    cursor: pointer;
}

.info-button-active {
    background-color: #4b286d;
    color: #ffffff;   
  	cursor: pointer;
}

.new-solution {
    margin-top: 50px; 
    margin-left:40px;
    background-color: #fff;
    border: 1px solid #e3e3e3;
}
 
.dataTables_scrollBody {
    position: relative;
    overflow: auto;
    width: 100%;
    margin-top: -23;
}

/* Date input requires additional css to adjust the date button position to the right */
#inputcompletionDate, #inputstartDate{
	padding: 11px 3px !important;
	width: 100% !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-labels .ui-th-column {
    color: blue;
}

.jqx-grid-column-menubutton{
  /*margin-top: -3px;*/
   background-image: url(../jqwidgets/jqwidgets/styles/images/filter.png);
    border: none;
 }

 #APNGrid .jqx-grid-header,
 #domesticShared .jqx-grid-header, 
 #domesticNonShared .jqx-grid-header, 
 #northAmericaShared .jqx-grid-header,
 #northAmericaNonShared .jqx-grid-header,
 #jqxGrid6 .jqx-grid-header, /* used on pricing change log page */
 #jqxGrid7 .jqx-grid-header,
 #jqxGrid8 .jqx-grid-header,
 #jqxGrid9 .jqx-grid-header,
 #globalShared0 .jqx-grid-header,
 #globalShared1 .jqx-grid-header,
 #globalShared2 .jqx-grid-header,
 #globalShared3 .jqx-grid-header,
 #globalShared4 .jqx-grid-header
 { 
    padding: 5px 0px;
     min-height: 40px !important; 
}
 
 .jqx-widget-header{
 	background: #fff !important;
 	border-left: none;
 	border-right: none;
 }
 
.jqx-grid-header  .jqx-widget-header {
    font-family: 'Open Sans', sans-serif; 
    font-weight: 600;
    font-size: 15px;
    opacity: 1;
    color: #4b286d;
    z-index: 1 !important;
    white-space: normal !important;
    padding-bottom: 5px;
}

.jqx-grid-cell {
    font-family: 'Open Sans', sans-serif;  
    font-weight: 400;
    font-size: 14px;
    opacity: 0.8;
    color: rgb(0,0,0);
   
}

.jqx-grid-cell-left-align {
	margin-top: 10px !important;
	margin-right: 5px !important;
    margin-left: 10px !important;
}

.jqx-grid-cell-middle-align {
	margin-top: 6px !important;
} 

.jqx-menu{
	height: auto !important;
}

#jqxWidgethorizontalScrollBar {display:none;}

.changedAddedCell{
	background-color:#e5fefa;
}
.changedDeletedCell{
	background-color:#fee5e5;
}
.editableCell{
	background-color:#ffffad;
}

.editableCell::before {
    font-family: "Font Awesome 5 Free";
    content: "\f044";
    color: grey;
    top: 8px;
    right: 5%;
    position: absolute;
    z-index: 1 !important;
    -webkit-font-smoothing: antialiased;
}
/* .jqx-grid-cell-pinned {
    font-family: "Open Sans", sans-serif;  
    font-weight: 400;
    font-size: 14px;
    opacity: 1;
    background-color: #f1f1f1; 
    color: #333332;
} */

#jqxgrid .jqx-grid-cell    
{   
    border: none;
    border-bottom: 1px solid #e3e3e3;  
}

.jqx-grid-pager {
    border: none;
    border-top: 1px solid transparent;
    padding: 0px !important;
    border-color: #d6d6d6;
    background-color:#fff;
   
}

.bgColor {
    background: limegreen;
}

 .jqx-widget .jqx-grid-column-header {
    border-color: #d6d6d6 !important;
    top:-2px;
}

 .gridFirstcolheader
 {
    margin-top:8px;
    margin-left: 18px;
 }

#grid .jqx-widget-content,
#devicetable .jqx-widget-content,
#solutiontable .jqx-widget-content
 {
    border-color: #e3e3e3;
    z-index: 1 !important;
}

#solutionOptions {
    padding-bottom: 12px;
    padding-left: 20px; 
}

button:focus {
    outline: none;
}

select:focus {
    outline: none;
}

.btn-clear:focus {
    outline: none;
}
.btn-clear:click {
    outline: none;
}

.jqx-grid-cell .glyphicon-remove{
    margin-left: 17px;
}

.iconscontainer {
    top: -3px !important;
    display: none !important;
}

.iconscontainer + div{
    left:90% !important;
}

.ui-jqgrid .ui-jqgrid-btable{  
    table-layout:auto;
}

.more-icon {
	color: #B0B0B0;
    font-size: 25px;
    margin-top: -4px;
}

[id^="calendarjqxWidget"] {
  height: 280px;
}

.jqx-calendar {
	height: 270px !important;
}

pre {    
	white-space: pre-wrap;          
	white-space: -moz-pre-wrap;    
	white-space: -pre-wrap;          
	white-space: -o-pre-wrap;      
	word-wrap: break-word;   
	word-break: keep-all;    
}

.twitter-typeahead{
    display: block !important;
}

.custom-search-container .twitter-typeahead {
  width: 100%;
}

.typeahead,
.tt-query,
.tt-hint {
    width: 100%;
    padding: 8px 12px;
    /* line-height: 30px;
    border: 2px solid #ccc; */
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    outline: none;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-menu {
    margin: 12px 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

.gist {
    font-size: 14px;
}

/* example specific styles */
/* ----------------------- */

#custom-templates .empty-message {
    padding: 5px 10px;
    text-align: center;
}

#multiple-datasets .league-name {
    margin: 0 20px 5px 20px;
    padding: 3px 0;
    border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-menu {
    "src/main/webapp/static/styles/custom.css"max-height: 150px;
    overflow-y: auto;
}

#rtl-support .tt-menu {
    text-align: right;
}

.jqx-grid-cell-hover {
    cursor: pointer;
}

.new-customer {
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    padding: 20px 2rem 10px 2rem;
    margin-bottom: 30px;
}

.view-customer {
    margin-top: 10px;
    border: 1px solid #e3e3e3;
    padding: 2rem 2rem 10px 2rem;
    margin-bottom: 30px; 
    
}

.websitelink{
	color: #248700;
	
}

.break-longtxt{
	overflow-wrap: break-word;
    word-wrap: break-word;
	-webkit-hyphens: auto;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    white-space: -o-pre-wrap; 
    white-space: pre-wrap; 
    white-space: -moz-pre-wrap; 
    white-space: -pre-wrap; 
}

.break-longtxt-devices {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
    overflow-wrap: break-word;
    word-wrap: break-word;
}