xhtml,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
.loginTitle{
font-size: 24px;
}
@font-face {
font-family: 'Roboto';
src: url('../font/Roboto-Regular.ttf');
}
body {
font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.bigLogo {
width: 200px;
height: 200px;
}
.greenText{
color: #00A650;
}
.garyText{
color: #9FA5AA;
}
.pagination {
gap: 10px;
}
.wrap{
padding: 40px;
}
.page-link{
font-size: 0.6rem;
border-radius: 5px !important;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: #1c63b7;
border-color: #1c63b7;
}
.btn-outline-edit{
background: #FFFFFF;
/* Grey */
color: #9FA5AA;
border: 1px solid #F5F5F5;
border-radius: 5px;
}
.btn-outline-edit:hover{
background: #9FA5AA;
/* Grey */
color: #fff;
}
.bold {
font-weight: bold;
}
.lightblueBg{
background-color: #F7FBFE;
}
.modal-title{
font-size: 20px;
font-weight: bold;
}
.h1{
font-size: 48px;
}
.loginBtn{
border-radius: 10px;
font-size: 20px;
font-weight: 600;
}
label{
text-transform: uppercase;
font-size: 0.8rem;
color: #9FA5AA;
}
hr.dashed{
margin: 40px 0px;
border: 1px dashed #9FA5AA;
}
.modal-header{
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05);
}
.modalBtnWrap{
margin-top: 60px;
margin-bottom: 20px;
}
.pageControl{
padding: 0px 0px 35px 0px;
align-items: center;
display: flex;
justify-content: space-between;
}
.longBtn{
padding: 12px 40px !important;
}
h1{
font-weight: 700;
font-size: 24px;
}
.btn{
padding: 11px 0.75rem;
}.bootstrap-table .fixed-table-container .table td, .bootstrap-table .fixed-table-container .table th{
box-sizing: none;
}
.btn-success {
color: #fff;
background-color: #00A650;
border-color: #00A650;
}
.pagination-detail{
display: none!important;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner{
padding: 15px 20px !important;
text-transform: uppercase;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #F5F5F5;
}
.table{
border: 1px solid #F5F5F5;
background-color: #fff;
}
.table th{
font-size: 0.6rem;
}
.table td{
border-bottom: 1px solid #F5F5F5;
padding: 15px 20px;
}
.table .thead{
box-shadow: 0px 2px 4px rgb(0 0 0 / 5%);
}
.configuration{
padding: 40px;
}
.flexTb{
margin: 0px;
border: 1px solid #C2C7CB;
border-radius: 5px;
margin-bottom: 20px;
}
.logDisplay{
border: 1px solid #C2C7CB;
border-radius: 5px;
height: 100vh;
}
.log {
padding: 40px;
}
.rowTh{
color: #fff;
background: #9FA5AA;
}
.rowTh, .rowTd{
padding:15px ;
border: 1px solid #C2C7CB;
}
.primary {
color: #1c63b7;
}.primaryBg {
background-color: #1c63b7;
color: #fff;
}
.switch-button.active::before{
color: #1c63b7;
}
.switch-button .switch-button-label-span{
color: #1c63b7;
}
.switch-button.active .switch-button-label-span{
color: #9FA5AA;
}
.btn-primary {
background: #1c63b7;
border-color: #1c63b7;
}
.btn-outline-primary {
--bs-btn-color: #1c63b7;
--bs-btn-border-color: #1c63b7;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #1c63b7;
--bs-btn-hover-border-color: #1c63b7;
--bs-btn-focus-shadow-rgb: 13, 110, 253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #1c63b7;
--bs-btn-active-border-color: #1c63b7;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #1c63b7;
--bs-btn-disabled-bg: transparent;
--bs-btn-disabled-border-color: #1c63b7;
--bs-gradient: none;
}
.logDisplay{
padding: 10px;
}
.switch-button {
background: #F5F5F5;
border-radius: 8px;
margin-bottom: 20px;
width: 250px;
text-align: center;
font-size: 18px;
letter-spacing: 1px;
color: #9FA5AA;
position: relative;
padding: 5px 127px 5px 5px;
position: relative;
}
.switch-button:before {
content: "Interface Log";
position: absolute;font-size: 0.8rem;
top: 0;
bottom: 0;
right: 0;
width: 130px;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
pointer-events: none;
}
.switch-button-checkbox {
cursor: pointer;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
z-index: 2;
}
.switch-button-checkbox:checked + .switch-button-label:before {
transform: translateX(122px);
transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
position: relative;
padding: 15px 0;
display: block;
user-select: none;
pointer-events: none;
}
.switch-button-checkbox + .switch-button-label:before {
content: "";
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
background: #FFFFFF;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
border-radius: 5px;
transform: translateX(0);
transition: transform 300ms;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
position: relative;
text-transform:none;
}
.Login{
width: 100%;
}
.inputGroup {
width: 100%;
border-radius: 10px;
padding-top: 20px;
border: 1px solid #1c63b7;
position: relative;
}
.form-control:focus {
box-shadow: none;
}
.inputGroup label {
left: 15px;
top: 8px;
font-size: 0.6rem;
position: absolute;
}
.toggle-password{
position: absolute;
right: 10px;
top: 20px;
cursor: pointer;
}
.customInput {
font-size: 20px;
border: none;
padding: 6px 15px;
overflow: hidden;
border-radius: 10px;
}
.planeLogin {
padding: 0px 10%;
display: flex;
}
.planeImg {
background-size: cover;
justify-content: center;
display: flex;
background-image: url(../images/login_bg.jpg);
}
.whiteFont {
color: #fff;
}
.loginWrap {
height: 100vh;
overflow: hidden;
}
.roundBtn {
border: 0px !important;
border-radius: 10px !important;
}
.boxshadow {
box-shadow: 0 4px 25px -3px rgba(0, 0, 0, 0.2);
}
.toggleBox .checkbox {
position: relative;
display: inline-block;
}
.toggleBox .checkbox:after, .checkbox:before {
font-family: FontAwesome;
font-feature-settings: normal;
-webkit-font-kerning: auto;
font-kerning: auto;
font-language-override: normal;
font-stretch: normal;
font-style: normal;
font-synthesis: weight style;
font-variant: normal;
font-weight: normal;
text-rendering: auto;
}
.toggleBox .label{
margin-left: 10px;
}
.toggleBox .checkbox label {
width: 90px;
height: 42px;
background: #ccc;
position: relative;
display: inline-block;
border-radius: 46px;
transition: 0.4s;
}
.toggleBox .checkbox label:after {
content: '';
position: absolute;
width: 50px;
height: 50px;
border-radius: 100%;
left: 0;
top: -5px;
z-index: 2;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
transition: 0.4s;
}
.toggleBox .checkbox input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
cursor: pointer;
}
.toggleBox .checkbox input:hover + label:after {
box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.toggleBox .checkbox input:checked + label:after {
left: 40px;
}
.toggleBox .checkbox label {
background: #bbb;
width: 30px;
height: 10px;
}
.toggleBox .checkbox label:after {
background: #fff;
top: -5px;
width: 20px;
height: 20px;
}
.toggleBox .checkbox input:checked + label {
background: #D2D2D2;
}
.toggleBox .checkbox input:checked + label:after {
background: #00A650;
left: 15px;
}
@media (max-width: 1001px) {
}