/* NOTE: To activate this stylesheet check the init-file in "/web/apps/dc/js/init.js"! */

/* Tele Grotesk Next */

@font-face {
	font-family: 'TeleGrotesk Next';
	src:  	url('https://assets.magenta.at/static/font/TeleGroteskNext-Regular.woff') format('woff'),
			url('https://assets.magenta.at/static/font/TeleGroteskNext-Regular.woff2') format('woff2');

	font-style: normal;
	font-weight: normal;
}

@font-face {
	font-family: 'TeleGrotesk Next';
	src:  	url('https://assets.magenta.at/static/font/TeleGroteskNext-Medium.woff') format('woff'),
			url('https://assets.magenta.at/static/font/TeleGroteskNext-Medium.woff2') format('woff2');

	font-style: normal;
	font-weight: 600;
}

@font-face {
	font-family: 'TeleGrotesk Next';
	src:  	url('https://assets.magenta.at/static/font/TeleGroteskNext-Bold.woff') format('woff'),
			url('https://assets.magenta.at/static/font/TeleGroteskNext-Bold.woff2') format('woff2');

	font-style:   normal;
	font-weight:  bold;
}

@font-face {
	font-family: 'TeleGrotesk Next';
	src:  	url('https://assets.magenta.at/static/font/TeleGroteskNext-Ultra.woff') format('woff'),
			url('https://assets.magenta.at/static/font/TeleGroteskNext-Ultra.woff2') format('woff2');

	font-style: normal;
	font-weight: 900;
}

html body {
	font-family: 'TeleGrotesk Next', Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 1.5;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html body { font-size: 1.5em !important; }
html body .panel-heading h3 { font-weight:bold; font-size: 1.4em !important; }
html body .control-label { font-size: 0.8em !important; }
html body .form-control-static { font-size: 0.8em !important; }
html body .input-sm { font-size: 1em !important; }
html body .input-md { font-size: 1.1em !important; }

/* Keyframes */
/* The effect being applied when highlighting a newly created entry */
@keyframes entry-highlight-customized {
  0%   { box-shadow: inset -150px 0px 180px transparent; }
  50%  { box-shadow: inset -150px 0px 180px #e20074; }
  100% { box-shadow: inset -150px 0px 180px transparent; }
}

/* The effect being applied when highlighting a previously saved entry */
@keyframes entry-highlight-edited-customized {
  0%   { box-shadow: inset -150px 0px 180px transparent; }
  50%  { box-shadow: inset -150px 0px 180px #e20074; }
  100% { box-shadow: inset -150px 0px 180px transparent; }
}


/* Color of the main content panels (green by default) */
/* Color of the main content outer border */
body.customized .panel-custom {
  border-color: #cc006d;
}

/* Color of the main content panel header */
body.customized .panel-custom > .panel-heading {
  font-weight: bold;

  color: #ffffff;
  border-color: #cc006d;
  background-color: #e20074;
}

/* Color of the main content panel body */
body.customized .panel-custom > .panel-body {
  background-color: #ffffff;
}



/* Color of table rows when hovering */
body.customized table.table-content > tbody > [name="entry"]:hover,
body.customized .table-content > div.row:hover {
  background-color: #ffcce6 !important;
}



/* The background for all "edit" windows */
body.customized .table-content [name="entry-slider"],
body.customized .gradient-background {
  background-color: #FFF !important;
}



/* Colors for tables within the "edit"-windows of any entry */
/* Even table rows color (hot hovering) */
body.customized .table-content [name="entry-slider"] .table-content > tbody > tr:nth-of-type(even),
body.customized .table-content [name="entry-slider"] .table-content > div.row:nth-of-type(even) {
  background-color: rgba(0, 0, 0, 0.015);
}

/* Odd table rows color (hot hovering) */
body.customized .table-content [name="entry-slider"] .table-content > tbody > tr:nth-of-type(odd),
body.customized .table-content [name="entry-slider"] .table-content > div.row:nth-of-type(odd) {
  background-color: rgba(255, 204, 230, 0.15);
}

/* Table row color when hovering */
body.customized .table-content [name="entry-slider"] .table-content > tbody > tr:hover,
body.customized .table-content [name="entry-slider"] .table-content > div.row:hover {
  background-color: #ffcce6;
}



/* Colors for the navigation menu for (Sub-)Tenants and VPN Groups (with stuff like "Edit", "Delete", "Subtenants", ...) */
/* Color for the currently selected item */
body.customized .nav.nav-tabs[role="tablist"] > li[role="presentation"].active > a[role="tab"] {
  background-color: #e20074;
}

/* Color for the currently selected item, when hovered */
body.customized .nav.nav-tabs[role="tablist"] > li[role="presentation"].active > a[role="tab"]:hover {
  background-color: #e20074;
}

/* Color of the blue separation borders on the left and right side of the menu content */
body.customized table.entry-navigation > tbody > tr > td:first-of-type,
body.customized table.entry-navigation > tbody > tr > td:last-of-type {
  border-color: #cc006d;
}



/* Border around editable entry fields within table rows */
body.customized .editable:hover {
  border-color: #cc006d;
}



/* Hourglass that appears during load processes */
body.customized .hourglass.waiting::before,
body.customized .table-content [name="entry-slider"].waiting::before,
body.customized .table-content [name="entry-slider"]:empty::before {
  color: #e20074;
}


/* Color of the main content panel header */
body.customized .btn.btn_toggle {
  color: #4b4b4b;
  border-color: #6c6c6c;
  background-color: #ededed;
}

body.customized .btn.btn_toggle:hover{
  color: #4b4b4b;
  border-color: #6c6c6c;
  background-color: #e6e6e6;
}

body.customized .btn.btn_toggle:focus {
  color: #4b4b4b;
  border-color: #6c6c6c;
  background-color: #d0d0d0;
}