/* default */
#app .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FAA600;}
#app .vue-slider-component .vue-slider-tooltip{background-color:#FAA600;border-color:#FAA600; }


/* Red */
#app.red .custom-file:after{background-color: #E6003C;}
#app.red .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #E6003C;}
#app.red .vue-slider-component .vue-slider-tooltip{background-color:#E6003C;border-color:#E6003C; }
#app.red .normalbtn.active .bg-block{background: #E6003C;}
#app.red .sidenav .s-meun .sub li:hover .bg-block{background: #E6003C;}
#app.red table thead{border-color:#E6003C;}
#app.red *[data-outline="zyOutline"]{border:1px solid #E6003C;}
#app.red *[data-outline="zyOutline"] { border: 2px solid #E6003C !important; }
#app.red .custom-file-input:focus~.custom-file-control{border-color: #E6003C;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #E6003C;}
#app.red .countdownbtn{
  background-color: #E6003C;
}
#app.red .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color: #E6003C;
}
#app.red .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color: #E6003C;
}

#app.red .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color: #E6003C;
}

#app.red .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #E6003C;
}
#app.red .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color: #E6003C;
}

#app.red .normalbtn.active.sp{
  background-color: #E6003C;
}
#app.red .form-control:focus {
  border-color: #E6003C;
  box-shadow: 0 0 0 0.2rem rgba(230,0,60, .25);
}

#app.red .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #E6003C;
  border-color: #E6003C;
}

#app.red .progress-bar {
  background-color: #E6003C;
}

#app.red .tablebtn:hover .bg-block {
  background: #E6003C;
}

#app.red .tablebtn.active:hover .bg-block {
  background: #E6003C;
}

#app.red .tablebtn.show .bg-block {
  background: #E6003C;
}

#app.red .tablebtn.disabled:hover .bg-block,
#app.red .tablebtn.backbtn:hover .bg-block {
  background: #E6003C;
}

#app.red .normaltab.active .bg-block {
  background: #E6003C;
}

#app.red .normaltab.active:hover .bg-block {
  background: #E6003C;
}

#app.red .normaltab.disabled:hover .bg-block,
#app.red .normaltab.backbtn:hover .bg-block {
  background: #E6003C;
}

#app.red .normalbtn .bg-block {
  //background: #E6003C;
}

#app.red .normalbtn.active:hover .bg-block {
  background: #E6003C;
}

#app.red .normalbtn.normal:hover .bg-block,
#app.red .normalbtn.disabled:hover .bg-block,
#app.red .normalbtn.backbtn:hover .bg-block {
  background: #E6003C;
}

#app.red .fillbtn {
  background-color: #E6003C;
}

#app.red .processbox ul li.active .textbox .numbox {
  border-color: #E6003C;
}

#app.red .processbox ul li.active .textbox .numbox span {
  border-color: #E6003C;
  background: #E6003C;
}

#app.red .processbox ul li.active .symbox span {
  color: #E6003C;
}

#app.red .processbox.small ul li.active .textbox .numbox span {
  border-color: #E6003C;
}

#app.red .formbox input {
  border-color: #E6003C;
}

#app.red .formbox select {
  border-color: #E6003C;
}

#app.red .connection-line-animation.connected .line {
  background: #E6003C;
}

#app.red .connection-line-animation.connected i {
  color: #E6003C;
}

#app.red .sidenav .menubtn .bg-block {
  background: #E6003C;
}

#app.red .sidenav .menubtn.active .bg-block {
  background: #E6003C;
}

#app.red .sidenav .menubtn.active:hover .bg-block {
  background: #E6003C;
}

#app.red .sidenav .iconbox {
  border: 1px solid #E6003C;
}

#app.red .sidenav li:hover .iconbox .icon-border,
#app.red .sidenav li.active .iconbox .icon-border {
  background: #E6003C;
}

#app.red .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #E6003C;
}

#app.red .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #E6003C;
}

#app.red .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #E6003C;
}

#app.red .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #E6003C;
}

#app.red .main-panel .border-icon .bg-block {
  background: #E6003C;
}

#app.red .main-panel .parentalbox.active {
  border-color: #E6003C;
}

#app.red .main-panel .parentalbox.active .icon {
  border-color: #E6003C;
}

#app.red #Card-broadband .main-panel .card:hover {
  border-color: #E6003C;
}

#app.red .tabbox .normalbtn.active .bg-block {
  background-color: #E6003C;
}

#app.red .main-searchbox span.zoom:after {
  background-color: #E6003C;
}

#app.red .symbolbtn .bg-block {
  background: #E6003C;
}

#app.red .symbolbtn.active:hover .bg-block {
  background: #E6003C;
}

#app.red .symbolbtn.disabled:hover .bg-block,
#app.red .symbolbtn.backbtn:hover .bg-block {
  background: #E6003C;
}

#app.red .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #E6003C;
}
#app.red .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #E6003C;
  border-color: #E6003C;
}
#app.red .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #E6003C;
  background: #E6003C;
}
#app.red .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #E6003C;
  background: #E6003C;
	
}
#app.red .connectivitybox li.active .outborder {
  border-color: #E6003C;
}

#app.red .connectivitybox li:hover .outborder {
  border-color: #E6003C;
}

/* #app.red .connectivitybox li.active .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #E6003C;
  background: #E6003C; 
} */

#app.red .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #E6003C;
}
#app.red .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #E6003C;
  background: #E6003C; 
}

#app.red .connectivitybox li .outborder .border-icon .bg-block {
  background: #E6003C;
}

#app.red .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #E6003C;
}

#app.red .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #E6003C;
}

#app.red .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #E6003C;
}

#app.red .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #E6003C;
}

#app.red .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #E6003C;
}

#app.red .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #E6003C;
  background: #E6003C;
}

#app.red .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #E6003C;
}

#app.red .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #E6003C;
}

#app.red .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #E6003C;
}

#app.red .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #E6003C;
  background: #E6003C;
}

#app.red .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #E6003C;
}

#app.red .scheduledbox .normalbtn.active .bg-block {
  background-color: #E6003C;
}

#app.red .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #E6003C;
}

#app.red .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #E6003C;
}

#app.red table thead {
  border-color: #E6003C;
}


/* Blue */
#app.blue .custom-file:after{background-color: #FFC805;}
#app.blue .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FFC805;}
#app.blue .vue-slider-component .vue-slider-tooltip{background-color:#FFC805;border-color:#FFC805; }
#app.blue .normalbtn.active .bg-block{background: #FFC805;}
#app.blue .sidenav .s-meun .sub li:hover .bg-block{background: #FFC805;}
#app.blue table thead{border-color:#FFC805;}
#app.blue *[data-outline="zyOutline"]{border:1px solid #FFC805;}
#app.blue *[data-outline="zyOutline"] { border: 2px solid #FFC805 !important; }
#app.blue .custom-file-input:focus~.custom-file-control{border-color: #FFC805;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #FFC805;}
#app.blue .countdownbtn{
  background-color: #FFC805;
}
#app.blue .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color: #FFC805;
}
#app.blue .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color: #FFC805;
}

#app.blue .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color: #FFC805;
}

#app.blue .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #FFC805;
}
#app.blue .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color: #FFC805;
}
#app.blue .normalbtn.active.sp{
  background-color: #FFC805;
}
#app.blue .form-control:focus {
  border-color: #FFC805;
  box-shadow: 0 0 0 0.2rem rgba(255,200,5, .25);
}

#app.blue .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #FFC805;
  border-color: #FFC805;
}

#app.blue .progress-bar {
  background-color: #FFC805;
}

#app.blue .tablebtn:hover .bg-block {
  background: #FFC805;
}

#app.blue .tablebtn.active:hover .bg-block {
  background: #FFC805;
}

#app.blue .tablebtn.show .bg-block {
  background: #FFC805;
}

#app.blue .tablebtn.disabled:hover .bg-block,
#app.blue .tablebtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.blue .normaltab.active .bg-block {
  background: #FFC805;
}

#app.blue .normaltab.active:hover .bg-block {
  background: #FFC805;
}

#app.blue .normaltab.disabled:hover .bg-block,
#app.blue .normaltab.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.blue .normalbtn .bg-block {
  //background: #FFC805;
}

#app.blue .normalbtn.active:hover .bg-block {
  background: #FFC805;
}

#app.blue .normalbtn.normal:hover .bg-block,
#app.blue .normalbtn.disabled:hover .bg-block,
#app.blue .normalbtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.blue .fillbtn {
  background-color: #FFC805;
}

#app.blue .processbox ul li.active .textbox .numbox {
  border-color: #FFC805;
}

#app.blue .processbox ul li.active .textbox .numbox span {
  border-color: #FFC805;
  background: #FFC805;
}

#app.blue .processbox ul li.active .symbox span {
  color: #FFC805;
}

#app.blue .processbox.small ul li.active .textbox .numbox span {
  border-color: #FFC805;
}

#app.blue .formbox input {
  border-color: #FFC805;
}

#app.blue .formbox select {
  border-color: #FFC805;
}

#app.blue .connection-line-animation.connected .line {
  background: #FFC805;
}

#app.blue .connection-line-animation.connected i {
  color: #FFC805;
}

#app.blue .sidenav .menubtn .bg-block {
  background: #FFC805;
}

#app.blue .sidenav .menubtn.active .bg-block {
  background: #FFC805;
}

#app.blue .sidenav .menubtn.active:hover .bg-block {
  background: #FFC805;
}

#app.blue .sidenav .iconbox {
  border: 1px solid #FFC805;
}

#app.blue .sidenav li:hover .iconbox .icon-border,
#app.blue .sidenav li.active .iconbox .icon-border {
  background: #FFC805;
}

#app.blue .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #FFC805;
}

#app.blue .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #FFC805;
}

#app.blue .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #FFC805;
}

#app.blue .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #FFC805;
}

#app.blue .main-panel .border-icon .bg-block {
  background: #FFC805;
}

#app.blue .main-panel .parentalbox.active {
  border-color: #FFC805;
}

#app.blue .main-panel .parentalbox.active .icon {
  border-color: #FFC805;
}

#app.blue #Card-broadband .main-panel .card:hover {
  border-color: #FFC805;
}

