.conn_container{
    border: 1px solid #b1b4b4a1;
    border-radius: 10px!important;
    /* padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px; */
    height: 55px;
}
.flex-container {
    display: flex;
    justify-content: center;
    justify-content: space-around;
    align-items: center;
}
#right_view{
    margin-left: 20px;
}
#staus_view{
    height: 55px;
}
#canvas2D{
	margin-left: 25px !important;
    
}
#glcanvas{
    z-index: 17!important;
}
.tab_yqk_edit{
	padding: 0ch !important;
}
#printer_connect{
	width: 60%;
	margin-left: 20%;
}
#tab_out1{
    width: 139px;
}
#gcode_upload_progress{
    margin-top: 10px !important;
    padding-right: 20px !important;
    margin-left: 0px !important;
    margin-bottom: 10px !important;
}
#uploadbtn{
    margin-top: 10px !important;
    padding-left: 10px !important;
    margin-bottom: 10px !important;
}
.svg_config{
    background-color: no-repeat !important;
    display: inline-block !important;
    height: 30px !important;
    width: 30px  !important;
}
.svg_config2{
    background-color: no-repeat !important;
    display: inline-block !important;
    height: 25px !important;
    width: 25px  !important;
    float: left ;
    margin-right: 4px;
}
.icon_config{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-top:10px;
    margin-left: 20px;
}
.span_icon{
    display: flex !important;
    flex-direction: row;
    align-items: center;
    margin-left: 20px !important;
    /* padding-top:10px; */
}
.sp_front{
    color:#06c5a8;
    margin-left: 15px;
}
.yqk_btn{
    padding: 4px 12px !important;
    border-color: #06c5a8 !important;
    color: #06c5a8 !important;
}
.td_yqk{
    padding: 5px !important;
}
input[type=range] {
  -webkit-appearance: none;/*清除系统默认样式*/
  background: -webkit-linear-gradient(#40cab6, #40cab6) no-repeat, #ddd;/*设置左边颜色为#61bd12，右边颜色为#ddd*/
  background-size: 75% 100%;/*设置左右宽度比例*/
  border-radius: 10px;
}
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;/*清除系统默认样式*/
  height: 15px;
  width: 15px;
  background: #fff;
  /* border-radius: 50%;  */
  border: solid 1px #ddd; 
}
.btn.active{
    background-color:  #06c5a8!important;
    color: #ffffff !important;
}
a{
    /* Background:rgba(255,2,2,.3); */
    border: solid 1px rgb(219, 211, 211)!important;
    /* border-right: solid 1px rgb(219, 211, 211) !important; */
    border-radius: 10px;
    color: black;
    
}
/* a:hover{
    color: black!important;
    
} */

.video_box{
    /* visibility:visible; */
    visibility: hidden;
    position: absolute!important;
    left: 0!important;
    top: 0!important;
    right: 0!important;
    bottom: 0!important;
    z-index: 16!important;
    background-color: rgba(0,0,0,0.8)
}
#closefullscreen{
    visibility: hidden;
    position: fixed;
    right: 5%;
    top: 11%;
    z-index: 17!important;
}
#catchscreen{
    visibility: hidden;
    position: fixed;
    right: 10%;
    top: 10%;
    z-index: 17!important;
}
#fullscreenBtn{
    position: absolute!important;
    right: 3%;
    top: 85%;
}
#catchscreen1{
    position: absolute!important;
    right: 15%;
    top: 85%;
}
.Sspan{
    width: 36px!important;display: inline-block;text-align:center
}
#login .container #login-row #login-column #login-box {
  margin-top: 120px!important;
  max-width: 600px!important;
  height: 320px!important;
  border: 1px solid #9C9C9C!important;
  background-color: #EAEAEA!important;
}
.vertical-offset-100{
    /* visibility: hidden; */
    position: fixed;
    left: 38%;
    top: 30%;
    z-index: 17!important;
}
.panel-heading{
    border-bottom: 1px solid #9C9C9C;
    margin-bottom: 10px;
}
.panel{
    /* margin-left: 40%; */
    width: 85%;
    padding-left: 20px;
    padding-right: 20px;
    border:1px solid #9C9C9C;
    background-color: #EAEAEA!important;
}