.select2 {
    margin-bottom: 5px
}
.moremrg {
    margin-bottom: 10px
}

.tab-bar-container {
    overflow: hidden;
    margin: 0 -10px 0 -10px !important;
    border-bottom: 1px solid lightgray
}

.tab-bar {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    padding-right: 0px;
}

.tab-bar::-webkit-scrollbar {
    display: none;
}
.tab-bar::-webkit-scrollbar{height:10px;}
.tab-bar::-webkit-scrollbar-track{background:lightgray; box-shadow: inset 0 1px 3px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.22) !important;}
.tab-bar::-webkit-scrollbar-thumb{background:red; box-shadow: 0 1px 3px rgba(0,0,0,0.30), 0 1px 2px rgba(0,0,0,0.22) !important;}

@media (min-width: 900px){
    .tab-bar:hover::-webkit-scrollbar {
        display: unset;
    }
}

.tab-bar-right-shadow {
    box-shadow: inset -10px 0 7px -5px rgba(0, 0, 0, 0.43);
}

.tab-bar-left-shadow {
    box-shadow: inset 10px 0 7px -5px rgba(0, 0, 0, 0.43);
}

.tab-bar-both-shadow {
    box-shadow: inset 10px 0 7px -5px rgba(0, 0, 0, 0.43), inset -10px 0 7px -5px rgba(0,0,0,0.43);
}

.tab {
    margin: 0;
    border: none;
    padding: 0 24px 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
    color: #ff8282 !important;
    overflow: hidden;
    text-decoration: blink !important;
    cursor: pointer;
    transition: color 0.5s ease;
}

.tab:hover {
    color: #CE0000 !important;
}

/* Underline From Center */
.tab {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.tab:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #CE0000;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.tab:hover:before, .tab:focus:before, .tab:active:before {
  left: 0;
  right: 0;
}

@media (max-width: 600px){
    .tab {
        padding: 0 12px;
    }
}

.tab-active {
    color: #CE0000 !important;
}

.tab-active:after {
    height: 2px;
    width: 100%;
    display: block; 
    content: " ";
    bottom: 0px;
    left: 0px;
    position: absolute;
    background: #CE0000;
    -webkit-animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
            animation: border-expand 0.2s cubic-bezier(0.4, 0, 0.4, 1) 0.01s alternate forwards;
    transition: all 1s cubic-bezier(0.4, 0, 1, 1);
}