@import "../../../css/cas.css";

@font-face {
  font-family: "CocoSharp Regular";
  src: url(../fonts/CocoSharp-Regular.woff);
}

@font-face {
  font-family: "CocoSharp Bold";
  src: url(../fonts/CocoSharp-Bold.woff);
}
 
:root {
    --cas-theme-primary: #f8ac00;
    --cas-theme-primary-bg: rgba(248, 162, 0, 0.2);
    --mdc-theme-on-primary: #282929;
    --mdc-typography-font-family: "CocoSharp Regular"; 
    --mdc-typography-button-font-family: "CocoSharp Bold";
}

body {
	font-family: "CocoSharp Regular";
}
 
.mdc-card:not(.alert) h1,
.mdc-card:not(.alert) h2,
.mdc-card:not(.alert) h3,
.mdc-card:not(.alert) h4,
.mdc-card:not(.alert) h5,
.mdc-card:not(.alert) h6,
.mdc-card:not(.alert) p {
    color: #eee;
}
 
.mdc-card:not(.alert) {
    background: #282929;
}

.cas-footer {
    color: var(--mdc-theme-on-primary);
}
 
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: var(--cas-theme-primary)
}

.mdc-button--raised:hover, .mdc-button:hover {
    color: #fff;
    box-shadow: 0px 2px 4px -1px rgba(1, 1, 1, 0.2), 0px 4px 5px 0px rgba(1, 1, 1, 0.14), 0px 1px 10px 0px rgba(1, 1, 1, 0.12);
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: #777 }
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: #777 }
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: #777 }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: var(--mdc-theme-error) }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error) }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: var(--mdc-theme-error) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__leading { border-color: var(--cas-theme-primary) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__trailing { border-color: var(--cas-theme-primary) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline .mdc-notched-outline__notch { border-color: var(--cas-theme-primary) }
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
	border-color: #eee
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label { color: #777 }
.mdc-text-field--label-floating:not(.mdc-text-field--disabled,
.mdc-text-field--invalid, .mdc-text-field--focused):hover .mdc-floating-label { color: #eee }
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--mdc-theme-error) }
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label { color: var(--cas-theme-primary) }

#login-form-controls > .btn-primary { width: 100% }
#loginForm hr { display: none }

#pmlinks { text-align: center; color: #eee }
#pmlinks a:hover { color: #eee }

.cas-footer a {
	color: #282929;
	font-family: "CocoSharp Bold";
	text-decoration: underline
}

/* Cosmétique Institut Agro Montpellier */
.mdc-card {
    border-top-left-radius:75px;
    border-bottom-right-radius:75px;
    box-shadow: 2px 2px 2px #888;
}
.login-section {
    border-right: 0px solid rgba(0, 0, 0, .2) !important;
}
div#content {
  box-shadow: 0px 0px 0px #888;
}
#serviceui {
    background-color: transparent;
    padding-left: 1.5em;
}