.nav {

    display: flex;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none;

}



.nav-link {

    display: block;

    padding: .5rem 1rem;

}



.nav-tabs {

    border-bottom: 1px solid #dee2e6;

}



.nav-tabs .nav-item {

    margin-bottom: -1px;

}



.nav-tabs .nav-link {

    border: 1px solid transparent;

    border-top-left-radius: .25rem;

    border-top-right-radius: .25rem;

    text-decoration: none;

    color: #0297d4;

}



.nav-tabs .nav-link:hover {

    border-color: #e9ecef #e9ecef #dee2e6;

    text-decoration: none;

}



.nav-tabs .nav-link.active,

.nav-tabs .nav-item.show .nav-link {

    color: #fff;

    background-color: #0297d4;

    border-color: #dee2e6 #dee2e6 #fff;

    text-decoration: none;

}



.nav-tabs .dropdown-menu {

    margin-top: -1px;

    border-top-left-radius: 0;

    border-top-right-radius: 0;

}

.tab-content > .tab-pane {

    display: none;

}



.tab-pane input[type="number"],

.tab-pane input[type="date"],

.tab-pane input[type="text"],

.tab-pane input[type="textarea"],

.tab-pane input[type="time"] {

    padding: 10px;

    font-size: 16px;

    border: 1px solid #ccc;

    border-radius: 3px;

    width: 200px;

    flex-grow: 1;

}

.tab-pane select {

    padding: 10px;

    font-size: 16px;

    border: 1px solid #ccc;

    border-radius: 3px;

    width: auto;

    flex-grow: 1;

}

.tab-pane input[type="datetime-local"] {

    padding: 10px;

    font-size: 16px;

    border: 1px solid #ccc;

    border-radius: 3px;

    width: 200px;

    flex-grow: 1;

}

.tab-pane input[type="email"] {

    padding: 10px;

    font-size: 16px;

    border: 1px solid #ccc;

    border-radius: 3px;

    width: 250px;

    flex-grow: 1;

}



.tab-content > .active {

    display: block;

}

.form-control {

    display: block;

    width: 100%;

    height: calc(1.5em + .75rem + 2px);

    padding: .375rem .75rem;

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.5;

    color: #495057;

    background-color: #fff;

    background-clip: padding-box;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.form-control:focus {

    color: #495057;

    background-color: #fff;

    border-color: #ccc;

    outline: 0;

    box-shadow: 0 0 0 .2rem #ccc;

}



.form-control:disabled,

.form-control[readonly] {

    background-color: #e9ecef;

    opacity: 1;

}

.btn {

    display: inline-block;

    font-weight: 400;

    color: #212529;

    text-align: center;

    vertical-align: middle;

    background-color: transparent;

    border: 1px solid transparent;

    padding: .375rem .75rem;

    font-size: 1rem;

    line-height: 1.5;

    border-radius: .25rem;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.btn-primary {

    color: #fff;

    background-color: #0297d4;

    border-color: #0297d4;

}



.btn-primary:hover {

    color: #fff;

    background-color: #ff9900;

    border-color: #ff9900;

}



.btn:focus {

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);

}