

.nav {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0
}

.nav-justified .nav-item {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    text-align: center;
}


.divider-new,
.navbar .nav-flex-icons,
.navbar.double-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}


.nav-tabs {
    border: 0;

    background-color: #0380FF;
    z-index: 2;
    position: relative;
    border-radius: 2px
}

.nav-tabs .nav-item+.nav-item {
    margin-left: 0
}

.nav-tabs .nav-link {
    border: 0;
    color: #fff
}

.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-link.active {
    background-color: #DC2323;
    color: #E11A1A;
    -webkit-transition: all 1s;
    transition: all 1s;
    border-radius: 2px
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: white;
  background-color: #135CA6;
  border: 1px solid #135CA6;
  border-bottom-color: transparent;
  cursor: default;
}

.nav-tabs > li > a:hover{
  color: white;
  background-color: #135CA6;
  border-bottom-color: transparent;
  cursor: default;
}

.md-pills {
    border: 0
}

.md-pills li {
    padding: .6rem
}

.md-pills .nav-link {
    -webkit-transition: all .4s;
    transition: all .4s;
    border-radius: 2px;
    color: #666;
    text-align: center
}

.md-pills .nav-link:hover {
	color: #000;
    background-color: #ADADAD;    
}

.md-pills .nav-link.active {
    color: #fff;
    background-color: #00259C;
}

.pills-primary .nav-item .nav-link.active,
.tabs-primary {
    background-color: #4285F4
}

.pills-danger .nav-item .nav-link.active,
.tabs-danger {
    background-color: #ff3547
}

.pills-warning .nav-item .nav-link.active,
.tabs-warning {
    background-color: #F80
}

.pills-success .nav-item .nav-link.active,
.tabs-success {
    background-color: #00C851
}

.pills-info .nav-item .nav-link.active,
.tabs-info {
    background-color: #33b5e5
}

.pills-default .nav-item .nav-link.active,
.tabs-default {
    background-color: #2BBBAD
}

.pills-secondary .nav-item .nav-link.active,
.tabs-secondary {
    background-color: #a6c
}

.pills-elegant .nav-item .nav-link.active,
.tabs-elegant {
    background-color: #2E2E2E
}

.pills-unique .nav-item .nav-link.active,
.tabs-unique {
    background-color: #880e4f
}

.pills-dark-green .nav-item .nav-link.active,
.tabs-dark-green {
    background-color: #388E3C
}

.pills-mdb-color .nav-item .nav-link.active,
.tabs-mdb-color {
    background-color: #59698D
}

.pills-red .nav-item .nav-link.active,
.tabs-red {
    background-color: #D32F2F
}

.pills-pink .nav-item .nav-link.active,
.tabs-pink {
    background-color: #ec407a
}

.pills-purple .nav-item .nav-link.active,
.tabs-purple {
    background-color: #8e24aa
}

.pills-deep-purple .nav-item .nav-link.active,
.tabs-deep-purple {
    background-color: #512da8
}

.pills-indigo .nav-item .nav-link.active,
.tabs-indigo {
    background-color: #3f51b5
}

.pills-blue .nav-item .nav-link.active,
.tabs-blue {
    background-color: #1976D2
}

.pills-light-blue .nav-item .nav-link.active,
.tabs-light-blue {
    background-color: #82B1FF
}

.pills-cyan .nav-item .nav-link.active,
.tabs-cyan {
    background-color: #00bcd4
}

.pills-teal .nav-item .nav-link.active,
.tabs-teal {
    background-color: #00796b
}

.pills-green .nav-item .nav-link.active,
.tabs-green {
    background-color: #388E3C
}

.pills-light-green .nav-item .nav-link.active,
.tabs-light-green {
    background-color: #8bc34a
}

.pills-lime .nav-item .nav-link.active,
.tabs-lime {
    background-color: #afb42b
}

.pills-yellow .nav-item .nav-link.active,
.tabs-yellow {
    background-color: #fbc02d
}

.pills-amber .nav-item .nav-link.active,
.tabs-amber {
    background-color: #ffa000
}

.pills-orange .nav-item .nav-link.active,
.tabs-orange {
    background-color: #f57c00
}

.pills-deep-orange .nav-item .nav-link.active,
.tabs-deep-orange {
    background-color: #ff7043
}

.pills-brown .nav-item .nav-link.active,
.tabs-brown {
    background-color: #795548
}

.pills-grey .nav-item .nav-link.active,
.tabs-grey {
    background-color: #616161
}

.pills-blue-grey .nav-item .nav-link.active,
.tabs-blue-grey {
    background-color: #78909c
}

.pills-white .nav-item .nav-link.active,
.tabs-white {
    background-color: #135CA6
}

.pills-black .nav-item .nav-link.active,
.tabs-black {
    background-color: #DD1616;
}


.tab-content {
    padding: 2rem 1rem 1rem;
    z-index: 1;
    border-radius: 0 0 .3rem .3rem;
    background-color: white;    
}

.tab-content.vertical {
    padding-top: 0
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.modal-dialog.cascading-modal .modal-c-tabs .tab-content {
    padding: 1.7rem 0 0
}

.classic-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    border-radius: .3rem .3rem 0 0
}

@media (min-width:62rem) {
    .classic-tabs {
        overflow-x: hidden
    }
}

.classic-tabs li {
    -webkit-box-flex: 1 0 30%;
    -webkit-flex: 1 0 30%;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%
}

.classic-tabs li a {
    display: block;
    padding: 20px 24px;
    font-size: 13px;
    color: rgba(255, 255, 255, .7);
    text-align: center;
    border-radius: 0
}

.card .card-data ul li,
.card .card-review ul li {
    display: inline
}

.classic-tabs li a.active {
    border-bottom: 3px solid;
    color: #9D0D0D;
}

@media (min-width:62em) {
    .classic-tabs li {
        -webkit-box-flex: inherit;
        -webkit-flex: inherit;
        -ms-flex: inherit;
        flex: inherit
    }
    .classic-tabs li:first-child {
        margin-left: 56px
    }
}

.classic-tabs.tabs-cyan li a.active {
    border-color: #ffeb3b
}

.classic-tabs.tabs-orange li a.active {
    border-color: #E53935
}

.classic-tabs.tabs-grey li a.active {
    border-color: #800303;
}

.classic-tabs.tabs-pink li a.active {
    border-color: #673ab7
}

.classic-tabs.tabs-green li a.active {
    border-color: #1565C0
}

.classic-tabs.tabs-primary li a.active {
    border-color: #BF0505;
}

.card.card-image {
    background-size: cover;
    background-position: center;
    width: 100%
}