#app.blue .tabbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.blue .main-searchbox span.zoom:after {
  background-color: #FFC805;
}

#app.blue .symbolbtn .bg-block {
  background: #FFC805;
}

#app.blue .symbolbtn.active:hover .bg-block {
  background: #FFC805;
}

#app.blue .symbolbtn.disabled:hover .bg-block,
#app.blue .symbolbtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.blue .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #FFC805;
}

#app.blue .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.blue .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #FFC805;
}
#app.blue .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #FFC805;
  border-color: #FFC805;
}
#app.blue .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.blue .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #FFC805;
  background: #FFC805;	
}
#app.blue .connectivitybox li.active .outborder {
  border-color: #FFC805;
}

#app.blue .connectivitybox li:hover .outborder {
  border-color: #FFC805;
}

/* #app.blue .connectivitybox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.blue .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805; 
} */
#app.blue .connectivitybox li.active.editing .outborder .iconbox {
  border-color: #FFC805;
}
#app.blue .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  background: #FFC805; 
  border-color: #FFC805;
}
#app.blue .connectivitybox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.blue .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #FFC805;
}

#app.blue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #FFC805;
}

#app.blue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #FFC805;
}

#app.blue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #FFC805;
}

#app.blue .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #FFC805;
}

#app.blue .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #FFC805;
}


#app.blue .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.blue .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.blue .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.blue .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #FFC805;
}

#app.blue .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.blue .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.blue .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.blue .scheduledbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.blue .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.blue .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #FFC805;
}

#app.blue table thead {
  border-color: #FFC805;
}

/* Green */
#app.green .custom-file:after{background-color: #AA1437;}
#app.green .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #AA1437;}
#app.green .vue-slider-component .vue-slider-tooltip{background-color:#AA1437;border-color:#AA1437; }
#app.green .normalbtn.active .bg-block{background: #AA1437;}
#app.green .sidenav .s-meun .sub li:hover .bg-block{background: #AA1437;}
#app.green table thead{border-color:#AA1437;}
#app.green *[data-outline="zyOutline"]{border:1px solid #AA1437;}
#app.green *[data-outline="zyOutline"] { border: 2px solid #AA1437 !important; }
#app.green .custom-file-input:focus~.custom-file-control{border-color: #AA1437;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #AA1437;}
#app.green .countdownbtn{
  background-color: #AA1437;
}

#app.green .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:  #AA1437;
}
#app.green .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:  #AA1437;
}

#app.green .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:  #AA1437;
}

#app.green .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #AA1437;
}
#app.green .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #AA1437;
}
#app.green .normalbtn.active.sp{
  background: #AA1437;
}

#app.green .form-control:focus {
  border-color: #AA1437;
  box-shadow: 0 0 0 0.2rem rgba(170,20,55, .25);
}

#app.green .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #AA1437;
  border-color: #AA1437;
}
#app.green .progress-bar {
  background-color: #AA1437;
}
#app.green .tablebtn:hover .bg-block {
  background: #AA1437;
}
#app.green .tablebtn.active:hover .bg-block {
  background: #AA1437;
}
#app.green .tablebtn.show .bg-block {
  background: #AA1437;
}
#app.green .tablebtn.disabled:hover .bg-block,
#app.green .tablebtn.backbtn:hover .bg-block {
  background: #AA1437;
}
#app.green .normaltab.active .bg-block {
  background: #AA1437;
}
#app.green .normaltab.active:hover .bg-block {
  background: #AA1437;
}
#app.green .normaltab.disabled:hover .bg-block,
#app.green .normaltab.backbtn:hover .bg-block {
  background: #AA1437;
}
#app.green .normalbtn .bg-block {
	//background: #AA1437;
}
#app.green .normalbtn.active:hover .bg-block {
  background: #AA1437;
}

#app.green .normalbtn.normal:hover .bg-block,
#app.green .normalbtn.disabled:hover .bg-block,
#app.green .normalbtn.backbtn:hover .bg-block {
  background: #AA1437;
}

#app.green .fillbtn {
  background-color: #AA1437;
}
#app.green .processbox ul li.active .textbox .numbox {
  border-color: #AA1437;
}
#app.green .processbox ul li.active .textbox .numbox span {
  border-color: #AA1437;
  background: #AA1437;
}
#app.green .processbox ul li.active .symbox span {
  color: #AA1437;
}
#app.green .processbox.small ul li.active .textbox .numbox span {
  border-color: #AA1437;
}
#app.green .formbox input {
 border-color: #AA1437;
}

#app.green .formbox select {
 border-color: #AA1437;
}
#app.green .connection-line-animation.connected .line {
  background: #AA1437;
}

#app.green .connection-line-animation.connected i {
  color: #AA1437;
}
#app.green .sidenav .menubtn .bg-block {
  background: #AA1437;
}
#app.green .sidenav .menubtn.active .bg-block {
  background: #AA1437;
}

#app.green .sidenav .menubtn.active:hover .bg-block {
  background: #AA1437;
}
#app.green .sidenav .iconbox {
  border: 1px solid #AA1437;
}
#app.green .sidenav li:hover .iconbox .icon-border,
#app.green .sidenav li.active .iconbox .icon-border {
  background: #AA1437;
}
#app.green .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #AA1437;
}
#app.green .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #AA1437;
}
#app.green .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #AA1437;
}
#app.green .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #AA1437;
}
#app.green .main-panel .border-icon .bg-block {
  background: #AA1437;
}
#app.green .main-panel .parentalbox.active {
  border-color: #AA1437;
}
#app.green .main-panel .parentalbox.active .icon {
  border-color: #AA1437;
}
#app.green #Card-broadband .main-panel .card:hover {
  border-color: #AA1437;
}
#app.green .tabbox .normalbtn.active .bg-block {
  background-color: #AA1437;
}
#app.green .main-searchbox span.zoom:after {
  background-color: #AA1437;
}
#app.green .symbolbtn .bg-block {
  background: #AA1437;
}
#app.green .symbolbtn.active:hover .bg-block {
  background: #AA1437;
}
#app.green .symbolbtn.disabled:hover .bg-block,
#app.green .symbolbtn.backbtn:hover .bg-block {
  background: #AA1437;
}
#app.green .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #AA1437;
}
#app.green .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #AA1437;
}
#app.green .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #AA1437;
  border-color: #AA1437;
}
#app.green .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #AA1437;
}
#app.green .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #AA1437;
  background: #AA1437;
}

#app.green .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #AA1437;
  background: #AA1437;
}

#app.green .connectivitybox li.active .outborder {
  border-color: #AA1437;
}
#app.green .connectivitybox li:hover .outborder {
  border-color: #AA1437;
}
/* #app.green .connectivitybox li.active .outborder .iconbox {
  border-color: #AA1437;
} */
/* #app.green .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #AA1437;
  background: #AA1437; 
} */
#app.green .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #AA1437;
}
#app.green .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #AA1437;
  background: #AA1437; 
}
#app.green .connectivitybox li .outborder .border-icon .bg-block {
  background: #AA1437;
}
#app.green .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #AA1437;
}
#app.green .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #AA1437;
}
#app.green .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #AA1437;
}
#app.green .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #AA1437;
}
#app.green .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #AA1437;
}
#app.green .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #AA1437;
}

#app.green .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #AA1437;
}
#app.green .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #AA1437;
  background: #AA1437;
}
#app.green .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #AA1437;
}
#app.green .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #AA1437;
}
#app.green .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #AA1437;
}
#app.green .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #AA1437;
  background: #AA1437;
}
#app.green .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #AA1437;
}
#app.green .scheduledbox .normalbtn.active .bg-block {
  background-color: #AA1437;
}
#app.green .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #AA1437;
}
#app.green .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #AA1437;
}
#app.green table thead {
  border-color: #AA1437;
}

/* orange */
#app.orange .custom-file:after{background-color: #FFFFFF;}
#app.orange .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FFFFFF;}
#app.orange .vue-slider-component .vue-slider-tooltip{background-color:#FFFFFF;border-color:#FFFFFF; }
#app.orange .normalbtn.active .bg-block{background: #FFFFFF;}
#app.orange .sidenav .s-meun .sub li:hover .bg-block{background: #FFFFFF;}
#app.orange table thead{border-color:#FFFFFF;}
#app.orange *[data-outline="zyOutline"]{border:1px solid #FFFFFF;}
#app.orange *[data-outline="zyOutline"] { border: 2px solid #e3e3e3 !important; }
#app.orange .custom-file-input:focus~.custom-file-control{border-color: #FFFFFF;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #FFFFFF;}
#app.orange .countdownbtn{
  background-color: #FFFFFF;
}

#app.orange .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#FFFFFF;
}
#app.orange .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#FFFFFF;
}

#app.orange .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#FFFFFF;
}

#app.orange .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #FFFFFF;
}
#app.orange .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #FFFFFF;
}
#app.orange .normalbtn.active.sp{
  background-color: #FFFFFF;
}
#app.orange .form-control:focus {
  border-color: #FFFFFF;
  box-shadow: 0 0 0 0.2rem rgba(255,255,255, .25);
}

#app.orange .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

#app.orange .progress-bar {
  background-color: #FFFFFF;
}

#app.orange .tablebtn:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .tablebtn.active:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .tablebtn.show .bg-block {
  background: #FFFFFF;
}

#app.orange .tablebtn.disabled:hover .bg-block,
#app.orange .tablebtn.backbtn:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .normaltab.active .bg-block {
  background: #FFFFFF;
}

#app.orange .normaltab.active:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .normaltab.disabled:hover .bg-block,
#app.orange .normaltab.backbtn:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .normalbtn .bg-block {
  //background: #FFFFFF;
}

#app.orange .normalbtn.active:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .normalbtn.normal:hover .bg-block,
#app.orange .normalbtn.disabled:hover .bg-block,
#app.orange .normalbtn.backbtn:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .fillbtn {
  background-color: #FFFFFF;
}

#app.orange .processbox ul li.active .textbox .numbox {
  border-color: #FFFFFF;
}

#app.orange .processbox ul li.active .textbox .numbox span {
  border-color: #FFFFFF;
  background: #FFFFFF;
}

