/* Minification failed. Returning unminified contents.
(14,1): run-time error CSS1019: Unexpected token, found '@import'
(14,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Comfortaa)'
(137,3): run-time error CSS1030: Expected identifier, found ' '
(137,3): run-time error CSS1019: Unexpected token, found ' '
(250,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(251,8): run-time error CSS1035: Expected colon, found '{'
(255,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(256,8): run-time error CSS1035: Expected colon, found '{'
 */
/*
#####################################################################################

  CSS for Portals

  Version Date: 4-Nov-2019

#####################################################################################
*/

@font-face { font-family:isdi; src:url(dashicons.woff); }
@font-face { font-family:isfa; src:url(fontawesome-webfont.woff); }
@font-face { font-family:isse; src:local('Segoe MDL2 Assets'), url(segmdl2.woff); }
@import url(https://fonts.googleapis.com/css?family=Comfortaa);

* {
  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
  -webkit-text-size-adjust:100%;
}

html {
  font-family:'Open Sans', Sans-serif, 'Helvetica Neue', Helvetica, Verdana, Arial;
  font-size:14px;
}

input,
input[type='text'],
input[type='password'],
input[type='number'],
input[type='date'],
textarea {
  font-size:0.9em;
  font-family:Verdana, Helvetica;
}


/*
==============================
System Form pages, e.g., Login
==============================
*/
.is-portal-system-container {
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background-color:black;
  display:flex;
}

.is-portal-system-container > .is-portal-form {
  background-color:white;
  border:2px solid rgba(0,0,0,0.1);
  border-radius:12px;
  box-shadow:1px 2px 8px 2px rgba(0, 0, 0, 0.25);	
  height:100%;
  width:100%;
  max-width: 340px;
  max-height:540px;
  min-height:480px;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  position:relative;
  overflow:hidden;
  animation: fadein 0.2s, pop 0.2s;
}

.is-portal-system-container img.is-portal-login-logo {
  height:80px;
  margin:8px 4px 8px 4px;
}

.is-portal-system-container > .is-portal-form > h1 {
  background-color:#fafafa;
  border-bottom:1px solid rgba(0,0,0,0.1);
  color:rgba(0,0,0,0.5);
  font-size:27px;
  margin:0 0 20px 0;
  padding:14px 8px 12px 8px;
}

.is-portal-system-container > .is-portal-form > form {
}

.is-portal-system-container > .is-portal-form > div#divWarning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFgklEQVR4nO1aTYgcRRR+s90zPf9/ZnezWbKKEOMiUUEMcUFkD0aMrj9g3CRqEBETVIIYFhFBFFeIsiaKEUUIwqok/rsmBz3pzZiLehJy0JyiET0E193J/Ppeb8/aM1PdXdVd1ROxPyiKqXrV9d733quqrh6ACBEiRIgQIcL/FbF+TXzu+O7XsXrc+nlkeGr+4X7o0RcC0PinsDrQ1XwQSdgfti4DYU9oodt4wpNITCZsRUInAI18w6X7w9AUsRAqAZaHH3UR2YYyV4SlDyHsCPiAQ+Zz5VrYEBoB6NkNWN3GITqOsjer1qeNMCPgMwHZj5Rp0YVQCECPbsXqKoEhBRyzV5U+doQVATy53403pWvBgHICLE8WfY6dk6xOD8KIgCCe3I8kpKRpwoBSAiR50E/6cEMZAZbnZJztp1QejlRGgEzPfSHxWR1QQoB16Jli9SUNDVKGDroGHYXaqM8BG/GZ21ToqioCFliNRkKDt0/8DMU7F2D9zi87SumOBTj08Wk3EpQcjqQTgJ66FatxVl8yHoPZd3+CtSUDStl4RxkuG/DSsdOgO2uUxmc/IVtfFRHg8kobg1qjBax7mFhspa1ab7o9+1AgzRiQSgB6aB9WWad+MrKI3m5Bq6ev1WpBXI9BJhn3muOtwIraIDsCXnPrJCPLOQNrRh+WfCpuynhgD5Lg62TJgjQCUKnDXjJNtK2Y0ZlGUlMhqzHJYeBTcQ3ZkEIAGk9h/5iXHBleyiXYEYBtuRS7j4FJnPNaUT1ZkBUBn/AIUQSU8nEHAloYAXHG6uAI5lYrisAEoCfoPX8rjywZV8w6pACWQpprDWhjDOe+l1fYCTIigPuYaqZA1mB62VwD0roZJQJ4X0iagUAEoAfuwupyXnkykrZBlpFETjbDTg8X6KjDM0IjuhA0Ao6JCJNxZXMRdEgBSg+RVWAFs6ID7PBNgPV5yxAZ02w1cRt0WgSRgJRwBLR1eUd81AqCRADr85YrzBRwiADqzImnQBsPIglDfgb6IgAnO+JnHIV3OecSAWlKAdd3ATeIXLuvQpgANH4NVg/5mQwzAFMgwd4FsOQz3AchFiZQt82ig/xEgC+mCe1FsMHYBigt8hnuo7AThD+rCf0/ABm+HqtTopPYUcomYO3245BMaKuvwITzf9fgu8OTMFQ0RM8C3XhgeGr+PV5hXfDhvr3fBnl//WAazv5ZAa19+YMG1xpNWLcmDdVaI+gU81i4CeBOAfT+fViN+tHIjqVqHeb2boLBYgIGC4ZZ6C3w4J6rISbn/yox1PV5bmFeQXwouUbKy5OuxyBtdAZfpdaEajWw9+3QMBU8txQuAixGnw2sUrg4igTs8hLy9CgaTzL/NeMJO1F3z5TlCWnuBYUXdPdHV+T2Eo8r+cOa582R66zI4AhWZ6Wpg0gldfjq1Dk489siDAysTN/ETB0qJeDuG0dhuSJ1HSBMYCp869TptQ1Ku3szJ0PPf/PD77Bj9iQUMp23v38t1WH5QgOmJ8dkbIV20G3VOqdOxxSwjpVbZGqiDQzAL78u4okvDinzE9m/JZ/RMSqWMCpkzmhiBG3Z4dTpNp1U769O6LLZa5qyP646rmNMApCxaZBw6LmIoFn3Fz1wigDpK38bbuf8pvT1rwPM+4uemEOmZrB6WYUGtP19/f0fMP3CSchnOxfBxeU6vPLIJrj/lstknwjtOIA7wtP2hp5v0TO7rqGPm3kVs9N2t3EshyULG0ZzMDF+CWzBsvnKMtxz0yjsRuMrF5SGwXVzR3980d7A2gaV5j5tdbffMGLuCHYQOUuVusqpCT1/uGKlwBmsLlWtSZ9wHlOg48MqaxGcCUmZfuC57oYeApAh+ivKvjC0CRlzaNur/VYiQoQIFxf+AfdWoJXEFlh5AAAAAElFTkSuQmCC');
  background-position: left center;
  background-repeat:no-repeat;
  background-size:24px 24px;
  color:#D00000;
  font-size:13px;
  line-height:120%;
  margin:2px 2px 12px 8px;
  min-height:24px;
  padding:6px 4px 2px 32px;
}

