.error {
      color: red;
    }
	@media screen and (min-width: 1025px) {
		.addcss {
			transform: rotateX(0deg);
		}
		.remcss {
			transform: rotateX(180deg);
		}
	}
	
	html[theme='dark-mode'] {
	    filter: invert(1) hue-rotate(180deg);
	}
	html[theme='dark-mode'] .iq-sidebar-logo {
	    filter: invert(1) hue-rotate(180deg);
	}	
	html[theme='dark-mode'] img{
	    filter: invert(1) hue-rotate(180deg);
	}
	html[theme='light-mode'] {
	    filter: invert(0) hue-rotate(0deg);
	}
	html[theme='light-mode'] .iq-sidebar-logo {
	    filter: invert(0) hue-rotate(0deg);
	}	
	html[theme='light-mode'] img{
	    filter: invert(0) hue-rotate(0deg);
	}
	html {
	    transition: color 300ms, background-color 300ms;
	}
	.none_del {
		display:none;
	}
	.disabled-link {
	  pointer-events: none;
	  opacity: 0.6;
	  cursor: default;
	}
	.demo-text {
	    color:red;
	}