#app.orange .processbox ul li.active .symbox span {
  color: #FFFFFF;
}

#app.orange .processbox.small ul li.active .textbox .numbox span {
  border-color: #FFFFFF;
}

#app.orange .formbox input {
  border-color: #FFFFFF;
}

#app.orange .formbox select {
  border-color: #FFFFFF;
}

#app.orange .connection-line-animation.connected .line {
  background: #FFFFFF;
}

#app.orange .connection-line-animation.connected i {
  color: #FFFFFF;
}

#app.orange .sidenav .menubtn .bg-block {
  background: #FFFFFF;
}

#app.orange .sidenav .menubtn.active .bg-block {
  background: #FFFFFF;
}

#app.orange .sidenav .menubtn.active:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .sidenav .iconbox {
  border: 1px solid #FFFFFF;
}

#app.orange .sidenav li:hover .iconbox .icon-border,
#app.orange .sidenav li.active .iconbox .icon-border {
  background: #FFFFFF;
}

#app.orange .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #FFFFFF;
}

#app.orange .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #FFFFFF;
}

#app.orange .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #FFFFFF;
}

#app.orange .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #FFFFFF;
}

#app.orange .main-panel .border-icon .bg-block {
  background: #FFFFFF;
}

#app.orange .main-panel .parentalbox.active {
  border-color: #FFFFFF;
}

#app.orange .main-panel .parentalbox.active .icon {
  border-color: #FFFFFF;
}

#app.orange #Card-broadband .main-panel .card:hover {
  border-color: #FFFFFF;
}

#app.orange .tabbox .normalbtn.active .bg-block {
  background-color: #FFFFFF;
}

#app.orange .main-searchbox span.zoom:after {
  background-color: #FFFFFF;
}

#app.orange .symbolbtn .bg-block {
  background: #FFFFFF;
}

#app.orange .symbolbtn.active:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .symbolbtn.disabled:hover .bg-block,
#app.orange .symbolbtn.backbtn:hover .bg-block {
  background: #FFFFFF;
}

#app.orange .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #FFFFFF;
}
#app.orange .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #FFFFFF;
  border-color: #FFFFFF;
}
#app.orange .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #FFFFFF;
  background: #FFFFFF;
}

#app.orange .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #FFFFFF;
  background: #FFFFFF;
}

#app.orange .connectivitybox li.active .outborder {
  border-color: #FFFFFF;
}

#app.orange .connectivitybox li:hover .outborder {
  border-color: #FFFFFF;
}

/* #app.orange .connectivitybox li.active .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #FFFFFF;
  background: #FFFFFF; 
} */
#app.orange .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #FFFFFF;
}
#app.orange .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #FFFFFF;
  background: #FFFFFF; 
}

#app.orange .connectivitybox li .outborder .border-icon .bg-block {
  background: #FFFFFF;
}

#app.orange .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #FFFFFF;
}

#app.orange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #FFFFFF;
}

#app.orange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #FFFFFF;
}

#app.orange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #FFFFFF;
}

#app.orange .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #FFFFFF;
}

#app.orange .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFFFFF;
  background: #FFFFFF;
}

#app.orange .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #FFFFFF;
}

#app.orange .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #FFFFFF;
}

#app.orange .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #FFFFFF;
}

#app.orange .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFFFFF;
  background: #FFFFFF;
}

#app.orange .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #FFFFFF;
}

#app.orange .scheduledbox .normalbtn.active .bg-block {
  background-color: #FFFFFF;
}

#app.orange .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #FFFFFF;
}

#app.orange .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #FFFFFF;
}

#app.orange table thead {
  border-color: #FFFFFF;
}

/* petrol */
#app.petrol .custom-file:after{background-color: #2BBDBA;}
#app.petrol .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #2BBDBA;}
#app.petrol .vue-slider-component .vue-slider-tooltip{background-color:#2BBDBA;border-color:#2BBDBA; }
#app.petrol .normalbtn.active .bg-block{background: #2BBDBA;}
#app.petrol .sidenav .s-meun .sub li:hover .bg-block{background: #2BBDBA;}
#app.petrol table thead{border-color:#2BBDBA;}
#app.petrol *[data-outline="zyOutline"]{border:1px solid #2BBDBA;}
#app.petrol *[data-outline="zyOutline"] { border: 2px solid #2BBDBA !important; }
#app.petrol .custom-file-input:focus~.custom-file-control{border-color: #2BBDBA;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #2BBDBA;}
#app.petrol .countdownbtn{
  background-color: #2BBDBA;
}

#app.petrol .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#2BBDBA;
}
#app.petrol .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#2BBDBA;
}

#app.petrol .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#2BBDBA;
}

#app.petrol .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #2BBDBA;
}
#app.petrol .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #2BBDBA;
}
#app.petrol .normalbtn.active.sp{
  background-color: #2BBDBA;
}
#app.petrol .form-control:focus {
  border-color: #2BBDBA;
  box-shadow: 0 0 0 0.2rem rgba(43,189,186, .25);
}

#app.petrol .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #2BBDBA;
  border-color: #2BBDBA;
}

#app.petrol .progress-bar {
  background-color: #2BBDBA;
}

#app.petrol .tablebtn:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .tablebtn.active:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .tablebtn.show .bg-block {
  background: #2BBDBA;
}

#app.petrol .tablebtn.disabled:hover .bg-block,
#app.petrol .tablebtn.backbtn:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .normaltab.active .bg-block {
  background: #2BBDBA;
}

#app.petrol .normaltab.active:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .normaltab.disabled:hover .bg-block,
#app.petrol .normaltab.backbtn:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .normalbtn .bg-block {
  //background: #2BBDBA;
}

#app.petrol .normalbtn.active:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .normalbtn.normal:hover .bg-block,
#app.petrol .normalbtn.disabled:hover .bg-block,
#app.petrol .normalbtn.backbtn:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .fillbtn {
  background-color: #2BBDBA;
}

#app.petrol .processbox ul li.active .textbox .numbox {
  border-color: #2BBDBA;
}

#app.petrol .processbox ul li.active .textbox .numbox span {
  border-color: #2BBDBA;
  background: #2BBDBA;
}

#app.petrol .processbox ul li.active .symbox span {
  color: #2BBDBA;
}

#app.petrol .processbox.small ul li.active .textbox .numbox span {
  border-color: #2BBDBA;
}

#app.petrol .formbox input {
  border-color: #2BBDBA;
}

#app.petrol .formbox select {
  border-color: #2BBDBA;
}

#app.petrol .connection-line-animation.connected .line {
  background: #2BBDBA;
}

#app.petrol .connection-line-animation.connected i {
  color: #2BBDBA;
}

#app.petrol .sidenav .menubtn .bg-block {
  background: #2BBDBA;
}

#app.petrol .sidenav .menubtn.active .bg-block {
  background: #2BBDBA;
}

#app.petrol .sidenav .menubtn.active:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .sidenav .iconbox {
  border: 1px solid #2BBDBA;
}

#app.petrol .sidenav li:hover .iconbox .icon-border,
#app.petrol .sidenav li.active .iconbox .icon-border {
  background: #2BBDBA;
}

#app.petrol .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #2BBDBA;
}

#app.petrol .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #2BBDBA;
}

#app.petrol .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #2BBDBA;
}

#app.petrol .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #2BBDBA;
}

#app.petrol .main-panel .border-icon .bg-block {
  background: #2BBDBA;
}

#app.petrol .main-panel .parentalbox.active {
  border-color: #2BBDBA;
}

#app.petrol .main-panel .parentalbox.active .icon {
  border-color: #2BBDBA;
}

#app.petrol #Card-broadband .main-panel .card:hover {
  border-color: #2BBDBA;
}

#app.petrol .tabbox .normalbtn.active .bg-block {
  background-color: #2BBDBA;
}

#app.petrol .main-searchbox span.zoom:after {
  background-color: #2BBDBA;
}

#app.petrol .symbolbtn .bg-block {
  background: #2BBDBA;
}

#app.petrol .symbolbtn.active:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .symbolbtn.disabled:hover .bg-block,
#app.petrol .symbolbtn.backbtn:hover .bg-block {
  background: #2BBDBA;
}

#app.petrol .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #2BBDBA;
}
#app.petrol .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #2BBDBA;
  border-color: #2BBDBA;
}
#app.petrol .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #2BBDBA;
  background: #2BBDBA;
}

#app.petrol .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #2BBDBA;
  background: #2BBDBA;
}

#app.petrol .connectivitybox li.active .outborder {
  border-color: #2BBDBA;
}

#app.petrol .connectivitybox li:hover .outborder {
  border-color: #2BBDBA;
}

/* #app.petrol .connectivitybox li.active .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #2BBDBA;
  background: #2BBDBA; 
} */
#app.petrol .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #2BBDBA;
}
#app.petrol .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #2BBDBA;
  background: #2BBDBA; 
}

#app.petrol .connectivitybox li .outborder .border-icon .bg-block {
  background: #2BBDBA;
}

#app.petrol .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #2BBDBA;
}

#app.petrol .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #2BBDBA;
}

#app.petrol .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #2BBDBA;
}

#app.petrol .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #2BBDBA;
}

#app.petrol .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #2BBDBA;
  background: #2BBDBA;
}

#app.petrol .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #2BBDBA;
}

#app.petrol .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #2BBDBA;
}

#app.petrol .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #2BBDBA;
}

#app.petrol .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #2BBDBA;
  background: #2BBDBA;
}

#app.petrol .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #2BBDBA;
}

#app.petrol .scheduledbox .normalbtn.active .bg-block {
  background-color: #2BBDBA;
}

#app.petrol .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #2BBDBA;
}

#app.petrol .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #2BBDBA;
}

#app.petrol table thead {
  border-color: #2BBDBA;
}

