init project

This commit is contained in:
2026-05-25 11:08:52 +07:00
parent a388c619b5
commit 895fdd9b83
1437 changed files with 384844 additions and 27 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,475 @@
.form-group {
margin-bottom: 0rem !important;
}
.form-group label {
line-height: 0.4rem !important;
}
.mb-1 {
margin-bottom: 1rem !important;
}
.sidebar {
border-radius: 0px !important;
margin-left: 0px !important;
margin-bottom: 0px !important;
/*width: 246px;*/
width: 320px;
}
.sidebar .nav:not(.sub-menu) {
margin-left: 0px !important;
margin-right: 0px !important;
}
@media (min-width: 992px) {
.sidebar-icon-only .sidebar {
width: 80px;
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .nav-link .menu-title {
left: calc(80px - 2px);
}
.sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapse, .sidebar-icon-only .sidebar .nav .nav-item.hover-open .collapsing {
left: calc(80px - 2px);
}
.sidebar-icon-only .sidebar .nav.sub-menu {
padding: 0 0 0 2rem;
}
}
/*
.sidebar{
width: 285px;
}
.navbar .navbar-brand-wrapper {
width: calc(285px + 0.5rem);
}
.navbar .navbar-menu-wrapper{
width: calc(100% - 285px - 0.5rem);
}
*/
.btn-md, .btn-group-md > .btn, .ajax-upload-dragdrop .btn-group-md > .ajax-file-upload {
padding: 0.33rem 0.81rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.1875rem;
}
.form-control-xs {
height: 2.1rem;
padding: 0.5rem 0.81rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.form-control-xxs {
height: 1.9rem;
padding: 0.5rem 0.81rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
.modal-header .close{
margin-right: -22px !important;
}
.modal-body {
padding: 1.5rem !important;
}
.modal-content {
border-radius: 0px !important;
border: 0;
border-top: 10px solid #3b86d1;
}
.modal-content::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 27px;
height: 27px;
background-image: linear-gradient(315deg, transparent 30px, #3b86d1 30px);
z-index: 1;
}
.navbar{
border-bottom: 1px solid #ccc !important;
}
.content-wrapper .card{
border-top: 10px solid #ffffff;
}
.content-wrapper .card::before {
content: "";
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 27px;
height: 27px;
background-image: linear-gradient(315deg, transparent 30px, #ffffff 30px);
z-index: 1;
}
.modal-header h6{font-weight: 600;}
.card{
border: 0px;
border-radius: 0px;
}
#loadingDiv{
z-index: 9999999!important;
position: absolute;
/*padding: 80px;*
top: calc(50% - (200px / 2));
right: calc(50% - (200px / 2));
*/
background: #ffffff08;
top: calc(50% - (58px /2));
right: calc(50% - (58px /2));
}
.spinner-border {
width: 3rem;
height: 3rem;
border: 0.4em solid #3b86d1;
border-right-color: #cef5cd7a;
animation: spinner-border .75s linear infinite;
}
.min-vh-70{
min-height: 700px;
}
.modal-semi-xxl {
max-width: 1500px !important;
}
.modal-xxl {
max-width: 1800px !important;
}
.custom-error-alert{
position: fixed;
top: 20px;
width: 400px;
right: 32px;
border-radius: 0;
font-size: 13px;
box-shadow: 0px 0px 5px #78777775;
z-index: 9999;
}
.table thead th {
font-size: 0.9rem !important;
}
.footer {
padding: 0px !important; /* 0 1.812rem 2.062rem 1.812rem;*/
}
.table .btn-sm {
width: 25px;
height: 25px;
padding: 0px;
border-radius: 0px;
}
.bullet-line-list li:before{
top: 23% !important;
left: -19px !important;
}
.group-test-box{
max-height: 610px;
min-height: 610px;
overflow: auto;
}
.bullet-line-list:after {
border: 1px solid #f8f9fa;
/*top: 35px;*/ /* 45px;*/
}
.bullet-line-list:after {
top: -10px;
bottom: -15px;
left: 17px;
}
.first-lv::before{
content: "--";
position: absolute;
left: -20px;
color: #f3f3f3;
}
.grandchildren-lv::before{
content: "|---";
position: absolute;
left: -25px;
color: #f3f3f3;
}
.modal-header span{font-size: 15px !important;}
.footer_fixed{
position: fixed;
bottom: -5px;
height: 85px;
background: #fff;
z-index: 10000;
width: 100%;
left: -5px;
right: -5px;
padding-top: 15px;
border-top: 2px solid #eee;
}
.font-14{
font-size: 14px !important;
}
.font-13{
font-size: 13px !important;
}
.table thead tr:first-child{
height: 40px !important;
}
.table thead tr:first-child th{
vertical-align: middle;
}
.border-light{
border-color: #999898 !important;
}
.result-item{
height: 42px !important;
}
.badge{
border-radius: 0px !important;
}
body::-webkit-scrollbar{
display: none;
}
.modal::-webkit-scrollbar{
display: none;
}
.border-1{
border: 1px !important;
}
.border-2{
border: 2px !important;
}
.border-3{
border: 3px !important;
}
.border-4{
border: 4px !important;
}
.border-5{
border: 5px !important;
}
.border-solid{
border-style: solid !important;
}
.border-gray{
border-color: #f7f7f7 !important;
}
.bg-gradient-light {
background: linear-gradient(to right, #dbebf5 5%, #ffffff 80%) !important;
/*background: linear-gradient(to right, #cfd9df 5%, #ffffff 70%) !important;*/
}
.sample-type-wrapper .list-unstyled{
margin-top: 5px;
margin-bottom: 5px;
margin-left: 1em;
}
.sample-type-wrapper ul{
margin-left: 1em;
position: relative;
}
.sample-type-wrapper ul:before {
content: "";
display: block;
width: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
border-left: 1px solid #dbdbdb;
}
.sample-type-wrapper li {
margin: 0;
padding: 0 1.2em;
line-height: 2em;
color: #369;
font-weight: 700;
position: relative;
}
.sample-type-wrapper ul li:before {
content: "";
display: block;
width: 15px;
height: 0;
border-top: 1px solid #dbdbdb;
margin-top: -1px;
position: absolute;
top: 1em;
left: 0;
}
.sample-type-wrapper ul li:last-child:before {
background: #fff;
height: auto;
top: 1em;
bottom: 0;
}
.sample-type-wrapper ul li ul{
margin-left: 0.2em !important;
position: relative;
}
.indicator {
margin-right: 0.5em;
margin-left: -1.65em;
cursor: pointer;
background: white;
position: absolute;
top: 7px;
display: inline-block;
line-height: 1;
}
.sample-type-wrapper ul ul li {
padding-right: 0em !important;
}
.sample-type-wrapper .form-check .form-check-label input[type="checkbox"] + .input-helper:before {
border-radius: 0 !important;
border: solid #727272 !important;
border-width: 1px !important;
}
.sample-type-wrapper .form-check .form-check-label input[type="checkbox"]:checked + .input-helper:before {
background: #fff !important;
}
.sample-type-wrapper .form-check .form-check-label input[type="checkbox"] + .input-helper:after {
color: #000 !important;
}
ul li ul{
display: none;
}
.navbar .navbar-brand-wrapper .navbar-brand-inner-wrapper .navbar-brand img {
height: 74px !important;
}
.navbar .navbar-brand-wrapper {
background: #ffffff !important;
}
.navbar .navbar-menu-wrapper {
background: #3b86d1 !important;
}
.sidebar .nav .nav-item.active > .nav-link {
background: #e7e7e7 !important;
}
.navbar .navbar-menu-wrapper .navbar-nav.navbar-nav-right .nav-item .nav-link {
border: 1px solid #569fe9 !important;
border-radius: 5px !important;
}
/*
Lab & User Profile
*/
.center {
height:100%;
display:flex;
align-items:center;
justify-content:center;
}
.form-input {
width:250px;
padding:20px;
}
.form-input img {
width:100%;
/*display:{{$info->logo==''?'none':'block'}};*/
margin-bottom:10px;
}
.form-input input {
display:none;
}
.form-input label {
height:25px;
background:#cdcdcd26;
color:#c9c9c9;
cursor:pointer;
width: 75px;
margin: 0 auto;
}
/* For test result */
.out-of-range{
background:#ffb400 !important;
}
.main-panel input, .main-panel select{
border:1px solid #d3d5d7 !important;
}
.main-panel .select2-container .select2-selection--single, .main-panel .select2-selection--multiple {
border-color: #d3d5d7 !important;
}
.nav .menu-icon{
color: #3b86d1 !important;
}
.sidebar .nav.sub-menu .nav-item::before {
color: #3b86d1 !important;
}
.table-hover tbody tr:hover {
background-color: #E3F2FD !important;/* #eaeaf1;*/
}

View File

@@ -0,0 +1,82 @@
.select2-selection__rendered {
line-height: 18px !important;
}
.select2-container .select2-selection--single{
box-shadow: none;
outline: none;
}
.select2-container .select2-selection--single, .select2-selection--multiple {
min-height: 46px !important;
border-radius: 0;
border-color: #f3f3f3 !important;
}
.select2-search__field{
outline: none;
}
.select2-selection__arrow {
height: 46px !important;
}
.select2-selection__choice{
font-size: 13px !important;
}
.form-group label {line-height: 1.4rem !important;}
/** custommiz **/
.select2-results__option {
padding-right: 20px;
vertical-align: middle;
}
.select2-results__option:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
border: 1px solid #e9e9e9;
border-radius: 0px;
background-color: #fff;
margin-right: 20px;
vertical-align: middle;
}
.select2-results__option[aria-selected=true]:before {
font-family:fontAwesome;
content: "\f00c";
color: #000;
background-color: #cbcbcb;
border: 0;
display: inline-block;
padding-left: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
background-color: #fff;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #eaeaeb;
color: #272727;
}
.select2-container--default .select2-selection--multiple {
margin-bottom: 10px;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-radius: 0px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #ffffff;
border-width: 1px;
}
.select2-container--default .select2-selection--multiple {
border-width: 1px;
}
.select2-container--open .select2-dropdown--below {
border-radius: 0px;
/*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
background: #fafafa;
}
.select2-selection .select2-selection--multiple:after {
content: 'hhghgh';
}

View File

@@ -0,0 +1,427 @@
#style-1::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-1::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #555;
}
/*
* STYLE 2
*/
#style-2::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-2::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #D62929;
}
/*
* STYLE 3
*/
#style-3::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb
{
background-color: #000000;
}
/*
* STYLE 4
*/
#style-4::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-4::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-4::-webkit-scrollbar-thumb
{
background-color: #000000;
border: 2px solid #555555;
}
/*
* STYLE 5
*/
#style-5::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-5::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-5::-webkit-scrollbar-thumb
{
background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%,
color-stop(.5, rgba(255, 255, 255, .2)),
color-stop(.5, transparent), to(transparent));
}
/*
* STYLE 6
*/
#style-6::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-6::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-6::-webkit-scrollbar-thumb
{
background-color: #F90;
background-image: -webkit-linear-gradient(45deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent)
}
/*
* STYLE 7
*/
#style-7::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
#style-7::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-7::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-image: -webkit-gradient(linear,
left bottom,
left top,
color-stop(0.44, rgb(122,153,217)),
color-stop(0.72, rgb(73,125,189)),
color-stop(0.86, rgb(28,58,148)));
}
/*
* STYLE 8
*/
#style-8::-webkit-scrollbar-track
{
border: 1px solid black;
background-color: #F5F5F5;
}
#style-8::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-8::-webkit-scrollbar-thumb
{
background-color: #000000;
}
/*
* STYLE 9
*/
#style-9::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-9::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-9::-webkit-scrollbar-thumb
{
background-color: #F90;
background-image: -webkit-linear-gradient(90deg,
rgba(255, 255, 255, .2) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, .2) 50%,
rgba(255, 255, 255, .2) 75%,
transparent 75%,
transparent)
}
/*
* STYLE 10
*/
#style-10::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
#style-10::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-10::-webkit-scrollbar-thumb
{
background-color: #AAA;
border-radius: 10px;
background-image: -webkit-linear-gradient(90deg,
rgba(0, 0, 0, .2) 25%,
transparent 25%,
transparent 50%,
rgba(0, 0, 0, .2) 50%,
rgba(0, 0, 0, .2) 75%,
transparent 75%,
transparent)
}
/*
* STYLE 11
*/
#style-11::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
border-radius: 10px;
}
#style-11::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-11::-webkit-scrollbar-thumb
{
background-color: #3366FF;
border-radius: 10px;
background-image: -webkit-linear-gradient(0deg,
rgba(255, 255, 255, 0.5) 25%,
transparent 25%,
transparent 50%,
rgba(255, 255, 255, 0.5) 50%,
rgba(255, 255, 255, 0.5) 75%,
transparent 75%,
transparent)
}
/*
* STYLE 12
*/
#style-12::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
border-radius: 10px;
background-color: #444444;
}
#style-12::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-12::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #D62929;
background-image: -webkit-linear-gradient(90deg,
transparent,
rgba(0, 0, 0, 0.4) 50%,
transparent,
transparent)
}
/*
* STYLE 13
*/
#style-13::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
border-radius: 10px;
background-color: #CCCCCC;
}
#style-13::-webkit-scrollbar
{
width: 12px;
background-color: #F5F5F5;
}
#style-13::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #D62929;
background-image: -webkit-linear-gradient(90deg,
transparent,
rgba(0, 0, 0, 0.4) 50%,
transparent,
transparent)
}
/*
* STYLE 14
*/
#style-14::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.6);
background-color: #CCCCCC;
}
#style-14::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-14::-webkit-scrollbar-thumb
{
background-color: #FFF;
background-image: -webkit-linear-gradient(90deg,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 1) 25%,
transparent 100%,
rgba(0, 0, 0, 1) 75%,
transparent)
}
/*
* STYLE 15
*/
#style-15::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #F5F5F5;
border-radius: 10px;
}
#style-15::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-15::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #FFF;
background-image: -webkit-gradient(linear,
40% 0%,
75% 84%,
from(#4D9C41),
to(#19911D),
color-stop(.6,#54DE5D))
}
/*
* STYLE 16
*/
#style-16::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
background-color: #F5F5F5;
border-radius: 10px;
}
#style-16::-webkit-scrollbar
{
width: 10px;
background-color: #F5F5F5;
}
#style-16::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #FFF;
background-image: -webkit-linear-gradient(top,
#e4f5fc 0%,
#bfe8f9 50%,
#9fd8ef 51%,
#2ab0ed 100%);
}

View File

@@ -0,0 +1,35 @@
.autocomplete {
position: relative;
display: inline-block;
}
.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 9999999 !important;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}
.autocomplete-items div {
padding: 10px 5px;
cursor: pointer;
font-size: 13px;
background-color: #fff;
border-bottom: 1px solid #d4d4d4;
}
/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9;
}
/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important;
color: #ffffff;
}

File diff suppressed because it is too large Load Diff