/* Fonts */
@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/LatoWeb/latin/LatoLatin-Regular-3cd3657802.woff2') format('woff2'),
    	 url('../fonts/LatoWeb/latin/LatoLatin-Regular-586ec8dc57.woff') format('woff'),
    	 url('../fonts/LatoWeb/latin/LatoLatin-Regular-c305a828ef.ttf') format('truetype');
    font-style: normal;
    font-weight: normal
}

@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/LatoWeb/latin/LatoLatin-Italic-5e75c67839.woff2') format('woff2'),url('../fonts/lato/latin/LatoLatin-Italic-6b654922e0.woff') format('woff'),url('../fonts/lato/latin/LatoLatin-Italic-d9129929b0.ttf') format('truetype');
    font-style: italic;
    font-weight: normal
}

@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/LatoWeb/latin/LatoLatin-Bold-3ff66ada9b.woff2') format('woff2'),url('../fonts/lato/latin/LatoLatin-Bold-f323edeea9.woff') format('woff'),url('../fonts/lato/latin/LatoLatin-Bold-20ee9bd189.ttf') format('truetype');
    font-style: normal;
    font-weight: bold
}

@font-face {
    font-family: 'LatoWeb';
    src: url('../fonts/LatoWeb/latin/LatoLatin-Light-c425d3f33c.woff2') format('woff2'),url('../fonts/lato/latin/LatoLatin-Light-4725b48f89.woff') format('woff'),url('../fonts/lato/latin/LatoLatin-Light-f7b5d804f7.ttf') format('truetype');
    font-style: normal;
    font-weight: 300
}

.head {
	padding: 0 15px;
	margin: 24px 0px;
	display: flex;
	height: auto;
}

.head img {
	max-width: 200px;
}

.right-head {
	width: 65%;
	float: right;
}

.right-head h1 {
	font-size: 1.8em;
	color: #129CC4;
	text-align: right;
	margin-bottom: 1px;
}

.login_content {
	background: #FFFFFF;
	padding: 12px;
	width: 424px;
	margin: 0 auto;
    padding-top: 24px;
}

.controlForm {
	display: block;
	box-sizing: border-box;
	margin-bottom: 18px;
	position: relative;
	text-align: center;
}

.button {
	border-radius: 3px;
	padding: 6px 36px;
	background: transparent;
	color: #11ADD5;
	border: 1px solid #11ADD5;
	overflow: visible;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: none;
}

.headerLogo {
	max-width: 100%;
	padding: 18px 18px 12px 18px;
	vertical-align: middle;
	border: 0;
}

.headerLogo  img {
	width: 200px;
}

#loginForm p {
	font-size: 0.7rem;
}

.divForm {
	padding: 18px 18px 12px 18px;
	margin-top: 12px;
	display: block;
}

fieldset.scheduler-border {
	border: 2px solid #ddd !important;
	border-radius: 5px !important;
	padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
}

legend.scheduler-border {
	width: inherit;
	padding: 10px;
}

legend {
	border-bottom: 0px !important;
}

.margin-rows {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#searchclear {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	height: 14px;
	margin: auto;
	font-size: 14px;
	cursor: pointer;
	color: #ccc;
}

/* General */
a {
	color: #329cc4;
}

a:focus, a:hover {
	color: #2d8db1;
}

html {
  	font-size: 100%;
}

body {
	font-family: "LatoWeb","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: var(--ic-brand-font-color-dark);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight: normal
}

h1,h2,.h1,.h2 {
    font-size: 1.8em;
    line-height: 1.5
}

h3,.h3 {
    font-size: 1.5em
}

.table-align-middle > tbody > tr > td {
	vertical-align: middle;
}

.page-header {
	padding-bottom: 6px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #C7CDD1;
}

/* Buttons */
.btn {
	cursor: pointer;
}

.btn-primary {
    background: #f5f5f5;
    color: #329cc4;
    border: 1px solid;
    border-color: #C7CDD1;
    border-radius: 3px;
    transition: background-color 0.2s ease-in-out;
    position: relative;
    padding: 8px 14px;
    line-height: 20px;
    text-decoration: none;
    overflow: hidden;
    text-shadow: none;
}

.btn-primary.btn-login {
	color: #11add5;
	border-color: #11add5;
    background: transparent;
    padding: 6px 36px;
}

