﻿.tabbarClass {
    padding: 0 16px;
    display: flex;
    justify-content: center;
    width:100%;
}
.tabbarClassAnnouncement {
    padding: 0 16px;
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 5px;
}
.tabHeader{

}
.tabItem{
width:100%;
}
.card {
    border: 0px solid rgba(0, 0, 0, 0.125);
}
.w3-third {
    float: left;
    width: 100%;
    height: 68px;
    display: flex;
    align-items: flex-end;
    font-size: 25px;
    color: #337ab7;
}

.w3-thirdAnnouncement {
    float: left;
    width: 100%;
    height: 68px;
    display: flex;
    align-items: flex-end;
    font-size: 25px;
    color: #337ab7;
}
.w3-thirdCMS {
    float: left;
    width: 100%;
    height: 68px;
    display: flex;
    align-items: flex-end;
    font-size: 21px;
    color: #004892;
}

.w3-bottombar {
    border-bottom: 6px solid #ccc !important
}

.w3-paddingAnnouncement {
    padding: 8px 16px;
    justify-content: space-between;
}

.w3-padding {
    padding: 8px 16px;
    justify-content: space-between;
}


.w3-border-blue, .w3-hover-border-blue:hover {
    border-color: #004892 !important
}

.modelCount {
    border: 1px solid;
    border-radius: 9999px;
    background-color: #f44336;
    color: white;
    margin-left: 10px;
    display: block;
    height: 23px;
    width: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modelNumber {
    font-size: 15px;
    display: block;
    padding: 5px;
  
}

.menuTypeButton {
     display: inline-block; 
     padding: 8px 16px; 
    border-radius: 6px;
     border: none; 
     font-weight: 600; 
     font-size: 16px; 
     text-decoration: none; 
     background-color: white; 
     color: #013682; 
}
.selectedMenuTypeButton {
    background-color: #1980CD;
    color: white;
}

@media (max-width: 550px) {
    .w3-third {
        font-size:14px;
    }
    .w3-thirdAnnouncement{
        font-size:16px;
    }
    .w3-padding {
        padding: 6px;
    }
} 
@media (max-width: 450px){
    .tabbarClass{
        flex-direction:column;
    }
    .w3-third {
        font-size:12px;
        height:45px;
    }
    .w3-padding{
        padding:0;
    }
} 
