/* ----------------------------------------------- */
/*                                                 */
/*  Title:   anesthsim.css                         */
/*  App:     Anesthesia Simulator 7                */
/*  Author:  Anesoft Corporation                   */
/*  URL:     anesoft.com                           */
/*  App:     app.anesoft.com                       */
/*                                                 */
/*  Redesign: Everplex                             */
/*  URL:      everplex.org                         */
/*  Date:     2024-08-22                           */
/*                                                 */
/*                                                 */
/*  anesthsim.css styles the UserControl           */
/*  center screens                                 */
/*                                                 */
/* ----------------------------------------------- */


/* --- divDisplayContent UserControl center-screens ----- */

#divPause {
    width: 95%;
    height: 40%;
    border-radius: 5px;
    margin-left: 4px;
}

#pPause {
    font-weight: bold;
    margin: 10% 0% 0% 10%;
    font-size: 0.90vw;
}

#btnResume {
    width: 15%;
    height: 4.60vh;
    margin: 2% 0% 0% 18%;
    border-radius: 4px;
    font-size: 0.96vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}


/* ----------  Case Help center-screen ----------- */
#btnWhatNow, #btnLearningObj, #btnAbout {
    width: 8.20vw;
    height: 4.60vh;
    margin-left: 2px;
    margin-right: 2px;
    border-radius: 4px;
    font-size: 0.90vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#pWhatNow {
    height: auto;
    width: 95%;
    margin-top: 4px;
    margin-left: 4px;
    padding: 12px;
    border-radius: 5px;
    font-size: 0.96vw;
}

#learningObjWrapper, #aboutWrapper {
    border: var(--content-border);
    border-radius: 5px;
    height: auto;
    margin-left: 4px;
    margin-top: 4px;
}

#learningObjScroller, #aboutScroller {
    height: 100%;
    padding-left: 12px;
    padding-right: 12px;
}


/* ------  Preop center-screen ---------- */
#divPreopWrapper  {
    border-radius: 5px;
    margin-left: 4px;
	font-size: 0.84vw;
}

#preopScroller {
    padding-left: 12px;
    padding-right: 12px;
}

/* ---------- Patient center-screen -------- */
#divPatient1 {
    width: 54%; 
    height: 98%; 
    margin-left: 4px;
    margin-bottom: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#divPatient1 ul {
    padding-left: 1.56vw;
    padding-right: 1.56vw;
}

#divPatient1 li {
    padding-bottom: 6px;
    font-size: 0.84vw;
}

#pTime {
    font-weight: bold;
    margin: 1% 0% 0% 2%;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#divPatient2 {
    width: 44%;
	height: 36%;
    margin-left: 4px;
    margin-bottom: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#divPatient2 select {
    width: 80%;
    margin: 4px 0px 2px 8%;
	padding: 4px;
    font-size: 0.84vw;
}

#pPosition {
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 8px;
    color: var(--content-title-color);
    text-align: center;
    font-size: 1.03vw;
}

#divPatient3 {
    width: 21.16vw;  /* was 44% */
	height: 60%;
    margin: 0px 0px 0px 0.26vw;
    padding: 4px 0px 0px 0px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}
#pTemp {
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 8px;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#cbIcedIv, #cbIcePack, #cbIcedLavage {
/*----------------------------------
	width: 1.04vw;
	height: 1.04vw;
    margin: 0px 0px 0px 0.8vw;  
    padding: 0px 0px 0px 0px;
------------------------------------ */	
  width: 1.04vw;                  
  height: 1.04vw;                 
  margin: 0px 0.6vh 9px 1.4vw;    
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 20px;
  vertical-align: middle;
}

#cbWarmIv, #cbWarmBlanket {
/*----------------------------------
    margin: 0px 0px 0px 0.1vw;  
    padding: 0px 0px 0px 0px;
------------------------------------ */	
  width: 1.04vw;                  
  height: 1.04vw;                 
  margin: 0px 0.6vh 9px 1.4vw;    
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 20px;
  vertical-align: middle;
}

#divPatient3  label {
	width: 7.2vw;      
    margin: 0px 0px 0px 0.10vw;
    padding: 0px 0px 0px 0px;
    display: inline-block;  
    font-size: 0.84vw;
}




/* ----------  Monitors center-screen ------- */
#divMonitors1 {
    width: 32%;
    height: 98%;
    margin-left: 4px;
    padding-top: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

#pCatheters, #pMonDisplay,#pNerveStim {
    font-weight: bold;
    margin-bottom: 8px;   
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
    margin-top: 10px;
}

