body {
	/*    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
	font-family: "Microsoft JhengHei", "\\5FAE軟正黑體",Arial,sans-serif;
	font-size: 28px;
    line-height: 1;
}   

h1 {
    color: #B35900;
	margin-top: 10px;
}

footer {
    position: fixed;
    height: 50px;
    bottom: 0;
    width: 100%;
    background-color: #ccc
}

footer p {
    padding: 15px;
}
.table>tbody>tr>td>span.message-cut{
    float: left;
    white-space: nowrap;
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.swd-container-header-footer {
	margin-left: 15px;
	margin-right: 15px;
}

.swd-container {
	margin-top: 20px;
    margin-right: 40px;
    margin-bottom: 20px;
    margin-left: 40px;
}

.swd-container-form {
	width: 50%;
	min-width: 450px;
}

.swd-container-m20 {
	margin: 20px;
}


th {
	background-color: #cc4c02;
	color: white;
	border: solid;
	border-width: 1px;	
	border-color: #ffeedc;
}

td {
	border: solid;
	border-color: #ffeedc;
	border-width: 1px;
}

.rch-common-button {
	background-color: #ffeedc !important;
	border-color: #cc4c02 !important;
	margin-left: 20px;	
	margin-top: 20px;
}

.btn-primary {
	background-color: #cc4c02 !important;
	border-color: #cc4c02 !important;
}

.btn {
	font-size: 20px !important;
}

.btn:hover {
    background-color: #fddfbe !important;
	color: #555555 !important;
}

.table>tbody>tr>td {
	padding: 5px;
}

.tabs-container {
    position: relative; /* Positioning context for the scrollbar */
}



.v-tabs {
    overflow-x: auto; /* Enables horizontal scrolling */
    white-space: nowrap; /* Prevents tabs from wrapping */
    max-width: 100%; /* Ensures it fits within the parent */
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background-color: #a0ddf1;
    
}
.navbar-inverse {
    background-color: #a0ddf1;
    border-color: #a0ddf1;
}

label {
    color: black;
}

legend {
	background-color: oldlace !important;
	padding: 10px;
	padding-left: 10px;
}

.navbar-inverse .navbar-nav>li>a {
    color: black;
}

.form-control {
    font-size: 16px;
}

hr {
    border-top: 1px solid #e98d2b;
}

.vdp-datepicker__calendar .cell.day-header {
        font-size: 16px !important;
}

footer {
    height: 40px;
}

footer p {
    font-size: 14px;
}


.vs__search:focus { 
	font-family: "Microsoft JhengHei", "\\5FAE軟正黑體",Arial,sans-serif!important;
	font-size: 20px!important;

 } 

.dropdown-searchbox-with-text .vs__search:not(:focus) {
	width: 0px !important;
	max-width: 0px !important;
	padding: 0px!important;
	margin: 0px!important;
	height: 0px!important;
}

@media screen and (max-width: 1600px) {
    body {
        font-size: 24px!important;
    }


    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        font-size: 22px!important;
    }
}

@media screen and (max-width: 992px) {
    
    h1 {
    margin-top: 10px;
         font-size: 40px;
    }
    #btnSubmitRecord {
        margin-left: 0;
        margin-right: 0;
    }
    
}
  
@media screen and (max-width: 600px) {
    h1 {
        font-size: 24px !important;
    }
    h3 {
        font-size: 18px !important;
    }
    body, .btn {
        font-size: 16px !important;
    }
    .swd-container {
        margin-top: 20px;
        margin-right: 15px;
        margin-bottom: 20px;
        margin-left: 15px;
    }

    .patients {
        height: 40px;
    }

    .form-control {
        font-size: 13px;
    }
}

@media screen and (min-width: 600px) {
    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        height: 49px;
    }
}