/* sky */
#app.sky .custom-file:after{background-color: #65b3ff;}
#app.sky .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #65b3ff;}
#app.sky .vue-slider-component .vue-slider-tooltip{background-color:#65b3ff;border-color:#65b3ff; }
#app.sky .normalbtn.active .bg-block{background: #65b3ff;}
#app.sky .sidenav .s-meun .sub li:hover .bg-block{background: #65b3ff;}
#app.sky table thead{border-color:#65b3ff;}
#app.sky *[data-outline="zyOutline"]{border:1px solid #65b3ff;}
#app.sky *[data-outline="zyOutline"] { border: 2px solid #65b3ff !important; }
#app.sky .custom-file-input:focus~.custom-file-control{border-color: #65b3ff;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #65b3ff;}
#app.sky .countdownbtn{
  background-color: #65b3ff;
}

#app.sky .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#65b3ff;
}
#app.sky .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#65b3ff;
}

#app.sky .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#65b3ff;
}

#app.sky .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #65b3ff;
}
#app.sky .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #65b3ff;
}
#app.sky .normalbtn.active.sp{
  background-color: #65b3ff;
}
#app.sky .form-control:focus {
  border-color: #65b3ff;
  box-shadow: 0 0 0 0.2rem rgba(101,179,255, .25);
}

#app.sky .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #65b3ff;
  border-color: #65b3ff;
}

#app.sky .progress-bar {
  background-color: #65b3ff;
}

#app.sky .tablebtn:hover .bg-block {
  background: #65b3ff;
}

#app.sky .tablebtn.active:hover .bg-block {
  background: #65b3ff;
}

#app.sky .tablebtn.show .bg-block {
  background: #65b3ff;
}

#app.sky .tablebtn.disabled:hover .bg-block,
#app.sky .tablebtn.backbtn:hover .bg-block {
  background: #65b3ff;
}

#app.sky .normaltab.active .bg-block {
  background: #65b3ff;
}

#app.sky .normaltab.active:hover .bg-block {
  background: #65b3ff;
}

#app.sky .normaltab.disabled:hover .bg-block,
#app.sky .normaltab.backbtn:hover .bg-block {
  background: #65b3ff;
}

#app.sky .normalbtn .bg-block {
  //background: #65b3ff;
}

#app.sky .normalbtn.active:hover .bg-block {
  background: #65b3ff;
}

#app.sky .normalbtn.normal:hover .bg-block,
#app.sky .normalbtn.disabled:hover .bg-block,
#app.sky .normalbtn.backbtn:hover .bg-block {
  background: #65b3ff;
}

#app.sky .fillbtn {
  background-color: #65b3ff;
}

#app.sky .processbox ul li.active .textbox .numbox {
  border-color: #65b3ff;
}

#app.sky .processbox ul li.active .textbox .numbox span {
  border-color: #65b3ff;
  background: #65b3ff;
}

#app.sky .processbox ul li.active .symbox span {
  color: #65b3ff;
}

#app.sky .processbox.small ul li.active .textbox .numbox span {
  border-color: #65b3ff;
}

#app.sky .formbox input {
  border-color: #65b3ff;
}

#app.sky .formbox select {
  border-color: #65b3ff;
}

#app.sky .connection-line-animation.connected .line {
  background: #65b3ff;
}

#app.sky .connection-line-animation.connected i {
  color: #65b3ff;
}

#app.sky .sidenav .menubtn .bg-block {
  background: #65b3ff;
}

#app.sky .sidenav .menubtn.active .bg-block {
  background: #65b3ff;
}

#app.sky .sidenav .menubtn.active:hover .bg-block {
  background: #65b3ff;
}

#app.sky .sidenav .iconbox {
  border: 1px solid #65b3ff;
}

#app.sky .sidenav li:hover .iconbox .icon-border,
#app.sky .sidenav li.active .iconbox .icon-border {
  background: #65b3ff;
}

#app.sky .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #65b3ff;
}

#app.sky .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #65b3ff;
}

#app.sky .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #65b3ff;
}

#app.sky .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #65b3ff;
}

#app.sky .main-panel .border-icon .bg-block {
  background: #65b3ff;
}

#app.sky .main-panel .parentalbox.active {
  border-color: #65b3ff;
}

#app.sky .main-panel .parentalbox.active .icon {
  border-color: #65b3ff;
}

#app.sky #Card-broadband .main-panel .card:hover {
  border-color: #65b3ff;
}

#app.sky .tabbox .normalbtn.active .bg-block {
  background-color: #65b3ff;
}

#app.sky .main-searchbox span.zoom:after {
  background-color: #65b3ff;
}

#app.sky .symbolbtn .bg-block {
  background: #65b3ff;
}

#app.sky .symbolbtn.active:hover .bg-block {
  background: #65b3ff;
}

#app.sky .symbolbtn.disabled:hover .bg-block,
#app.sky .symbolbtn.backbtn:hover .bg-block {
  background: #65b3ff;
}

#app.sky .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #65b3ff;
}
#app.sky .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #65b3ff;
  border-color: #65b3ff;
}
#app.sky .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #65b3ff;
  background: #65b3ff;
}

#app.sky .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #65b3ff;
  background: #65b3ff;
}

#app.sky .connectivitybox li.active .outborder {
  border-color: #65b3ff;
}

#app.sky .connectivitybox li:hover .outborder {
  border-color: #65b3ff;
}

/* #app.sky .connectivitybox li.active .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #65b3ff;
  background: #65b3ff; 
} */
#app.sky .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #65b3ff;
}
#app.sky .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #65b3ff;
  background: #65b3ff; 
}

#app.sky .connectivitybox li .outborder .border-icon .bg-block {
  background: #65b3ff;
}

#app.sky .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #65b3ff;
}

#app.sky .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #65b3ff;
}

#app.sky .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #65b3ff;
}

#app.sky .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #65b3ff;
}

#app.sky .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #65b3ff;
}

#app.sky .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #65b3ff;
  background: #65b3ff;
}

#app.sky .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #65b3ff;
}

#app.sky .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #65b3ff;
}

#app.sky .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #65b3ff;
}

#app.sky .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #65b3ff;
  background: #65b3ff;
}

#app.sky .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #65b3ff;
}

#app.sky .scheduledbox .normalbtn.active .bg-block {
  background-color: #65b3ff;
}

#app.sky .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #65b3ff;
}

#app.sky .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #65b3ff;
}

#app.sky table thead {
  border-color: #65b3ff;
}

/* lemon */
#app.lemon .custom-file:after{background-color: #f7ec13;}
#app.lemon .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #f7ec13;}
#app.lemon .vue-slider-component .vue-slider-tooltip{background-color:#f7ec13;border-color:#f7ec13; }
#app.lemon .normalbtn.active .bg-block{background: #f7ec13;}
#app.lemon .sidenav .s-meun .sub li:hover .bg-block{background: #f7ec13;}
#app.lemon table thead{border-color:#f7ec13;}
#app.lemon *[data-outline="zyOutline"]{border:1px solid #f7ec13;}
#app.lemon *[data-outline="zyOutline"] { border: 2px solid #f7ec13 !important; }
#app.lemon .custom-file-input:focus~.custom-file-control{border-color: #f7ec13;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #f7ec13;}
#app.lemon .countdownbtn{
  background-color: #f7ec13;
}

#app.lemon .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#f7ec13;
}
#app.lemon .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#f7ec13;
}

#app.lemon .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#f7ec13;
}

#app.lemon .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #f7ec13;
}
#app.lemon .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #f7ec13;
}
#app.lemon .normalbtn.active.sp{
  background-color: #f7ec13;
}
#app.lemon .form-control:focus {
  border-color: #f7ec13;
  box-shadow: 0 0 0 0.2rem rgba(247,236,19, .25);
}

#app.lemon .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #f7ec13;
  border-color: #f7ec13;
}

#app.lemon .progress-bar {
  background-color: #f7ec13;
}

#app.lemon .tablebtn:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .tablebtn.active:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .tablebtn.show .bg-block {
  background: #f7ec13;
}

#app.lemon .tablebtn.disabled:hover .bg-block,
#app.lemon .tablebtn.backbtn:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .normaltab.active .bg-block {
  background: #f7ec13;
}

#app.lemon .normaltab.active:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .normaltab.disabled:hover .bg-block,
#app.lemon .normaltab.backbtn:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .normalbtn .bg-block {
  //background: #f7ec13;
}

#app.lemon .normalbtn.active:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .normalbtn.normal:hover .bg-block,
#app.lemon .normalbtn.disabled:hover .bg-block,
#app.lemon .normalbtn.backbtn:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .fillbtn {
  background-color: #f7ec13;
}

#app.lemon .processbox ul li.active .textbox .numbox {
  border-color: #f7ec13;
}

#app.lemon .processbox ul li.active .textbox .numbox span {
  border-color: #f7ec13;
  background: #f7ec13;
}

#app.lemon .processbox ul li.active .symbox span {
  color: #f7ec13;
}

#app.lemon .processbox.small ul li.active .textbox .numbox span {
  border-color: #f7ec13;
}

#app.lemon .formbox input {
  border-color: #f7ec13;
}

#app.lemon .formbox select {
  border-color: #f7ec13;
}

#app.lemon .connection-line-animation.connected .line {
  background: #f7ec13;
}

#app.lemon .connection-line-animation.connected i {
  color: #f7ec13;
}

#app.lemon .sidenav .menubtn .bg-block {
  background: #f7ec13;
}

#app.lemon .sidenav .menubtn.active .bg-block {
  background: #f7ec13;
}

#app.lemon .sidenav .menubtn.active:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .sidenav .iconbox {
  border: 1px solid #f7ec13;
}

#app.lemon .sidenav li:hover .iconbox .icon-border,
#app.lemon .sidenav li.active .iconbox .icon-border {
  background: #f7ec13;
}

#app.lemon .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #f7ec13;
}

#app.lemon .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #f7ec13;
}

#app.lemon .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #f7ec13;
}

#app.lemon .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #f7ec13;
}

#app.lemon .main-panel .border-icon .bg-block {
  background: #f7ec13;
}

#app.lemon .main-panel .parentalbox.active {
  border-color: #f7ec13;
}

#app.lemon .main-panel .parentalbox.active .icon {
  border-color: #f7ec13;
}

#app.lemon #Card-broadband .main-panel .card:hover {
  border-color: #f7ec13;
}

#app.lemon .tabbox .normalbtn.active .bg-block {
  background-color: #f7ec13;
}

#app.lemon .main-searchbox span.zoom:after {
  background-color: #f7ec13;
}

