/* body font body{
     src: url(PanDisplay-Regular.ttf) !important;
     font-family: "PanDisplay-Regular" !important;
     /*font-family: -apple-system,system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
         */
        /*src: url(PanDisplay-Regular.ttf);
         */
        /*font-family: "PanDisplay-Regular";
         
}*/

.main-header .sidebar-toggle {
  float: left;
  background-color: transparent;
  background-image: none;
  padding: 12px 15px;
}

.downloadButton{
  font-weight: normal;
}

/*sig test explination on latest test*/
.sig_exp{
    font-weight: normal;
    font-size: 1em;
}
/*definitaion gt table*/
div#defTable{
  margin-top: 5em;
  margin-left: 8em;
}

/*counter table*/
div#CounterStats{
  margin-top: 5em;
  margin-left: 7em;
}

.navbar-nav>li:last-child{
  float:right;
}
.user-logged{
    margin: auto !important;
    float: none !important;
    display: inline;
    width: 100%;
    text-align: right;
    font-size: inherit !important;
}
#logout-who{
  display: none;
}
#logout-logout{
	color: #000000 !important;
	font-size: 0.9vw;
	font-weight:bold;
	background-color: #ffffff;
	padding-top: 0px !important;
	display: inline-block;
}

.checkbox {
  margin-bottom: 0px !important;
}
.rightCusSlider{
  display: block;
  margin-top:-20px;
}

span.rightCusSlider span.irs--shiny.irs-with-grid{
  margin-top:-10px;
}
/* Counter bg */
.textformat{
  font-weight: bold;
  text-decoration: underline;
}

.pretty p-icon{
  padding-top:10px;
}

.selectize-input {
    min-height: 34px;
}

th {
    position: sticky;
    top: 0;
}

div.row {
    	border-radius: 2px!important;
    	border: none;
}


section.sidebar .shiny-input-container {
    padding-top: 1px !important;
    white-space: normal;
}

.irs--shiny .irs-from, .irs--shiny .irs-to, .irs--shiny .irs-single {
    font-size: 0.7vw;
    line-height: 1.3;
    padding: 2px 3px;
}

 .selectize-dropdown, .selectize-dropdown.form-control{
     background-color:#ffffff !important;
     color:black !important;
     font-size:1.2rem;
     width:200px !important;
}


label, .label {
    display: inline-block;
    max-width: 100%;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px !important;
    margin-left:0px;
    font-weight: 700;
    font-size: 1.2rem;
    color: gray!important;
}

#downloadButtons{
  margin-top:10px;
}
.leftrightBorder{
  border-right:1px solid lightgrey;
  border-left:1px solid lightgrey;
}
.label {
    margin-bottom: 0px;
    
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 15px;
    margin-bottom: 0;
    font-weight: 100;
    color: black!important;
    cursor: pointer;
    position: relative!important;

}

#mainOneCompHistButt .btn-group{
  max-height:4rem;
}
 .scatterConfirm{
     display:inline-block;
     min-width:50px;
     float:right;
     margin-top:20px;
     margin-right:10px;
}

#scrolldiv{
  height:74vh;
}

#compHist_1>img, #compHist_2>img,#compHist_3>img,#compHist_4>img,#compHist_5>img,#compHist_6>img,#compHist_7>img,#compHist_8>img,#compHist_9>img,#compHist_10>img{
  width:100%;
}
#compareTop{
  display:flex;
}

/* Counter number */
 .h4, h4 {
	font-size: 3.8vw;
	padding: 0px;
	font-weight:bold;
	float: none;
	}

/*Counter Text*/
	.ct { 
	   width: 200px !important;
           font-size: 1.1vw;
           color: #E56B77;
	}

/*Warning Text*/
	.warning { 
	   width: 200px !important;
   font-size: 20px;
   font-style: italic;
   color: darkred;
   margin-left:4.3em;
	}

