<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
for siteï¼Œall pages.	background: #f7f7ff;
*/

html,body {
	height:100%;
      	padding: 0;
      	margin: 0;
	font-size: 14px;
	color: #000;/* #4c5258;*/
	letter-spacing: .5px;
	background: #FFFFFF;
	font-family: Roboto, sans-serif
}

a {
	text-decoration: none
}

.my-page-title-wrapper {
        height: 48px;
        width: 100%;
        display: flex;
        margin: 0;
	padding-left:7px;

}
.my-page-min-height{min-height:400px;}

.page-content {
	padding: 1.5rem 1.5rem 0.7rem 1.5rem
}

.bg-page{
	background: #FFFFFF;
}
.text-color{
	color: #000;
}


.border-light-2 {
    border-color: rgb(255 255 255 / 12%)!important;
}

.exePanel {
        position: fixed;
        top: 8%;
        width: 60%;
        left: 20%;
        bottom: 12%;
        padding: 5px 5px;
        border-radius: 10px;
        background-color: white;
}

.exePanel-lg {
        position: fixed;
        top: 5%;
        width: 90%;
        left: 5%;
        bottom: 6%;
        padding: 5px 5px;
        border-radius: 10px;
        background-color: white;
}

  .dropdown-item:hover {
          color:darkblue !important;
          background-color:lightgray !important;
   }
  .dataItem:hover {
         background-color: #D3D3D3
  }

.scrollable{overflow:scroll;}
.scrollable-y{overflow-y:scroll;}

.right-15 {
	right: 15px!important
}

.font-13 {
	font-size: 13px
}

.font-14 {
	font-size: 14px
}
.font-15 {
	font-size: 15px
}
.font-16 {
	font-size: 16px
}

.font-18 {
	font-size: 18px
}

.font-20 {
	font-size: 20px
}

.font-22 {
	font-size: 22px
}

.font-24 {
	font-size: 24px
}

.font-30 {
	font-size: 30px
}

.font-35 {
	font-size: 35px
}

.font-50 {
	font-size: 50px
}

.font-60 {
	font-size: 60px
}

.radius-30 {
	border-radius: 30px
}

.radius-10 {
	border-radius: 10px
}

.radius-15 {
	border-radius: 15px
}


.cursor-pointer {
	cursor: pointer
}  

 .user-head-img {
         width: 48px;
         height: 48px;
 }

/* Text Color */
.text-option{
	color: #32393f!important
 }

.text-sky-light {
    color: #b4d2ff;
}

.my-text-color{
	color:#4c5258;
}
.my-bg-selected{
	background-color:#D3D3D3!important;
	color:#000 !important;
          border-radius:5px;
}


.my-disabled-onclick{}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}   

.btn i {
	vertical-align: middle;
	font-size: 1.3rem;
	margin-top: -1em;
	margin-bottom: -1em;
	margin-right: 5px
}


.btn-white {
	background-color: #fff;
	border-color: #e7eaf3
} 


.my-btn {
        /*btn-outline-light*/
            --bs-btn-color: #00FFFF;
            --bs-btn-border-color: #00FFFF;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #00FFFF;
            --bs-btn-hover-border-color: #00FFFF;
            --bs-btn-focus-shadow-rgb: 248,249,250;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #00FFFF;
            --bs-btn-active-border-color: #00FFFF;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #00FFFF;
            --bs-btn-disabled-bg: transparent;
            --bs-btn-disabled-border-color: #00FFFF;
            --bs-gradient: none;

	color:#000;

        /*radius-30*/
        border-radius: 30px;
    }
.my-btn:hover{
	color: #0d6efd;
	background: rgb(13 110 253 / .12)
}

.my-btn-stress {
        /*btn-waring*/
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107;

        /*radius-30*/
        border-radius: 30px;
    }
.my-btn-stress:hover{
	color: #000;
	background-color: #ffca2c;
	border-color: #ffc720
}
.my-btn-stress-light {

        /*radius-30*/
        border-radius: 30px;
    }
.my-btn-stress-light:hover{
	color: #000;
	background-color: #ffc107;
	border-color: #ffc107
}


.my-btn-ok {
        /*btn-primary*/
            --bs-btn-color: #fff;
            --bs-btn-bg: #0d6efd;
            --bs-btn-border-color: #0d6efd;
            --bs-btn-hover-color: #fff;
            --bs-btn-hover-bg: #0b5ed7;
            --bs-btn-hover-border-color: #0a58ca;
            --bs-btn-focus-shadow-rgb: 49,132,253;
            --bs-btn-active-color: #fff;
            --bs-btn-active-bg: #0a58ca;
            --bs-btn-active-border-color: #0a53be;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #fff;
            --bs-btn-disabled-bg: #0d6efd;
            --bs-btn-disabled-border-color: #0d6efd;
        /*radius-30*/
        border-radius: 30px;
 
    }
.my-btn-ok:hover{
	color:white;
	background-color:#0000CD;
}