#btnInsertArtLine, #btnInsertPaCath, 
#btnInsertCvp, #btnInsertFoley {
    width: 70%;
    height: 4.32vh; 
	display: block;
	margin: auto;
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#divMonitors2 {
    width: 33%;
    height: 98%;
    margin-left: 4px;
    padding-top: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

#btnMeasureNbp, #btnDisplayAbp, #btnDisplayCvp, 
#btnDisplayPap, #btnDisplayPawp, #btnMeasureCo {
    width: 70%;
    height: 4.32vh; 
	display: block;
	margin: auto;
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#divMonitors3 {
    width: 32%;
    height: 98%;
    margin-left: 4px;
    padding-top: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    font-size: 0.84vw;
}

#btnToF, #btnTetanus {
    width: 70%;
    height: 4.32vh; 
	display: block;
	margin: auto;
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#pNerveStimResults {
    margin-left: 15%;
    margin-top: 8px;
    font-size: 0.84vw;
}



/* ---------  Airway center-screen -------- */

#divAirway1 {
    width: 33%;
    height: 98%;
    margin-left: 4px;
    padding-top: 2px; 
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

#pAirwayMan {
    font-weight: bold;
	margin-top: 2px;
    margin-bottom: 8px;  
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw; 
}

#btnCricoid, #btnAdjustHead, #btnInsertOral, #btnSuction, #btnMask, #btnInsertNasal {
    width: 70%;
    height: 3.74vh; /* was 26px */
	display: block;
    margin: 0% 0% 2% 15%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#pAirwayComment {
    margin-left: 15%;
    margin-top: 8px;
    font-size: 0.84vw;
}

#divAirway2 {
    width: 32%;
    height: 98%;
    margin-left: 4px;
    padding-top: 2px; 
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}

#pIntubation {
    font-weight: bold;
	margin-top: 2px;
    margin-bottom: 8px;  
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw; 
}

#btnLma, #btnLaryngoscopy, #btnFiberoptic, #btnCrico {
    width: 70%;
    height: 3.74vh; /* was 26px */
	display: block;
    margin: 0% 0% 2% 15%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#divAirway3 {
    width: 32%;
    height: 98%;
    margin-left: 4px;
    padding-top: 2px; 
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
}
 
#pTitle {  
    font-weight: bold;
	margin-top: 2px;
    margin-bottom: 8px;  
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw; 
}

#pTubeDepth {
	width:20%;
    margin-left: 15%;
	margin-bottom: 2px;
	display: inline-block;
    font-size: 0.84vw;
}

#selTubeDepth {
    width: 30%;
    margin-left: 3%;
	margin-bottom: 2px;
	display: inline-block;
}

#pDepthUnits {
    width: 10%;
    margin-left: 2%;
	display: inline-block;
    font-size: 0.84vw;
}

#pTubeDepthMsg {
    margin-left: 15%;
	margin-top: 1px;
    font-size: 0.84vw;
}

#btnRemoveTube {
    width: 78%;
    margin-left: 12%;
    height: 3.74vh; /* was 26px */
    margin-bottom: 4px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    border: none;
    display: block;
    color: var(--text-white);
	border: none;
}

#btnRemoveConfirm,
#btnRemoveCancel {
    width: 33%;
    height: 3.74vh; /* was 26px */
	display: inline-block;
	margin-left: 12%;
	margin-top: 2px;
    border-radius: 4px;
    text-align: center;
    color: var(--text-white);
    border: none;
    white-space: nowrap;
    font-size: 0.77vw;
}

#btnRemoveConfirm {
    background: var(--alert-cancel);
}

#btnRemoveCancel {
    background: var(--alert-confirm);
}

#btnAirwayOk {
    width: 20%;
    height: 3.74vh; /* was 26px */
	display: inline-block;
	margin-left: 30%;
	margin-top: 2px;
    border-radius: 4px;
    text-align: center;
    color: var(--text-white);
    background: var(--content-div-button);
    border: none;
    font-size: 0.77vw;
}

#imgLary, #imgFo {
	width: 65%;
	height: auto;
	margin-left: 15%;
	margin-bottom: 1%;
}

#pLma {
    margin-left: 15%;
	margin-top: 1px;
    font-size: 1.03vw;
}

#btnLmaOkay {
    width: 74%;
    height: 3.74vh; /* was 26px */
    margin-left: 14%;
    margin-bottom: 4px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-confirm);
    border: none;
    display: block;
    color: var(--text-white);
	border: none;
    font-size: 0.77vw;
}