/* Buttons */
 .btn-default {
     background: #ffffff;
     border: none;
     color: #000000;
     cursor: pointer;
     display: inline-block;
     font-size: 1.3rem;
     line-height: 2.5;
     outline: transparent;
     padding: 0 0.5vw;
     text-align: center;
     text-decoration: none;
     transition: box-shadow .2s ease-in-out;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     white-space: nowrap;
}
 .btn-default:not([disabled]):focus {
     color: #E56B77;
}
.btn-default:not([disabled]):hover {
     color: #E56B77;
}
.nav>.dropdown>.btn-default:not([disabled]):hover{
  border-style: none;
     background-color:white;
}
.nav>.dropdown>.btn-default:not([disabled]):focus{
  border-style: none;
     background-color:white;
}



 .btn-other {
     background: #ffffff;
     border: none;
     color: #000000;
     cursor: pointer;
     display: inline-block;
     font-size: 0.9vw;
     line-height: 2.5;
     outline: transparent;
     padding: 0 0.5vw;
     text-align: center;
     text-decoration: none;
     transition: box-shadow .2s ease-in-out;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     white-space: nowrap;
}

 .btn-other:not([disabled]):focus {
     color: #E56B77;
}
.btn-other:not([disabled]):hover {
     color: #E56B77;
}
.nav>.dropdown>.btn-other:not([disabled]):hover{
  border-style: none;
     background-color:white;
}
.nav>.dropdown>.btn-other:not([disabled]):focus{
  border-style: none;
     background-color:white;
}


/* counter text */
 .hompageBoxP {
     font-size: 18px!important;
     text-align: center;
     font-weight:bold;
}
#hpLt25NPIDiv>div{
  padding-top:10px;
  padding-bottom:10px;
}


.selectize-dropdown single plugin-selectize-plugin-a11y{
  font-size:1.4rem; 
}



/* for excel filter*/
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle{
    width: 222px;
    position: relative;
    left: 9px;
    top: 7.5px;
    height: 36px;
    border-width:thin;
    border-color: lightgrey;
    background-color: #ffffff;
    border-radius: 0px 3px 3px 0px;

}


.input-group .input-group-addon {
    position: relative;
    left: 10px;
    top: 7.5px;
    height: 35px;
}

#asc_collection,#desce_collection,#asc_hpMetal,#desce_hpMetal,#asc_hpCycle,#desce_hpCycle, #asc_category,#desce_category, #asc_sub_category,#desce_sub_category, #asc_cycle, #desce_cycle, #asc_type, #desce_type,#asc_rightCusVal1, #desce_rightCusVal1, #asc_rightCusVal2, #desce_rightCusVal2,#asc_rightCusVal3, #desce_rightCusVal3,#asc_rightCusVal4, #desce_rightCusVal4,#asc_rightCusVal5, #desce_rightCusVal5, #asc_colSelInput, #desce_colSelInput{
    background-color: #f2f2f2 !important;
    border: solid;
    border-color: lightgrey;
    border-width: thin;
    position: relative;
    left: 8px;
    top: 4px;
}


#asc_colSelInput, #desce_colSelInput{
    background-color: #f2f2f2 !important;
    border: solid;
    border-color: lightgrey;
    border-width: thin;
    position: relative;
    left: 8px;
    top: 10.5px;
}

#all_collection,#deselect_collection,#all_hpMetal, #deselect_hpMetal, #all_hpCycle,#deselect_hpCycle, #all_category,#deselect_category,#all_sub_category,#deselect_sub_category,#all_cycle,#deselect_cycle,#all_type,#deselect_type,#all_rightCusVal1, #deselect_rightCusVal1,#all_rightCusVal2, #deselect_rightCusVal2, #all_rightCusVal3, #deselect_rightCusVal3,#all_rightCusVal4, #deselect_rightCusVal4,#all_rightCusVal5, #deselect_rightCusVal5,#all_colSelInput,#deselect_colSelInput{
    background-color: #f2f2f2 !important;
    border: solid;
    border-color: lightgrey;
    border-width: thin;
    position: relative;
   /* left: -4px;
    top: -40px
    bottom:-10px;*/
    width:131px;
}
#all_collection,#all_hpMetal,#all_hpCycle, #all_category,#all_sub_category,#all_cycle,#all_type, #all_rightCusVal1,#all_rightCusVal2,#all_rightCusVal3, #all_rightCusVal4,#all_rightCusVal5,#all_colSelInput{
  margin-left:10px;
}
.dropdown-menu-dropdownbtn_category .btn-group {
  display: inline-block;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-left: -8px;
}

