/*
Program       esci-precision.css
Author        Gordon Moore
Date          20 August 2020
Description   CSS for esci precision for planning
Licence       GNU General Public LIcence Version 3, 29 June 2007
*/

/* #region Version history

0.0.1   Initial version
0.0.2   21 Oct 2020 #2 Some development
0.0.3   21 Oct 2020 #2 More development and trying to figure out calcs!!! :(
0.0.4   22 Oct 2020 #2 More investigation into formulae, in development.
0.0.5   23 Oct 2020 #2 Mostly developed except for distribution. Closed.
0.0.8

0.1.0   26 Oct 2020 Basic dev finished, now start tweaking and checking.
0.1.3
0.1.4   28 Oct 2020 #6 Added a missed maximum to dt for Paired assurance calcs, Added temp radio button for type of calc
0.1.15
0.1.16  3  Nov 2020 #3  Temporary display of 99th percentile
0.1.22

#endregion */

/*temp calculation type*/
/* #calcs {
  display: grid;
  grid-template-columns: 10rem 10rem auto;
  height: 3rem;
} */

#P99 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid black;
  position: absolute;
  top: 300px;
  left: 1200px;
  width: 20rem;
  height: 10rem;
}




/*------------------------------override on ion slider-----------------------------------*/
/*blank out end labels*/
.irs--big .irs-min {
  color: rgba(0, 0, 0, 0.0);
  background-color: rgba(0, 0, 0, 0.0);
}

.irs--big .irs-max {
  color: rgba(0, 0, 0, 0.0);
  background-color: rgba(0, 0, 0, 0.0);
}

/*---------------------------------icons-----------------------------------------------------------*/

.icons {
  width: 2.5rem;
  height: 2.5rem;
}



/*override what's in esci.css for header to stop line break in title*/
#header {
  border: 1px solid black;
  display: grid;
  grid-template-columns: 3.7rem 11rem auto 1.8rem;
}


#subheading {
  margin-left: 0.1rem;
  padding: 0.4rem;
  font-size: 2.0rem;
}

/*end of override*/

.red {
  color: red;
}

.black {
  color: black;
}

.small {
  font-size: 1.3rem;
}

.small1 {
  font-size: 1.4rem;
}

.backcolour {
  border: 1px solid darkgrey;
  background-color: lemonchiffon;
  padding-left:0.2rem;
  padding-right: 0.2rem;
}

.greek2 {
  font-size: 2.2rem;
}

.icons {
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 2.6rem;
}

.slidericons {
  margin-top: 2.8rem;
}

.slidericons:hover {
  background-color: lightgray;
}

.slidericons:active {
  background-color: darkgrey;
}

#tab1text {
  border: 1px solid black;
  font-size: 1.45rem;
  padding-left: 0.5rem;;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  /* height: 5rem; */
}

/*----------------------------------split into 2 panels--------------------------------*/

#main2 {
  /*split into left and right panels*/
  display: grid;
  grid-template-columns: 40rem auto;
  grid-column-gap: 8px;
  height: 100%;
} 

/*----------------------------------left panel-----------------------------------------------------*/
#leftpanel {
  border: 2px solid black; 
  display: grid;
  grid-template-rows: auto 2rem 7rem 1fr auto !important;
}

/*----------------tab-----------------*/

#smarttab {
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

/*override*/
.st-theme-round > .tab-content > .tab-pane {
  padding-left: 2px;
  padding-right: 2px;
}

/*---------------tab headers----------------------------------------------------------*/

.nav-link {
  font-size: 1.6rem !important;
}

/*----------------------------------Unpaired data tab----------------------------------------------------*/

#tab-1 {
  font-size: 1.6rem !important;
}

#tab-2 {
  font-size: 1.8rem !important;
}


.font15 {
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
}

.font16 {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.font18 {
  font-size: 1.8rem;
  margin-bottom: 1.0rem;
}




/*---------------Tab 1 Panel 1 Target MoE----------------------------------------------*/

#targetmoeudpanel {
  border: 1px solid black;
  background-color: #FFFF99;
  padding: 0.5rem;
}

/*---------------Tab 1 Panel 2 N curves----------------------------------------------*/

#ncurvesudpanel {
  border: 1px solid black;
  background-color: #CCFFFF;
  padding: 0.5rem;
}

#asstext {
  margin-left: 21.5rem;
}

/*---------------Tab 1 Panel 3 Display values----------------------------------------------*/

