/* WebPanel New */
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Istok+Web:wght@700&display=swap");

body {
	color: #6e6e6e;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #4b1b45;
}

body:before {
	position: absolute;
	top: -75px;
	left: -245px;
	z-index: -1;
	width: 471px;
	height: 100%;
	content: "";
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNDcxIiBoZWlnaHQ9IjQwNCI+PGRlZnM+PHBhdGggaWQ9ImEiIGQ9Ik01OS43MiAxMzUuMTVjMCAzMi4zMDYtMjYuMTk0IDU4LjUtNTguNSA1OC41cy01OC41LTI2LjE5NC01OC41LTU4LjUgMjYuMTk0LTU4LjUgNTguNS01OC41IDU4LjUgMjYuMTk0IDU4LjUgNTguNSIvPjxwYXRoIGlkPSJiIiBkPSJNMTk1LjcyIDEzNS4xNDdjMCAyNi43OS0yMS43MTQgNDguNTAzLTQ4LjUwMyA0OC41MDMtMjYuNzgzIDAtNDguNDk3LTIxLjcxNC00OC40OTctNDguNTAzIDAtMjYuNzgzIDIxLjcxNC00OC40OTcgNDguNDk3LTQ4LjQ5NyAyNi43OSAwIDQ4LjUwMyAyMS43MTQgNDguNTAzIDQ4LjQ5NyIvPjxwYXRoIGlkPSJjIiBkPSJNMzEyLjcyIDEzNS42NWMwIDIxLjU0LTE3LjQ2MiAzOS0zOS4wMDMgMzlzLTM4Ljk5Ny0xNy40Ni0zOC45OTctMzkgMTcuNDU2LTM5IDM4Ljk5Ny0zOWMyMS41NCAwIDM5LjAwMyAxNy40NiAzOS4wMDMgMzkiLz48cGF0aCBpZD0iZCIgZD0iTTI5Mi4zOSAzOC4yMThjMCAzMi4wOTUgMjYuMTk3IDU4LjExOCA1OC41MTQgNTguMTE4IDMyLjMxOCAwIDU4LjUyMS0yNi4wMjMgNTguNTIxLTU4LjExOFMzODMuMjIyLTE5LjkgMzUwLjkwNS0xOS45Yy0zMi4zMTggMC01OC41MTUgMjYuMDIzLTU4LjUxNSA1OC4xMTgiLz48cGF0aCBpZD0iZSIgZD0iTTE1Ni43MiAzOC4xNWMwIDI2Ljc4MSAyMS43MTQgNDguNSA0OC41MDMgNDguNSAyNi43ODMgMCA0OC40OTctMjEuNzE5IDQ4LjQ5Ny00OC41IDAtMjYuNzg4LTIxLjcxNC00OC41LTQ4LjQ5Ny00OC41LTI2Ljc5IDAtNDguNTAzIDIxLjcxMi00OC41MDMgNDguNSIvPjxwYXRoIGlkPSJmIiBkPSJNMzkuNzIgMzguNjVjMCAyMS41NCAxNy40NjIgMzkgMzkuMDAzIDM5czM4Ljk5Ny0xNy40NiAzOC45OTctMzktMTcuNDU2LTM5LTM4Ljk5Ny0zOWMtMjEuNTQgMC0zOS4wMDMgMTcuNDYtMzkuMDAzIDM5Ii8+PHBhdGggaWQ9ImciIGQ9Ik0yOTIuNzIgMjMzLjE1YzAgMzIuMzA2IDI2LjE5IDU4LjUgNTguNDk3IDU4LjVzNTguNTAzLTI2LjE5NCA1OC41MDMtNTguNS0yNi4xOTYtNTguNS01OC41MDMtNTguNWMtMzIuMzA4IDAtNTguNDk3IDI2LjE5NC01OC40OTcgNTguNSIvPjxwYXRoIGlkPSJoIiBkPSJNMTU2LjcyIDIzMy4xNWMwIDI2Ljc4OCAyMS43MTQgNDguNSA0OC41MDMgNDguNSAyNi43ODMgMCA0OC40OTctMjEuNzEyIDQ4LjQ5Ny00OC41IDAtMjYuNzgxLTIxLjcxNC00OC41LTQ4LjQ5Ny00OC41LTI2Ljc5IDAtNDguNTAzIDIxLjcxOS00OC41MDMgNDguNSIvPjxwYXRoIGlkPSJpIiBkPSJNMzkuNzIgMjMyLjY1YzAgMjEuNTQgMTcuNDYyIDM5IDM5LjAwMyAzOXMzOC45OTctMTcuNDYgMzguOTk3LTM5LTE3LjQ1Ni0zOS0zOC45OTctMzljLTIxLjU0IDAtMzkuMDAzIDE3LjQ2LTM5LjAwMyAzOSIvPjwvZGVmcz48dXNlIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iNTAiIHhsaW5rOmhyZWY9IiNhIiBvcGFjaXR5PSIuMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1IDM3KSIvPjx1c2UgeGxpbms6aHJlZj0iI2IiIG9wYWNpdHk9Ii4wOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUgMzcpIi8+PHVzZSB4bGluazpocmVmPSIjYyIgb3BhY2l0eT0iLjEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNSAzNykiLz48dXNlIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iNTAiIHhsaW5rOmhyZWY9IiNkIiBvcGFjaXR5PSIuMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1IDM3KSIvPjx1c2UgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSI1MCIgeGxpbms6aHJlZj0iI2UiIG9wYWNpdHk9Ii4yMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUgMzcpIi8+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiB4bGluazpocmVmPSIjZiIgb3BhY2l0eT0iLjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNSAzNykiLz48dXNlIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMCIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbWl0ZXJsaW1pdD0iNTAiIHhsaW5rOmhyZWY9IiNnIiBvcGFjaXR5PSIuMjIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1IDM3KSIvPjx1c2UgZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1taXRlcmxpbWl0PSI1MCIgeGxpbms6aHJlZj0iI2giIG9wYWNpdHk9Ii4yMiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzUgMzcpIi8+PHVzZSBmaWxsPSIjZmZmIiBmaWxsLW9wYWNpdHk9IjAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW1pdGVybGltaXQ9IjUwIiB4bGluazpocmVmPSIjaSIgb3BhY2l0eT0iLjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNSAzNykiLz48L3N2Zz4=);
	background-repeat: no-repeat;
	transform: rotate(45deg);
}