.checkbox span {
    padding-left: 15px;
    font-family: Arial !important;
    display: block;
    float: left;
    width: 100%;
}

/*scoller for dropdown list*/
.shiny-input-checkboxgroup label~.shiny-options-group, .shiny-input-radiogroup label~.shiny-options-group{
  max-height:200px;
  overflow: scroll;
  padding-left:8px;
  text-align: left;
}

.input-group .input-group-addon {
    border-radius: 0;
    border-width:thin;
    border-color: lightgrey;
    background-color: #f2f2f2;
    border-radius: 3px 0px 0px 3px;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.btn-dropdown-input button {
  background-color: #fff !important;
  border: none;
  text-align:left; 
  width: 100%; 
  font-size: 1.2rem;
  max-width: 100%;
}

#rightPanelFilters .col-sm-12{
    max-height:7rem
}
#customizeFilters .col-sm-12{
    max-height:7rem
}

.btn-dropdown-input .dropdown-toggle::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 50%;
    right: 17px;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: black transparent transparent transparent;
    
}

section.sidebar .shiny-bound-input.action-button, section.sidebar .shiny-bound-input.action-link {
    margin: 0px 5px 5px 0px;
    display: block;
}


.checkbox input {
 accent-color: black;
}

.btn-dropdown-input .caret {
 display: none;
}

.Scatter{
  width:90%;
  height:50%;
}

.pdf_30_percent,.pdf_50_percent{
    float: right;
    margin-right: 1%;
    background-color: black;
    color: white;
    font-size: 10px;

}

.excel_50_percent,.excel_30_percent{
    float: right;
    margin-right: 10px;
    width: 80px;
    height: 33px;
    background-color: black;
    color: white;
    margin-top:25px;
    font-size: 1.2rem;
}

.info_50_percent, .info_30_percent{
  float: right;
  margin-right: 10px;
  width: 33px;
  height: 33px;
  background-color: black;
  color: white;
  margin-top:25px;
  font-size: 1.2rem;
  border-radius: 50%;
}

.exit_button{
  background-color:black;
  color: white;
  margin-top:27px;
  margin-left:5px;
  height: 33px;
  font-size: 1.2rem;
  font-weight:bold;;
}

.exit_button,.info_30_percent, .info_50_percent,.excel_30_percent, .excel_50_percent{
     padding-top:0px;
     padding-bottom: 0px;
}

.bs-deselect-all, .bs-select-all {
  background-color:#f2f2f2;
  border:solid;
  border-color:lightgray;
  border-width: thin;
}

.dropdown-filter-dropdown {
    position:relative;
    display:inline-block;
}

.dropdown-filter-icon {
    margin-left:5px;
    line-height:1.3;
    border:1px solid black;
}


.dropdown-filter-icon:hover {
    cursor:pointer;
}

.checkbox-container {
    max-height: 400px;
    overflow-y: scroll;
}
.dropdown-filter-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding-bottom:5px;
    padding-top:5px;
    padding-right:5px;
    padding-left:5px;
}

.dropdown-filter-content div {
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
}

.dropdown-filter-content div.dropdown-filter-search {
    margin-bottom:10px;
    margin-top:10px;
}


.dropdown-filter-content div.dropdown-filter-sort {
    padding-top:5px;
    padding-bottom:5px;
    width: 44%;
    display:inline-block;
}

.dropdown-filter-content div.dropdown-filter-sort:hover {
    background-color:#e1e5e7;
    cursor:pointer;
}

.dropdown-filter-content div.dropdown-filter-sort span {
    margin-right:5px;
    margin-left:5px;
    margin-top:5px;
    margin-bottom:5px;
    color:#000000;
}


.sidebar-toggle { 
    font-size: 0.9vw;
    line-height: 1.4vw;

}

