:root {
    --bghtml:#e5eaf1;
  --color1: #0064cc; 
  --color2: #00c3cc;
  --color3: #196387;  
  --color4: #02cc72;  
  --color5: #115e83;  
  --color6: #009688;
  --opa_color1: #dfefff;

  --color_green:#4caf50;
  --opa_green: #f7ffed;
  --color_hightline: #ee0000;
  --adi_property: #ff5722;
  --adi_property_input: #ff5621;

  --bg_gradient: linear-gradient(90deg, rgb(0 99 204) 0%, rgb(2 195 204) 100%);
  --bg_tropa: rgb(1 104 204 / 4%);
  --bg_opa: #ddeeff;
  /*for login*/
  --login_left:#ffffff;
  --login_right: #002752; 
  /*ed for login*/

  --radius_s: 5px;
} 
.lbg-primary{ background-color: #008cff; } .lbg-juve { color: #fff; background-color: #673AB7; } .lbg-secondary{ color: #fff; background-color: #607D8B; } .lbg-success{ color: #fff; background-color: #15ca20; } .lbg-danger{ color: #fff; background-color: #e02618; } .lbg-warning{ color: #fff; background-color: #ea8e06; } .lbg-info{ color: #fff; background-color: #20bfd8; } .lbg-light{ color: #212529 !important; background-color: #e9eaea; } .lbg-dark{ color: #fff; background-color: #282929; }

.bgNote-primary{background-color: #c8e4fb; color: #4d75b5;}.bgNote-primary b,.bgNote-primary strong,.bgNote-primary a{color:#008cff;} .bgNote-primary.border{border-color:#008cff !important;}
.bgNote-juve{background-color: #673ab73d; color: #35226d;}.bgNote-juve b,.bgNote-juve strong,.bgNote-juve a{color:#673ab7;}.bgNote-juve.border{border-color:#673ab7 !important;}

.bgNote-secondary{background-color: #607d8b17; color: #607D8B;}.bgNote-secondary b,.bgNote-secondary strong,.bgNote-secondary a{color:#607D8B;}.bgNote-secondary.border{border-color:#607D8B !important;}
.bgNote-success{background-color: #15ca2042; color: #3f791e;}.bgNote-success b,.bgNote-success strong,.bgNote-success a{color:#02b50d;}.bgNote-success.border{border-color:#02b50d !important;}
.bgNote-danger{background-color: #ffdbd8; color: #9e3228;}.bgNote-danger b,.bgNote-danger strong,.bgNote-danger a{color:#e02618;}.bgNote-danger.border{border-color:#e02618 !important;}

.bgNote-warning{background-color: #fffee29e; color: #a57021;}.bgNote-warning b,.bgNote-warning strong,.bgNote-warning a{color:#ea8e06;}.bgNote-warning.border{border-color:#ea8e06 !important;}

.bgNote-info{background-color: #20bfd81c;     color: #297480;}.bgNote-info b,.bgNote-info strong,.bgNote-info a{color:#20bfd8;}.bgNote-info.border{border-color:#20bfd8 !important;}

.bgNote-light{background-color: #e9eaea; color: #504e4d;}.bgNote-light b,.bgNote-light strong,.bgNote-light a{color:#000;}.bgNote-light.border{border-color:#000 !important;}

.bgNote-dark{background-color: #28292926; color: #282929;}.bgNote-dark b,.bgNote-dark strong,.bgNote-dark a{color:#282929;}.bgNote-dark.border{border-color:#282929 !important;}

.color-success{color:#15ca20;}.color-warning{color:#ea8e06;}
.process-line{  
    background: var(--color3); 
    box-shadow: -1px 0px 5px 2px #fff; 
}
html{
 background-color: var(--bghtml);
}
.color-1{
    color: var(--color1);
}
.color-2{
    color: var(--color2);
}
.color-3{
    color: var(--color3);
}
.color-onoff{
    color:var(--color_green);
}
.bg-2{
    background-color: var(--color2);
} 
.bg-1,.bg-before-1::before{
    background: var(--color1); 
}
.bg-2,.bg-before-2::before{
    background: var(--color2); 
}
.bg-3,.bg-before-3::before{
    background: var(--color3); 
}
.bg-hightline,.bg-before-hightline::before{
    background: var(--color_hightline);
} 

.o-link-tools.bg-before-1::before,.o-link-tools.bg-before-2::before{
    background: var(--color1);
}
.color-hightline,.color-hightline a{
    color: var(--color_hightline);
}
.o-link-tools.color-hightline,.o-link-tools.color-hightline a{
    color: var(--color_hightline);
}
.o-link-tools.bg-hightline, .o-link-tools.bg-before-hightline::before{
    background: var(--color_hightline);
}
.LoginPage .lg-right .logo{ 
    text-align: left;
}
.LoginPage .lg-right .logo img{
    width: auto;
    height: auto;
    max-width: 120px;
}
/*color*/


/*ed color*/
/*Layout*/
.TopHead{
    background: #fff;
}
.TopHead .btn-expand{color: #0d0d0d;}
.TopHead .ly-lrh-items >a{color: #000;}

.MainPage .la-left{

}
.MainPage .la-left .logo{
    background: var(--color1);
}
.MainPage.la-expand .la-left .logo img,.MainPage .la-left .logo img {
    height: 100%;
    width: auto;
    max-width: 85px;
    transition: all .2s;
}
.MainPage .admin_menu li a{

}
.MainPage .admin_menu li.parents.active > a,
.MainPage .admin_menu li.parents.active > a.active{
    background: var(--bg_gradient);
    color: #fff;
}
.MainPage .admin_menu > li.active{
    border-radius: var(--radius_s);
    background: #ffffff69;
    overflow: hidden;
    /* box-shadow: -2px 1px 3px 2px #0909091a; */
    /* border: 1px solid #fff; */
}
.MainPage .admin_menu li ul li.active{

}
.MainPage .admin_menu li ul li.active i{color: var(--color1);background: var(--color1);border-radius: 3px;}
.MainPage .admin_menu li ul li.active a{
    /* color: var(--color1); */
    font-weight: bold;
}
.MainPage .la-GroupByMenuTop .pri-items:hover, .MainPage .la-GroupByMenuTop .pri-items.active{background: var(--color1);color: #fff;}
.MainPage .la-GroupByMenuTop .pri-items span::after{border-top-color: var(--color1);}
.MainPage .admin_menu::-webkit-scrollbar{
    width: 5px;
    height: 10px;
}
.MainPage .admin_menu::-webkit-scrollbar-thumb{
    background: #ffffff;
    border-radius: var(--radius_s);
}
.MainPage .admin_menu::-webkit-scrollbar-track{
    background: rgb(255 255 255 / 32%);
}
/*ed Layout*/

.dd-item > button[data-action="collapse"]{
    background-color: var(--color2);
} 
.dd-item > button[data-action="expand"]{
    background-color: var(--color1);
} 

.resetElement-check input[type="radio"]:checked + label:before,
.resetElement-check input[type="checkbox"]:checked + label:before,

.la-GroupByMenuTop .pri-items.active span::after,
.resetElement-check input[type="radio"]:checked + label,
.resetElement-check input[type="checkbox"]:checked + label,
.resetElement-check input[type="checkbox"]:checked + label:after,
.color-1,.color-1 a,.color-hover-1 a:hover,.color-hover-1:hover{
    color: var(--color1)
}
.resetElement-check input[type="radio"]:checked + label:after,
.resetElement-check input[type="checkbox"]:checked + label:after,
.resetElement-check input[type="checkbox"]:focus + label:after,
.resetElement-check input[type="radio"]:focus + label:after,

.border-color-1,.focus-border-1:focus{
    border-color: var(--color1)
}
.border-color-2,.focus-border-2:focus{
    border-color: var(--color2)
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px var(--opa_color1) inset !important;/*edit*/
    /*use inset box-shadow to cover background-color*/
   /* -webkit-text-fill-color: #4e69ff !important;*/
    /*use text fill color to cover font color*/
}
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: -internal-light-dark(var(--opa_color1), var(--opa_color1)) !important;
    color: fieldtext !important;
}

.o-link-tools.color-2,.o-link-tools.color-1 {
    color: var(--color1);
}
 .o-link-tools.bg-before-1::before,  .o-link-tools.bg-before-2::before{
    background-color: var(--color1);
}


.TopHead .logo img{ 
    height: auto;
    max-height: calc(100% - 4px);
    display: block;
    margin: auto;
}