.btn:hover, .btn-primary:hover,
.btn:focus, .btn-primary:focus,
.btn.active, .btn-primary.active,
.btn:active, .btn-primary:active {
    background: #e8e8e8;
    color: #2D3B45;
    border: 1px solid;
    border-color: #C7CDD1;
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
	background-color: inherit;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background: #f5f5f5;
    color: #329cc4;
    border: 1px solid;
    border-color: #C7CDD1;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #329cc4;
    border-color: #329cc4;
}

/*Navigation*/
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #ffffff;
    text-decoration: none;
}

.page-link:hover {
	color: #329cc4;
}

/* Forms */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	width: 100%;
    height: 38px;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: none;
    box-sizing: border-box;
    transition: all 0.2s ease-out;
    border-width: 1px;
    border-style: solid;
    outline-color: transparent;
    outline-offset: -12px;
    background: #fff;
    padding: 8px 12px;
    -webkit-appearance: none;
    border-color: #d8e0e6;
    outline-style: solid;
    outline-width: 12px;
}

.has-error .colorpicker-component {
	padding-bottom: 30px;
}

.has-error .colorpicker-component .feedbackPanelTextField {
	position: absolute;
	top: 40px;
}

/* Paging */
.pagination>li>a, .pagination>li>span {
	color: #329cc4;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #329cc4;
	border-color: #329cc4;
}

/* Tables */
.table-unir thead {
	background-color: #f0f0f0;
}

.table-unir th a .glyphicon {
	font-size: 10px;
	color: #000;
}

.table-unir .btn-sm {
	font-size: 0.75rem;
}

.page-item.active .page-link {
	background-color: #329cc4;
    border-color: #329cc4;
}

/* Color picker bootstrap */
.colorpicker {
	z-index: 20002;
}


/* Wicket modal Overrides */
div.wicket-modal div.w_content_3 {
  border: none; /** don't want border wrapping content inside the modal **/
}
div.wicket-modal h3.w_captionText {
  padding: 20px;
  font-size: 1.5em;
  position: relative;
  height: auto;
}
div.wicket-modal div.w_caption {
  min-height: 60px;
  height: auto;
}
div.wicket-mask-dark {
  background-color: #FFF;
  opacity: 0.6;
  filter: alpha(opacity=6);
}
.gb-blur {
  filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
  filter: url(blur.svg#blur);
  -webkit-filter: blur(4px);
  filter: blur(4px);
}
div.wicket-mask-transparent {
  opacity: 0.5; 
  background-color: black; 
  filter: alpha(opacity=50); 
}
div.wicket-modal h3.w_captionText {
  font-weight: normal;
}
/* IE9-11 does not support a blur filter. As such, we fallback to an opaque mask */
/* Note: IE8 and below are not supported as Bootstrap does not support IE8 */
/* IE9 blur fallback */
body:nth-child(n) div.wicket-mask-dark {
  filter: alpha(opacity=\95);
  background-color: #000;
}
/* IE10+ blur fallback */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  div.wicket-mask-dark {
    opacity: 0.95;
    background-color: #000;
  }
}
div.wicket-modal div.w_content_container {
  /* give wicket model content some padding */
  padding: 0 20px 20px;
}
div.wicket-modal div.w_content_container > div > h2:first-child,
div.wicket-modal div.w_content_container > div > form > h2:first-child {
  /* remove the large morpheus top padding and margin from the first header element */
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #EEE;
}
div.wicket-modal .w_topLeft,
div.wicket-modal .w_top,
div.wicket-modal .w_topRight,
div.wicket-modal .w_bottomLeft,
div.wicket-modal .w_bottom,
div.wicket-modal .w_bottomRight {
  background-image: none !important;
}
div.wicket-modal div.w_left,
div.wicket-modal div.w_right {
  background-image: none !important;
}
div.wicket-modal a.w_close {
  margin: 6px;
}
div.wicket-modal div.w_caption {
  cursor: move;
}
div.wicket-modal div.w_right > div {
  box-shadow: 0 1px 4px 1px rgba(45,59,69,0.95);
}
.wicket-modal .form-buttons {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    padding: 20px;
    text-align: right;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #f5f5f5;
    border-top: 1px solid #C7CDD1;
}

.wicket-modal select {
	width: 100%;
}

#licenceTable{
	display: inline-table;
}