.arrow-down {
    border: solid black;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    margin-right:5px;
    margin-left:5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.dropdown-filter-content div{
  text-align: left;
}

.filter-option-inner-inner {
    font-size: 1.3rem !important;
    max-width: 80%;

}
#customizeFilters{
  margin-top:-10px;
}

 /*.selectize-input > * {
   font-size: 14px !important;
    line-height: 2.5px;
}
*/
  
.navbar-nav {
 background-color:white; 
 float: none !important;
}

.skin-blue .main-header .navbar{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-around;
     background-color:white; 
}
.skin-blue .main-header .navbar .sidebar-toggle{
        flex-grow: 1;
    display: block;
}

.main-header .navbar-custom-menu{
    flex-grow: 99;
    float: none;
    margin-left: auto;
    
}

.skin-blue .main-sidebar {
  font-size:1.2rem;
}
/* info pup-up window*/
#placeholder-205158{
        text-align: left;
    font-size: 1.5rem;
}

/* counter bg div.row {
     border-radius: 2px!important;
     border: 2px solid white!important;
}


 */
/******* CSS for small screens****
 @media (min-width: 576px) {}*************/
/*************** CSS for median screens***
 @media (min-width: 768px) {}***********/
/********** CSS for normal screens (most users)****
@media (min-width: 992px) {}*********/
/**** CSS for large screens**1200*******/
@media (min-width: 576px) {
.flex{
  display:flex;
}
.rightflex{
  display:flex;
  margin-left:auto;
}
div#top25pages{
  margin-top:-20px;
  display:flex;
  margin-left:auto;
}
div#top25pages>div.form-group{
  margin-bottom:0px;
}
#latestDBview{
   display:flex;
  margin-left:auto;
}
.inlineLabel label.control-label{
  display: flex;
}

.buttonarea{
  width:100%;
}

.selectize-control.single{
   width: 100%;
 }

#compDVToggle,#compDescToggle,#compCollectionToggle,#compCatToggle,#compMetalToggle,#compTypeToggle,#compMoToggle,#compPriceToggle,#compGlobalToggle,#compUSAToggle,#compUKToggle,#compITToggle,#compCNToggle,#compThreeToggle{
    background: #F2F2F2;
    color: black;
    width: 1.5rem;
    height: 2rem;
    margin-top: -1.5rem;
   }
   #mainDVDropdownbtn{
     margin-bottom:0px;
     padding-bottom:0px;
   }
   #mainDVDropdownbtn ul{
    padding-top: 0px;
    margin-top: 0px;
   }
     .counterBlock{
         width:13%;
         font-size:1.1rem;
    }
    body{
      font-size: 1.2rem;
    }
    /* counter number */
     .h4, h4 {
         font-size: 1.6vw;
         padding: 0px;
         font-weight:bold;
    }
    #searchDB{
    min-width: 132px;
    max-width: 100%;
    display: flex;
    }
 #hpMetal .btn-default,#hpCollection .btn-default,#hpCycle .btn-default{
     background: white;
     border: 0;
     cursor: pointer;
     positive: fixed;
     display: inline-block;
     font-size: 16px;
     font-weight: 500;
     line-height: 2.5;
     outline: transparent;
     padding: 0 1rem;
     text-align: center;
     text-decoration: none;
     transition: box-shadow .2s ease-in-out;
     user-select: none;
     -webkit-user-select: none;
     touch-action: manipulation;
     white-space: nowrap;
}
    /* counter text */
     .hompageBoxP {
         font-size: 18px!important;
         text-align: center;
         font-weight:bold;
     }
	
    
 .navbar-custom-menu{
     width:calc(100% - 300px);
}


/* Main sidebar */
 .skin-blue .main-sidebar {
     background-color: #ffcad4;
     font-size: 18px;
}

