/*
  This CSS file is meant to be customized by deployments
  and is intentionally left empty. Any style that is added
  here should override the default styles in the application.
 */

@font-face {
    font-family: 'SFNewRepublic';
    src: url('/cas/themes/enscm/fonts/SFNewRepublic-2f2dde183261a062bdd6b6b5827d8ad2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SFNewRepublic';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicBold-82ee050a8107ece4f040cb84406aaa87.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'SFNewRepublic';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicBoldItalic-44871e5cf25dbd5965936f3d7ab77627.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'SFNewRepublic';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicItalic-a0cdfc8abadde2214555579f54efb54b.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SFNewRepublicSC';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicSC-3b9a4ef67efda6c12226cf1ac74963ff.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'SFNewRepublicSC';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicSCBold-3cddc40efbbd08f3696f014a9f932a84.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


@font-face {
    font-family: 'SFNewRepublicSC';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicSCBoldItalic-91010377494fd488a17322088d49a438.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'SFNewRepublicSC';
    src: url('/cas/themes/enscm/fonts/SFNewRepublicSCItalic-e7f98ae92c1db6af5c020bba7594a156.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

* {
  font-family: SFNewRepublic;
}

:root{
  --font-family-sans-serif: "SFNewRepublic", "Cambria", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --text-color-enscm:#0066a9;
 /* --btn-background-color-enscm: #0066a9;*/
  --btn-background-color-enscm:#8acbc1;
  --btn-hover-background-color-enscm: #6bbfb2;
}

body{
  background-color: #fff;
  background-image:url('/cas/themes/enscm/images/background_blue-e0ff6db2356de5b2b8d498733c2c8cc1.svg');
  background-size: cover;
  background-position: 50% 30%;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

a {
  color : var(--text-color-enscm);
}

.mdc-card {
/* background-color: rgba(163, 229, 219, 0.2);*/
  background-color:#ffffff;
  box-shadow: 1px 1px 3px #888;
}


.mdc-text-field{
  background-color: #fff;
  background-clip: padding-box;
  /*border: 1px solid #ced4da;*/
  border:0;
}

.mdc-button.btn.btn-primary {
  color: #fff;
  /*background-color: #8acbc1;*/
  background-color:var(--btn-background-color-enscm);
  border-color: rgba(0, 0, 0, 0.2);
  filter:none;
  border-radius:4px;
}

.mdc-button.btn.btn-primary:hover {
  color: #fff;
  /*background-color: #4e8d84;*/
  background-color: var(--btn-hover-background-color-enscm);
  border-color: rgba(0, 0, 0, 0.2);
}


.mdc-button--raised:not(:disabled, .reveal-password):hover {
  transform:none;
  box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.mdc-icon-button{
  padding:13px;
}

@media (min-width: 768px) {
  #main-content {
    max-width: 40% !important;
   }
}

#main-content h2
{
 color:var(--text-color-enscm);
}

.sidebar-content
{
 font-size:12px;
}

.mdc-input-group .mdc-input-group-append {
  height: auto;
}

.mdc-input-group .mdc-input-group-field .mdc-notched-outline__trailing {
 border-top-right-radius: var(--mdc-shape-small, 4px);
  border-bottom-right-radius: var(--mdc-shape-small, 4px);
}

#main-content .cas-login-header h2{
   font-size: 2.5rem;
   font-weight : 700;
   color : #fff;
}

.cas-login-header{
 margin-bottom : 15px;
}

.cas-login-header div{
  padding-block-end: 32px;
}

.cas-logo
{
 max-height:100px;
}

.login div#content{
  box-shadow:none;
}

@media screen and (max-width: 767.99px) {
  .login-section {
    padding: 2rem 2.5rem;
  }
}

.banner-danger{
 border-color: var(--cas-theme-danger-bg, #f8d7da);
}

.page-pb-acces .mdc-drawer-app-content{
  flex: auto;
  overflow: auto;
  position: relative;
  margin-left: 0;
  margin-right: 0;
  padding-top: 64px;
  justify-content: center !important;
  display: flex !important;
}

.page-pb-acces #main-content{
	padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;

}

.page-pb-acces #content{
 --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x));
}

.page-pb-acces .mdc-card{
border-radius: var(--mdc-shape-medium, 4px);
  background-color: #fff;
  background-color: var(--mdc-theme-surface, #fff);
  position: relative;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2),0px 1px 1px 0px rgba(0, 0, 0, 0.14),0px 1px 3px 0px rgba(0,0,0,.12);
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 1.5rem !important;
  margin: auto !important;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
}