/*
 * File:		local.css
 * Author:		Richard Klijn
 * 
 * This stylesheet is loaded after stylesheet.css and can be used to provide you own classes and override basic classes. This default local.css is
 * intended to avoid a 404 error
 */

/* Override general style */

.zXListTableRowCount{
	padding: 8px 6px;
}
.zXListTablePaging {
	width:49%;
}

body.login {
	background: radial-gradient(circle, rgb(73 65 144 / 60%) 0%, rgb(73 65 144) 100%);
}

.LoginLeftImg {
	background-image: url('../images/logo/snoop_purple_tag.svg');
}

/* Miscellaneaus style */

.inActiveList {
	background-color:#faf7f6 !important;
	opacity:0.45 !important;
	color:#f51308;
}

.alertList {
	color:#fac13b;
}

/* Modal items */

.myProfileModal {
	margin: 3rem 0 15% auto;
}

.myCompanyModal {
	margin: 3rem 70px 15% auto;
}

.myScratchpadModal {
	margin: 3rem auto auto auto;
}

.myChatModal {
	margin: 3rem 0px auto auto;
}

.mySearchModal {
	margin: 3rem auto auto auto;
}

.caseModal {
	margin: 3rem 60px 15% auto;
}

/* flag items */
	
.flag-icon {
  	position: relative;
  	display: inline-block;
  	width: 1.3333333333em;
  	line-height: 1em;
}

.flag-icon:before {
    	content: " "; 
}

.flag-icon.flag-icon-squared {
    	width: 1em; 
}

/* tag items */

.tag-element {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.tag-element-box {
    display: inline-flex;
    align-items: center;
    gap: 6px; 
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 500;
    backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.35);
    position: relative;
}

.tag-element-box::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.tg_1  { background: rgba(254, 243, 84, 0.10);  border-color: rgba(254, 243, 84, 0.50);  color:#000;    }
.tg_1::before { background:#FEF354; }

.tg_2  { background: rgba(216, 164, 244, 0.10); border-color: rgba(216, 164, 244, 0.50); color:#000;    }
.tg_2::before { background:#d8a4f4; }

.tg_3  { background: rgba(255, 165, 0, 0.10);   border-color: rgba(255, 165, 0, 0.50);   color:#000;    }
.tg_3::before { background:#ffa500; }

.tg_4  { background: rgba(110, 192, 93, 0.10);  border-color: rgba(110, 192, 93, 0.50);  color:#000;    }
.tg_4::before { background:#6ec05d; }

.tg_5  { background: rgba(8, 161, 210, 0.10);   border-color: rgba(8, 161, 210, 0.50);   color:#000;    }
.tg_5::before { background:#08A1D2; }

.tg_6  { background: rgba(205, 49, 86, 0.10);   border-color: rgba(205, 49, 86, 0.50);   color:#000;    }
.tg_6::before { background:#cd3156; }

.tg_7  { background: rgba(194, 245, 245, 0.10); border-color: rgba(194, 245, 245, 0.50); color:#000;    }
.tg_7::before { background:#C2F5F5; }

.tg_8  { background: rgba(224, 227, 227, 0.10); border-color: rgba(224, 227, 227, 0.50); color:#000;    }
.tg_8::before { background:#E0E3E3; }

.tg_9  { background: rgba(252, 193, 234, 0.10); border-color: rgba(252, 193, 234, 0.50); color:#000;    }
.tg_9::before { background:#FCC1EA; }

.tg_10 { background: rgba(0, 0, 0, 0.10);       border-color: rgba(0, 0, 0, 0.50);       color:#000;    }
.tg_10::before { background:#000000; }

.tg_11 { background: rgba(72, 48, 135, 0.10);   border-color: rgba(72, 48, 135, 0.50);   color:#000;    }
.tg_11::before { background:#483087; }

.tg_12 { background: rgba(3, 249, 48, 0.10);    border-color: rgba(3, 249, 48, 0.50);    color:#000;    }
.tg_12::before { background:#03F930; }

.tg_13 { background: rgba(146, 100, 15, 0.10);  border-color: rgba(146, 100, 15, 0.50);  color:#000    }
.tg_13::before { background:#92640F; }

.tg_14 { background: rgba(255, 0, 0, 0.10);     border-color: rgba(255, 0, 0, 0.50);     color:#000;    }
.tg_14::before { background:#FF0000; }

.tg_15 { background: rgba(137, 131, 137, 0.10); border-color: rgba(137, 131, 137, 0.50); color:#000;    }
.tg_15::before { background:#898389; }


@media screen and (max-width: 850px) {
  .zXPage .zXPageAction {   
  	padding-left: 10px;
	padding-right: 10px;
  }
}