/* Active selected tab in the sidebarmenu */
 .skin-blue .main-sidebar .sidebar .sidebar-menu .active a{
     background-color: #E56B77;
     color: white;
}

 .content-wrapper, .right-side{
     background-color:white;
}
 .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li:hover>a{
     color: #fff;
     background: #CAFEF5;
     border-left-color: #FECAEE;
}
/* other links in the sidebarmenu */
 .skin-blue .main-sidebar .sidebar .sidebar-menu a{
     background-color: #ffffff;
     color: black;
}
/* other links in the sidebarmenu when hovered */
 .skin-blue .main-sidebar .sidebar .sidebar-menu a:hover{
     background-color: #f2f2f2;
     color:black;
}
/* toggle button when hovered */
 .skin-blue .main-header .navbar .sidebar-toggle:hover{
     background-color: #E56B77;
}
 .big-img{
     width: 200px;
     height: auto;
}
 .small-img{
     height: 4vh !important;
     transform-origin:center top 0px;
}
 .nowrap {
     white-space: nowrap;
}
 .irs-bar,.irs-from, .irs-to, .irs-single,.irs-grid-pol {
     border-top: 1px solid #E56B77 !important;
     border-bottom: 1px solid #E56B77 !important;
     background: #E56B77 !important;
}
 .irs-grid-text {
     bottom: 5px;
     color: #000000 !important;
}
 table.dataTable{
     margin-left:0px;
}


/** filter span into filter div padding-left: 10px;
 padding-top: 10px;
 font-size: 14px;
 font-weight: bold;
 **/
/** right filter back div change background color into pink #ffcad4 **/
 #rightPanelFilters .dropdown{
     background-color: #ffcad4 !important;
}
 .selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
    padding-top: 0.1rem;
    font-size: 1.3rem;
    color: black;
    border: 0;
    line-height: 3.2rem;
    outline: transparent;
    /*height: 1.1rem;*/
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    width: 100%;
    padding-bottom: 0px;
    padding-left: 6px;
    padding-right: 0px;
}


 .input-active{
     background-color: #F2F2F2 !important;
     color:black !important;
}
 .has-options .has-items{
     background-color: #EF959C !important;
     color: white !important;
}
 .selectize-input{
     background:darkgray;
     text-align:left !important;
}

.selectize-dropdown-content >.active{
     background-color:#f2f2f2 !important;
     color:strongPink !important;
}
 .dropdown-menu,.inner{
     background-color: #FFFFFF;
     z-index:1000;
    font-size:1.2rem;
    color:black;
}
.dropdown-menu>li>a{
     color:black;
     background-color: #FFFFFF !important;
     z-index:2000 !important;
}

 .bold{
     font-weight:bold;
}
 .rightCondPanel{
     margin: 10px 5px;
     font-size: 14px;
     color: gray;
}
 #rightCusVal1{
    background: white;
    color: black;
    border: 0;
    border-radius: 5px;
    outline: transparent;
    padding: 0 1rem;
    text-align: center;
    text-decoration: none;
    transition: box-shadow .2s ease-in-out;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
}

/*#scatterCorTb>table{*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
  border-color:#FFEFF2 !important;
  
}
 #scatterCorTb tr td:first-child {
     font-weight:bold;
     font-size: 1.3rem;
     background-color: white;
}
#scatterCorTb>table{
  font-size: 1.3rem;
  background-color: white;
}

/*.selectize-control.single .selectize-input:after {
     border-color: white transparent transparent transparent;
}
 */
 table.dataTable th.dt-right, table.dataTable td.dt-right {
     text-align:center !important;
}
 table.dataTable tbody td {
     text-align:center !important;
}
 #viewAll_selectDiffCols .dropdown{
  min-width:132px;
  max-width: 100%;
  display:flex;
}
 #mainOneDVs-label{
     font-size:15px;
}
 select#mainOneDVs+div{
     font-size:15px;
}
 label#segment_db-label+div {
     display: flex;
     vertical-align: middle;
     max-width:100%;
     min-width:132px;
}
 .noUi-connect {
     background: #E56B77 !important;
}
/** CSS for new version app **/

 label#scenario-label+div{
     display: flex;
     vertical-align: middle;
     max-width: 100%;
     min-width:132px;
}
 label#comparisons-label+div{
     display: flex;
     vertical-align: middle;
       max-width: 100%;
     min-width:132px;
}
 select#rightCustomizeFilter1+div{
   width:100%;
   min-width:190px;
    
     
}
 select#rightCustomizeFilter2+div{
     width:100%;
     min-width:190px;
}