#pLary, #pFo {
	width: 90%;
    margin-left: 6%;
	margin-top: 2px;
	margin-bottom: 2px;
    font-size: 0.84vw;
}

#btnLaryDo,
#btnLaryDoNot {
    width: 39%;
    height: 3.74vh; /* was 26px */
	display: inline-block;
	margin-left: 5%;
	margin-top: 2px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    color: var(--text-white);
    border: none;
    font-size: 0.77vw;
}

#btnLaryDo {
    background: var(--alert-confirm);
}
#btnLaryDoNot {
    background: var(--alert-cancel);
}

#btnFoContinue, #btnFoCancel {
    width: 39%;
    height: 3.74vh; /* was 26px */
	display: inline-block;
	margin-left: 5%;
	margin-top: 2px;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    color: var(--text-white);
    border: none;
    font-size: 0.77vw;
}

#btnFoContinue {
    background: var(--alert-confirm);
    font-size: 0.77vw;
}
#btnFoCancel {
    background: var(--alert-cancel);
    font-size: 0.77vw;
}

#pCrico {
	width: 90%;
    margin-left: 6%;
    margin-right: 6%;
	margin-top: 2px;
	margin-bottom: 2px;
    font-size: 0.84vw;
}

#btnCricoVent,
#btnCricoRemove {
    width: 40%;
    height: 3.74vh; /* was 26px */
	display: inline-block;
	margin-left: 5%;
	margin-top: 4%;
	padding: 0px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
	text-wrap: wrap;
    white-space: wrap;	
	color: var(--text-white);
    border: none;
}

#btnCricoVent {
    background: var(--alert-confirm);
}
#btnCricoRemove {
    background: var(--alert-cancel);
}

/* --------  Breathing center-screen -------- */
#divBreathing1 {
    width: 32%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pBreathMode {
    font-weight: bold;
    margin-top: 4%;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#rbSpontaneous, #rbBagControl, #rbVentilator {
	width: 10%;
    margin: 5% 0% 0% 10%;
	display: inline-block; 
}

#labelSpontaneous, #labelBagControl, #labelVentilator {
	width: 76%;
    margin: 0% 0% 0% 2%;
	display: inline-block; 
	font-size: 0.84vw;
}

#divBreathing2 {
    width: 32%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pVentSettings {
    font-weight: bold;
    margin-top: 4%;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#pTv {
    margin-top: 8%;
	margin-left: 5%;
    font-size: 0.84vw;
}

#selTv {
    width: 28%;
	height: 13%;
	padding: 2%;
    margin-left: 1%;
	margin-top: 1%;
    font-size: 0.90vw;
}

label[for="tidalvolume"] {     
	margin-left: 3%;
    font-size: 0.84vw;
}

#pRr {
    margin-top: 5%;
	margin-left: 5%;
    font-size: 0.84vw;
}

#selRr {
    width: 28%;
	height: 13%;
	padding: 2%;
    margin-left: 9%;
	margin-top: 1%;
    font-size: 0.90vw;
}

label[for="resprate"] {    
	margin-left: 3%;
    font-size: 0.84vw;
}

#pPeep {
    margin-top: 5%;
	margin-left: 5%;
    font-size: 0.84vw;
}
#selPeep {
    width: 28%;
	height: 13%;
	padding: 2%;
    margin-left: 22%;
	margin-top: 1%;
    font-size: 0.90vw;
}

label[for="peep"] {     
	margin-left: 3%;
    font-size: 0.84vw;
}

#divBreathing3 {
    width: 32%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pCircleSystem {
    font-weight: bold;
    margin-top: 4%;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#btnCheckCircuit {
    width: 66%;
	height: 28px;
	display: block;
    margin-top: 5%;
    margin-left: 17%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#pCircleStatus {
    padding-left: 0px;
    width: 80%;
    margin-top: 10%;
    margin-left: 10%;
    font-size: 0.84vw;
}


/* --------  Drugs center-screen ------- */
#divDrugs1 {
    width: 32%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pDrugAdmin, #pDrugInfo, #pDrugInfusions {
    font-weight: bold;
    margin-top: 4%;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#selDrugList {
    width: 85%;
    height: 15%;
    margin-left: 5%;
	margin-top: 1%;
	padding: 2px 4px 2px 6px;
}
 
#spanDrugBolus,#spanDrugInfusion {
}