#app.lemon .symbolbtn .bg-block {
  background: #f7ec13;
}

#app.lemon .symbolbtn.active:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .symbolbtn.disabled:hover .bg-block,
#app.lemon .symbolbtn.backbtn:hover .bg-block {
  background: #f7ec13;
}

#app.lemon .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #f7ec13;
}
#app.lemon .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #f7ec13;
  border-color: #f7ec13;
}
#app.lemon .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #f7ec13;
  background: #f7ec13;
}

#app.lemon .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #f7ec13;
  background: #f7ec13;
}

#app.lemon .connectivitybox li.active .outborder {
  border-color: #f7ec13;
}

#app.lemon .connectivitybox li:hover .outborder {
  border-color: #f7ec13;
}

/* #app.lemon .connectivitybox li.active .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #f7ec13;
  background: #f7ec13; 
} */
#app.lemon .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #f7ec13;
}
#app.lemon .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #f7ec13;
  background: #f7ec13; 
}

#app.lemon .connectivitybox li .outborder .border-icon .bg-block {
  background: #f7ec13;
}

#app.lemon .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #f7ec13;
}

#app.lemon .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #f7ec13;
}

#app.lemon .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #f7ec13;
}

#app.lemon .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #f7ec13;
}

#app.lemon .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #f7ec13;
}

#app.lemon .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #f7ec13;
  background: #f7ec13;
}

#app.lemon .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #f7ec13;
}

#app.lemon .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #f7ec13;
}

#app.lemon .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #f7ec13;
}

#app.lemon .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #f7ec13;
  background: #f7ec13;
}

#app.lemon .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #f7ec13;
}

#app.lemon .scheduledbox .normalbtn.active .bg-block {
  background-color: #f7ec13;
}

#app.lemon .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #f7ec13;
}

#app.lemon .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #f7ec13;
}

#app.lemon table thead {
  border-color: #f7ec13;
}


/* yred */
#app.yred .custom-file:after{background-color: #ed2a24;}
#app.yred .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #ed2a24;}
#app.yred .vue-slider-component .vue-slider-tooltip{background-color:#ed2a24;border-color:#ed2a24; }
#app.yred .normalbtn.active .bg-block{background: #ed2a24;}
#app.yred .sidenav .s-meun .sub li:hover .bg-block{background: #ed2a24;}
#app.yred table thead{border-color:#ed2a24;}
#app.yred *[data-outline="zyOutline"]{border:1px solid #ed2a24;}
#app.yred *[data-outline="zyOutline"] { border: 2px solid #ed2a24 !important; }
#app.yred .custom-file-input:focus~.custom-file-control{border-color: #ed2a24;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #ed2a24;}
#app.yred .countdownbtn{
  background-color: #ed2a24;
}

#app.yred .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#ed2a24;
}
#app.yred .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#ed2a24;
}

#app.yred .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#ed2a24;
}

#app.yred .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #ed2a24;
}
#app.yred .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color:  #ed2a24;
}
#app.yred .normalbtn.active.sp{
  background-color: #ed2a24;
}
#app.yred .form-control:focus {
  border-color: #ed2a24;
  box-shadow: 0 0 0 0.2rem rgba(237,42,36, .25);
}

#app.yred .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #ed2a24;
  border-color: #ed2a24;
}

#app.yred .progress-bar {
  background-color: #ed2a24;
}

#app.yred .tablebtn:hover .bg-block {
  background: #ed2a24;
}

#app.yred .tablebtn.active:hover .bg-block {
  background: #ed2a24;
}

#app.yred .tablebtn.show .bg-block {
  background: #ed2a24;
}

#app.yred .tablebtn.disabled:hover .bg-block,
#app.yred .tablebtn.backbtn:hover .bg-block {
  background: #ed2a24;
}

#app.yred .normaltab.active .bg-block {
  background: #ed2a24;
}

#app.yred .normaltab.active:hover .bg-block {
  background: #ed2a24;
}

#app.yred .normaltab.disabled:hover .bg-block,
#app.yred .normaltab.backbtn:hover .bg-block {
  background: #ed2a24;
}

#app.yred .normalbtn .bg-block {
  //background: #ed2a24;
}

#app.yred .normalbtn.active:hover .bg-block {
  background: #ed2a24;
}

#app.yred .normalbtn.normal:hover .bg-block,
#app.yred .normalbtn.disabled:hover .bg-block,
#app.yred .normalbtn.backbtn:hover .bg-block {
  background: #ed2a24;
}

#app.yred .fillbtn {
  background-color: #ed2a24;
}

#app.yred .processbox ul li.active .textbox .numbox {
  border-color: #ed2a24;
}

#app.yred .processbox ul li.active .textbox .numbox span {
  border-color: #ed2a24;
  background: #ed2a24;
}

#app.yred .processbox ul li.active .symbox span {
  color: #ed2a24;
}

#app.yred .processbox.small ul li.active .textbox .numbox span {
  border-color: #ed2a24;
}

#app.yred .formbox input {
  border-color: #ed2a24;
}

#app.yred .formbox select {
  border-color: #ed2a24;
}

#app.yred .connection-line-animation.connected .line {
  background: #ed2a24;
}

#app.yred .connection-line-animation.connected i {
  color: #ed2a24;
}

#app.yred .sidenav .menubtn .bg-block {
  background: #ed2a24;
}

#app.yred .sidenav .menubtn.active .bg-block {
  background: #ed2a24;
}

#app.yred .sidenav .menubtn.active:hover .bg-block {
  background: #ed2a24;
}

#app.yred .sidenav .iconbox {
  border: 1px solid #ed2a24;
}

#app.yred .sidenav li:hover .iconbox .icon-border,
#app.yred .sidenav li.active .iconbox .icon-border {
  background: #ed2a24;
}

#app.yred .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #ed2a24;
}

#app.yred .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #ed2a24;
}

#app.yred .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #ed2a24;
}

#app.yred .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #ed2a24;
}

#app.yred .main-panel .border-icon .bg-block {
  background: #ed2a24;
}

#app.yred .main-panel .parentalbox.active {
  border-color: #ed2a24;
}

#app.yred .main-panel .parentalbox.active .icon {
  border-color: #ed2a24;
}

#app.yred #Card-broadband .main-panel .card:hover {
  border-color: #ed2a24;
}

#app.yred .tabbox .normalbtn.active .bg-block {
  background-color: #ed2a24;
}

#app.yred .main-searchbox span.zoom:after {
  background-color: #ed2a24;
}

#app.yred .symbolbtn .bg-block {
  background: #ed2a24;
}

#app.yred .symbolbtn.active:hover .bg-block {
  background: #ed2a24;
}

#app.yred .symbolbtn.disabled:hover .bg-block,
#app.yred .symbolbtn.backbtn:hover .bg-block {
  background: #ed2a24;
}

#app.yred .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #ed2a24;
}
#app.yred .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #ed2a24;
  border-color: #ed2a24;
}
#app.yred .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #ed2a24;
  background: #ed2a24;
}

#app.yred .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #ed2a24;
  background: #ed2a24;
}

#app.yred .connectivitybox li.active .outborder {
  border-color: #ed2a24;
}

#app.yred .connectivitybox li:hover .outborder {
  border-color: #ed2a24;
}

/* #app.yred .connectivitybox li.active .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #ed2a24;
  background: #ed2a24; 
} */
#app.yred .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #ed2a24;
}
#app.yred .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #ed2a24;
  background: #ed2a24; 
}

#app.yred .connectivitybox li .outborder .border-icon .bg-block {
  background: #ed2a24;
}

#app.yred .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #ed2a24;
}

#app.yred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #ed2a24;
}

#app.yred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #ed2a24;
}

#app.yred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #ed2a24;
}

#app.yred .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #ed2a24;
}

#app.yred .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #ed2a24;
  background: #ed2a24;
}

#app.yred .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #ed2a24;
}

#app.yred .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #ed2a24;
}

#app.yred .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #ed2a24;
}

#app.yred .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #ed2a24;
  background: #ed2a24;
}

#app.yred .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #ed2a24;
}

#app.yred .scheduledbox .normalbtn.active .bg-block {
  background-color: #ed2a24;
}

#app.yred .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #ed2a24;
}

#app.yred .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #ed2a24;
}

#app.yred table thead {
  border-color: #ed2a24;
}

/* zred */
#app.zred .custom-file:after{background-color: #FF7E87;}
#app.zred .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FF7E87;}
#app.zred .vue-slider-component .vue-slider-tooltip{background-color:#FF7E87;border-color:#FF7E87; }
#app.zred .normalbtn.active .bg-block{background: #FF7E87;}
#app.zred .normalbtn.active{border-color: #FF7E87;}
#app.zred .sidenav .s-meun .sub li:hover .bg-block{background: #FF7E87;}
#app.zred table thead{border-color:#FF7E87;}
#app.zred *[data-outline="zyOutline"]{border:1px solid #FF7E87;}
#app.zred .custom-file-input:focus~.custom-file-control{border-color: #FF7E87;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #FF7E87;}
#app.zred .countdownbtn{
  background-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
  border-top-color: #FF7E87;
}

#app.zred .normalbtn.active.sp{
  background-color: #FF7E87;
}

#app.zred .form-control:focus {
  border-color: #FF7E87;
  box-shadow: 0 0 0 0.2rem rgba(255,126,135, .25);
}

#app.zred .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #FF7E87;
  border-color: #FF7E87;
}

#app.zred .progress-bar {
  background-color: #FF7E87;
}

#app.zred .tablebtn:hover .bg-block {
  background: #FF7E87;
}

#app.zred .tablebtn.active:hover .bg-block {
  background: #FF7E87;
}

#app.zred .tablebtn.show .bg-block {
  background: #FF7E87;
}

#app.zred .tablebtn.disabled:hover .bg-block,
#app.zred .tablebtn.backbtn:hover .bg-block {
  background: #FF7E87;
}

#app.zred .normaltab.active .bg-block {
  background: #FF7E87;
}

#app.zred .normaltab.active:hover .bg-block {
  background: #FF7E87;
}

#app.zred .normaltab.disabled:hover .bg-block,
#app.zred .normaltab.backbtn:hover .bg-block {
  background: #FF7E87;
}

