.container { width: 350px; }

#MacDriverHolder{
	text-align: center;
	/*display:none;*/
}
#MacDriverHolder a{
	font-size: 20px;
}
#updaterParentHolder{
	position:relative;
	padding-top: 75px;
	overflow-x: clip;
}
#updaterParentHolder p{
	font-size: 16px!important;
}
    
#autoPedalInfoHolder #autoPedalInfo.unconnected #unconnectedInfo {
	display:block;
}
#autoPedalInfoHolder #autoPedalInfo.unconnected #connectedInfo {
	display:none;
}

#autoPedalInfoHolder #autoPedalInfo.connected #unconnectedInfo {
	display:none;
}
#autoPedalInfoHolder #autoPedalInfo.connected #connectedInfo {
	display:block;
}

#fwSelectHolder.unconnected .fwSelect{
	display:none!important;
}
#fwSelectHolder.connected .fwSelect{
	display:block!important;
}


#connectedInfo{
	font-size: 15px;
}
.modalOpen{
	font-size: 15px;
    padding-top: 3px;

}

#connectedInfo span {
	display:block;
}

.autoModel{
    font-weight: 700;
	font-size: 25px;
}

/* #robotContainer{ */
	/* background: url(../assets/Auto_web_bckgrnd4-06-06.png) no-repeat center local; */
	/* background-size: cover; */
	/* position: absolute; */
	/* top: 250px; */
	/* height: 500px; */
    /* width: 100%; */
/* } */

#plasmaLeft{
    width: 348px;
    height: 575px;
    position: absolute;
    /* background: url(../assets/Yumi_robothand_left.png) no-repeat center local; */
	/* background: url(../assets/Auto_web_background_left.png) no-repeat center local; */
	/* background: url(../assets/Auto_web_background_right.png) no-repeat center local; */
	background: url(../assets/MP_fw_update_real-03.png) no-repeat center local;	
	
    background-size: cover;
    top: -50px;
    left: -350px;
}
#plasmaRight{
    width: 348px;
    height: 575px;
    position: absolute;
    /* background: url(../assets/Yumi_robothand.png) no-repeat center local; */
	/* background: url(../assets/Auto_web_background_right.png) no-repeat center local; */
	background: url(../assets/MP_fw_update_real-02.png) no-repeat center local;
    background-size: cover;
	top: -50px;
    left: 350px;
}


#plasmaTitleHolder{
	padding-bottom: 10px;
	padding-top: 15px;
	font-family: "Raleway", Sans-serif;
    position: relative;
    /* z-index: 3; */
}


#titleImage{
    /* height: 120px; */
	height: 93px;
	width:100%;
	background: url("../assets/AUTO_logo-13.jpg") no-repeat center; 
	background-size: contain;
	/* position:absolute; */
	/* margin-top: -95px; */
}


.connectToAuto{ 
	color: #ffffff;
    font-weight: 600 !important;
    border-color: #F99302;
    background-color: #F99302;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: #F99302!important;
    --bs-btn-hover-border-color: #F99302;
    --bs-btn-active-bg: #ffa423;
    --bs-btn-active-border-color: #ffa423;
    border-radius: 2px !important;
    width: 94px;
    height: 39px;
    border-width: 2px;
    padding: 0px !important;
 }
 
 #getOdoData{
	 text-align:center;
	 padding-top: 15px;
 }
.readOdemeter{
	color: #ffffff;
    font-weight: 600 !important;
    border-color: #F99302;
    background-color: #F99302;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: #F99302;
    --bs-btn-hover-border-color: #F99302;
    --bs-btn-active-bg: #ffa423;
    --bs-btn-active-border-color: #ffa423;
    border-radius: 2px !important;
    height: 39px;
    border-width: 2px;
    padding: 0px !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
 }

.clearOdemeter{
	color: #ffffff;
    font-weight: 600 !important;
    border-color: #F99302;
    background-color: #F99302;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: #F99302;
    --bs-btn-hover-border-color: #F99302;
    --bs-btn-active-bg: #ffa423;
    --bs-btn-active-border-color: #ffa423;
    border-radius: 2px !important;
    height: 39px;
    border-width: 2px;
    padding: 0px !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
	margin-top: 10px;
} 
#clearOdoData{
	display:none;
	text-align:center;
}
#clearOdoData p{
	margin-bottom:0px;
}
.showClearOdemeter{
	color: #ffffff;
    font-weight: 600 !important;
    border-color: #F99302;
    background-color: #F99302;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: #F99302;
    --bs-btn-hover-border-color: #F99302;
    --bs-btn-active-bg: #ffa423;
    --bs-btn-active-border-color: #ffa423;
    border-radius: 2px !important;
    height: 39px;
    border-width: 2px;
    padding: 0px !important;
	padding-left: 5px !important;
    padding-right: 5px !important;	
	margin-bottom: 20px;
    margin-top: 10px;
}
.clearGroupHolder{
	text-align:center;
}

