@font-face {
    font-family: 'breuer_textregular';
    src: url('fonts/breuertext-regular.eot');
    src: url('fonts/breuertext-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-regular.woff2') format('woff2'),
         url('fonts/breuertext-regular.woff') format('woff'),
         url('fonts/breuertext-regular.ttf') format('truetype'),
         url('fonts/breuertext-regular.svg#breuer_textregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'breuer_textmedium';
    src: url('fonts/breuertext-medium.eot');
    src: url('fonts/breuertext-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-medium.woff2') format('woff2'),
         url('fonts/breuertext-medium.woff') format('woff'),
         url('fonts/breuertext-medium.ttf') format('truetype'),
         url('fonts/breuertext-medium.svg#breuer_textmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'breuer_textbold';
    src: url('fonts/breuertext-bold.eot');
    src: url('fonts/breuertext-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/breuertext-bold.woff2') format('woff2'),
         url('fonts/breuertext-bold.woff') format('woff'),
         url('fonts/breuertext-bold.ttf') format('truetype'),
         url('fonts/breuertext-bold.svg#breuer_textbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  width: 100%;
  min-width: 1200px;
  height: 100%;
  min-height: 100%;
  margin: 0;
  background: #f3f2f2;
  font-family: 'breuer_textregular';
  font-size: 16px;
  color: #6c6c6c;
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  color: inherit;
  background-color: transparent;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

*:focus { outline: none; }
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar > ul:before, .sidebar > ul:after,
.clearfix:before, .clearfix:after { content: ''; display: table; }
.sidebar > ul:after,
.clearfix:after { clear: both; }

.table { width: 100%; height: 100%; display: table; }
.table .cell { display: table-cell; vertical-align: middle; }

.input-group { position: relative; margin-bottom: 20px; }

.mnc-input { width: 100%; height: 35px; line-height: 35px; padding: 0 12px; font-family: 'breuer_textregular'; font-size: 16px; color: #515151; display: block; background-color: #fff; background-image: none; border: 1px solid #e1e1e1; border-radius: 2px; -webkit-appearance: none;  }
.input-sm { height: 30px; line-height: 30px; font-size: 14px; }
.input-lg { height: 45px; line-height: 1; padding-top: 17px; padding-bottom: 12px; }
.mnc-input:focus { border-color: #016Fc6; }
.mnc-input[disabled] { background-color: #f2f2f2; }
.mnc-input.error { color: #ff0000; border-color: #ed1c24; }

::-webkit-input-placeholder { color: #c9c9c9; }
:-moz-placeholder { color: #c9c9c9; }
::-moz-placeholder { color: #c9c9c9; }
:-ms-input-placeholder { color: #c9c9c9; }

.btn { height: 35px; line-height: 35px; padding: 0 20px; font-family: 'breuer_textbold'; font-size: 16px; color: #fff; letter-spacing: 0.5px; text-transform: uppercase; display: inline-block; margin-bottom: 0; text-align: center; vertical-align: middle; background-image: none; background-color: #016Fc6; border: 0; border-radius: 2px; white-space: nowrap; -webkit-appearance: none; }
.btn:hover { background-color: #00b6ff; }
.btn[disabled] { opacity: 0.5; filter: alpha(opacity=50); background-color: #016Fc6; }
.btn-sm { height: 30px; line-height: 30px; padding: 0 15px; font-size: 14px; }
.btn-lg { height: 45px; line-height: 45px; }
.btn-block { width: 100%; }
.btn-action { padding-left: 25px; position: relative; font-family: 'breuer_textmedium'; color: #515151; letter-spacing: 0; text-transform: inherit; background-color: transparent; }
.btn-action:hover { background-color: transparent; }
.btn-action:hover { color: #016Fc6; }
.btn-action:before { position: absolute; content: ''; top: 50%; margin-top: -15px; left: 0; width: 25px; height: 30px; background-repeat: no-repeat; background-position: 0 -2px; }
.btn-action:hover:before { background-position: 0 -37px; }
.btn-print:before { background-image: url('images/btn-print.png'); }
.btn-print-pdf:before { background-image: url('images/btn-print-pdf.png'); }
.btn-save:before { background-image: url('images/btn-save.png'); }
.btn-back:before { background-image: url('images/btn-back.png'); }
.btn-check:before { background-image: url('images/btn-check.png'); }
.btn-cancel:before { background-image: url('images/btn-cancel.png'); }
.btn-delete:before { background-image: url('images/btn-delete.png'); }
.btn-add:before { background-image: url('images/btn-add.png'); }
.btn-view:before { background-image: url('images/btn-view.png'); }

.btn-file { border: 1px solid #e0e0e0; background-color: #f4f4f4; color: #515151; }
.btn-file:hover { border-color: #cecece; background-color: #f4f4f4; }
.btn-file[disabled] { background-color: #f4f4f4; }

.mnc-checkbox input[type="checkbox"].css-checkbox {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.mnc-checkbox input[type="checkbox"].css-checkbox + label.css-label {
  padding-left: 30px;
  height: 16px; 
  display: inline-block;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.mnc-checkbox input[type="checkbox"].css-checkbox:hover + label.css-label {
  background-position: 0 -21px;
}
.mnc-checkbox input[type="checkbox"].css-checkbox:checked + label.css-label {
  background-position: 0 -42px;
}
.mnc-checkbox label.css-label {
  background-image:url('images/checkbox.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mnc-radiobutton input[type="radio"].css-radiobutton {
  position: absolute;
  z-index: -1000;
  left: -1000px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}
.mnc-radiobutton input[type="radio"].css-radiobutton + label.css-label {
  padding-left: 30px;
  height: 16px; 
  display: inline-block;
  line-height: 1.2;
  background-repeat: no-repeat;
  background-position: 0 0;
  vertical-align: middle;
  cursor: pointer;
}
.mnc-radiobutton input[type="radio"].css-radiobutton:hover + label.css-label {
  background-position: 0 -21px;
}
.mnc-radiobutton input[type="radio"].css-radiobutton:checked + label.css-label {
  background-position: 0 -42px;
}
.mnc-radiobutton label.css-label {
  background-image:url('images/radiobutton.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.upload-file input[type="file"] { display: none; }
.upload-file span { margin-left: 20px; line-height: 1.5; color: #515151; }
.upload-file span.delete { color: #016Fc6; cursor: pointer; }
.upload-file span.delete:hover { text-decoration: underline; }

h1 { font-family: 'breuer_textregular'; font-size: 26px; color: #515151; margin-bottom: 20px; }
h1.heading { padding-bottom: 20px; border-bottom: 1px solid #ebebeb; }
h2 { font-family: 'breuer_textregular'; font-size: 18px; color: #515151; margin-bottom: 20px; }
h3 { font-family: 'breuer_textmedium'; font-size: 16px; color: #515151; margin-bottom: 20px; }
h4 { font-family: 'breuer_textregular'; font-size: 16px; color: #515151; margin-bottom: 20px; }
h5 { font-family: 'breuer_textregular'; font-size: 14px; color: #515151; margin-bottom: 20px; }
.text-notif { text-align: center; font-family: 'breuer_textmedium'; font-size: 16px; line-height: 1.5; margin-bottom: 15px; color: #515151; }
.text-alert { color: #ff0000; }
.label { font-family: 'breuer_textmedium'; font-size: 14px; color: #515151; }

.pull-left { float: left; }
.pull-right { float: right; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }

.mnc-link { color: #223e7d; font-style: italic; }
.mnc-link:hover { color: #016Fc6; }
.mnc-box { background: #fff; padding: 20px; box-shadow: 0 1px 5px #ccc; margin-bottom: 20px; }

.wrapper { position: relative; width: 100%; height: auto; min-height: 100%; }

header { position: relative; background: #fff; padding: 0 20px; z-index: 9; }
header .logo { width: 250px; }
header .logo a { display: block; font-size: 0; }
header .nav { width: auto; text-align: right; font-family: 'breuer_textmedium'; font-size: 0; color: #515151; }
header .nav > div { display: inline-block; font-size: 16px; padding: 20px; border-left: 1px solid #f3f2f2; }
header .nav > div:last-child { padding-right: 0; }
header .nav .dropdown { position: relative; cursor: pointer; padding-right: 39px; }
header .nav .dropdown:hover { color: #016Fc6; }
header .nav .dropdown:after { position: absolute; content: ''; width: 9px; height: 5px; top: 50%; margin-top: -4.5px; right: 20px; background: url('images/dropdown.png') no-repeat center; }
header .nav .dropdown .dropdown-list { display: none; position: absolute; width: 100%; top: 100%; left: 0; background: #fff; margin: 0; padding: 10px 0; list-style: none; text-align: left; font-family: 'breuer_textregular'; font-size: 15px; color: #515151; letter-spacing: 0.25px; cursor: default; border: 1px solid #f3f2f2; border-top: 0; border-radius: 0 0 3px 3px; }
header .nav .dropdown .dropdown-list.wide { width: 200px; }
header .nav .dropdown:hover .dropdown-list { display: block; }
header .nav .dropdown .dropdown-list li { margin: 0; padding: 0; }
header .nav .dropdown .dropdown-list li a { display: block; padding: 10px 20px; }
header .nav .dropdown .dropdown-list li a:hover { color: #016Fc6; }

.aside { position: absolute; width: 250px; top: 0; left: 0; bottom: 0; padding-left: 20px; z-index: 8; background: #f7f7f7; border-right: 1px solid #ebebeb; }
.aside .inner { width: 100%; height: 100%; padding-top: 76px; }
.sidebar { height: 100%; overflow-y: scroll; padding-bottom: 60px; font-family: 'breuer_textmedium'; font-size: 15px; color: #515151; letter-spacing: 0.75px; line-height: 1.5; }
.sidebar > ul { position: relative; margin: 0; padding: 0; list-style: none; }
.sidebar > ul > li > a { display: block; padding: 12px 20px 12px 0; text-transform: uppercase; }
.sidebar > ul > li > a:hover { color: #016Fc6; }
.sidebar > ul > li.dropdown > a { position: relative; padding-right: 39px; }
.sidebar > ul > li.dropdown > a:after { position: absolute; content: ''; width: 9px; margin-top: -4.5px; height: 9px; top: 50%; right: 20px; background: url('images/dropdown-sidebar.png') no-repeat 0 0; }
.sidebar > ul > li.dropdown > a:hover:after { background-position: 0 -14px; }
.sidebar > ul > li.dropdown.open-dropdown > a:after { background-position: 0 -28px; margin-top: -2.5px; }
.sidebar > ul > li.dropdown.open-dropdown > a:hover:after { background-position: 0 -38px; }
.sidebar > ul > li.dropdown .dropdown-list { display: none; margin: 0 0 10px; padding: 0; list-style: none; font-family: 'breuer_textregular'; letter-spacing: 0.25px; }
.sidebar > ul > li.dropdown.open-dropdown .dropdown-list { display: block; }
.sidebar > ul > li.dropdown .dropdown-list > li { margin: 0; padding: 6px 20px 6px 12px; }
.sidebar > ul > li.dropdown .dropdown-list > li > a:hover, .sidebar > ul > li.dropdown .dropdown-list > li > a.active { color: #016Fc6; }

section { position: relative; height: 100%; z-index: 8; margin-left: 250px; }
.content-wrapper { width: 100%; padding: 20px 20px 0; }
.content-heading.content-fixed { position: fixed; top: -85px; }
.content-filter-calendar > * { display: inline-block; vertical-align: middle; }
.content-filter-calendar .text { padding-top: 0; font-family: 'breuer_textregular'; font-size: 14px; }
.content-filter-calendar label.text { font-family: 'breuer_textmedium'; color: #515151; }

footer { position: absolute; width: 250px; padding: 20px; bottom: 0; left: 0; z-index: 9; font-family: 'breuer_textregular'; font-size: 10px; color: #515151; line-height: 1.5; background: #f7f7f7; border-right: 1px solid #ebebeb; text-align: center; }

table.table th { text-align: left; font-family: 'breuer_textmedium'; font-size: 14px; color: #515151; line-height: 1.5; padding: 15px 12px 15px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
table.table td { line-height: 1.5; padding: 6px 12px 6px 0; }
table.table th:last-child, table.table td:last-child { padding-right: 0; }
table.table tbody tr:first-child td { padding-top: 12px; }
table.table tbody tr:last-child td { padding-bottom: 12px; border-bottom: 1px solid #ebebeb; }
table.table tfoot { text-align: right; font-family: 'breuer_textmedium'; color: #515151; }
table.table tfoot td { padding-top: 12px; }
table.table a { color: #016Fc6; }
table.table a:hover { text-decoration: underline; }

select.select2 { width: 100%; }
.select2-container--default .select2-selection--single { background-color: transparent; border: 1px solid #e1e1e1; border-radius: 2px; height: 35px; }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px; padding-left: 12px; padding-right: 33px; font-family: 'breuer_textregular'; font-size: 16px; color: #515151; }
.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #c9c9c9; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow { width: 33px; height: 100%; top: 0; right: 0; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; width: 9px; height: 5px; background: transparent url('images/dropdown.png') no-repeat 0 0; margin-top: -2.5px; margin-left: -4.5px; }

.select2-dropdown { border-color: #e1e1e1; padding-top: 6px; padding-bottom: 6px; border-radius: 2px; }
.select2-results__option { padding: 6px 12px; line-height: 1.5; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: transparent; color: #016Fc6; }
.select2-container--default .select2-results__option[aria-selected="true"] { background-color: transparent; color: #016Fc6; }

.select-filter { position: relative; width: 100%; font-family: 'breuer_textregular'; font-size: 16px; color: #515151; }
.select-filter .select-filter-text { position: relative; width: 100%; height: 35px; line-height: 35px; padding: 0 33px 0 12px; border: 1px solid #e1e1e1; border-radius: 2px; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select-filter .select-filter-text:after { position: absolute; content: ''; width: 9px; height: 5px; top: 50%; margin-top: -2.5px; right: 12px; background: url('images/dropdown.png') no-repeat 0 0; }
.select-filter .select-filter-list { display: none; position: absolute; width: 100%; margin: 0; padding: 0; list-style: none; top: 100%; margin-top: -1px; left: 0; border: 1px solid #e1e1e1; border-top: 0; background: #fff; border-radius: 0 0 2px 2px; z-index: 2; }
.select-filter .select-filter-list > li { margin: 0; padding: 8px 33px 8px 12px; border-bottom: 1px solid #fff; cursor: pointer; line-height: 1.2; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select-filter .select-filter-list > li.active { position: relative; background-color: #f3f2f2; color: #016Fc6; }
.select-filter .select-filter-list > li.active:after { position: absolute; content: ''; width: 11px; height: 8px; top: 50%; margin-top: -4px; right: 12px; background: url('images/filter-active.png') no-repeat 0 0; }
.select-filter .select-filter-list > li:hover { color: #016Fc6; }
.select-filter .select-filter-list > li.clear { color: #016Fc6; text-align: center; border-top: 1px solid #e1e1e1; }

.mnc-datepicker { margin-left: 10px; width: 100px; padding-left: 23px; padding-right: 0; border: 0; font-family: 'breuer_textmedium'; color: #016Fc6; background: url('images/calendar-sm.png') no-repeat 0 -2px; cursor: pointer; }
.mnc-datepicker:hover { background-position: 0 -37px; text-decoration: underline; }

.ui-datepicker { border: 0; border-radius: 0; padding-left: 10px; padding-right: 10px; background: #f7f7f7; font-family: 'breuer_textregular'; font-size: 12px; color: #353535; line-height: 2; }
.ui-datepicker:before { position: absolute; content: ''; width: 100%; height: 1px; top: 65px; left: 0; background: #fff; }
.ui-datepicker .ui-datepicker-header { border: 0; background: transparent; font-family: 'breuer_textmedium'; font-size: 14px; color: #515151; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { width: 7px; height: 11px; background: transparent url('images/calendar-arrow.png') no-repeat 0 0; vertical-align: middle; margin-top: -5.5px; margin-left: -3.5px; }
.ui-datepicker .ui-datepicker-prev-hover { top: 2px; left: 2px; }
.ui-datepicker .ui-datepicker-prev-hover span { background-position: 0 -16px; }
.ui-datepicker .ui-datepicker-next span { background-position: -12px 0; }
.ui-datepicker .ui-datepicker-next-hover { top: 2px; right: 2px; }
.ui-datepicker .ui-datepicker-next-hover span { background-position: -12px -16px; }

.ui-datepicker th { font-size: 11px; color: #515151; }
.ui-datepicker td { padding: 0; }
.ui-datepicker td span, .ui-datepicker td a { padding: 0; padding-top: 3px; text-align: center; }

.ui-widget-content .ui-state-hover { border: 0; background: transparent; }
.ui-widget-content .ui-state-default { border: 0; background: transparent; width: 25px; height: 25px; }
.ui-datepicker td a:hover, .ui-widget-content .ui-state-active { background: #016Fc6; border-radius: 50%; color: #fff; }



body.login-page { min-width: 440px; background-image: url('images/login-bg.jpg'); background-size: cover; background-repeat: no-repeat; background-position: left center; }
#login-page { position: absolute; top: 0; left: 40px; width: 360px; height: 100% }
#login-page .wrap { margin: 40px 0; padding: 40px 40px 30px; background: rgba(255, 255, 255, 0.3); border-radius: 3px; }
#login-page .logo { text-align: center; margin-bottom: 30px; }
#login-page h2 { font-size: 22px; text-transform: uppercase; text-align: center; margin-top: 0; }
#login-page .footer { font-size: 13px; color: #515151; text-align: center; }
#login-page .btn { font-family: 'breuer_textregular'; letter-spacing: 1px; }

.form-icon { padding-left: 45px; background-position: 10px center; background-repeat: no-repeat; }
.form-icon-corp { background-image: url('images/icon-corp.png'); }
.form-icon-log { background-image: url('images/icon-log.png'); }
.form-icon-pass { background-image: url('images/icon-pass.png'); }
.form-icon-resp { background-image: url('images/icon-resp.png'); }

#login-page .lang { margin-top: 20px; padding-right: 5px; text-align: right; }
.custom-select { position: relative; cursor: pointer; text-align: left; display: inline-block; vertical-align: middle; }
.custom-select .replacement { width: 100%; height: 16px; background: transparent; padding: 0 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; font-family: 'breuer_textregular'; font-size: 16px; color: #016Fc6; line-height: 16px; letter-spacing: 0.75px; }
.custom-select .replacement:after { background: url('images/select.png') no-repeat; content: ''; width: 9px; height: 6px; display: block; top: 50%; margin-top: -3px; right: 0; position: absolute; }
.custom-select select { width: 100%; height: 16px; position: absolute; top: 0; left: 1px; z-index: 2; opacity: 0; filter: alpha(opacity=0); -webkit-appearance: none; cursor: pointer; }