#app.zred .normalbtn .bg-block {
  //background: #FF7E87;
}

#app.zred .normalbtn.active:hover .bg-block {
  background: #FF7E87;
}

#app.zred .normalbtn.normal:hover .bg-block,
#app.zred .normalbtn.disabled:hover .bg-block,
#app.zred .normalbtn.backbtn:hover .bg-block {
  background: #FF7E87;
}

#app.zred .fillbtn {
  background-color: #FF7E87;
}

#app.zred .processbox ul li.active .textbox .numbox {
  border-color: #FF7E87;
}

#app.zred .processbox ul li.active .textbox .numbox span {
  border-color: #FF7E87;
  background: #FF7E87;
}

#app.zred .processbox ul li.active .symbox span {
  color: #FF7E87;
}

#app.zred .processbox.small ul li.active .textbox .numbox span {
  border-color: #FF7E87;
}

#app.zred .formbox input {
  border-color: #FF7E87;
}

#app.zred .formbox select {
  border-color: #FF7E87;
}

#app.zred .connection-line-animation.connected .line {
  background: #FF7E87;
}

#app.zred .connection-line-animation.connected i {
  color: #FF7E87;
}

#app.zred .sidenav .menubtn .bg-block {
  background: #FF7E87;
}

#app.zred .sidenav .menubtn.active .bg-block {
  background: #FF7E87;
}

#app.zred .sidenav .menubtn.active:hover .bg-block {
  background: #FF7E87;
}

#app.zred .sidenav .iconbox {
  border: 1px solid #FF7E87;
}

#app.zred .sidenav li:hover .iconbox .icon-border,
#app.zred .sidenav li.active .iconbox .icon-border {
  background: #FF7E87;
}

#app.zred .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #FF7E87;
}

#app.zred .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #FF7E87;
}

#app.zred .main-panel .border-icon .bg-block {
  background: #FF7E87;
}

#app.zred .main-panel .parentalbox.active {
  border-color: #FF7E87;
}

#app.zred .main-panel .parentalbox.active .icon {
  border-color: #FF7E87;
}

#app.zred #Card-broadband .main-panel .card:hover {
  border-color: #FF7E87;
}

#app.zred .tabbox .normalbtn.active .bg-block {
  background-color: #FF7E87;
}

#app.zred .main-searchbox span.zoom:after {
  background-color: #FF7E87;
}

#app.zred .symbolbtn .bg-block {
  background: #FF7E87;
}

#app.zred .symbolbtn.active:hover .bg-block {
  background: #FF7E87;
}

#app.zred .symbolbtn.disabled:hover .bg-block,
#app.zred .symbolbtn.backbtn:hover .bg-block {
  background: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #FF7E87;
  border-color: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #FF7E87;
  background: #FF7E87;
}

#app.zred .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #FF7E87;
  background: #FF7E87;
}

#app.zred .connectivitybox li.active .outborder {
  border-color: #FF7E87;
}

#app.zred .connectivitybox li:hover .outborder {
  border-color: #FF7E87;
}

/*
#app.zred .connectivitybox li.active .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #FF7E87;
  background: #FF7E87; 
}
*/

#app.zred .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #FF7E87;
}

#app.zred .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #FF7E87;
  background: #FF7E87; 
}

#app.zred .connectivitybox li .outborder .border-icon .bg-block {
  background: #FF7E87;
}

#app.zred .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #FF7E87;
}

#app.zred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #FF7E87;
}

#app.zred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #FF7E87;
}

#app.zred .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #FF7E87;
}

#app.zred .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #FF7E87;
}

#app.zred .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FF7E87;
  background: #FF7E87;
}

#app.zred .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #FF7E87;
}

#app.zred .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #FF7E87;
}

#app.zred .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #FF7E87;
}

#app.zred .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FF7E87;
  background: #FF7E87;
}

#app.zred .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #FF7E87;
}

#app.zred .scheduledbox .normalbtn.active .bg-block {
  background-color: #FF7E87;
}

#app.zred .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #FF7E87;
}

#app.zred .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #FF7E87;
}

#app.zred .icon-password-success { 
  color: #FF7E87 !important; 
}

#app.zred .normalbtn.spsavebtn{ 
  background: #FF7E87; 
  border: 1px solid #FF7E87; 
}

#app.zred table thead {
  border-color: #FF7E87;
}


/* zblue */
#app.zblue .custom-file:after{background-color: #33c1ff;}
#app.zblue .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #33c1ff;}
#app.zblue .vue-slider-component .vue-slider-tooltip{background-color:#33c1ff;border-color:#33c1ff; }
#app.zblue .normalbtn.active .bg-block{background: #33c1ff;}
#app.zblue .normalbtn.active{border-color: #33c1ff;}
#app.zblue .sidenav .s-meun .sub li:hover .bg-block{background: #33c1ff;}
#app.zblue table thead{border-color:#33c1ff;}
#app.zblue *[data-outline="zyOutline"]{border:1px solid #33c1ff;}
#app.zblue .custom-file-input:focus~.custom-file-control{border-color: #33c1ff;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #33c1ff;}
#app.zblue .countdownbtn{
  background-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
  border-top-color: #33c1ff;
}

#app.zblue .normalbtn.active.sp{
  background-color: #33c1ff;
}

#app.zblue .form-control:focus {
  border-color: #33c1ff;
  box-shadow: 0 0 0 0.2rem rgba(51,193,255, .25);
}

#app.zblue .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #33c1ff;
  border-color: #33c1ff;
}

#app.zblue .progress-bar {
  background-color: #33c1ff;
}

#app.zblue .tablebtn:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .tablebtn.active:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .tablebtn.show .bg-block {
  background: #33c1ff;
}

#app.zblue .tablebtn.disabled:hover .bg-block,
#app.zblue .tablebtn.backbtn:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .normaltab.active .bg-block {
  background: #33c1ff;
}

#app.zblue .normaltab.active:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .normaltab.disabled:hover .bg-block,
#app.zblue .normaltab.backbtn:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .normalbtn .bg-block {
  //background: #33c1ff;
}

#app.zblue .normalbtn.active:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .normalbtn.normal:hover .bg-block,
#app.zblue .normalbtn.disabled:hover .bg-block,
#app.zblue .normalbtn.backbtn:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .fillbtn {
  background-color: #33c1ff;
}

#app.zblue .processbox ul li.active .textbox .numbox {
  border-color: #33c1ff;
}

#app.zblue .processbox ul li.active .textbox .numbox span {
  border-color: #33c1ff;
  background: #33c1ff;
}

#app.zblue .processbox ul li.active .symbox span {
  color: #33c1ff;
}

#app.zblue .processbox.small ul li.active .textbox .numbox span {
  border-color: #33c1ff;
}

#app.zblue .formbox input {
  border-color: #33c1ff;
}

#app.zblue .formbox select {
  border-color: #33c1ff;
}

#app.zblue .connection-line-animation.connected .line {
  background: #33c1ff;
}

#app.zblue .connection-line-animation.connected i {
  color: #33c1ff;
}

#app.zblue .sidenav .menubtn .bg-block {
  background: #33c1ff;
}

#app.zblue .sidenav .menubtn.active .bg-block {
  background: #33c1ff;
}

#app.zblue .sidenav .menubtn.active:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .sidenav .iconbox {
  border: 1px solid #33c1ff;
}

#app.zblue .sidenav li:hover .iconbox .icon-border,
#app.zblue .sidenav li.active .iconbox .icon-border {
  background: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #33c1ff;
}

#app.zblue .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #33c1ff;
}

#app.zblue .main-panel .border-icon .bg-block {
  background: #33c1ff;
}

#app.zblue .main-panel .parentalbox.active {
  border-color: #33c1ff;
}

#app.zblue .main-panel .parentalbox.active .icon {
  border-color: #33c1ff;
}

#app.zblue #Card-broadband .main-panel .card:hover {
  border-color: #33c1ff;
}

#app.zblue .tabbox .normalbtn.active .bg-block {
  background-color: #33c1ff;
}

#app.zblue .main-searchbox span.zoom:after {
  background-color: #33c1ff;
}

#app.zblue .symbolbtn .bg-block {
  background: #33c1ff;
}

#app.zblue .symbolbtn.active:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .symbolbtn.disabled:hover .bg-block,
#app.zblue .symbolbtn.backbtn:hover .bg-block {
  background: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #33c1ff;
  border-color: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #33c1ff;
  background: #33c1ff;
}

#app.zblue .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #33c1ff;
  background: #33c1ff;	
}

#app.zblue .connectivitybox li.active .outborder {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox li:hover .outborder {
  border-color: #33c1ff;
}

/*
#app.zblue .connectivitybox li.active .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #33c1ff;
  background: #33c1ff; 
}
*/

#app.zblue .connectivitybox li.active.editing .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #33c1ff;
  background: #33c1ff; 
}

#app.zblue .connectivitybox li .outborder .border-icon .bg-block {
  background: #33c1ff;
}

#app.zblue .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #33c1ff;
}

#app.zblue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #33c1ff;
}

#app.zblue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #33c1ff;
}

#app.zblue .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #33c1ff;
}

#app.zblue .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #33c1ff;
}

#app.zblue .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #33c1ff;
}


#app.zblue .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #33c1ff;
  background: #33c1ff;
}

#app.zblue .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #33c1ff;
}

#app.zblue .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #33c1ff;
}

#app.zblue .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #33c1ff;
}

#app.zblue .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #33c1ff;
  background: #33c1ff;
}

#app.zblue .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #33c1ff;
}

#app.zblue .scheduledbox .normalbtn.active .bg-block {
  background-color: #33c1ff;
}

#app.zblue .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #33c1ff;
}

#app.zblue .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #33c1ff;
}

#app.zblue .icon-password-success { 
  color: #33c1ff !important; 
}

#app.zblue .normalbtn.spsavebtn{ 
  background: #33c1ff; 
  border: 1px solid #33c1ff; 
}

#app.zblue table thead {
  border-color: #33c1ff;
}