#displayvaluesudpanel {
  border: 1px solid black;
  background-color: #FFBBDD;
  padding: 0.5rem;
}

#displayudpanel {
  display: grid;
  grid-template-columns: 20rem auto;
}

/*---------------Tab 1 Panel 4 Truncate display----------------------------------------------*/

#truncatedisplayudpanel {
  border: 1px solid black;
  background-color: #FFCC99;
  padding: 0.5rem;
  height: 130px;
}

#truncatedisplayudsliderpanel {
  display: grid;
  grid-template-columns: 25rem 2rem 3rem 5rem;
  grid-row-gap: 3rem;
  margin-top: 1rem;
}

#truncatedisplayudval {
  margin-top: 3rem;
  height: 2rem;
  width: 4rem;
}

/*---------------------------------- Tab 1 Panel 5 CI Section------------------------------------------------------------------*/

#cipcntdivud {
  display: grid;
  grid-template-columns: 6.5rem  auto;
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
}

#CIsectionud {
  border: 1px solid black;
  background-color: #b4c7e7;
  padding: 0.5rem;
}

.citip {
  margin-bottom: 0.5rem;
}



/*--------------------------------------Paired data tab------------------------------------------------------*/

#tab-2 {
  font-size: 1.5rem !important;
}

/*---------------Tab 2 Panel 1 Target MoE----------------------------------------------*/

#targetmoepdpanel {
  border: 1px solid black;
  background-color: #FFFF99;
  padding: 0.5rem;
}

/*---------------Tab 2 Panel 2 Population Correlation----------------------------------------------*/

#populationcorrelationpanel {
  border: 1px solid black;
  background-color: #CCFFCC;
  padding: 0.5rem;
}

#correlationrhotitle {
  margin-top: 3rem;
}

#correlationrhosliderpanel {
  display: grid;
  grid-template-columns: 12rem 16rem 2rem 3rem 5rem;
  grid-row-gap: 3rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

#correlationrhoval {
  margin-top: 3rem;
  height: 2rem;
  width: 4.5rem;
}



/*---------------Tab 2 Panel 3 N curves----------------------------------------------*/

#ncurvespdpanel {
  border: 1px solid black;
  background-color: #CCFFFF;
  padding: 0.5rem;
}

/*---------------Tab 2 Panel 4 Display values----------------------------------------------*/

#displayvaluespdpanel {
  border: 1px solid black;
  background-color: #FFBBDD;
  padding: 0.5rem;
}

#displaypdpanel {
  display: grid;
  grid-template-columns: 20rem auto;
}

/*---------------Tab 2 Panel 5 Truncate display----------------------------------------------*/

#truncatedisplaypdpanel {
  border: 1px solid black;
  background-color: #FFCC99;
  padding: 0.5rem;
  height: 130px;
}

#truncatedisplaypdsliderpanel {
  display: grid;
  grid-template-columns: 25rem 2rem 3rem 5rem;
  grid-row-gap: 3rem;
  margin-top: 1rem;
}

#truncatedisplaypdval {
  margin-top: 3rem;
  height: 2rem;
  width: 4rem;
}


/*---------------------------------- Tab 2 Panel 6 CI Section------------------------------------------------------------------*/

#cipcntdivpd {
  display: grid;
  grid-template-columns: 6.5rem auto;
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
}

#CIsectionpd {
  border: 1px solid black;
  background-color: #b4c7e7;
  padding: 0.5rem;
}

.citip {
  margin-bottom: 0.5rem;
}



/*----------------------------------right panel display--------------------------------*/

#rightpanel {
  border: 1px solid grey;
  display: grid;
  grid-template-rows: auto 9rem;
}

/*----------------------------------Display area----------------------------------------*/

#display {
  background-color: white;
  margin-right: 55px;
}


/*-------------MoE Target slider--------------------------------------------------------*/

#targetmoetitle {
  font-size: 1.4rem;
  padding-left: 0rem;
  padding-top: 1.3rem;
  width: 3rem;
}

#targetmoesliderpanel {
  margin-top: 0.5rem;
  position: relative;
  height:6.0rem;
}

#targetmoesliderdiv .irs-grid-text {
  font-size: 1.4rem !important;
}

/*---------------Truncate display unpaired data slider--------------*/

/* #truncatedisplayudslider {

} */


/*---------------Truncate display paired data slider--------------*/

/* #truncatedisplayudslider {

} */

/*---------------Correlation rho paired data slider--------------*/

/* #correlationrhoslider {

} */