/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */
/* orange: 231,121,25
green: #6AE627 106 230 39 #3EE6B9
red: #E64E10 230 78 16
blue: #3ea5e6 62 165 230
orang: #E67F3E;
.vertical-center {
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
*/
#loading-bar {
transition: width 0.3s ease;
}
/*select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;*/ /* Ensure the background color is set */
/*padding-right: 30px;*/ /* Adjust padding to make space for the chevron */
/*background-position: right 10px center;*/ /* Position the chevron */
/*background-repeat: no-repeat;
background-size: 12px;*/ /* Adjust the size of the chevron */
/*background-image: url('data:image/svg+xml;utf8,');*/ /* Inline SVG for the chevron */
/*}*/
/*.select-chevron {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;*/ /* Ensure the background color is set */
/*padding-right: 30px;*/ /* Adjust padding to make space for the chevron */
/*background-position: right 10px center;*/ /* Position the chevron */
/*background-repeat: no-repeat;
background-size: 12px;*/ /* Adjust the size of the chevron */
/*background-image: url('data:image/svg+xml;utf8,');*/ /* Inline SVG for the chevron */
/*}*/
/*myselect {
appearance: none !important;
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3e%3cpath fill="none" stroke="%23343a40" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m2 5 6 6 6-6"/%3e%3c/svg%3e') !important;
background-repeat: no-repeat !important;
background-position: right 0.75rem center !important;
background-size: 16px 12px !important;
padding-right: 2rem !important;*/ /* Adjust padding to make room for the arrow */
/*}*/
.select-chevron {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-color: #fff;
padding-right: 30px;
background-position: right 10px center;
background-repeat: no-repeat;
background-size: 12px;
position: relative;
}
.select-chevron::after {
content: "\f078";
font-family: "FontAwesome";
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
pointer-events: none;
font-size: 12px;
color: #3ea5e6;
display: inline-block;
}
.navbar-nav .nav-link i {
color: #3ea5e6 !important;
/*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;*/ /* Shadow for icons */
}
.custom-shadow {
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.7) !important;
}
.container {
max-width: 2500px; /* or your desired width */
}
/* con */
.tab {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: #007bff;
color: white;
padding: 10px;
cursor: pointer;
border-radius: 5px 0 0 5px;
height: 50px; /* Adjust this value to increase the height */
z-index: 1040; /* Ensure it's above other elements */
}
.navbar-custom {
z-index: 1050; /* Higher than tab */
}
.custom-navbar-with-line {
position: relative;
}
.custom-navbar-with-line::after {
content: "";
position: absolute;
top: 33%;
left: 0;
width: 100%;
height: 10px;
background-color: white;
z-index: 1;
}
.custom-navbar {
padding-top: 0px; /* Adjust the padding as needed */
padding-bottom: 0px; /* Adjust the padding as needed */
height: 100px; /* Adjust the height as needed */
}
@media (max-width: 768px) {
.bg {
background-image: none; /* Remove background image */
/*background-color: #fff; Set a background color or use a different background style */
border: none; /* Remove any borders */
box-shadow: none; /* Remove any box shadows */
}
}
.dropdown-toggle {
margin-left: 15px;
}
a.navbar-brand {
white-space: normal;
text-align: center;
word-break: break-all;
}
/* Provide sufficient contrast against white background */
a {
color: #0366d6;
}
/*.card {
border-color: #3ea5e6;
}
*/
.btn-primary {
/*color: #28578A;
background-color: #1b6ec2;*/
border-color: #1861ac;/*#28578A; */
background-color: #3ea5e6;
border: none;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: #1b6ec2;
border-color: #1861ac;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.border-top {
border-top: 1px solid #e5e5e5;
}
.border-bottom {
border-bottom: 1px solid #e5e5e5;
}
.box-shadow {
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}
button.accept-policy {
font-size: 1rem;
line-height: inherit;
}
/* Sticky footer styles
-------------------------------------------------- */
html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
white-space: nowrap;
line-height: 60px; /* Vertically center the text there */
}
/*
Bootom navbar
*/
/* Place the navbar at the bottom of the page, and make it stick */
.navbarbottom {
background: linear-gradient(to bottom, white, #3EA5E6);
position: fixed;
bottom: 0;
width: 100%;
height: 60px;
display: flex;
align-items: center;
border: none !important; /* Remove any borders */
box-shadow: none !important; /* Remove any box shadows */
}
/* Style the links inside the navigation bar */
.navbarbottom a {
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
flex: 1; /* Distribute space evenly */
}
/* Change the color of links on hover */
.navbarbottom a:hover {
background-color: #ddd;
color: black;
}
/* Add a color to the active/current link */
.navbarbottom a.active {
background-color: #4CAF50;
color: white;
}