#pDrugBolus, #pDrugInfusion {
    width: 27%;
    margin: 0% 0% 0% 7%;
    padding: 0%;
	display: inline-block;
    font-size: 0.84vw;
}

#selDrugBolus, #selDrugInfusion {
    width: 27%;
    height: 14%;
    margin: 5% 0% 0% 0%;
	padding: 2px 4px 2px 6px;
}

#lblBolusUnits, #lblInfusionUnits {
    margin-left: 2%;
}

#btnDrugAdminister {
    width: 38%;
    height: 3.74vh;
	display: inline-block;
	margin-left: 7%;
	margin-top: 7%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--alert-confirm);
    color: var(--text-white);
    border: none;
    white-space: nowrap;
    border: none;
}

#btnDrugCancel {
    width: 33%;
    height: 3.74vh;
	display: inline-block;
	margin-left: 12%;
	margin-top: 7%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
    white-space: nowrap;
    border: none;

}#pDrugConfirmation {
    padding-left: 0px;
    width: 80%;
    margin-top: 6%;
    margin-left: 10%;
    font-size: 0.90vw;
}

#divDrugs2 {
    width: 37%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
	overflow-y: auto;
}

#btnDrugInfo {
    width: 70%;
    margin-left: 15%;
    height: 3.74vh;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#pDrugInfoText {
    padding-left: 0px;
    width: 90%;
    margin-top: 6%;
    margin-left: 5%;
    font-size: 0.84vw;
}

#divDrugs3 {
    width: 28%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
	overflow-y: auto;
}

#pInfusionList {
    padding-left: 0px;
    width: 90%;
    margin-top: 6%;
    margin-left: 5%;
    font-size: 0.84vw;
}


/* ---------  Fluids center-screen ------ */
#divFluids1 {
    width: 32%;
	height: 70%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pTitle1, #pTitle2, #pTitle3 {
    font-weight: bold;
    margin: 2% 0% 0% 0%;  
	padding: 0%;
	text-align:center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#selIvFluid1, #selIvFluid2 {
    width: 80%;
    height: 4.8vh;
    margin: 4px 0px 0px 10px;
	padding: 2px 4px 2px 6px;
    font-size: 0.84vw;
}

#pIvRate1, #pIvRate2 {
    font-size: 0.84vw;
    margin: 3% 0% 0% 6%;
}

#selIvRate1, #selIvRate2 {
    width: 26%;
    height: 4.8vh;
    margin: 4px 0px 0px 4px;
	padding: 2px 4px 2px 6px;
    font-size: 0.84vw;
}
#lblIvRate1, #lblIvRate2 {
    font-size: 0.84vw;
    margin: 2% 0% 0% 3%;
}

#pIvBolus1, #pIvBolus2 {
    font-size: 0.84vw;
    margin: 3% 0% 0% 5%;
}

#selIvBolus1, #selIvBolus2 {
    width: 26%;
    height: 4.8vh;
    margin: 4px 0px 0px 4px;
	padding: 2px 4px 2px 6px;
    font-size: 0.84vw;
}

#lblIvBolus1, #lblIvBolus2 {
    font-size: 0.84vw;
    margin: 2% 0% 0% 5%;
}

#divFluids2 {
    width: 32%;
	height: 70%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#divFluids3 {
    width: 33%;
	height: 70%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pLr {
    padding: 0px;
    width: 90%;
    margin: 3% 0% 0% 6%;
    font-size: 0.84vw;
}

#pNs, #pAlb, #pPrbc, #pUo, #pEbl {
    padding: 0px;
    width: 90%;
    margin: 2% 0% 0% 6%;
    font-size: 0.84vw;
}

#divFluids4 {
    width: 98%;
	height: 26%;
    margin-left: 4px;
	margin-top: 28.48vh; 
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
}

#btnIvConfirm, #btnIvCancel {
    width: 33%;
    height: 3.74vh;
	display: inline-block;
	margin-left: 12%;
	margin-top: 1%;
	padding: 0px;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    color: var(--text-white);
    border: none;
    white-space: nowrap;
    border: none;
}

#btnIvConfirm {
    background: var(--alert-confirm);
}

#btnIvCancel {
    background: var(--alert-cancel);
}


#pFluidConfirmation {
    width: 40%;
    padding: 0%;
    margin: 2% 0% 0% 40%;
    font-size: 0.84vw;
}