#getHistoryData{
	text-align:center;
}
.getHistory{
	color: #ffffff;
    font-weight: 600 !important;
    border-color: #F99302;
    background-color: #F99302;
    --bs-btn-hover-bg: #ffffff;
    --bs-btn-hover-color: #F99302;
    --bs-btn-hover-border-color: #F99302;
    --bs-btn-active-bg: #ffa423;
    --bs-btn-active-border-color: #ffa423;
    border-radius: 2px !important;
    height: 39px;
    border-width: 2px;
    padding: 0px !important;
	padding-left: 5px !important;
    padding-right: 5px !important;
} 

#autoLogoHolder{
	width: 100%;
	height:200px;
}

#autoLogoHolder.blank{
	background: url("../assets/MP_logo-04.png") no-repeat center; 
	background-size: contain;
	margin-bottom: 10px;
}



#autoLogoHolder.chorus{
	background: url("../assets/Auto_weblogo-chorus.png") no-repeat center; 
	background-size: contain;
}
#autoLogoHolder.reverb{
	background: url("../assets/Auto_weblogo-reverb.png") no-repeat center; 
	background-size: contain;
}
#autoLogoHolder.delay{
	background: url("../assets/Auto_weblogo-delay.png") no-repeat center; 
	background-size: contain;
}

#updaterTitle{
	color: #000000;
    font-size: 75px;
    font-weight: bold;
    line-height: 51px;
    letter-spacing: 1.6px;
	font-family: "Raleway", Sans-serif;
	padding: 15px;
}
#updaterTitle_1{
	color: #000000;
	font-size: 45px;
    font-weight: bold;
    line-height: 51px;
    letter-spacing: 1.6px;
	font-family: "Raleway", Sans-serif;
	padding: 15px;
}
#updaterTitle_2{
    font-weight: bold;
    /* font-size: 25px; */
	font-size: 36px;
}
   

#autoContainer{
	/* border-color: #000000; */
	/* border-style: solid; */
	padding: 25px;
    border-radius: 2px;
	position:relative;
	font-family: "Raleway", Sans-serif;
	/* margin-bottom: 100px; */
	margin-bottom: 10px;
	
	min-height:630px;
}


#fwSelectHolder{
	margin-top: 20px;
	position: relative;
    z-index: 10;
	margin-bottom: 20px;
}

#statusContainer{
	/* margin-top: 80px; */
}

#statusTextHolder{
	min-height: 40px;
}

#statusText{
	font-size: 23px;
	white-space: nowrap;
	/* height: 40px; */
}

#updateButtonHolder{
	/* margin-top: 80px; */
}   

#startUpdate, #cancelUpdate{
	border-radius: 5px 5px 5px 5px;
	background-color: #FFFFFF;
	font-weight: 500;
    font-style: normal;
    color: #555555;
	padding: 7px 15px 7px 15px;
	min-width:195px;
}
#startUpdate:hover, #cancelUpdate:hover{
    background-color: #7B7B7B;
    border-color: #00000000;
	color: #FFFFFF;
}

.startUpdateClicked{
    background-color: #5b5a5a!important;
    border-color: #00000000!important;
	color: #FFFFFF!important;
}
.startUpdateClicked:hover{
    background-color: #5b5a5a!important;
    border-color: #00000000!important;
	color: #FFFFFF!important;
}

#infoContainer{
	min-height: 125px;
}

.pvInfoBox{
    font-size: 16px;
}

#autoContainer h5{
	font-size: 20px;
}

#autoContainer .form-select {
	height:35px;
	font-size: 15px;
}

#plasmaVoiceInstruction{
	font-family: "Raleway", Sans-serif;
	padding-bottom: 30px;
}

#plasmaVoiceInstruction h2{
	text-align: center;
	font-weight: bold;
    font-size: 25px;
	font-family: "Raleway", Sans-serif;
	padding-bottom: 5px;
}
#plasmaVoiceInstruction ul li{
	padding-left: 10px;
    padding-bottom: 10px;
}

#motorSwapInstruction{
	font-family: "Raleway", Sans-serif;
	padding-bottom: 30px;	
}
#motorSwapInstruction h2{
	text-align: center;
	font-weight: bold;
    font-size: 25px;
	font-family: "Raleway", Sans-serif;
	padding-bottom: 5px;
}

#motorSwapInstruction ul{
	padding-bottom: 10px;
	font-size: 16px!important;
	padding-left:0px;
	list-style:decimal;
	text-align:left;
}
#motorSwapInstruction ul li{
	padding-left: 0px;
    padding-bottom: 10px;
	list-style: decimal;
}