a {
	color: #4b1b45;
}

a:focus,
a:hover {
	color: #f0672b;
}

#bk {
	width: 1150px;
	background: transparent;
}

#container {
	padding: 0;
	background: transparent;
}

#mainPanelLeft,
#mainPanelRight {
	box-sizing: border-box;
	width: 50%;
}

#mainPanelRight {
	padding-left: 10px;
}

#mainPanelLeft {
	padding-right: 10px;
}


#page .content {
	padding: 20px;
	border-radius: 0 !important;
}

#page .content .toolTip {
	width: auto;
	margin: 0 0 20px;
}

#header,
#content,
#pannelDash,
#footer {
	float: none;
	width: 1150px;
}

#logo-anchor {
	margin-top: 20px;
	text-decoration: none;
}

#logo-anchor::before {
	color: #fff;
	content: "WebPanel";
	font-family: "Istok Web", sans-serif;
	font-size: 30px;
	font-weight: 700;
}

#pannelDash {
	align-items: center;
	display: flex;
	height: auto;
	margin-bottom: 40px;
	background: #fff;
	border-radius: 0 !important;
}

#pannelDash .menu .info {
	align-items: center;
	display: flex;
	float: none;
	width: auto;
	height: auto;
	padding: 0;
	background: transparent;
}

#pannelDash .menu .info div.user {
	order: 0;
	padding: 0;
	text-align: right;
	background: transparent;
}

#pannelDash .menu .info span {
	float: none;
}

#pannelDash .menu .info div.user br {
	display: none;
}

#pannelDash .menu span.detail {
	position: static;
	margin: 0;
}

#pannelDash .menu .info div {
	order: 1;
	width: auto;
	height: auto;
	background: transparent;
}

#pannelDash .menu a.icOff {
	background: transparent;
}

#pannelDash .menu {
	align-items: center;
	justify-content: space-between;
	display: flex;
	width: 100%;
	height: auto;
	margin: 0;
	font-family: "Roboto", sans-serif;
	background: #fff;
}

#pannelDash .menu img {
	display: none;
}

#pannelDash .menu ul {
	align-items: center;
	display: flex;
	float: none;
	height: auto;
	padding: 0;
	background: #fff;
}

#pannelDash .menu li {
	height: auto;
	padding: 0;
	margin: 0;
	background: #fff;
}

#pannelDash .menu .info {
	background: #fff;
}

#pannelDash .menu li a,
#pannelDash .menu .info a {
	padding: 20px 25px;
	margin: 0;
	color: #4b1b45;
	font-size: 17px;
	font-weight: 700;
}

#pannelDash .menu ul li.selected {
	background: transparent;
	border: 0;
}

#pannelDash .menu ul li.selected a {
	color: #f0672b;
}

#pannelDash .menu li a:hover,
#pannelDash .menu .info a:hover {
	color: #f0672b;
}

#menu {
	box-sizing: border-box;
	padding-right: 20px;
}

#menu ul li a {
	height: auto;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
	color: #fff !important;
	font-family: "Istok Web", sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	background: transparent !important;
	border-bottom: 1px solid #e1dae0;
}

#menu ul li.expanded {
	margin-bottom: 30px;
}

#menu ul li.expanded ol {
	background: transparent;
}

#menu ul li.expanded ol li a {
	font-family: "Roboto", sans-serif;
	font-size: 15px;
	font-weight: normal;
	background: transparent;
	border: 0;
}

#menu ul li.expanded ol li a:hover {
	color: #f0672f !important;
}

#menu ul li a img.icon {
	display: none;
}

#menu ul li div.content {
	background: transparent;
}

.fields label {
	padding-left: 0;
	font-size: 14px;
}