/* ---------  Labs center-screen --------- */
#divLabs1 {
    width: 46%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pLabStudies, #pLabResults {
    font-weight: bold;
    margin: 2% 0% 5% 0%;  
	padding: 0%;
	text-align:center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#cbAbg, #cbHct, #cbLytes, #cbGluc {
  width: 0.94vw;                  
  height: 0.94vw;  
  padding: 0;  
  margin: 4px 0.6vw 9px 2.8vw;    
}
/* cb labels controlled by divDisplayContent */


#btnOrderLabs {
    width: 36%;
    height: 3.74vh;
    margin: 5% 0% 0% 20%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#divLabs2 {
    width: 51%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pLabTime {
    width: 88%;
    padding: 0%;
    margin: 2% 0% 0% 8%;
    font-weight: bold;
    font-size: 1.03vw;
}

#pAbg, #pHct, #pLytes, #pGluc {
    padding: 0%;
    margin: 2% 0% 0% 10%;
    font-size: 0.84vw;
}


/* ---------------  Surgeon center-screen ------------ */
#divSurgeon1 {
    width: 49%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pSurgeon, #pSurgicalManeuvers {
    font-weight: bold;
    margin: 2% 0% 3% 0%;  
	padding: 0%;
	text-align:center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#pSurgeonMsg1, #pSurgeonMsg2 {
    width: 90%;
	height: 8%;
    padding: 0%;
    margin: 0% 0% 0% 5%;
    font-size: 0.84vw;
}

#btnPrep {
    width: 40%;
    height: 3.74vh;
    margin: 4% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#btnMakeIncision {
    width: 40%;
    height: 3.74vh;
    margin: 3% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#btnStopNow {
    width: 40%;
    height: 3.74vh;
    margin: 3% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
}

#btnResumeSurgery {
    width: 40%;
    height: 3.74vh;
    margin: 3% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}

#divSurgeon2 {
    width: 48%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pSurgeonMsg3 {
    width: 90%;
	height: 16%;
    padding: 0%;
    margin: 0% 0% 0% 5%;
    font-size: 0.84vw;
}

#btnFloodField {
    width: 40%;
    height: 3.74vh;
    margin: 4% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
}

#btnInsertChestTube {
    width: 40%;
    height: 3.74vh;
    margin: 3% 0% 0% 26%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
}

/* ----  Resuscitate center-screen --------- */
#divResus1, #divResus2 {
    width: 49%;
	height: 98%;
    margin-left: 4px;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
    float: left;
}

#pResuscitate, #pDefibrillator {
    font-weight: bold;
    margin: 2% 0% 5% 0%;  
	padding: 0%;
	text-align:center;
    color: var(--content-title-color);
    font-size: 1.03vw;
}

#btnCallForHelp {
    width: 30%;
    height: 3.74vh;
    margin: 3% 0% 0% 10%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}
 
#btnAspirateCvp {
    width: 30%;
    height: 3.74vh;
    margin: 3% 0% 0% 15%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
}
 
#pResusMsg {
    width: 80%;
	height: 20%;
    padding: 0%;
    margin: 4% 0% 0% 10%;
    font-size: 0.84vw;
}

#btnStartCpr{
    width: 30%;
    height: 3.74vh;
    margin: 0% 0% 0% 10%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-confirm);
    color: var(--text-white);
	border: none;
}

#btnStopCpr {
    width: 30%;
    height: 3.74vh;
    margin: 0% 0% 0% 15%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
}
 
#pEnergy {
    width: 80%;
    margin: 8px 3% 0% 20%;
    font-size: 0.84vw;
}

#selEnergy {
    width: 20%;
    height: 5.75vh;
    margin: 8px 0% 0% 2%;
	padding: 2px 4px 2px 6px;
    font-size: 0.84vw;
}

#divResus2 label {
    margin-left: 3%;
    font-size: 0.84vw;
}

#cbSync {
    margin: 3% 0% 0% 20%;
    font-size: 0.84vw;
}

#btnDischarge {
    width: 50%;
    height: 3.74vh;
    margin: 5% 0% 0% 20%;
    border-radius: 4px;
    font-size: 0.77vw;
    text-align: center;
    vertical-align: middle;
    background: var(--alert-cancel);
    color: var(--text-white);
    border: none;
}
 
/* ------  Case Log center-screen ----- */
#divCaseLogWrapper  {
    width: 95%;
    margin-left: 4px;
    height: 325px; 
    border-radius: 5px;
}

#caseLogScroller {
    height: 320px; 
    padding-top: 4px;
    padding-left: 12px;
    padding-right: 12px;
}