#plasmaVoiceChangeLog{
	font-family: "Raleway", Sans-serif;
}

#plasmaVoiceChangeLog h2{
	text-align: center;
	font-weight: bold;
    font-size: 25px;
	font-family: "Raleway", Sans-serif;
	padding-bottom: 25px;
}
#plasmaVoiceChangeLog ul li{
	padding-left: 10px;
    padding-bottom: 10px;
}

#modalOpenContainer{
	padding:0px;
	/* margin-bottom:90px; */
}

#modalOpenContainer ul li{
	text-align:left;
	list-style-type: circle;
	font-size: 15px;
}
/* .modalOpen{ */
	/* display:block; */
	/* text-align:left; */
/* } */

#plasmaVoiceInstruction h1, #plasmaVoiceChangeLog h1 {
	font-size: 27px!important;
	font-weight:500;
	padding-top: 12px;
}
#cancelUpdateConfirm h1{
	font-size: 21px!important;
	font-weight:500;
	padding-top: 12px;
}
#cancelUpdateConfirm p{
	font-size: 16px!important;
}

#plasmaVoiceInstruction ul, #plasmaVoiceChangeLog ul, #cancelUpdateConfirm ul{
	font-size: 16px!important;
}
#plasmaVoiceInstruction ul{
	padding-bottom: 10px;
}
#plasmaVoiceInstruction .btn, #plasmaVoiceChangeLog .btn, #cancelUpdateConfirm .btn{
	border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
}


#motorSwapInstruction h1{
	font-size: 27px!important;
	font-weight:500;
	padding-top: 12px;
}


#motorSwapInstruction .btn{
	border-radius: 5px 5px 5px 5px;
    /* color: #FFFFFF; */
}

   
#cancelUpdateConfirm {
	text-align:center;
}

#cancelUpdateConfirm .modal-footer{
	display:block;
}

#showUpdateInfoHolder{
	text-align:center;
}
#showUpdateInfo{
	text-align:center;
	/* display: block; */
	font-size: 18px;
	font-weight:bold;
	color:#F99302;
	text-decoration: none;
}
#showUpdateInfo:hover{
	text-decoration: underline;
}

span.bold {
	font-weight:700;
}



#sectionSelectionHolder{
	/* width:480px; */
}

#sectionSelectionHolder .sectionHolder{
	border:1px solid black;
	text-align:center;
	padding:5px;
	border-radius:3px;
	cursor:pointer;
	font-size: 14px;
}

#sectionSelectionHolder .sectionHolder:hover{
	background:#b5b5b5;
}

#sectionSelectionHolder .sectionHolder.selected{
	background:#dddddd;
}

.supportSection{
	display:none;
}

.supportSection.selected{
	display:block;
}

.gifHolder{
	/* text-align:center; */
	margin-top: 10px;
    margin-bottom: 30px;
}
.gifHolder img{
	/* float:left */
	width:300px;
	height:300px;
}

#pedalDataHolder{
	margin-top:30px;
	display:none;
}

#pedalDataTitle{
	text-align: center;
}

.dataEntryHolder{
	border:1px solid black;
	border-radius:3px;
	margin-bottom:5px;
}
.dataEntryHolder div{
	height:40px;
}

.dataEntryHolder div p{
	line-height:40px;
	margin:0px;
}

.dataTitleHolder{
	border-right:1px solid black;
}
.dataDataHolder{
	border-left:1px solid black;
	text-align:center;
}

#pedalHistoryHolder{
	margin-top:30px;
	display:none;
}
#pedalHistoryTitle{
	text-align: center;
	margin-bottom:10px;
}

.historyEntryHolder{
	border:1px solid black;
	border-radius:3px;
	margin-bottom:5px;
}
.historyEntryHolder div{
	height:40px;
}

.historyEntryHolder div p{
	line-height:40px;
	margin:0px;
}

.historyHeader p {
	font-weight:700;
}

.historyDateHolder{
	border-right:1px solid black;
}

.historyRevsHolder{
	border-right:1px solid black;
	border-left:1px solid black;
	text-align:center;
}

.historyUptimeHolder{
	border-left:1px solid black;
	text-align:center;
}

#swapStepHolder{
	padding:0px;
	padding-top: 15px;

}
#swapStepHolder h2{
	font-size: 36px;
	padding-bottom:10px;
}

#historyDataTable th{
	font-size:16px;
}
#historyDataTable td{
	font-size:14px;
}

.errorResp{
	font-weight:700;
}

#clearOk{
	width: 350px;
    position: relative;
    left: 50%;
    margin-left: -175px;
    margin-top: 20px;
}

#clearFaile{
	width: 350px;
    position: relative;
    left: 50%;
    margin-left: -175px;
    margin-top: 20px;
}