html {
	background-image:url("/images/backgrounds/background-col-darkgray.png");
}
.auth-failed {
	margin-top:100px;
	width:100%;
	text-align:center;
	display:inline-block;
}
.auth-failed h2 {
	font-size:36px;
	padding:10px;
}
.auth-failed button {
	margin-top:30px;
	font-size:24px;
}
.reboot-required {
	color:red;
	font-size:14px;
	margin-bottom:15px;
}
.reboot-counter {
	margin-top:30px;
	width:100%;
	text-align:center;
}
#loading-dialog-container {
	position:absolute;
	top:300px;
	z-index:2000;
	width:100%;
	pointer-events:none;
	/* opacity:0.95; */
}
#loading-dialog {
	width:280px;
	/* height:80px; */
	margin:0px auto;
	background-color:#050505;
	border-radius:10px;
	border:2px solid #191919;
	box-shadow:0 5px 10px #202020;
	padding-bottom:10px;
	pointer-events:none;
}
#loading-dialog-label {
	text-align:center;
	font-weight:bold;
}
#loading-dialog-spinner {
	padding-top:45px;
}
.selectable {
	-webkit-user-select:text;
	-moz-user-select:text;
	-ms-user-select: text;
	user-select:text;
	-webkit-tap-highlight-color: rgb(200,200,200);
}
.selectable::selection {
	background: #eee;
	color: #000;
}
.selectable::-moz-selection {
	background: #eee;
	color: #000;
}
.room.highlighted,
.activitylink.highlighted,
.group.highlighted
{
	box-shadow: 0 0 10px green inset !important;
	z-index:512 !important;
}
.btn.highlighted a span
{
	background-color: rgba(255,0,0,0.2);
	color: red !important;
}
.no-close .ui-dialog-titlebar-close {
	display: none;
}
.restart-label {
	text-align:center;
}
.modal-background {
	opacity:0.9 !important;
}
.ioclass {
	display:block;
	margin-top:7px;
	border-radius:10px;
	height:40px;
	background:#222;
}
.qq-upload-button {
	width:100% !important;
}
.select-file-text {
	text-align: center;
	top: 25px;
	position: relative;
}
.upload-file-text
{
	text-align:center;
	padding:10px;
	margin-bottom:10px;
}
.b-menu, .ra-menu, .videowindow-menu {
	opacity:0.94;
	position:absolute;
	z-index:998;
	/* new-look menu */
	height:auto !important;
	background-color:#ddd;
	border-radius:10px;
	padding:2px;
	border:1px outset #444;
	/* text-transform:lowercase !important; */
}
.popup-menu.room-menu #insertinto,
.popup-menu.activitylink-menu #makecopy
{
	display:none;
}
.popup-menu button span
{
	text-transform:capitalize;
}
.group {
	border-radius:10px;
	overflow: hidden;
}
.group-unnamed::before
{
	/* content: "Unnamed Group"; */
	opacity: 0.1;
	text-shadow: none;
}
#editclose {
	background-color:#ddd;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	cursor:pointer;
	display:block;
	font-size:20px;
	left:196px;
	position:absolute;
	top:-1px;
	text-align:center;
	border:1px solid #000;
	border-left:none;
}
#editclose .ui-icon {
	margin: 5px;
	margin-left: 2px;
	background-image:url('../js/libs/jquery-ui/css/dark-hive/images/ui-icons_222222_256x240.png');
}
#editclose:hover .ui-icon {
	background-image:url('../js/libs/jquery-ui/css/dark-hive/images/ui-icons_a83300_256x240.png');
}
.room-menu #editclose,
#shortcut-menu #editclose,
#zoneglobal-menu #editclose
{
	left: 169px !important;
}
.activitylink-menu #editclose {
	left: 172px !important;
}
#videowindow-menu #editclose
{
	left:154px;
}
#indc_ra,
#indc_vw,
#indc_intr,
#indc_gb
{
	position:absolute;
	width:0;
	height:0;
}
.menu-arrow-up {
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-bottom: 12px solid #222;
}
.menu-arrow-down {
	border-left: 18px solid transparent;
	border-right: 18px solid transparent;
	border-top: 12px solid #222;
}
#indc_ra,
#indc_vw
{
	left: 68px;
	top: -13px;
}
#indc_intr {
	left:-30px;
	top:32px;
}
#indc_gb {
	left:64px;
	bottom:-13px;
}
.b-menu {
	width:192px !important;
}
/* new-look menu - repositioning */
.ra-menu {
	margin-left:-44px !important;
	margin-top:50px !important;
}
.room-menu
{
	width:165px !important;
}
.activitylink-menu
{
	width:168px !important;
}
#shortcut-menu
{
	width:165px;
}
#zoneglobal-menu
{
	width:165px;
	margin-left:-58px !important;
}
.b-menu button,
.ra-menu button,
.videowindow-menu button
{
	/* new-look menu */
	font-size:14px;
	border-radius:0;
	text-align:left !important;
	/* for Safari */
	margin:0 !important;
}
.ra-menu button, .b-menu button {
	width:100%;
}
.videowindow-menu button {
	width:150px;
}
.popup-menu .popup-menu-buttons > button:first-child
{
	border-radius: 10px 10px 0 0;
	z-index:3;
}
.popup-menu .popup-menu-buttons > button:last-child
{
	border-radius: 0 0 10px 10px;
}
.popup-menu {
	border-radius:10px 0 10px 10px;
}
.popup-menu .menu-separator,
.popup-menu hr {
	margin:2px;
}
/*.group-selected {
	background-color:rgba(0,100,0,0.2);
}
.button-selected span {
	background-color: rgba(255,0,0,0.2);
	color:red !important;
}
.button-selected img {
	opacity:0.50;
}*/
.image-selected {
	border:2px solid red !important;
}
.volbtn, .dabtn {
	cursor:pointer;
}
.add-zoneglobal {
	opacity:0.3;
}
#directaccess {
	margin-right:5px;
}
#new_project label {
	width:150px;
	display:inline-block;
}
#new_project input {
	width:400px;
	padding:5px;
}
.creation-error {
	font-size:12px;
	color:red;
	margin-top:20px;
}
.compact-ui-not-displayed {
	color:red;
}
#macrobuilder.command-added .commandrow,
#macrobuilder.command-deleted .commandrow {
	opacity: 0.4;
}
#headingstable
{
	font-size:0.85em;
	border-top:2px solid #555;
	background:#222;
	width:100%;
}
#commandstable {
	width:100%;
	display:block;
	height:355px;
	overflow-y:scroll;
}
#commandstable tr td
{
	vertical-align:middle;
}
#commandstable .api-command-name
{
	font-weight:bold;
	font-size:15px;
	padding-bottom:3px;
}
#commandstable .api-command-device,
#commandstable .api-command-manufacturer
{
	font-weight:normal;
	font-size:14px;
	color:#ddd;
}
#commandstable .commandrow-port
{
	font-size:12px;
}
#commandstable .commandrow-command
{
	font-size:17px;
	cursor:pointer;
}
.macro-clipboard
{
	height:65px;
	margin-top:-9px;
	border-bottom:1px solid #555;
}
.macro-clipboard .macro-clipboard-sel-actions
{
	font-size:0.75em;
	float:left;
	margin:18px auto;
	text-align:center;
	width:300px;
}
.macro-clipboard .macro-clipboard-sel-actions button
{
	margin-right:4px;
}
.macro-clipboard .macro-clipboard-sel-actions .commands-selected-delete
{
	margin-left:12px;
	margin-right:0px;
}
.macro-clipboard .clip-entry-num
{
	display:none;
}
.macro-clipboard .macro-clipboard-entries
{
	float:right;
	border-left:1px solid white;
	padding-left:20px;
	width:65%;
}
.macro-clipboard-entry
{
	display:inline-block;
	padding:6px;
	border-left:1px solid #555;
	font-size:0.8em;
	text-align:center;
	width:100%;
	height:54px;
}
.macro-clipboard-entry:first-child
{
	border:none;
}
.macro-clipboard-entry .clip-entry-num::after
{
	content:":";
	margin-right:2px;
}
.macro-clipboard-entry .macro-clipboard-actions
{
	margin-top:4px;
}
.clipboard-button-paste
{
	width:135px;
}
.command-selected .commandrow-type span
{
	/*background:rgb(141,198,63) !important;
	color:black !important;*/
}
.commandrow {
	margin-top:5px;
	margin-bottom:5px;
	height:60px;
	vertical-align:middle;
}
.commandrow.commandrow-command-refreshing .commandrow-command {
	opacity:0.4;
}
.commandrow.commandrow-port-refreshing .commandrow-port {
	opacity:0.4;
}
.commandrow-type span {
	font-size:14px;
	padding:4px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	position:relative;
	margin-right:6px;
	padding-top:13px;
	padding-bottom:13px;
	text-shadow:none;
	font-family:monospace;
	cursor:pointer;
}
.commandrow-type-1,
.commandrow-type-infrared
{
	background:red;
}
.commandrow-type-2,
.commandrow-type-serial
{
	background:green;
}
.commandrow-type-3,
.commandrow-type-ethernet
{
	background:blue;
}
.commandrow-type-relay-delay
{
	background:white;
	color:#222;
}
.commandrow-headings {
	height:30px;
	font-size:16px;
	font-weight:bold;
}
.commandrow-headings th {
	vertical-align:middle;
	padding-top:6px;
}
.commandrow-port, .commandrow-headings {
	text-align:center;
}
.commandrow-buttons {
	text-align:center;
}
.commandrow-buttons .ui-button {
	font-size:14px;
}
.command-repeats {
	padding:4px;
	border-radius:8px;
}
#content {
	/*top:40px;*/
	top:7px;
}
#inputs_create li {
	margin-top:10px;
}
.command-list {
	max-height: 175px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.command-list-entry {
	border-bottom-left-radius:0px !important;
	border-bottom-right-radius:0px !important;
	border-top-left-radius:0px !important;
	border-top-right-radius:0px !important;
	border:none !important;
	background:none !important;
	text-align:left !important;
	height:auto !important;
}
.command-list input:first-child {
	display:block;
}
.command-list input:last-child {

}
.command-list input {
	padding-bottom:3px;
}
.command-list {
	border-radius:10px;
	border:3px solid #111;
	margin-bottom:-10px;
	background-color:#272727;
	margin-left:4px;
	display:inline-block;
	margin-right:5px;
	padding:5px;
	width:550px;
}
.command-selectors, .port-selector {
	width:97%;
	margin-left:1%;
	margin-right:1%;
	border-radius:.5em;
	padding:0.5%;
	background:#eee;
}
.port-selector {
	margin-top:.5em;
}
.command-selectors {
	height:400px;
}
.command-selectors select {
	font-family: monospace;
	text-transform:uppercase;
	width:19%;
	height:100%;
	font-weight:bold;
	padding:3px;
	border-right:0.5em solid rgba(141, 198, 63, 0.5);
}
.command-selectors select:first-child {
	border-radius: .5em 0 0 .5em;
}
.command-selectors select:last-child {
	border-radius: 0 .5em .5em 0;
	border-right:none;
}
#slt-device,
#slt-command {
	width:40%;
}
.port-selector span {
	color:#222;
	text-shadow:none;
	display:inline-block;
	width:10%;
	cursor:default;
	vertical-align: middle;
	text-align: center;
	font-weight:bold;
}
#slt-commandport, #slt-port {
	font-family: monospace;
	display:inline-block;
	border-radius: 0 .5em .5em 0;
	width:90%;
	padding:1em;
}
#slt-port {
	border-radius: .5em .5em .5em .5em;
}
#commandbuilder {
	padding-left:0;
	padding-right:0;
	overflow: hidden;
}
.control-container {
	border:1px solid #eee;
	padding:10px;
	margin-top:10px;
	border-radius:4px;
}
.control-container:first-child {
	margin-top:0px;
}
.adv-param-text {
	display:block;
	width:100%;
}
.adv-param-title {

}
.adv-param-desc {
	font-size:0.6em;
}
.adv-param {
	width:100%;
	border-radius:4px;
}
#create_project {
	right:10px;
	text-transform:capitalize;
	bottom:8px;
	position:absolute;
}
#projloading, .startup-error {
	text-align: center;
	font-size: 22px;
	text-transform: none;
	margin-top:100px;
}
#proj_menu_pname {
	color:#ddd;
	font-weight:bold;
}
#application-menu {
	background-color:#000;
	height:30px;
}
#application-menu ul {
	padding-top:4px;
}
#application-menu li {
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	border-right:1px solid #555;
	text-transform:none;
	font-variant:small-caps;
}
#application-menu li a {
	text-decoration:none;
	color:#ddd;
}