.fields {
	padding: 20px;
	margin-bottom: 20px;
}

.content .fields {
	padding: 0;
}

.fields h2,
h2 a,
h2 a:visited {
	padding-left: 0;
	color: #4b1b45;
	font-family: "Istok Web", sans-serif;
	font-size: 20px;
	font-weight: 700;
	border: 0;
}

.fields h2 img {
	display: none;
}

.tasks li {
	padding: 0;
}

.tasks.expanded .content {
	padding: 0 !important;
}

.tpYellow {
	box-sizing: border-box;
	padding: 5px 20px;
	background: #f0672f;
	border: 0;
	border-radius: 0 !important;
}

.tpYellow p,
.tpYellow a {
	color: #fff;
}

.uiTable {
	border-collapse: collapse;
	border-spacing: 0;
}

.uiTable th {
	color: #fff !important;
	font-size: inherit;
	background: #803878;
}

.uiTable td,
.uiTable th {
	padding: 6px;
	margin-top: 0;
	color: #4b1b45;
	border: 1px solid #4b1b45;
}

.uiTable a {
	color: #4b1b45;
}

.wpButtonLink {
	padding: 2px 10px;
	color: #fff !important;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	background: #803878;
	border: 0;
	border-radius: 2px;
	transition: background-color .3s;
}

.wpButtonLink:hover,
.wpButtonLink:focus {
	text-decoration: none !important;
	background-color: #4b1b45;
}

.wpButtonLink span {
	display: none;
}

div.tabbar .tabContent {
	overflow: visible;
}

div.tabbar ul {
	background: transparent;
}

div.tabbar .tabContent {
	border: 0;
}

.customTable tbody th {
	color: #4b1b45;
	background: #ececec;
}

.customTable tbody td {
	color: #6e6e6e;
}

.customTable tbody tr:hover td {
	background-color: transparent !important;
}

.progress {
	background: #ececec;
	box-shadow: none;
}

.progress span {
	height: 14px;
}

.progress-green span {
	background: #77af3f;
	box-shadow: none;
	border: 0;
}

.progress-red span {
	background: #c44747;
	box-shadow: none;
	border: 0;
}

.progress-blue span {
	background: #5c9ade;
	box-shadow: none;
	border: 0;
}

.sText,
.sSelect,
.sTextarea {
	height: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-bottom: 5px;
	color: #6e6e6e;
	/* box-shadow: 0 2px 0 #e8e2e7; */
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	background: #fff;
	border: 1px solid #e1dae0;
	border-radius: 0 !important;
	/* width: 100%; */
}

.sTextarea {
	resize: vertical;
}

.butDef {
	padding: 10px 20px;
	color: #fff !important;
	font-weight: bold;
	background: #f0672f;
	border: 0;
	border-color: #f0672f;
	border-radius: 2px !important;
	transition: background-color .3s, color .3s;
	cursor: pointer;
}

.butDef:hover {
	color: #fff;
	background: #4b1b45;
}

.toolTip p img {
	display: none;
}

.hoverEffect tr:hover td,
.hoverEffect tr:hover {
	background-color: #ffded0 !important;
	border-color: #4b1b45;
}

.tabs {
	border-bottom: 1px solid #803878;
}

div.tabbar ul {
	height: 36px;
	padding: 0;
}

div.tabbar li {
	padding: 0;
	margin-right: 10px;
}

.tabbar .tabs,
.tabs a {
	border-radius: 0 !important;
}

div.tabbar .tabs li a {
	padding: 8px 20px;
	color: #fff;
	background: #803878;
	border: 0;
}

div.tabbar .tabs li a:hover {
	background: #4b1b45;
}

div.tabbar .tabs li a.selected {
	color: #fff;
	background: #f0672b;
	border: 0;
}

div.tabbar li a img {
	display: none;
}

.barNav {
}

.butNav:link {
	padding: 4px 6px;
	color: #666;
}

.butPage:hover,
.butNav:hover {
	color: #fff;
	background: #f0672f;
}

.butPage {
	padding: 4px 6px;
	background: #f0672f;
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #000 !important;
}

#tiptip_content {
	text-shadow: none !important;
	background: #000 !important;
	box-shadow: none !important;
	border: 0 !important;
}

.tpRed {
	padding: 2px 5px;
	background: #d01010;
	border: 0;
	border-radius: 2px;
}

.boxLogin {
	width: 360px;
	background: transparent;
}

.boxLogin .toolTip {
	float: none;
	width: auto;
}

.boxLogin div.fields {
	box-sizing: border-box;
	float: none;
	height: auto;
	padding: 20px 50px 25px;
	margin-bottom: 0;
	border-radius: 2px !important;
}

.boxLogin::before {
	display: block;
	margin-bottom: 20px;
	color: #fff;
	content: "WebPanel";
	font-family: "Istok Web", sans-serif;
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	text-align: center;
}

.boxLogin .sText,
.boxLogin .sText {
	box-sizing: border-box;
	width: 100%;
}

.boxLogin .action {
	padding: 0;
	margin-top: 20px;
	text-align: center;
}