@font-face {
  font-family: 'Glyphicons New';
  src: url("../fonts/glyphicons-basic.svg#glyphiconsbasic") format("svg"); }
.glyphicons-new {
  position: relative;
  top: 1px;
  display: inline-block;
  font: normal normal 16px/1 'Glyphicons New';
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  margin-right: 4px; }

/* Add icons you will be using below */
.product-list .datatable-filter-custom .top-item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center; }

.glyphicons-new-list {
  text-indent: -9999px;
  width: 30px;
  height: 40px;
  background-size: 30px 40px;
  background-image: url(/fonts/glyphiconssvg/glyphicons-basic-115-list.svg);
  background-repeat: no-repeat; }

.glyphicons-new-check {
  text-indent: -9999px;
  width: 34px;
  height: 33px;
  background-size: 30px 40px;
  background: url(/fonts/glyphiconssvg/glyphicons-basic-739-check.svg);
  background-repeat: no-repeat;
  margin-top: 4px; }

.glyphicons-new-pause {
  text-indent: -9999px;
  width: 32px;
  height: 40px;
  background-size: 30px 40px;
  background: url(/fonts/glyphiconssvg/glyphicons-basic-174-pause.svg);
  background-repeat: no-repeat;
  margin-top: 5px; }

.glyphicons-new-circle-empty-alert {
  text-indent: -9999px;
  width: 32px;
  height: 40px;
  background-size: 30px 40px;
  background: url(/fonts/glyphiconssvg/glyphicons-basic-197-circle-empty-alert.svg);
  background-repeat: no-repeat;
  margin-top: 5px; }

.glyphicons-new-security-camera {
  text-indent: -9999px;
  width: 30px;
  height: 40px;
  background-size: 30px 40px;
  background: url(/fonts/glyphiconssvg/glyphicons-basic-470-security-camera.svg);
  background-repeat: no-repeat;
  margin-top: 5px; }