.my-btn-cancel {
        /*btn-outline-light*/
            --bs-btn-color: #000;
            --bs-btn-bg: #f8f9fa;
            --bs-btn-border-color: #f8f9fa;
            --bs-btn-hover-color: #000;
            --bs-btn-hover-bg: #d3d4d5;
            --bs-btn-hover-border-color: #c6c7c8;
            --bs-btn-focus-shadow-rgb: 211,212,213;
            --bs-btn-active-color: #000;
            --bs-btn-active-bg: #c6c7c8;
            --bs-btn-active-border-color: #babbbc;
            --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
            --bs-btn-disabled-color: #000;
            --bs-btn-disabled-bg: #f8f9fa;
            --bs-btn-disabled-border-color: #f8f9fa;

         /*radius-30*/
        border-radius: 30px;
    }
.my-btn-cancel:hover{
	background-color:#FF69B4;
}


.msg-pop-box {
    position:fixed;
    z-index:999;
    left:18vw;
    top:-220px;
    width: 64vw;
    border-radius:10px;
    background-color:#f8f9fa;
    transition: width 1s, height 1s,left 1s,top 1s;
    -moz-transition: width 1s, height 1s,left 1s,top 1s; /* Firefox 4 */
    -webkit-transition: width 1s, height 1s,left 1s,top 1s; /* Safari and Chrome */
    -o-transition: width 1s, height 1s,left 1s,top 1s; /* Opera */
}
.msg-pop-box:hover {
    left:17vw !important;
    width: 66vw !important;
}
.pop-confirm-box {
	background-color:#f8f9fa !important;
}


/*for check/uncheck all*/
.my-checkable{cursor: pointer}

.my-bg-curtain{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	z-index:998
}

/*bg-color*/
.bg-light-colored{
	background: #00FFFF;
}
.bg-light-primary {
	background-color: rgb(13 110 253 / .11)!important
}

.bg-light-success {
	background-color: rgb(23 160 14 / .11)!important
}

.bg-light-danger {
	background-color: rgb(244 17 39 / .11)!important
}

.bg-light-warning {
	background-color: rgb(255 193 7 / .11)!important
}

.bg-light-info {
	background-color: rgb(13 202 240 / 18%)!important
}

.bg-light-transparent {
	background-color: rgb(0 0 0 / 15%)!important
}

.bg-gradient-deepblue {
    background: #6a11cb;
    background: -webkit-linear-gradient(
	45deg
	, #6a11cb, #2575fc)!important;
		background: linear-gradient(
	45deg
	, #6a11cb , #2575fc)!important;
}


.bg-gradient-orange {
    background: #fc4a1a;
    background: -webkit-linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
		background: linear-gradient(
	45deg
	, #fc4a1a, #f7b733)!important;
}

.bg-gradient-ohhappiness {
    background: #00b09b;
    background: -webkit-linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
		background: linear-gradient(
	45deg
	, #00b09b, #96c93d)!important;
}


.bg-gradient-ibiza {
    background: #ee0979;
    background: -webkit-linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
		background: linear-gradient(
	45deg
	, #ee0979, #ff6a00)!important;
}

.bg-gradient-scooter {
    background: #17ead9;
    background: -webkit-linear-gradient(
45deg
, #17ead9, #6078ea)!important;
    background: linear-gradient(
45deg
, #17ead9, #6078ea)!important;
}


.bg-gradient-bloody {
    background: #f54ea2;
    background: -webkit-linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
    background: linear-gradient(
45deg
, #f54ea2, #ff7676)!important;
}


.bg-gradient-quepal {
    background: #42e695;
    background: -webkit-linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
    background: linear-gradient(
45deg
, #42e695, #3bb2b8)!important;
}


.bg-gradient-blooker {
    background: #ffdf40;
    background: -webkit-linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
    background: linear-gradient(
45deg
, #ffdf40, #ff8359)!important;
}


.bg-gradient-cosmic {
	background: linear-gradient(to right, #8e2de2, #4a00e0)!important
}

.bg-gradient-burning {
	background: linear-gradient(to right, #ff416c, #ff4b2b)!important
}

.bg-gradient-lush {
	background: linear-gradient(to right, #56ab2f, #a8e063)!important
}

.bg-gradient-kyoto {
	background: linear-gradient(to right, #f7971e, #ffd200)!important
}

.bg-gradient-blues {
	background: linear-gradient(to right, #56ccf2, #2f80ed)!important
}

.bg-gradient-moonlit {
	background: linear-gradient(to right, #0f2027, #203a43, #2c5364)!important
}

.split-bg-primary {
	background-color: #0c62e0;
	border-color: #0c62e0
}

.split-bg-secondary {
	background-color: #515a62;
	border-color: #515a62
}

.split-bg-success {
	background-color: #128e0a;
	border-color: #128e0a
}

.split-bg-info {
	background-color: #0bb2d3;
	border-color: #0bb2d3
}

.split-bg-warning {
	background-color: #e4ad07;
	border-color: #e4ad07
}

.split-bg-danger {
	background-color: #e20e22;
	border-color: #e20e22
}

 .hoverabe{}
 .hoverabe:hover {
          background-color: #D3D3D3;
	color:#000;
          border-radius:5px;
          box-shadow:0 1px 1px #696969;
 }

 

</pre></body></html>