/* zgreen */
#app.zgreen .custom-file:after{background-color: #83CB33;}
#app.zgreen .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #83CB33;}
#app.zgreen .vue-slider-component .vue-slider-tooltip{background-color:#83CB33;border-color:#83CB33; }
#app.zgreen .normalbtn.active .bg-block{background: #83CB33;}
#app.zgreen .normalbtn.active{border-color: #83CB33;}
#app.zgreen .sidenav .s-meun .sub li:hover .bg-block{background: #83CB33;}
#app.zgreen table thead{border-color:#83CB33;}
#app.zgreen *[data-outline="zyOutline"]{border:1px solid #83CB33;}
#app.zgreen .custom-file-input:focus~.custom-file-control{border-color: #83CB33;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #83CB33;}
#app.zgreen .countdownbtn{
  background-color: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:  #83CB33;
}
#app.zgreen .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:  #83CB33;
}

#app.zgreen .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:  #83CB33;
}

#app.zgreen .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
  border-top-color:  #83CB33;
}

#app.zgreen .normalbtn.active.sp{
  background: #83CB33;
}

#app.zgreen .form-control:focus {
  border-color: #83CB33;
  box-shadow: 0 0 0 0.2rem rgba(131,203,51, .25);
}

#app.zgreen .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #83CB33;
  border-color: #83CB33;
}

#app.zgreen .progress-bar {
  background-color: #83CB33;
}
#app.zgreen .tablebtn:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .tablebtn.active:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .tablebtn.show .bg-block {
  background: #83CB33;
}

#app.zgreen .tablebtn.disabled:hover .bg-block,
#app.zgreen .tablebtn.backbtn:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .normaltab.active .bg-block {
  background: #83CB33;
}

#app.zgreen .normaltab.active:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .normaltab.disabled:hover .bg-block,
#app.zgreen .normaltab.backbtn:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .normalbtn .bg-block {
  //background: #83CB33;
}

#app.zgreen .normalbtn.active:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .normalbtn.normal:hover .bg-block,
#app.zgreen .normalbtn.disabled:hover .bg-block,
#app.zgreen .normalbtn.backbtn:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .fillbtn {
  background-color: #83CB33;
}

#app.zgreen .processbox ul li.active .textbox .numbox {
  border-color: #83CB33;
}

#app.zgreen .processbox ul li.active .textbox .numbox span {
  border-color: #83CB33;
  background: #83CB33;
}

#app.zgreen .processbox ul li.active .symbox span {
  color: #83CB33;
}

#app.zgreen .processbox.small ul li.active .textbox .numbox span {
  border-color: #83CB33;
}

#app.zgreen .formbox input {
 border-color: #83CB33;
}

#app.zgreen .formbox select {
 border-color: #83CB33;
}

#app.zgreen .connection-line-animation.connected .line {
  background: #83CB33;
}

#app.zgreen .connection-line-animation.connected i {
  color: #83CB33;
}

#app.zgreen .sidenav .menubtn .bg-block {
  background: #83CB33;
}

#app.zgreen .sidenav .menubtn.active .bg-block {
  background: #83CB33;
}

#app.zgreen .sidenav .menubtn.active:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .sidenav .iconbox {
  border: 1px solid #83CB33;
}

#app.zgreen .sidenav li:hover .iconbox .icon-border,
#app.zgreen .sidenav li.active .iconbox .icon-border {
  background: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #83CB33;
}

#app.zgreen .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #83CB33;
}

#app.zgreen .main-panel .border-icon .bg-block {
  background: #83CB33;
}

#app.zgreen .main-panel .parentalbox.active {
  border-color: #83CB33;
}

#app.zgreen .main-panel .parentalbox.active .icon {
  border-color: #83CB33;
}

#app.zgreen #Card-broadband .main-panel .card:hover {
  border-color: #83CB33;
}

#app.zgreen .tabbox .normalbtn.active .bg-block {
  background-color: #83CB33;
}

#app.zgreen .main-searchbox span.zoom:after {
  background-color: #83CB33;
}

#app.zgreen .symbolbtn .bg-block {
  background: #83CB33;
}

#app.zgreen .symbolbtn.active:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .symbolbtn.disabled:hover .bg-block,
#app.zgreen .symbolbtn.backbtn:hover .bg-block {
  background: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #83CB33;
  border-color: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #83CB33;
  background: #83CB33;
}

#app.zgreen .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #83CB33;
  background: #83CB33;
}

#app.zgreen .connectivitybox li.active .outborder {
  border-color: #83CB33;
}

#app.zgreen .connectivitybox li:hover .outborder {
  border-color: #83CB33;
}

/*
#app.zgreen .connectivitybox li.active .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #83CB33;
  background: #83CB33; 
}
*/

#app.zgreen .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #83CB33;
}

#app.zgreen .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #83CB33;
  background: #83CB33; 
}

#app.zgreen .connectivitybox li .outborder .border-icon .bg-block {
  background: #83CB33;
}

#app.zgreen .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #83CB33;
}

#app.zgreen .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #83CB33;
}

#app.zgreen .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #83CB33;
}

#app.zgreen .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #83CB33;
}

#app.zgreen .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #83CB33;
}

#app.zgreen .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #83CB33;
  background: #83CB33;
}

#app.zgreen .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #83CB33;
}

#app.zgreen .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #83CB33;
}

#app.zgreen .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #83CB33;
}

#app.zgreen .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #83CB33;
  background: #83CB33;
}

#app.zgreen .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #83CB33;
}

#app.zgreen .scheduledbox .normalbtn.active .bg-block {
  background-color: #83CB33;
}

#app.zgreen .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #83CB33;
}

#app.zgreen .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #83CB33;
}

#app.zgreen .icon-password-success { 
color: #83CB33 !important; 
}

#app.zgreen .normalbtn.spsavebtn{ 
  background: #83CB33; 
  border: 1px solid #83CB33; 
}

#app.zgreen table thead {
  border-color: #83CB33;
}


/* zorange */
#app.zorange .custom-file:after{background-color: #FFA133;}
#app.zorange .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FFA133;}
#app.zorange .vue-slider-component .vue-slider-tooltip{background-color:#FFA133;border-color:#FFA133; }
#app.zorange .normalbtn.active .bg-block{background: #FFA133;}
#app.zorange .normalbtn.active{border-color: #FFA133;}
#app.zorange .sidenav .s-meun .sub li:hover .bg-block{background: #FFA133;}
#app.zorange table thead{border-color:#FFA133;}
#app.zorange *[data-outline="zyOutline"]{border:1px solid #FFA133;}
#app.zorange .custom-file-input:focus~.custom-file-control{border-color: #FFA133;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #FFA133;}
#app.zorange .countdownbtn{
  background-color: #FFA133;
}

#app.zorange .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color:#FFA133;
}

#app.zorange .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color:#FFA133;
}

#app.zorange .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color:#FFA133;
}

#app.zorange .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #FFA133;
}

#app.zorange .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
  border-top-color:  #FFA133;
}

#app.zorange .normalbtn.active.sp{
  background-color: #FFA133;
}

#app.zorange .form-control:focus {
  border-color: #FFA133;
  box-shadow: 0 0 0 0.2rem rgba(255,161,51, .25);
}

#app.zorange .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #FFA133;
  border-color: #FFA133;
}

#app.zorange .progress-bar {
  background-color: #FFA133;
}

#app.zorange .tablebtn:hover .bg-block {
  background: #FFA133;
}

#app.zorange .tablebtn.active:hover .bg-block {
  background: #FFA133;
}

#app.zorange .tablebtn.show .bg-block {
  background: #FFA133;
}

#app.zorange .tablebtn.disabled:hover .bg-block,
#app.zorange .tablebtn.backbtn:hover .bg-block {
  background: #FFA133;
}

#app.zorange .normaltab.active .bg-block {
  background: #FFA133;
}

#app.zorange .normaltab.active:hover .bg-block {
  background: #FFA133;
}

#app.zorange .normaltab.disabled:hover .bg-block,
#app.zorange .normaltab.backbtn:hover .bg-block {
  background: #FFA133;
}

#app.zorange .normalbtn .bg-block {
  //background: #FFA133;
}

#app.zorange .normalbtn.active:hover .bg-block {
  background: #FFA133;
}

#app.zorange .normalbtn.normal:hover .bg-block,
#app.zorange .normalbtn.disabled:hover .bg-block,
#app.zorange .normalbtn.backbtn:hover .bg-block {
  background: #FFA133;
}

#app.zorange .fillbtn {
  background-color: #FFA133;
}

#app.zorange .processbox ul li.active .textbox .numbox {
  border-color: #FFA133;
}

#app.zorange .processbox ul li.active .textbox .numbox span {
  border-color: #FFA133;
  background: #FFA133;
}

#app.zorange .processbox ul li.active .symbox span {
  color: #FFA133;
}

#app.zorange .processbox.small ul li.active .textbox .numbox span {
  border-color: #FFA133;
}

#app.zorange .formbox input {
  border-color: #FFA133;
}

#app.zorange .formbox select {
  border-color: #FFA133;
}

#app.zorange .connection-line-animation.connected .line {
  background: #FFA133;
}

#app.zorange .connection-line-animation.connected i {
  color: #FFA133;
}

#app.zorange .sidenav .menubtn .bg-block {
  background: #FFA133;
}

#app.zorange .sidenav .menubtn.active .bg-block {
  background: #FFA133;
}

#app.zorange .sidenav .menubtn.active:hover .bg-block {
  background: #FFA133;
}

#app.zorange .sidenav .iconbox {
  border: 1px solid #FFA133;
}

#app.zorange .sidenav li:hover .iconbox .icon-border,
#app.zorange .sidenav li.active .iconbox .icon-border {
  background: #FFA133;
}

#app.zorange .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #FFA133;
}

#app.zorange .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #FFA133;
}

#app.zorange .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #FFA133;
}

#app.zorange .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #FFA133;
}

#app.zorange .main-panel .border-icon .bg-block {
  background: #FFA133;
}

#app.zorange .main-panel .parentalbox.active {
  border-color: #FFA133;
}

#app.zorange .main-panel .parentalbox.active .icon {
  border-color: #FFA133;
}

#app.zorange #Card-broadband .main-panel .card:hover {
  border-color: #FFA133;
}

