body {
background-color: #f5f5f5;
}
b a{
font-size:16px;
}
table tr th {
font-size:14px;
color:#6d6b6b;
}
table tbody tr td {
font-size:14px;
color:#6d6b6b;
}

table {
color:#6d6b6b;
}

lable {
font-size:14px !important;
}

.dropdown-toggle::after {
display: none !important;
}
.show a {
font-size:14px !important;
color:#6d6b6b !important;
}
.btnprimary{
background-color:#0a9186 !important;
border-color:#0a9186 !important;
color:white !important;
}

.btnprimary:hover{
background-color:#2bd7c8 !important;
border-color:#2bd7c8 !important;

}
.navbarHeader {
height: 50px;
}

.navbar {
border-bottom: 1px solid #e0e0e0;
background-color: #fdfdfd;
}

.fontLogo {
color: #056839;
}

.menuActive {
border-bottom: 3px #0a9186 solid;
color: #0a9186 !important;
margin-bottom: -20px;
border-radius: 3px;
}

.menuActive a {
color: #0a9186 !important;
font-weight: 900 !important;
}

.btn-outline-secondary {
color: #fff ;
background-color: #0a9186 ;
border-color: #0a9186 ;
}

.btn-outline-secondary :hover {
color: #fff !important;
background-color: #6c757d !important;
border-color: #6c757d !important;
}

.menuNavbar {
position: relative !important;
text-decoration: none !important;
font-size:14px;
}
.menuNavbar::after {
content: "" !important;
position: absolute !important;
background-color: #0a9186 !important;
height: 3px !important;
width: 0 !important;
left: 0 !important;
bottom: -10px !important;
transition: 0.3s !important;
}

.menuNavbar:hover {
/* width: 100% !important; */
border-bottom: 3px #0a9186 solid;
color: #0a9186 !important;
border-radius: 3px;
margin-bottom: -20px;
/* transition: 0.3s !important */
/* bottom: -10px !important; */
}

.nav-check-no a {
    color: #ff0000a8 !important;
}

.nav-check-no a:after {
    content: "";
    left: 0;
    top: -20px;
    position: absolute;
    width: 100%;
    height: 77px;
    background: #a0a0a040;
    cursor: no-drop;
}

/* -------------------- End Css NavBar -------------------- */

.contentArea {
border-radius: 20px;
background-color: white;
}

.conetntMenu {
background-color: #4dd6d2;
border-radius: 20px 0px 0px 20px;
color: white;
}

.contentCard {
background-color: #f9f9f9;
border-left: 5px solid #4dd6d2;
border-radius: 5px 0px 0px 5px;
}

.menuContent {
width: 180px;
height: 50px;
left: 50px;
}

.menuContent:hover {
background-color: #fdfdfd;
color: #02b1ac;
border-radius: 30px 0px 0px 30px;
}

.mcActive {
background-color: #ffffff;
border-radius: 30px 0px 0px 30px;
}
.mcActive a{
color: #02b1ac !important;
}

/* Set modal */
.modal .modal-header .close {
padding: 0.2rem 0.62rem;
box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
border-radius: 0.357rem;
background: #fff;
opacity: 1;
transition: all 0.23s ease 0.1s;
position: relative;
transform: translate(8px, -2px);
}

.customModalHeader .close {
margin:-1.5rem -1.5rem -1rem auto !important;
}
.menuContent a{
color:white;
}

.menuContent a:hover{
color:#02b1ac;
}
.btn{
font-size:14px;
}
form label {
font-size:14px;
color:#6D6B6B;
}

label p {
color:red;
font-weight: 900;
margin-left: 5px;
}


.modal-header .close {
padding: 1rem 1rem;
margin: -3rem -1.5rem -1rem auto;
}

.modal .modal-header .close:hover,
.modal .modal-header .close:focus,
.modal .modal-header .close:active {
opacity: 1;
outline: none;
transform: translate(5px, 3px);
box-shadow: none;
}

.modal .modal-header {
background-color: #f8f8f8;
border-bottom: none !important;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 0.8rem 1.4rem;
border-bottom: 1px solid #ebe9f1 !important;
border-top-left-radius: calc(0.358rem - 1px);
border-top-right-radius: calc(0.358rem - 1px);
}

.modal .modal-content {
border: none !important;
overflow: visible;
box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.1);
}

/* End Set modal */

.btnLogin {
background-color: #02b1ac;
color: white;
}

p {
margin-bottom: 0 !important;
}

.flexMenu {
display: flex;
width: 100%;
justify-content: space-between;
}



@media (max-width: 992px){
.container {
max-width: 949px !important;
}

b a {
    font-size:14px !important;
}

.menuContent {
    width: 158px !important;
}
.nav-check-no a:after {
    content: unset;
}
}
/* ViewMobile Only */
@media (max-width: 820px) {
.menuActive {
margin-bottom: 0px;
}

.flexMenu {
display: flex;
flex-direction: column;
justify-content: space-between !important;
}

.menuActive a {
margin-bottom: 0px !important;
}

.menuNavbar:hover {
margin-bottom: 0px !important;
}
.CardContentDoc {
display: flex;
flex-direction: column;
}

.CardSubContent {
display: flex;
flex-direction: column;
}
.CardinputContent {
display: flex;
justify-content: start !important;
margin-top: 10px !important;
}

.textContentDoc {
margin-left: 20px !important;
}

.conetntMenu {
border-radius: 0;
}

.menuContent {
width: 300px;
}
}