@charset "UTF-8";:root,[data-bs-theme=light]{ --tblr-body-bg: #FFFCFD; /* --tblr-body-bg-rgb: 11, 31, 11; */ --tblr-primary: #E07E7B; --tblr-primary-rgb: 224, 126, 123; --tblr-btn-hover-bg-qian: rgba(var(--tblr-primary-rgb), .8); --tblr-btn-hover-bg: #DC6070; --tblr-link-color-rgb: 224, 126, 123; --tblr-link-hover-color-rgb: 220, 96, 112; /* --tblr-azure:red; --tblr-info-border-subtle:red; */ /* --san-pink-a1: var(--tblr-primary); --san-pink-a2: var(--tblr-primary); --san-pink-a1: var(--tblr-primary); --san-pink-a1: var(--tblr-primary); */ } :host, :root, [data-bs-theme=light] { /* --tblr-indigo: #E07E7B; --tblr-indigo-rgb: 224, 126, 123; */ --tblr-indigo: #5A98DB; --tblr-indigo-rgb: 90, 152, 219; --tblr-indigo-darken: #70A3DB; --tblr-azure: #C981D6; --tblr-azure-rgb: 201, 129, 214; --tblr-azure-darken: #CE91D9; --tblr-primary: #DC6070; --tblr-primary-rgb: 220, 96, 112; --tblr-success-rgb: 122,193,163; --tblr-green-rgb: 122,193,210; --tblr-green-rgb2: 49,179,68; --tblr-green-rgb2: 122,193,163; /* --tblr-danger-rgb: 224,126,123;*/ --tblr-green: #7BC0D2; } .btn-green { --tblr-btn-border-color: transparent; --tblr-btn-hover-border-color: transparent; --tblr-btn-active-border-color: transparent; --tblr-btn-color: var(--tblr-green-fg); --tblr-btn-bg: var(--tblr-green); --tblr-btn-hover-color: var(--tblr-green-fg); --tblr-btn-hover-bg: rgba(var(--tblr-green-rgb), .8); --tblr-btn-active-color: var(--tblr-green-fg); --tblr-btn-active-bg: rgba(var(--tblr-green-rgb), .8); --tblr-btn-disabled-bg: var(--tblr-green); --tblr-btn-disabled-color: var(--tblr-green-fg); --tblr-btn-box-shadow: var(--tblr-box-shadow-input); } /*.bg-success {*/ /* --tblr-bg-opacity: 1;*/ /* background-color: rgba(var(--tblr-success-rgb),var(--tblr-bg-opacity))!important;*/ /*}*/ .text-green { --tblr-text-opacity: 1; color: rgba(var(--tblr-green-rgb2),var(--tblr-text-opacity))!important; } @media (min-width:992px){ .col-lg-auto { flex:0 0 auto; width: 100%; } } [data-bs-theme=dark], body[data-bs-theme=dark] [data-bs-theme=light] { /* --tblr-navbar-bg: #E07E7B; */ } .border-primary { border-color: #E07E7B !important; } .sanOkBtn :hover{ background-color: red; } .btn-primary { --tblr-btn-border-color: transparent; --tblr-btn-hover-border-color: transparent; --tblr-btn-active-border-color: transparent; --tblr-btn-color: var(--tblr-primary-fg); --tblr-btn-bg: var(--tblr-primary); --tblr-btn-hover-color: var(--tblr-primary-fg); --tblr-btn-hover-bg: rgba(var(--tblr-primary-rgb), .8); --tblr-btn-active-color: var(--tblr-primary-fg); --tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8); --tblr-btn-disabled-bg: var(--tblr-primary); --tblr-btn-disabled-color: var(--tblr-primary-fg); --tblr-btn-box-shadow: var(--tblr-box-shadow-input); } /* button:active { outline: none; box-shadow: none; } */ .form-control:focus { color: var(--tblr-body-color); background-color: var(--tblr-bg-forms); border-color: #D3837E; outline: 0; box-shadow: var(--tblr-box-shadow-input),0 0 0 .25rem rgba(var(--tblr-primary-rgb),.25); } .input-group-flat { /* all: unset; */ } .input-group-flat:focus-within .form-control, .input-group-flat:focus-within .input-group-text { border-color: #D3837E !important; } .navbar { background: var(--tblr-navbar-bg); color: var(--tblr-navbar-color); } .myTip { color:#5A98DB !important; font-weight:bold; } .myColorGreen { color:#7AC1A3 !important; } .myDanger { color:#DC6170 !important; font-weight:bold; } .myLight { color:#C981D6 !important; font-weight:bold; }