.columnlb {
  float: left;
  width: 40%;
  padding: 10px;
  padding-left: 10px;
  font-size: 15px;
  /*height: 300px; /* Should be removed. Only for demonstration */
}
.column {
  float: left;
  width: 60%;
  padding: 10px;
  font-size: 15px;
  /*height: 300px; /* Should be removed. Only for demonstration */
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.col-sm-6{
    width:48%;margin-right:2%
    
}

.label-calc {
    padding-left:10px; 
    color:white; 
    font-size:12pt; 
    font-weight:normal;
}

.inp-calc {
  width: 100%;
  text-align: center;
  position: relative;
  right: 0;
  padding: 5px;
  font-size: 14px
}

.tablecalc tbody tr:hover>td, table tbody tr:hover>th {
	background-color :#40434A;
	}
	
.tablecalc td, table th {
	padding: 6px;
    line-height: 1;
    vertical-align: top;
    border: none;
	}
	
.tablecalc tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color:#40434A;
	}

.tblcalc {
 background: #00b3ff;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    line-height: 13px;
    height: 33px;
    width: 50%;
    border: none;
    padding: 10px 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 600;
    display: inline-block;
    position: relative;
}

.tblbook {
    background: red;
    height: 35px;
    width: 50%;
    border: none;
    border-radius: 5px;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
@media (prefers-reduced-motion:reduce) {
    .nav-link {
    transition: none;
}
}.nav-link:focus, .nav-link:hover {
    color: #0a58ca;
}
.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default;
}
.nav-tabs {
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-item .nav-link {
  background-color: grey;
  color: #FFF;
  outline:1px solid white;
  padding: 10px 30px 10px 30px;
  font-size:15px;
  font-weight:400;
}
.nav-pills .nav-item .nav-link.active {
  background-color: #0d6efd;
  color: #FFF;
}	
.nav-pills .nav-link {
    background: 0 0;
    border: 0;
    border-radius: .25rem;
}
/*.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: red;
}*/
.nav-fill .nav-item, .nav-fill>.nav-link {
    flex: 1 1 auto;
    text-align: center;
}
.nav-justified .nav-item, .nav-justified>.nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
    width: 100%}
.tab-content>.tab-pane {
    display: none;
}
.tab-content>.active {
    display: block;
}
.tab-content {
  border: 1px solid #dee2e6;
  border-top: transparent;
  padding: 5px;
}

.tab-content .tab-pane {
  background-color: #FFF;
  color: #000;
  min-height: 200px;
  height: auto;
} 

/*@media (max-width: 790px) {  */
@media screen and (max-width: 782px) {

.tblharga {
/* background: #a4cbfc; */
    color: #333333;
    cursor: pointer;
    font-size: 13px;
    line-height: 13px;
    height: 33px;
    width: 100%;
    border: none;
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
  /*  display: inline-block; */
    position: relative;
} 
    
    .tblharga th {
   /* padding: 6px; */
    line-height: 1.5;
    vertical-align: top;
    border: none;
    color:white;
    background-color :#538ac6;
    text-align: center;
    width: 50%;
	}
	
 .tblharga tbody tr:hover>td, table tbody tr:hover>th {
	background-color :#cccccc;
	}
	
.tblharga td {
	padding: 6px;
    line-height: 1.5;
    vertical-align: top;
    border: none;
	}
	
.tblharga tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color:#eee;
	}
}

.tblharga {
/* background: #a4cbfc; */
    color: #333333;
    cursor: pointer;
    font-size: 15px;
    line-height: 13px;
    height: 33px;
    width: 100%;
    border: none;
    padding: 0px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 500;
  /*  display: inline-block; */
    position: relative;
} 
    
    .tblharga th {
   /* padding: 6px; */
    line-height: 1.5;
    vertical-align: top;
    border: none;
    color:white;
    background-color :#538ac6;
    text-align: center;
    width: 50%;
	}
	
 .tblharga tbody tr:hover>td, table tbody tr:hover>th {
	background-color :#cccccc;
	}
	
.tblharga td {
	padding: 6px;
    line-height: 1.5;
    vertical-align: top;
    border: none;
	}
	
.tblharga tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background-color:#eee;
	}