body{
 //background-color:red;
 padding:0px
}

.content {
 width:800px;
 margin-left:auto;
 margin-right:auto;
}

.cont{
 width:calc(100% - 20px);
 display:block;
 background-color:white;
 margin:5px;
 padding:5px;
 border:black solid 1px;
}

.box_container {

 border-top:black solid 1px;
}

.corner_box {
 width:calc(50% - 5px);
 border:black solid 1px;
 display:inline-block;
 vertical-align:top;
 
}

.tab {
 border-right:black solid 1px;
 border-left:black solid 1px;
 border-top:black solid 1px;
 border-radius: 5px 5px 0px 0px;
 padding: 2px 5px 2px 5px;
 display:none;

}

.tab_sel {

 background-color:grey;
} 

.tab_vis {
  display:inline-block;
}

.corner_svg {
    width:170px;
    height:170px;
    display:block;
    margin-left:auto;
    margin-right:auto;
    background-color:grey;
    
}

.corner_ta {
    margin-top:5px;
    width:100%;
    height:170px;
    display:inline-block;
    overflow-y:scroll;
    
}

.iptNb {
    width:45px;
}

.btnLft, .btnRgt, .btnUp, .btnBmn, 
.btnDwnLeft, .btnDwnRight, .btnUpLeft, .btnUpRight {
 padding:5px;
 border:black solid 1px;
 background-color:grey;
 display:inline-block;
 width:15px;
 height:15px;
 text-align:center;
}

.btnUp, .btnBmn {
    margin-left:calc(50% - 20px);
}

.btnLnk {
 padding:5px;
 border:black solid 1px;
 background-color:grey;
 display:inline-block;
 text-align:center;
 float:right;
 margin-left:5px;
}

.btnplus, .btnminus {
   border: black solid 1px;
   border-radius: 15px;
   width:17px;
   padding-left:10px;
   float:right;
   margin-left:5px;
}

.btnminus {
   background-color:red;
}
.btnplus {
   background-color:green;

}

.fd {
 margin-top:143px;
}

.vf {
 display:inline-block;
 width:23px;
 height:174px;
 vertical-align: top;
 text-align:center;
}

.hf{
 display:inline-block;
 width:calc(100% - 29px);
 height:30px;
 vertical-align: top;
}

.hvf {
 display:inline-block;
 width:25px;
 height:30px;
 text-align:center;
}


.main_b{
display:inline-block;
width:calc(100% - 29px);
    vertical-align: top;

}

.pattern_svg {
    width:100%;
    
}