@import url(../../../common/styles/media2.css);



#netaddbin1, #netaddbin2, #netaddbin3, #netadddeci1, #netadddeci2, #netadddeci3{
    font-family: "Courier New" !important;
    font-size: 11px !important;
     
     background-color: #FDEED0 !important;
    border: 1px solid #666263;
    color: #000000;
    font-size: 11px;
    font-weight:bold;
    outline: medium none;
    text-align: center;
    pointer-events: auto !important;
    box-sizing:border-box;
    border-radius: 0 !important;
    width: 66px !important;
    top: 38px !important;
    left: 112px !important;
}

#netaddbin4,#netadddeci4 {
    font-family: "Courier New" !important;
    font-size: 11px !important;
    background: none repeat scroll 0 0 #FDEED0;
     background-color: #FDEED0 !important;
    border: 1px solid #666263;
    color: #000000;
    
    font-weight:bold;
    outline: medium none;
    text-align: center;
    pointer-events: auto !important;
    box-sizing:border-box;
    border-radius: 0 !important;
    width: 66px !important;
    top: 38px !important;
    left: 114px !important;
}

@media only screen and (device-width: 768px) {
 #netaddbin1, #netaddbin2, #netaddbin3, #netaddbin4, #netadddeci1, #netadddeci2, #netadddeci3, #netadddeci4 {
    top: 0.5px;
    left: -10px;
    height: 20px;

  }
}

#txt_subnetbin,#txt_hostaddress,#txt_subnetmask,#txt_hostaddrbin,#txt_netbin,#txt_netdec{ line-height:12px !important}
/*
#mainDiv {
position:absolute;
top:0;
width:715px;
height:400px;
left:0px ;
}

#title {
font-size:14px;
font-weight:bold;
}

#title_sub {
font-size:11px;
}

#netaddbin1,#netaddbin2,#netaddbin3,#netaddbin4,#netadddeci1,#netadddeci2,#netadddeci3,#netadddeci4 {
border:1px solid #E9E7E8;
font-weight:bold;
text-align:center;
background-color:#66c0e5;
font-size:11px !important;
font-family:"Courier New" !important;
}


#title_bg {
margin-left:-2px;
background-image:url(orange_bg.jpg);
background-repeat:repeat;
text-align:center;
border-radius:5px 5px 0 0;
}


.position_bg {
background-color:#d3d1d2;
text-align:left;
font-size:11px;
padding:3px;
}

.exponent_bg {
background-color:#e9e7e8;
text-align:left;
font-size:11px;
padding:3px;
}

#new_nub {
background-image: url("button_bg.jpg");
border: medium none;
border-radius: 4px 4px 4px 4px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
height: 22px;
margin: 2px 0 2px 30px;
padding-bottom: 3px;
width: 150px;
cursor:pointer;
}

#check {
background-image:url(button_bg.jpg);
border:medium none;
border-radius:4px 4px 4px 4px;
color:#FFF;
font-size:11px;
font-weight:bold;
height:21px;
padding-bottom:3px;
width:125px;
margin:0 0 0 -7px;
cursor:pointer;
}

#reset {
background-image:url(button_bg.jpg);
border:medium none;
border-radius:4px 4px 4px 4px;
color:#FFF;
font-size:11px;
font-weight:bold;
height:21px;
padding-bottom:3px;
width:125px;
margin:0 0 0 35px;
cursor:pointer;
}

.align_right {
text-align:right;
padding-right:5px;
}

.align_center {
text-align:center;
height:15px;
}

.top_gap {
padding-top:11px;
}

.shift_right {
padding-right:0;
padding-left:9px;
}

.result p {
margin:0;
padding:2px;
height:30px;
}

.result_2 p {
margin:0 0 20px;
padding:2px;
}

#title_bg input {
text-align:center!important;
width:15%;
}

#pannel,#pannel_2 {
background-color: #C1ABD1;
border-radius: 5px 5px 5px 5px;
box-shadow: 3px 3px 6px #3F3F3F;
float: left;
left:213px;
position: absolute;
top: 308px;
width:488px;
}

.cross,.cross_2 {
width:96%;
border-bottom:3px solid #3d244c;
float:left;
margin-left:2%;
}

.cross a,.cross_2 a {
border:1px solid #3D244C;
float:right;
height:12px;
margin-bottom:1px;
margin-right:4px;
margin-top:4px;
width:12px;
}

.cross img,.cross_2 img {
float:right;
margin-right:1px;
margin-top:1px;
}

.cross span,.cross_2 span {
color:#493057;
font-size:11px;
}

.result,.result_2 {
background-color:#FFF;
width:96%;
float:left;
margin:2%;
font-size:11px;
}

#pannel a,#pannel_2 a {
display:block!important;
}

#host1,#host2,#host3,#host4,#hostbin1,#hostbin2,#hostbin3,#hostbin4,#subnet1,#subnet2,#subnet3,#subnet4,#subnetbin1,#subnetbin2,#subnetbin3,#subnetbin4{text-align:center;font-family:"Courier New" !important;}

*/