/*div#DataTables_Table_1_filter{
     display:none;
}
 div#DataTables_Table_1_length{
     display:none;
     
}*/
/*Info button*/

.swal2-icon.swal2-info {
    color: #ffcad4 !important;
    border-color: #ffcad4 !important;
}

.swal2-confirm swal2-styled swal2-default-outline {
    color: #ffcad4 !important;
}

.swal2-styled.swal2-confirm {
    background-color: #ffcad4 !important;
}

/*.inlineLabel .form-group {
     display: table-row;
}
 */
 #dropdown-menu-mainDVDropdownbtn{
     max-height: 400px;
     overflow-y: scroll;
}
 #score_db_table table.dataTable, #score_db_table table.dataTable th, #score_db_table table.dataTable td{
     background-color: #F2F2F2;
}
 #score_db_table table.dataTable tbody td,  #score_db_table table.dataTable thead th{
     text-align:center !important;
     border:0.3px solid white;
     font-size: 100%;
     white-space: nowrap;
     width: 100px !important;
}

 #score_db_table table.dataTable thead th{
     border:0.3px solid white;
     background-color:#FFEFF2;
     max-width: 60px;
    overflow-wrap: break-word !important;

}

.mainOneDVComp{
  top:0;
  position:sticky;
  z-index:10;
  padding-left:15px;
  background: #F2F2F2 !important;
}
.GrayComparisonBox{
  top:0;
  position:sticky;
  z-index:10; 
  background: #F2F2F2;
  border-style:none;
  border-top: 1px solid white;
}

/*comparison check box*/
.pretty .state label:after, .pretty .state label:before{
  top: calc((0% - (100% - 0.8em))) !important;
}
.comparisonImg{
  border-style:none !important;
   background:white;
  height:8vw !important;
}

.comparisonImg:hover{
  -webkit-transform: scale(1.5,1.5);
  -webkit-transition: all 0.3s ease-in-out;
  z-index:1000;
 border:none !important;


}
.modalTitle{
  background-color:#FFEFF2;
  font-weight:500;
  font-size:1.1vw;
  margin-right: -15px;
    margin-left: -15px;
    margin-top: -15px;
    padding: 15px;
}
#modalSatrtComparing{
      background: black;
    color: white;
}
#modalCancelComparing{
      background: black;
    color: white;
}

.tableBlock{
  height: 30px;
  border-right: 1px solid white !important;
  border-bottom: 1px solid white !important;
  border-top: 1px solid white !important;
  line-height: 30px;
}
.textOverflow{
   overflow:hidden;
   white-space:nowrap;
   text-overflow: ellipsis;
}
.textCenter{
   text-align: center;
}
.lightgray{
  background-color:#F2F2F2;
}
.lightPink{
   background-color: #FFEFF2; /*please dont add !important, it will overwrites comparison image background*/
}
#mainOneHist{
  padding-left:15px;
}

 .visButtonsLine{
     margin-top: 0px;
     padding-top: 34px;
     padding-bottom: 15px;
}
 .width15{
     width:10%;
     display: inline-block;
}
 .marginleft15{
     margin-left:15px;
}
 .rightContent{
     float:right;
     margin-right:10px;
}
 .strongPink{
     color:#E56B77;
}
 .padding-top-20{
     padding-top:20px;
}
.padding-top-35{
     padding-top:35px;
}

.padding-top-5{
     padding-top:5px;
}
 .zeroRightPadding{
     padding-right:0px;
}
.margintop15{
   margin-top:15px;
}
.sidebar-mini.sidebar-collapse .main-sidebar{
   width: 0px!important;
}
/* .sidebar-mini.sidebar-collapse .content-wrapper{
     margin-left: 0px!important;
}
 */
.sidebar-mini.sidebar-collapse .main-header .navbar{
   margin-left:130px !important;
}

