.steps {
	border-color: transparent;
	border-style: none solid;
	border-width: 0 1px;
	margin: 0 0 35px !important;
	position: relative;
	width: 100%
}
.tick {
	color: #ccc;
	font-size: 11px;
	height: 11px;
	left: 0;
	line-height: 11px;
	margin-left: -24px;
	position: absolute;
	width: 48px
}

.marker, .tick {
	text-align: center
}

.marker {
	border: 1px solid transparent;
	color: #333;
	font-size: 9px;
	height: 18px;
	line-height: 18px
}

.nav-tabs .nav-link {
    border: 2px solid #fff;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    background-color: #000;
    color: #fff;
    font-size: 20px;
}

.nav-tabs .nav-link:hover {
    background-color: #007bff;
    color: #fff;
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   transition: ease-in-out all .4s; 
	-moz-transition: ease-in-out all .4s;
	-webkit-transition: ease-in-out all .4s;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #007bff;
     box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
   transition: ease-in-out all .4s; 
	-moz-transition: ease-in-out all .4s;
	-webkit-transition: ease-in-out all .4s;
}




.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child), .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #fb3131;
    color: #fff;
}




input[type="range"] { 
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    overflow: hidden;
    height: 20px;
    width: 100%;
    cursor: pointer;
    border-radius: 30px; /* iOS */
}

::-webkit-slider-runnable-track {
    background: #ddd;
}

/*
 * 1. Set to 0 width and remove border for a slider without a thumb
 */
::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; /* 1 */
    height: 40px;
    background: #000;
    box-shadow: -100vw 0 0 100vw #fb3131;
    border: 2px solid #fff; /* 1 */
    border-radius: 30px; /* iOS */
}

::-moz-range-track {
    height: 40px;
    background: #ddd;
}

::-moz-range-thumb {
    background: #fff;
    height: 40px;
    width: 20px;
    border: 3px solid #999;
    border-radius: 0 !important;
    box-shadow: -100vw 0 0 100vw #fb3131;
    box-sizing: border-box;
}

::-ms-fill-lower { 
    background: #fb3131;
}

::-ms-thumb { 
    background: #fff;
    border: 2px solid #999;
    height: 40px;
    width: 20px;
    box-sizing: border-box;
}

::-ms-ticks-after { 
    display: none; 
}

::-ms-ticks-before { 
    display: none; 
}

::-ms-track { 
    background: #ddd;
    color: transparent;
    height: 40px;
    border: none;
}

::-ms-tooltip { 
    display: none;
}

    

        .nav-tabs{
            border: none;
        }
        .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
            border: none;
            border-bottom: 3px solid #00a2ff;
        }
        .nav-tabs>li>a:hover{
            border: none;
        }
        .nav-item:focus, .nav-item>a:focus, .nav-item>a:hover{
            outline: none;
        }
        #buyerInputContainer {
            padding: 0px 20px 30px;
        }
#manufacturerInputContainer {
            padding: 0px 20px 30px;
        }
        #wholesalerInputContainer {
            padding: 0px 20px 30px;
        }
        #myTab {
            padding-left: 10px;
        }

        .tab-content {
            padding-top: 10px;
        }

        .net-price {
            float: right;
            border: 1px solid gainsboro;
            margin-bottom: 10px;
            padding: 5px;
        }
        .net-price>label{
            color: #00a2ff;
        }
        .input-container {
            padding-bottom: 20px;
        }

        .outputBoxBuyer,
        .outputBoxManufacturer,
        .outputWholesaler {
            display: flex;
            padding: 10px;
        }

        .output-card {
            flex: 1;
            padding: 10px;
            background-color: #000;
            margin: 10px;
            border-radius: 10px;
        }

        .output-card>p,
        h3 {
            color: white;
        }

        .text-input {
            border: none;
            width: 110px;
            margin-left: 10px;
            text-align: right;
        }
        .content-div{
            font-size: 16px;
        }
        hr{
            border-top: 1px solid gainsboro;
        }
        .table-bordered, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td{
            border: 1px solid black;
        }
       
        @media(max-width:1200px){
            .nav-tabs>li>a{
                padding: 10px;
            }
            .no-padding-phone{
                padding:0px;
            }
            #buyerInputContainer{
                padding: 0px;
            }
            .text-input{
                width: 90px;
            }
            .outputBoxBuyer, .outputBoxManufacturer, .outputWholesaler{
                padding: 0px;
                display: inline-block;
            }
            .output-card{
                padding: 5px;
                margin: 2px;
                display: inline-block;
                border-radius: 5px;
                width: 48%;
            }
        }
 @media(max-width:567px){
.nav-tabs .nav-link {
    font-size:12px;
}
}