#app.zorange .tabbox .normalbtn.active .bg-block {
  background-color: #FFA133;
}

#app.zorange .main-searchbox span.zoom:after {
  background-color: #FFA133;
}

#app.zorange .symbolbtn .bg-block {
  background: #FFA133;
}

#app.zorange .symbolbtn.active:hover .bg-block {
  background: #FFA133;
}

#app.zorange .symbolbtn.disabled:hover .bg-block,
#app.zorange .symbolbtn.backbtn:hover .bg-block {
  background: #FFA133;
}

#app.zorange .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #FFA133;
}
#app.zorange .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #FFA133;
  border-color: #FFA133;
}
#app.zorange .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #FFA133;
  background: #FFA133;
}

#app.zorange .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #FFA133;
  background: #FFA133;
}

#app.zorange .connectivitybox li.active .outborder {
  border-color: #FFA133;
}

#app.zorange .connectivitybox li:hover .outborder {
  border-color: #FFA133;
}

/*
#app.zorange .connectivitybox li.active .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #FFA133;
  background: #FFA133; 
}
*/

#app.zorange .connectivitybox li.active.editing .outborder .iconbox { 
  border-color: #FFA133;
}

#app.zorange .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  border-color: #FFA133;
  background: #FFA133; 
}

#app.zorange .connectivitybox li .outborder .border-icon .bg-block {
  background: #FFA133;
}

#app.zorange .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #FFA133;
}

#app.zorange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #FFA133;
}

#app.zorange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #FFA133;
}

#app.zorange .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #FFA133;
}

#app.zorange .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #FFA133;
}

#app.zorange .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFA133;
  background: #FFA133;
}

#app.zorange .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #FFA133;
}

#app.zorange .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #FFA133;
}

#app.zorange .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #FFA133;
}

#app.zorange .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFA133;
  background: #FFA133;
}

#app.zorange .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #FFA133;
}

#app.zorange .scheduledbox .normalbtn.active .bg-block {
  background-color: #FFA133;
}

#app.zorange .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #FFA133;
}

#app.zorange .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #FFA133;
}

#app.zorange .icon-password-success { 
color: #FFA133 !important; 
}

#app.zorange .normalbtn.spsavebtn{ 
  background: #FFA133; 
  border: 1px solid #FFA133; 
}

#app.zorange table thead {
  border-color: #FFA133;
}

/* zyellow */
#app.zyellow .custom-file:after{background-color: #FFC805;}
#app.zyellow .vue-slider-component.vue-slider-horizontal .vue-slider-process{background-color: #FFC805;}
#app.zyellow .vue-slider-component .vue-slider-tooltip{background-color:#FFC805;border-color:#FFC805; }
#app.zyellow .normalbtn.active .bg-block{background: #FFC805;}
#app.zyellow .sidenav .s-meun .sub li:hover .bg-block{background: #FFC805;}
#app.zyellow table thead{border-color:#FFC805;}
#app.zyellow *[data-outline="zyOutline"]{border:1px solid #FFC805;}
#app.zyellow *[data-outline="zyOutline"] { border: 2px solid #FFC805 !important; }
#app.zyellow .custom-file-input:focus~.custom-file-control{border-color: #FFC805;box-shadow:0 0 0 0.075rem #fff, 0 0 0 0.2rem #FFC805;}
#app.zyellow .countdownbtn{
  background-color: #FFC805;
}
#app.zyellow .main-panel .card .staticlist li .iconbox .icon.middleicon{
  border-color: #FFC805;
}
#app.zyellow .main-panel .card .staticlist li .iconbox .icon.middleicon .inside{
  border-color: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li .iconbox .icon.lasticon{
  border-color: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li .iconbox .icon.lasticon .inside{
  border-color: #FFC805;
}
#app.zyellow .main-panel .card .staticlist li.disconnect .iconbox .connectlink .connectline.right{
	border-top-color: #FFC805;
}
#app.zyellow .normalbtn.active.sp{
  background-color: #FFC805;
}
#app.zyellow .form-control:focus {
  border-color: #FFC805;
  box-shadow: 0 0 0 0.2rem rgba(255,200,5, .25);
}

#app.zyellow .checkbox-info input[type="checkbox"]:checked+label::before {
  background-color: #FFC805;
  border-color: #FFC805;
}

#app.zyellow .progress-bar {
  background-color: #FFC805;
}

#app.zyellow .tablebtn:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .tablebtn.active:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .tablebtn.show .bg-block {
  background: #FFC805;
}

#app.zyellow .tablebtn.disabled:hover .bg-block,
#app.zyellow .tablebtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .normaltab.active .bg-block {
  background: #FFC805;
}

#app.zyellow .normaltab.active:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .normaltab.disabled:hover .bg-block,
#app.zyellow .normaltab.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .normalbtn .bg-block {
  //background: #FFC805;
}

#app.zyellow .normalbtn.active:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .normalbtn.normal:hover .bg-block,
#app.zyellow .normalbtn.disabled:hover .bg-block,
#app.zyellow .normalbtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .fillbtn {
  background-color: #FFC805;
}

#app.zyellow .processbox ul li.active .textbox .numbox {
  border-color: #FFC805;
}

#app.zyellow .processbox ul li.active .textbox .numbox span {
  border-color: #FFC805;
  background: #FFC805;
}

#app.zyellow .processbox ul li.active .symbox span {
  color: #FFC805;
}

#app.zyellow .processbox.small ul li.active .textbox .numbox span {
  border-color: #FFC805;
}

#app.zyellow .formbox input {
  border-color: #FFC805;
}

#app.zyellow .formbox select {
  border-color: #FFC805;
}

#app.zyellow .connection-line-animation.connected .line {
  background: #FFC805;
}

#app.zyellow .connection-line-animation.connected i {
  color: #FFC805;
}

#app.zyellow .sidenav .menubtn .bg-block {
  background: #FFC805;
}

#app.zyellow .sidenav .menubtn.active .bg-block {
  background: #FFC805;
}

#app.zyellow .sidenav .menubtn.active:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .sidenav .iconbox {
  border: 1px solid #FFC805;
}

#app.zyellow .sidenav li:hover .iconbox .icon-border,
#app.zyellow .sidenav li.active .iconbox .icon-border {
  background: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li.connect .iconbox .icon {
  border-color: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li.connect .iconbox .icon .inside {
  border-color: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li.connect .iconbox .connectlink .connectline {
  border-top-color: #FFC805;
}

#app.zyellow .main-panel .card .staticlist li.connect .iconbox .connectlink i {
  color: #FFC805;
}

#app.zyellow .main-panel .border-icon .bg-block {
  background: #FFC805;
}

#app.zyellow .main-panel .parentalbox.active {
  border-color: #FFC805;
}

#app.zyellow .main-panel .parentalbox.active .icon {
  border-color: #FFC805;
}

#app.zyellow #Card-broadband .main-panel .card:hover {
  border-color: #FFC805;
}

#app.zyellow .tabbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.zyellow .main-searchbox span.zoom:after {
  background-color: #FFC805;
}

#app.zyellow .symbolbtn .bg-block {
  background: #FFC805;
}

#app.zyellow .symbolbtn.active:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .symbolbtn.disabled:hover .bg-block,
#app.zyellow .symbolbtn.backbtn:hover .bg-block {
  background: #FFC805;
}

#app.zyellow .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox {
  border-color: #FFC805;
}

#app.zyellow .connectivitybox .toolbox .devicebox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.zyellow .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox {
  border-color: #FFC805;
}
#app.zyellow .connectivitybox .toolbox .devicebox li.active .outborder .iconbox .icon-border{
  background: #FFC805;
  border-color: #FFC805;
}
#app.zyellow .connectivitybox .toolbox .devicebox li.active:hover .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.zyellow .connectivitybox .toolbox .devicebox li:hover .outborder .iconbox .icon-border{
  border-color: #FFC805;
  background: #FFC805;	
}
#app.zyellow .connectivitybox li.active .outborder {
  border-color: #FFC805;
}

#app.zyellow .connectivitybox li:hover .outborder {
  border-color: #FFC805;
}

/* #app.zyellow .connectivitybox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.zyellow .connectivitybox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805; 
} */
#app.zyellow .connectivitybox li.active.editing .outborder .iconbox {
  border-color: #FFC805;
}
#app.zyellow .connectivitybox li.active.editing .outborder .iconbox .icon-border { 
  background: #FFC805; 
  border-color: #FFC805;
}
#app.zyellow .connectivitybox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.zyellow .connectivitybox .helplistbox .helplist .customor .contactbox .contactinfo {
  background-color: #FFC805;
}

#app.zyellow .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox {
  border-color: #FFC805;
}

#app.zyellow .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border {
  border-color: #FFC805;
}

#app.zyellow .parentalcontrolbox .profilelistbox .profilelist .profileitem.block .iconbox .icon-border:after {
  background-color: #FFC805;
}

#app.zyellow .parentalcontrolbox .blocklistbox .devicelist li .outborder .nametag span {
  background-color: #FFC805;
}

#app.zyellow .parentalcontrolbox .blocklistbox .devicelist li.active .outborder .iconbox {
  border-color: #FFC805;
}


#app.zyellow .scheduledbox .devicelistbox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.zyellow .scheduledbox .devicelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.zyellow .scheduledbox .devicelistbox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.zyellow .scheduledbox .schedulelistbox li .outborder .iconbox {
  border: 1px solid #FFC805;
}

#app.zyellow .scheduledbox .schedulelistbox li.active .outborder .iconbox {
  border-color: #FFC805;
}

#app.zyellow .scheduledbox .schedulelistbox li.active .outborder .iconbox .icon-border {
  border-color: #FFC805;
  background: #FFC805;
}

#app.zyellow .scheduledbox .schedulelistbox li .outborder .border-icon .bg-block {
  background: #FFC805;
}

#app.zyellow .scheduledbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.zyellow .addwaninterface .btngroup .btnbox .normalbtn.active .bg-block {
  background-color: #FFC805;
}

#app.zyellow .content-wrapper .interfacegroup .changebox .middlebox .border-icon .bg-block {
  background: #FFC805;
}

#app.zyellow table thead {
  border-color: #FFC805;
}