/* MEDIA */
/* FONT */
/*$font_italic: opensans-italic, Arial, Helvetica, sans-serif;
$font_medium: opensans-bold, Arial, Helvetica, sans-serif;
$font_medium_italic: opensans-bolditalic, Arial, Helvetica, sans-serif;
$font_bold: opensans-extrabold, Arial, Helvetica, sans-serif;
$font_bold_italic: opensans-semibolditalic, Arial, Helvetica, sans-serif;*/
/* COLOR */
/* COLOR */
.white {
  color: #ffffff; }

.bgay {
  color: #585657; }

.grey {
  color: #9d9d9b; }

.light_brey {
  color: #dfdfdf; }

.light {
  color: #f2f2f2; }

.green {
  color: #7ea40c; }

.light_green {
  color: #abce0c; }

.red {
  color: #ff0000; }

.spint {
  color: #d60b52; }

.light_blue {
  color: #00a096; }

.blue {
  color: #183c6c; }

.yello {
  color: #dc9807; }

.black {
  color: #3b3b3b; }

.background-blue {
  background-color: #183c6c; }

.background-lignt_blue {
  background-color: #00a096; }

.background-lignt_green {
  background-color: #abce0c; }

.background-yello {
  background-color: #dc9807; }

.background-spint {
  background-color: #d60b52; }

.background-red {
  background-color: #ff0000; }

.background-light_yello {
  background-color: #dcd12e; }

.line_height_20 {
  line-height: 20px; }

@media screen and (max-width: 575px) {
  .hidden-xs {
    display: none; } }
h1 {
  font-size: 28px;
  line-height: 35px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  color: #ffffff; }

h2 {
  font-size: 24px;
  line-height: 24px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  letter-spacing: 0.4px;
  color: #183c6c; }

a {
  cursor: pointer; }

button {
  position: relative;
  box-sizing: border-box;
  transition: all 500ms ease; }

/*button:before {
  content:'';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 38px;
  background: rgba(255,255,255,0.3);
  border-radius: 5px;
  transition: all 2s ease;
}
button:hover::before {
  width: 100%;
}*/
/*a {
  color: $blue;
  position: relative;
  box-sizing: border-box;
  transition: all 2000ms ease;
  &:hover{
  text-decoration: none;
  }
}
a:before{

  content:'';
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 0px;
  height: 2px;
  !*background: rgba(255,255,255,0.3);*!
  background: $blue;
  border-radius: 5px;
  transition: all 2s ease;
}
a:hover:before {
  width: 100%;
}*/
.alert-danger {
  background-color: #dc3543cc;
  color: #ffffff;
  border-color: #721c24;
  border-radius: 0px;
  margin-bottom: 0px; }

.alert-success {
  border-radius: 0px;
  margin-bottom: 0px; }

.alert p {
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px; }

.was-validated .invalid-tooltip {
  position: initial; }

/*.productExtra-form{
  .invalid-tooltip{
    position: relative;

  }
}*/
.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: white; }

.custom-select.is-valid, .form-control.is-valid, .was-validated .custom-select:valid, .was-validated .form-control:valid,
.custom-select.is-valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .was-validated .form-control:valid:focus {
  border-color: #ced4da;
  box-shadow: none; }

.form-footer {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 25px; }
  .form-footer .btn {
    border-color: #ffffff;
    height: 38px;
    margin: 5px; }

form label {
  font-size: 13px; }

::placeholder {
  font-size: 12px; }

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 12px; }

::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 12px; }

.select2-container--default {
  width: 100%; }
  .select2-container--default .select2-selection.select2-selection--single {
    height: 35px; }
    .select2-container--default .select2-selection.select2-selection--single .select2-selection__rendered {
      line-height: 35px;
      font-size: 1rem;
      font-family: "Open Sans", Arial, Helvetica, sans-serif; }

.footer-btn {
  background-color: #183c6c !important;
  color: #ffffff; }

.save-btn {
  background-color: #70ac14 !important;
  color: #ffffff !important; }

.message-wrapper {
  /*padding: 14px 0px;*/
  text-align: center; }
  .message-wrapper .alert {
    margin-bottom: 0px;
    border-radius: 0px;
    font-size: 16px;
    border-bottom: none;
    border: none;
    padding-top: 20px;
    padding-bottom: 5px; }
    .message-wrapper .alert p {
      line-height: 14px; }

.top-menue-bar {
  height: 35px; }
  .top-menue-bar .top-menue-bar-inner {
    text-align: center;
    max-width: 960px; }
  .top-menue-bar .left-group {
    text-align: left;
    display: inline-block;
    float: left;
    padding-top: 8px; }
  .top-menue-bar .group-language {
    display: inline-block;
    padding-top: 2px;
    max-width: 110px; }
    .top-menue-bar .group-language button {
      border-color: #183c6c;
      background-color: #ffffff;
      color: #3b3b3b;
      border-radius: 0px;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      padding: 6px 8px; }
      .top-menue-bar .group-language button img {
        margin-right: 5px; }
  .top-menue-bar .btn-secondary:not(:disabled):not(.disabled).active,
  .top-menue-bar .btn-secondary:not(:disabled):not(.disabled):active,
  .top-menue-bar .show > .btn-secondary.dropdown-toggle {
    border-color: #183c6c;
    background-color: #ffffff;
    color: #3b3b3b; }
  .top-menue-bar .right-group {
    text-align: right;
    display: inline-flex;
    float: right;
    padding-top: 8px; }

.logobanner {
  background: #ffffff;
  margin-top: 35px !important; }

.headerWrapper {
  text-align: center;
  margin: 0 auto;
  padding-bottom: 25px;
  padding-top: 32px; }
  .headerWrapper .headerWrapperInner {
    max-width: 590px;
    overflow: hidden;
    display: inline-block; }
    .headerWrapper .headerWrapperInner .left-group {
      float: left; }
    .headerWrapper .headerWrapperInner .right-group {
      float: right; }
    .headerWrapper .headerWrapperInner img {
      max-width: 250px; }

#loginpage {
  background-image: url("/images/login/background4.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  #loginpage form label {
    font-size: 1.125em; }
  #loginpage .loginpage-inner {
    padding-bottom: 30px;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
    background-color: #344c6c;
    color: #ffffff; }
    #loginpage .loginpage-inner h1 {
      color: #ffffff;
      text-align: center;
      font-size: 28px;
      line-height: 34px;
      letter-spacing: 0.5px;
      margin-top: -5px;
      padding: 0px 50px;
      padding-bottom: 10px;
      padding-top: 35px; }
    #loginpage .loginpage-inner a {
      color: #ffffff; }
    #loginpage .loginpage-inner .glyphicons-exclamation-sign {
      line-height: 5.5px; }
    #loginpage .loginpage-inner .btn-primary {
      background-color: #dcd12e;
      color: #183c6c;
      border-radius: 4px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      line-height: 25px; }
    #loginpage .loginpage-inner .browsericon-title {
      display: inline-block; }
    #loginpage .loginpage-inner .browsericon a {
      display: inline-block;
      color: #dcd12e; }
    #loginpage .loginpage-inner p {
      font-size: 1.125em;
      line-height: 15px;
      letter-spacing: 0.2px; }
    #loginpage .loginpage-inner .logo {
      margin: 25px 0px; }
    #loginpage .loginpage-inner form {
      padding: 25px 80px 35px; }
      #loginpage .loginpage-inner form .form-group {
        text-align: left; }
        #loginpage .loginpage-inner form .form-group label {
          padding-top: 3px; }
    #loginpage .loginpage-inner .text-inner {
      padding: 10px 0 30px;
      max-width: 480px;
      margin: 0 auto; }
      #loginpage .loginpage-inner .text-inner p {
        margin-bottom: 0px; }
  #loginpage hr {
    border-color: #dfdfdf;
    margin-left: -15px;
    margin-right: -15px; }
  #loginpage .footer {
    font-size: 1.125em;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    line-height: 38px;
    margin-top: 15px;
    margin-bottom: 10px; }
  #loginpage .alert-danger {
    background-color: #dc3543cc;
    color: #ffffff;
    border-color: #721c24;
    margin-bottom: 10px; }

.goToLogin {
  padding-right: 180px; }

@media screen and (max-width: 575px) {
  #loginpage {
    background: transparent;
    background-color: #183c6c; }
    #loginpage h1 {
      padding-top: 25px; }
    #loginpage .group-video {
      text-align: center; }
    #loginpage .pull-right img {
      max-width: 100%; }
    #loginpage .loginpage-inner {
      padding-top: 35px;
      background-color: transparent; }
      #loginpage .loginpage-inner h1 {
        font-size: 21px;
        padding-left: 0px;
        padding-right: 0px; }
      #loginpage .loginpage-inner p {
        padding-left: 20px;
        padding-right: 20px; }
      #loginpage .loginpage-inner .text-inner p {
        padding-left: 0px;
        padding-right: 0px; }
      #loginpage .loginpage-inner form {
        margin-top: -30px;
        padding-left: 10px;
        padding-right: 10px;
        margin: 0 auto;
        margin-bottom: -30px; }

  .logobanner {
    display: none; }
    .logobanner .fix-margin {
      margin-right: 15px;
      margin-left: 15px; }

  .headerWrapper .headerWrapperInner .left-group {
    float: none; }
    .headerWrapper .headerWrapperInner .left-group img {
      max-width: 100%; }
  .headerWrapper .headerWrapperInner .right-group {
    float: none;
    margin-top: 20px; }

  .footer .footer-inner a {
    margin-top: 5px;
    font-size: 13px; }
  .footer .footer-inner .last-text {
    white-space: nowrap;
    white-space: nowrap;
    margin-top: -10px;
    display: inherit; }
  .footer .last-text-pre {
    color: #183c6c; }

  .goToLogin {
    padding-right: 20px; } }

/*# sourceMappingURL=logout.css.map */