.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .right-side{
   margin-left: 0px!important;
   overflow-y: unset !important;
}
.flex20{
   flex: 0 0 13em;
   min-width:200px;
}
.flex10{
   flex: 0 0 5em;
   min-width:150px;
   padding-right:1px 
}
p{
   margin-right:10px;
   margin-left:10px;
   margin-top:5px;
   white-space: normal;
   color: #000000;
}

#vis_scatplot, #vis_metaana, #confirm_scatter, #excel_export_vis, #pdf_export_vis, #ppt_export_vis{
font-size:1.3rem !important;
}
.scatterXVal{
   display:inline-block;
   width:15%;
   margin-right:1%;
}
.scatterYVal{
   display:inline-block;
   width:15%;
    margin-right:1%;
}
.scatterSegemnts{
   display:inline-block;
   width:15%;
    margin-right:1%;
}
.row{
  margin-left:0px;
  margin-right:0px;
}
section.sidebar .shiny-input-container{
  padding-left:0px;
  padding-right:0px;
}
 .scatterCountry{
     display:inline-block;
     width:15%;
}
.content{
  padding-left:0px;
  padding-right:0px;
    padding-top:1px; /*DO NOT CHANGE THIS!!*/
}
#shiny-tab-Intro_page, #shiny-tab-FAQ_page{
    margin-top:6vh;
  margin-left: 54px;
  font-size: 0.9vw;
}
#hpLtDivHeader{
  padding-left:15px;
  padding-top:10px;
  font-size:1.5rem;
  font-weight:bold;
  background: #FFEFF2;
  padding-right:10px;
}
#rightContent a{
  margin-right:10px;
}
.panlogo{
    text-align: left;
    background-color: transparent !important;
    width: 100%;
    margin-top: 10px;
    padding-bottom:10px;
   
}
#scatterPlotDiv{
   padding-left:15px;
   background-color:#FFEFF2;
}

#rightCustomizeFilterVal2 span.irs,#rightCustomizeFilterVal3 span.irs,#rightCustomizeFilterVal4 span.irs,#rightCustomizeFilterVal5 span.irs,#rightCustomizeFilterVal1 span.irs{
  margin-top:-20px;
}


/* logo */
 .skin-blue .main-header .logo {
     background-color: #ffcad4 !important;
}
 .sidebar-collapse .main-header .logo{
     background-color: white !important;
    height: 50px;
}
 .main-header .logo{
     width:14rem !important;
}
/* toggle button */
 .skin-blue .main-header .navbar .sidebar-toggle {
     color:#000000;
     background-color: #ffffff !important;
}
/* toggle button when hovered */
 .skin-blue .main-header .navbar .sidebar-toggle:hover{
     color: #E56B77 !important;
}
 .navbar-nav>li>a {
     padding-top: 14px !important;
}

 .skin-blue .left-side, .skin-blue .skin-blue .wrapper {
     background-color: #ffffff;
}

/* selection color under Select Market and Select Segments of Interest*/
 #metaAnaDiv .selectize-control .selectize-input{
     background-color:white;
     width:100%;
     max-width:130px;
}
/*meta analysis confirm button*/
 #confirmBarPlots{
    margin-top: 17px;
    max-height: 34px;
     margin-right: 15px;
     background: black;
     color: white;
     font-weight: 500;
     margin-left:auto;
}
/*scatterplot confirm button*/
 #confirm_scatter{
     background: black;
     color: white;
     font-weight: 500;
}
 #metaAnaDivSelectors{
     background: #FFEFF2;
     margin-bottom: 20px;
     display: flex;
     padding-left:15px;
     margin-right:0px;
}
#metaAnaDivSelectors .shiny-input-container{
  max-width:150px;
}

.doubleScroll-scroll-wrapper{
	height: 14px !important;
  overflow: scroll;
}
}

skin-blue .main-header .logo {
color: #fff;
border-bottom: 0 solid transparent;
max-height:130px;
}


.skin-blue .sidebar a {
    color: #b8c7ce;
    padding-top: 50%;
}


.main-header .navbar{
           max-height: 10px;
}

/**** CSS for super large screens****
 @media (min-width: 1680px) {
   
 }
 *****/