#imagepicker {
	height:390px;
	width:auto;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top:10px;
}
#imagepicker p {
	margin-bottom:6px;
}
#imagepicker img {
	cursor:pointer;
	padding:4px;
	margin:1px; /* so outline does not get clipped */
	vertical-align:middle;
	border:2px solid transparent;
    height:48px;
    width:48px;
}
.dialog-macrobuilder-relay p {
	margin-top:6px;
	text-align:center;
}
.dialog-macrobuilder-relay select {
	padding:0.5em;
}
.macrobuilder-status {
	margin-top:200px;
	font-size:20px;
	text-align:center;
}
#commandpicker {
	margin-left:90px;
	margin-right:90px;
	margin-bottom:15px;
	text-transform:none;
}
#commandpicker td.cmd {
	width:350px;
	padding:5px 10px 10px;
}
#commandpicker td.prt {
	width:100px;
	padding:5px 10px 10px;
}
#functionpicker {
	margin-left:90px;
	margin-right:90px;
	margin-bottom:15px;
	text-transform:none;
}
.function-title-row {
	border-bottom:1px solid #eee;
	font-size:18px;
}
.function-table td {
	vertical-align:middle;
	height:55px;
}
#functionpicker td.func {
	width:350px;
	padding:5px 10px 10px;
}
.room-act-menu ul li.new-ra {
    position:fixed;
    bottom:36px;
    right:1px;
}
#pluginpicker {
	margin-left:90px;
	margin-right:90px;
	margin-top:30px;
}
#pluginpicker li {
	margin-top:6px;
	font-weight:bold;
}
#pluginpicker li .pluginlabel {
	width:200px;
	display:inline-block;
}
#pluginpicker li input {
	margin-right:15px;
}
.plugin-settings-link {
	opacity:0.9;
}
/* cloud backup system */
.cloud-services .backup-wait-message {
	width:100%;
	text-align:center;
}
.cloud-backups-table {
	font-size:0.8em;
	margin:10px;
	margin-top: 25px;
	width:100%;
}
.cloud-backups-table input[type="radio"] {
	width: 20px;
	height: 20px;
	top: 6px;
	position: relative;
	margin-right: 10px;
}
.cloud-backups-table td {
	height:30px;
	font-family:monospace;
	font-size:1.2em;
}
.cloud-backups-table th {
	text-align:left;
}
.backup-row-hash, .backup-row-time {
	display:none;
}
.backups-aws-logo {
	background-image: url('https://myenado.com/aws-logo.jpg');
	height:50px;
	background-size:cover;
	width:120px;
	display:inline-block;
	float:right;
	margin-top:35px;
	border-radius:6px;
}
#editinfo
{
	position:absolute;
	top:81px;
}
#editinfo > span {
	font-size:12px;
	/* position:absolute;
	top:76px; */
	height:12px;
	padding:7px;
	text-transform:none;
	background:rgba(22,22,22,0.5) !important;
}
#defdevtext
{
	left:250px;
	display:none;
}
#defprttext
{
	border-left:5px solid #BBB !important;
	cursor:pointer;
}
#linkedtext
{
	/* border-left:5px solid #DC143C !important; */
	border-left:5px solid #BBB !important;
	color:#DC143C !important;
	cursor:default;
	margin-right:60px;
}
#linkedtext::before, .default-port-text::before
{
	color:white;
	padding-right:1.4em;
	font-weight:normal;
}
#linkedtext::before
{
	content:"Editing Layout:";
}
.default-port-text::before
{
	content:"Default Port:";
}
#defprttext .port-ok
{
	color:lightgreen;
}
#defprttext .port-not-assigned
{
	color:orange;
}
#defprttext .port-not-found
{
	color:red;
}
.cmd_list_entry_active {
	/* background-color:rgba(00,33,66,0.6); */
}
#edit_mode_hnav {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 30px;
	padding-top: 5px;
	padding-right: 5px;
}
#hnav-roomlist,
#hnav-activitylist {
	background: none repeat scroll 0% 0% rgb(68, 68, 68);
	padding-left: 5px;
	padding-right: 5px;
	border-radius:5px;
	cursor:pointer;
	max-width:30vw;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#hnav-activitylist {
	margin-left:30px;
}
.function-row td {
	width:180px;
}
.variable-row td {
	width:240px;
}
#activity-list,
#shortcutlist
{
	height:350px;
	overflow-y:scroll;
	/* width:685px; */
	width:100%;
}
#activity-list button,
#shortcutlist button
{
	font-size:0.8em;
}
.bgm-group-cat {
	float:right;
	border:1px solid #555;
	padding:7px;
	display:inline-table;
	cursor:pointer;
	border-radius:6px;

	max-width:135px;
	white-space:nowrap;
	text-overflow:ellipsis;
	display:inline-block;
	overflow:hidden;
}
.bgm-group-buttons {
	display:inline-table;
}
.bgm-group-buttons button span {
	font-size:14px;
}
.bgm-dialog-entry .helper
{
	display:none !important;
}
.bgm-dialog-entry .group a
{
	cursor:default;
}
#cogrid {
	width:245px;
	background-color:#333;
	border-radius:10px;
	margin:10px auto;
}
#cogrid li {
	/* change this */
	text-align:center;
	height:20px;
	width:35px;
	display:inline-block;
}
#cogrid li.modify-coord {
	cursor:pointer;
}
#cfields {
	margin-top:10px;
	text-align:center;
	border-top:1px solid #444;
	padding-top:10px;
}
#cfields p {
	display:inline-block;
}
#cfields p:last-child {
	margin-left:40px;
}
#cfields label {
	margin:5px;
}
#cfields input {
	padding:7px;
	font-size:18px;
	width:60px;
	text-align:center;
	/*border-radius:7px;*/
}
.coords-table {
	width: 260px;
	height: 200px;
	margin: 20px auto;
	font-size: 16px;
	text-align: center;
	vertical-align: middle;
	font-family: monospace;
	cursor:pointer;
}
.coords-table tr td
{
	text-align:center;
	vertical-align:middle;
}
.coords-table .modify-large-increment
{
	font-size:1.2em;
}
.coords-table .modify-small-increment
{
	font-size:0.8em;
}
.nudge-tip
{
	font-size:12px;
	border-top:1px solid #444;
	padding-top:7px;
	margin-top:10px;
}
.ui-widget-overlay {
	opacity:0.3;
}
.publish-dialog-info {
	color:rgb(255, 255, 224);
	font-style:italic;
	font-size:15px;
}
.preview-links-table {
	margin:12px;
	font-size:14px;
}
.preview-links-table tr:first-child {
	height:20px !important;
}
.preview-links-table tr {
	height:30px;
}
.preview-links-table tr:first-child td {
	font-weight:bold;
}
.preview-links-table tr td:first-child {
	width:100px;
}
.button-smaller {
	font-size:0.85em !important;
	margin-left:25px;
}
.plugin-manager-list {
	font-size:15px;
	margin:5px;
}
.plugin-manager-list button {
	width:100%;
}
.plugin-title {
	margin-bottom:8px;
}
.plugin-manager-section {
	margin-bottom:10px;
	padding:10px;
	border:1px solid #444;
	/* additions for bg image */
	background-repeat:no-repeat;
	background-position:100% 0%;
	background-origin:content-box;
	background-size:40px;
}
.plugin-manager-section.no-settings {
	padding-bottom:15px;
}
.plugin-settings-link {
	margin-top:10px;
	width:70%;
}
.plugin-manager-list label {
	margin-left:8px;
}
.aboutdialog p {
	padding:5px;
}
.eula-body h2 {
	display:none;
}
.eula-body h3 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.2em;
}
.eula-body p {
	padding:6px;
	font-size:0.9em;
	line-height:1.4em;
}
.eula-revision {
	font-size:0.85em;
	display:block;
	text-align:right;
	padding:10px;
	font-style:italic;
}
.defaultlink ul li {
	background-color:#333;
}
.select-theme {
	padding:10px;
	margin-left:50px;
	width:230px;
}
.backgroundsettings {
	overflow:hidden;
}
.theme-bg-preview {
	width:400px;
	height:300px;
}
.backgroundloading {
	position:absolute;
	width:100%;
	text-align:center;
	top:240px;
	left:0px;
}
.imagepicker {
	width:760px;
	height:440px;
	text-align:left;
}
.bgimagepreview {
	width:160px;
	height:120px;
	border:5px solid #222;
	margin:10px;
	cursor:pointer;
	display:inline-block !important;
}
.bgimageselected {
	border:5px solid #eee;
}
.imageoptions {
	width:170px;
	height:130px;
	margin: 10px;
	position:absolute;
	text-align:center;
}
.imageoptions div {
	width:100%;
	height:65px;
	/*background-color:#333;*/
	line-height:60px;
	cursor:pointer;
	/* opacity:0.7; */
	background-color:rgba(10,10,10,0.4);
	font-size: 1.25em;
}
.imageoptions div:first-child {
	border-bottom:1px solid #000;
}
.imageoptions div.imgopthover {
	background-color:rgba(10,10,10,0.75);
}
#bgopicker img {
	cursor:pointer;
}
.toolbar-colour-picker {
	margin-top:20px;
	border:1px solid #444;
	border-radius:10px;
	padding:10px;
	background:rgba(22,22,22,0.7);
	/* width: 280px; */
	width:inherit;
	display:inline-block;
}
.toolbar-col-picker, .button-col-picker {
	display:inherit;
}
.button-col-picker-info {
	text-align: center;
	margin-top: 15px;
	font-size:0.9em;
}
#colpick-tabs.ui-tabs {
	/*font-size:0.8em !important;*/
}
.tab-eq-size {
	/*width:20%;*/
}
.colpick-tabs-twocolours ul li {
	text-align:center;
	display:inline-block;
	width:50%;
}
.colpick-tabs-twocolours ul li p {
	padding-bottom:8px;
}
.colpick-tabs-twocolours ul li input {
	margin-top: 10px;
	border: 1px solid #444;
	padding: 6px;
	text-align: center;
	border-radius: 10px;
}
.colour-list li:first-child {
	/* display:block; */
}
.toolbar-colour {
	width: 30px;
	height: 30px;
	border: 1px solid lightgrey;
	margin: 9px;
	display: inline-block;
	cursor:pointer;
}
div.jGrowl.top-right {
	top:98px !important;
}
div.jGrowl {
	text-transform:none !important;
}
div.jGrowl a {
	color:#ccc;
}
.jgrowl-controller-offline
{
	background:darkred !important;
	box-shadow: 0px 0px 8px red;
}
.jgrowl-critical
{
	background:darkred !important;
}
.jgrowl-important
{
	background:orange !important;
}
.jgrowl-invert
{
	background:white !important;
	color:black !important;
	text-shadow:none;
}
.jgrowl-invert a
{
	color:darkblue !important;
	cursor:pointer;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background:none;
	border:none;
}
#confirm_p_rn, #confirm_p_del, #confirm_p_cp {
	/* font-size:12px; */
}
.ipd {
	float:left;
	width:192px;
	line-height:1.5em;
}
.row {
	/*cursor:pointer;*/
}
#eleminfo {
	background: #222;
	bottom: 0px;
	display: block;
	position: absolute;
	right: 30px;
	text-align: right;
	font-size:10px;
	border-radius:5px;
	padding:15px;
	border:1px solid #444444;
	box-shadow:1px 1px 3px #000000;
}
.defaultgradient {
	background: #333; /* Old browsers */
	background: -moz-linear-gradient(-90deg,  #333 0%, #111 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(-90deg,  #333 0%,#111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-90deg,  #333 0%,#111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-90deg,  #333 0%,#111 100%); /* IE10+ */
}