#divCaseLog2  {
    position: absolute;
    width: 25vw; 
    height: 7.70vh;  
	left: calc(37.4vw + 220px); /* was 52vw */
	top: 8.99vh;    
    border-radius: 5px; 
}

#btnSaveCaseLog {
	width: 10vw;
	height: 4.60vh;
    margin-top: 12px; 
    margin-left: 4px; 
    border-radius: 4px;
    font-size: 0.84vw;
    text-align: center;
    vertical-align: middle;
    background: var(--content-div-button);
    color: var(--text-white);
    border: none;
	font-size: 0.90vw;
}

#txtSavedCaseLog {
	font-size: 0.96vw;
    margin-top: 14px; 
    margin-left: 4px; 
    font-size: 1.03vw;
	font-weight: bold;
}


#txtSavedCaseLog {
    padding-top: 4px;
    text-align: center;
}



/* -----  Exit Case center-screen ---------- */
#divExitCase {
	height: 98%;
    width: 98%;
    border: var(--content-border);
    background: var(--content-div-bg);
    border-radius: 5px;
}

#pExitCase {
    font-weight: bold;
    text-align: center;
    color: var(--content-title-color);
    font-size: 1.29vw;
}

#pExitQuestion {
    font-weight: bold;
    text-align: center;
    font-size: 1.03vw;
}

#btnExitSave {
    height: 14%;
    width: 25%;
    margin: 5% 0% 0% 6%;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    font-size: 0.84vw;
    background: #47c445;
    color: var(--text-white);
    border: none;
}
 
#btnExitCase {
    height: 14%;
    width: 25%;
    margin: 5% 0% 0% 6%;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    font-size: 0.84vw;
    background: #c44545;
    color: var(--text-white);
    border: none;
}
 
#btnExitReturn {
    height: 14%;
    width: 25%;
    margin: 5% 0% 0% 6%;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    font-size: 0.84vw;
    background: #999;
    color: var(--text-white);
    border: none;
}
 
 
/*blue button highlights */
#btnTime:hover,
#btnInsertArtLine:hover,
#btnInsertPaCath:hover,
#btnInsertCvp:hover,
#btnInsertFoley:hover,
#btnGo:hover,
#btnResume:hover,
#btnWhatNow:hover,
#btnLearningObj:hover,
#btnAbout:hover,
#btnMeasureNbp:hover,
#btnDisplayAbp:hover,
#btnDisplayCvp:hover,
#btnDisplayPap:hover,
#btnDisplayPawp:hover,
#btnMeasureCo:hover,
#btnToF:hover,
#btnTetanus:hover,
#btnCricoid:hover,
#btnAdjustHead:hover,
#btnAirwayOk:hover,
#btnInsertOral:hover,
#btnSuction:hover,
#btnMask:hover,
#btnLma:hover,
#btnInsertNasal:hover,
#btnLaryngoscopy:hover,
#btnFiberoptic:hover,
#btnCrico:hover,
#btnCheckCircuit:hover,
#btnDrugInfo:hover,
#btnDisplayInfusions:hover,
#btnOrderLabs:hover,
#btnPrep:hover,
#btnMakeIncision:hover, 
#btnResumeSurgery:hover,
#btnCallForHelp:hover, 
#btnAspirateCvp:hover,
#btnSaveCaseLog:hover {
	background: var(--content-div-button-hover);
	cursor: pointer;
}

/* green button highlights */
#btnLaryDo:hover,
#btnLmaOkay:hover,
#btnFoContinue:hover,
#btnRemoveCancel:hover,
#btnCricoVent:hover,
#btnDrugAdminister:hover,
#btnIvConfirm:hover,
#btnStartCpr:hover,
#btnDischarge:hover,
#btnSaveAndStart:hover,
#btnExitSave:hover {
	background: var(--alert-confirm-hover);
	cursor: pointer;
}

/* red button highlights */
#btnLaryDoNot:hover,
#btnFoCancel:hover,
#btnRemoveTube:hover,
#btnRemoveConfirm:hover,
#btnCricoRemove:hover,
#btnDrugCancel:hover,
#btnIvCancel:hover,
#btnFloodField:hover,
#btnInsertChestTube:hover,
#btnStopNow:hover,
#btnDischarge:hover,
#btnStopCpr:hover,
#btnExitCase:hover {
	background: var(--alert-cancel-hover);
	cursor: pointer;
}

/* gray button highlights */
#btnExitReturn:hover {
    opacity: 0.8;
	cursor: pointer;
}