.is-portal-system-container > .is-portal-form > form {
  margin:0;
  padding:0;
}

.is-portal-system-container > .is-portal-form > form  ul {
  list-style:none;
  margin:0;
  padding:0;
  position:relative;
}

.is-portal-system-container > .is-portal-form > form  ul > li {
  margin:0 4px 8px 4px;
  padding:0;
  position:relative;
}

/* Input controls */
.is-portal-system-container > .is-portal-form input {
  background-color:white !important;
  border: none;
  border-bottom:2px solid #f0f0f0;
  outline:none;
  padding: 12px 8px 8px 40px;
  position:relative;
  width: 100%;

  -webkit-appearance:none;
  -webkit-border-radius:0px;
}
./*is-portal-system-container > .is-portal-form input:focus {
  background-color: #ffffee !important;
  border-color:rgba(0,0,0,0.1);
  border-radius:4px;
  transition: all 0.2s;
}*/

.is-portal-system-container > .is-portal-form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

.is-portal-system-container > .is-portal-form input::placeholder {
  color:#c0c0c0;
  font-weight:bold;
  font-style:italic;
}

.is-portal-system-container > .is-portal-form input:hover {
  border-bottom:2px solid #e0e0e0;
}

/* Icons (before input controls) */
.is-portal-system-container > .is-portal-form > form ul > li.icon::before
{
  font-family:isse;
  font-weight:normal;
  font-size:20px;
  color:#c0c0c0;
  position:absolute;
  top:8px;
  left:6px;
  z-index:1;
}
.is-portal-system-container > .is-portal-form > form ul > li.is-input-id::before { content:"\E2af"; }
.is-portal-system-container > .is-portal-form > form ul > li.is-input-password::before { content:"\E1f6"; }
.is-portal-system-container > .is-portal-form > form ul > li.is-input-email::before { content:"\E166"; }

/* Buttons */
.is-portal-system-container button
{
  background-color:navy;
  border:1px solid rgba(0,0,0,0.1);
  border-radius:12px;
  box-shadow:2px 2px 2px rgba(0,0,0,0.1);
  color:white;
  cursor:pointer;
  font-size:15px;
  line-height:24px;
  outline:none;
  margin: 0;
  padding:8px;
  width:100%;
}
.is-portal-system-container button:hover
{
}

.is-portal-system-container button:disabled
{
    background-color:#eeeeee !important;
    color:#808080 !important;
    cursor: not-allowed;
}

.is-portal-system-container button:first-child {
  margin-top:12px;
}

.is-portal-system-container #cmdLogin:before {
  content: "Sign In";
}

.is-portal-system-container #cmdPasswordChange:before {
  content: "Update Password";
}

.is-portal-system-container #cmdForgottenPassword {
  background-color:transparent;
  border:none !important;
  box-shadow:none;
  color:blue;
  font-size:12px;
  margin-top:4px;
  text-align:left;
}
.is-portal-system-container #cmdForgottenPassword:before {
  content: "I've forgotten my password";
}

.is-portal-system-container #cmdSendResetLink:before {
  content: "Send Password Reset Link";
}

/* Forgotten Password */
.is-portal-system-container > .is-portal-form #divForgottenPassword
{
  display:none;
  font-size:13px;
  line-height:150%;
  padding:8px;
}

/* Footer */
.is-portal-system-container > .is-portal-form footer
{
  color: #909090;
  font-size:11px;
  padding:8px;
  position:absolute;
  bottom:0;
}


/*
======================================================
 Other Animations
======================================================
*/
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes pop {
  from { transform: scale(0.8); }
  to   { transform: scale(1); }
}


/* Responsive */
@media screen and (max-width:640px)
{
  .is-portal-system-container > .is-portal-form {
    border-radius:0;
    border:none !important;
    margin:4px;
    max-height:100%;
    max-width:100%;
  }

  .is-portal-passwordchange-container > .is-portal-form {
    margin:0; /* Showing in a Modal */
  }

  .is-portal-passwordchange-container h1 {
    text-align:center;

  }

}