.huicalendar.huicalendar1.huicalendar2 {
	width: 180px;
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
}
.huicalendar.huicalendar1.huicalendar2 th, .huicalendar.huicalendar1.huicalendar2 td {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	line-height: 18px;
	height: 18px;
}

.huicalendar.huicalendar1.huicalendar2 td {
	color: #ccc;
	cursor: auto;
}
.huicalendar.huicalendar1.huicalendar2 td:hover {
	background: #fff;
}
.huicalendar.huicalendar1.huicalendar2 td.enabled {
	color: #fff;
	cursor: pointer;
	background-color: #666;
	font-weight:900;
}
.huicalendar.huicalendar1.huicalendar2 td.enabled:hover {
	background: #e8ecef;
}
.huicalendar.huicalendar1.huicalendar2 .left {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url('../images/img.gif') -16px 0 no-repeat;
}
.huicalendar.huicalendar1.huicalendar2 .right {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url('../images/img.gif') -32px 0 no-repeat;
}
.huicalendar.huicalendar1.huicalendar2 thead tr th {
	background: #fff;
}
.huicalendar.huicalendar1.huicalendar2 .week th {
	background: #e8ecef;
}
.huicalendar.huicalendar1.huicalendar2 .month {
	position: relative;
	cursor: pointer;
}
.huicalendar.huicalendar1.huicalendar2 .month.show {

}
.huicalendar.huicalendar1.huicalendar2 .month ul {
	display: none;
	position: absolute;
	top: 16px;
	left: -1px;
	width: 200%;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	background: #fff;
}
.huicalendar.huicalendar1.huicalendar2 .month li {
	float: left;
	width: 50%;
	list-style: none;
	cursor: pointer;
}
.huicalendar.huicalendar1.huicalendar2 .month li:hover {
	background: #e8ecef;
}
.huicalendar.huicalendar1.huicalendar2 .border-top {
	border-top: 1px solid #ccc;
}

.pes-login-page {
  background-image: url('../images/background_cirrus.svg');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 100vh;
  overflow: auto;
}
#login-page.pes-login-page .login-form-col #user-login-form input[type=submit] {
  background-color: #244FA0;
  background-image: url('../images/background_cirrus.svg') no-repeat center center fixed !important;
  background-size: cover !important;
}

#login-page.pes-login-page {
  background: white;
  color: rgb(var(--primary-color-dark));
  padding: 0;
  overflow-x: hidden;
}

#login-page.pes-login-page,
#login-page.pes-login-page .pes-login-page form,
.pes-login-page h1#page-title,
#login-page.pes-login-page a {
  font-family: var(--primary-font);
}

#login-page.pes-login-page :focus {
  outline: 2px solid rgb(var(--paradigm-blue));
  outline-offset: -2px;
}

#login-page.pes-login-page::before,
#login-page.pes-login-page::after {
  display: none;
}
#login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit][value="Next"] {
  max-width: 120px;
  margin-top: 20px;
}
#login-page.pes-login-page a, .pes-login-page #first_time_access_code_block .description a, .pes-login-page #login-page-footer .footer-links a {
  color: rgb(var(--paradigm-blue));
  font-weight: 400;
  font-size: initial;
  text-shadow: none;
  line-height: 110%;
  transition: all 180ms ease-in;
  padding-inline: 0;
  font-size: max(16px, 1rem);
  text-decoration: none;
}

#login-page.pes-login-page a:focus,
#login-page.pes-login-page a:hover {
  text-decoration: none;
}
#login-page.pes-login-page  #logo {
  margin: 0;
  width: 100%;
  left: 0;
  float: none;
}

#login-page.pes-login-page #logo a {
  display: block;
  text-align: center;
}

#login-page.pes-login-page #logo img {
  display: table;
  margin-inline: auto;
  width: 100%;
  max-width: 270px;
  padding-block: 10px 20px;
}
#login-page.pes-login-page #login-page-header {
  background: transparent;
  padding: 0;
}
#login-page.pes-login-page .pes-login-message {
  width: 90%;
  padding: 1rem;
  box-sizing: border-box;
  margin: 0 auto;
  clear: both;
  max-width: 400px;
}

#login-page.pes-login-page .login-form-col #messages {
  margin-top: -3%;
  width: 90%;
  max-width: 800px;
}
#login-page.pes-login-page #login-page-content .login-welcome {
  background: rgb(var(--paradigm-blue));
  padding-block: .75em;
  width: 100%;
  font-family: var(--primary-font);
  font-size: clamp(2em, 2.5vw, 36px);
  font-weight: 900;
  line-height: 100%;
  text-align: center;
  text-shadow: none;
  text-transform: none;
  filter: none;
  margin: 0;
}

#login-page.pes-login-page #login-page-content .login-welcome span {
  font-size: inherit;
  font-weight: inherit;
}

#login-page.pes-login-page #login-page-content .login-welcome .pes-login-page-tm {
  font-weight: 900;
}

#login-page.pes-login-page .login-form-col>div[id]:not(#access_code_purchase_block) p:not(.enter_activation_code) {
  color: var(--primary-color);
  font-family: var(--primary-font);
  font-size: min(25px, 2em);
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
  text-shadow: none;
  text-align: center;
}


#login-page.pes-login-page input.form-text {
  background: rgba(var(--primary-color-dark), .05);
  border-color: var(--primary-color-light);
  height: auto;
  padding: 10px;
  font-family: var(--primary-font);
  font-weight: 300;
  width: 100% !important;
}

#login-page.pes-login-page .login-form-col #user_login_block input[type=submit],
#login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit] {
  background: var(--primary-color);
  border-color: var(--primary-color);
  display: table;
  width: 60%;
  min-width: 100px;
  margin-inline: auto !important;
  margin-block: 18px;
  float: none !important;
  box-shadow: var(--box-light);
  color: white;
  font-family: var(--primary-font);
  font-size: 1.5em;
  font-weight: 800;
  transition: all 180ms linear;
  opacity: 100%;
}

#login-page.pes-login-page .login-form-col #access_code_purchase_block .purchase-button {
  border: none;
  display: inline;
  padding: 0;
  margin: 0;
  background: transparent;
  opacity: 1;
  width: auto;
  clear: none;
  color: var(--primary-color);
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
}

#login-page.pes-login-page a:focus,
#login-page.pes-login-page a:hover,
#login-page.pes-login-page .login-form-col #access_code_purchase_block a:focus .purchase-button,
#login-page.pes-login-page .login-form-col #access_code_purchase_block a:hover .purchase-button {
  color: rgb(var(--primary-color-dark));
  font-weight: 700;
}

#login-page.pes-login-page .login-form-col #access_code_purchase_block p {
  color: inherit;
  font-family: var(--primary-font);
  font-size: initial;
  line-height: inherit;
  text-align: center;
  text-shadow: none;
}

.pes-login-page .login-form-col #access_code_purchase_block p span {
  display: inline;
}

.pes-login-page #first_time_access_code_block p, .pes-login-page h5 {
  margin: 10px 0;
  text-shadow: none;
  color: initial;
  text-transform: none;
  font-size: max(1rem, 18px);
  font-family: var(--primary-font);
  text-align: center;
  line-height: 120%;
  font-weight: 500;
}

.pes-login-page #block-user-login a {
  float: none;
  text-align: right;
  display: table;
  width: auto !important;
  margin-left: auto;
}

.pes-login-page #login-page.pes-login-page a.CHTP,
.pes-login-page .login-form-col #access_code_purchase_block a {
  display: table;
  float: none;
  margin-inline: auto;
}

/* User Block */

#login-page.pes-login-page .login-form-col #user_login_block input[type=submit]:focus, #login-page.pes-login-page .login-form-col #user_login_block input[type=submit]:hover, #login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit]:focus,  #login-page.pes-login-page .login-form-col #first_time_access_code_block input[type=submit]:hover {
  background: rgba(var(--primary-color-dark),.15);
  color: rgb(var(--primary-color-dark));
  border-color: rgba(var(--primary-color-dark),.15);
}

#login-page.pes-login-page #first_time_access_code_block {
  max-width: 400px;
  width: 70%;
  margin-top: 7%;
}

#login-page.pes-login-page div#user_login_block, #login-page.pes-login-page div#access_code_purchase_block {
  width: 85%;
  max-width: 500px;
}


/* Footer */
#login-page.pes-login-page #login-page-footer {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-block-start: 20px;
  float: none;
  font-family: var(--primary-font);
  text-align: center;
  position: relative;
}

#login-page.pes-login-page #login-page-footer p {
  display: block;
  margin: 0;
  color: rgba(var(--primary-color-dark), .5);
  text-shadow: none;
  font-size: 1rem;
}

#login-page.pes-login-page #login-page-footer .footer-links {
  float: none;
  display: flex;
  justify-content: center;
  width: 100%;
}

#login-page.pes-login-page #login-page-footer .footer-links a {
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  font-size: inherit;
}


@media only screen and (min-width: 961px) {
  #login-page.pes-login-page {
      display: grid;
      background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/login/shutterstock_1991767919-Cropped-Compressed.png') no-repeat fixed;
      height: 100%;
      width: auto;
      background-position: top 25% left -9vw;
      background-size: calc(100vw - 29%);
  }
  #login-page.pes-login-page #login-page-header {
      position: absolute;
      width: calc(100% * 2/3);
      top: 0;
      left: 0;
  }

  #login-page.pes-login-page #logo img {
      backdrop-filter: blur(4px);
      /* filter: drop-shadow(2px 10px 15px rgba(255, 255, 255, .5)); */
      margin: 2%;
  }

  #login-page.pes-login-page #main_content{
      width: max(calc(100% * 1/2.75), 500px);
      margin-left: auto;
      background: white;
      box-shadow: -8px 0 20px -10px rgb(0 0 0 / 44%), -20px 0 30px -15px rgb(0 0 0 / 14%);
  }
  #login-page.pes-login-page .col-lg-6 {
      width: auto;
      float: none;
      font-size: 1.25em;
  }

}


@media only screen and (min-width: 1600px) {

  #login-page.pes-login-page #logo img {
      max-width: 320px;
      margin: 3% 4%;
  }
}

@media only screen and (min-height: 1081px) and (min-width: 961px), only screen and (min-width: 1920px) {
  #login-page.pes-login-page {
      background: url('https://s3.amazonaws.com/streaming.greatrivertech.net/paradigm/login/693fba26-4b72-4d99-b693-431b0da17ea9.png') no-repeat;
      background-size: calc(100vw - (100% * 1/6));
      background-position: center left;
  }
  #login-page.pes-login-page #login-page-content .login-welcome {
      font-size: 3.5em;
      padding-block-start: 8vh;
  }
}


@media only screen and (min-width: 961px) and (min-height: 650px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 24%);
  }
}

@media only screen and (min-width: 961px) and (min-height: 750px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 20%);
  }
}

@media only screen and (min-width: 961px) and (max-width: 1240px) and (min-height: 700px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 12%);
  background-position: top 25% left -18vw;
  }
}


@media only screen and (min-width: 961px) and (max-width: 1180px) and (min-height: 700px) {
  #login-page.pes-login-page {
  /* background-size: calc(100vw - 21%); */
  background-position: top 25% left -18vw;
  }
}


@media only screen and (min-width: 961px) and (max-width: 1240px) and (min-height: 820px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 13%);
  background-position: top 48% left -14vw;
  }
}


@media only screen and (min-width: 961px) and (max-width: 1080px) and (min-height: 820px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 6%);
  background-position: top 48% left -22vw;
  }
}


@media only screen and (min-width:1600px) {
  #login-page.pes-login-page {
      background-size: calc(100vw - 28%);
      background-position: top 26% left -7vw;
  }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (max-height: 650px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 25%);
  }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 650px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 27%);
  background-position: top 17% left -7vw;
  }
}


@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 750px) {
  #login-page.pes-login-page {
  background-position: top 26% left -7vw;
  }
}

@media only screen and (min-width: 1240px) and (max-width: 1600px) and (min-height: 820px) {
  #login-page.pes-login-page {
  background-size: calc(100vw - 25%);
  background-position: top 35% left -7vw;
  }
}


@media only screen and (min-width:1800px) {
  #login-page.pes-login-page {
      background-size: calc(100vw - 35%);
      background-position: top 29% left 0;
  }
}


.pes-login-page #block-user-login .content {
  padding: 0;
  margin-block: 15px;
}

.pes-login-page div#access_code_purchase_block {
  color: rgb(var(--primary-color-dark));
  margin: 0 auto;
  overflow: hidden;
}


.login-form-col #access_code_purchase_block p {
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-align: right;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
  margin: 0 0 0.2em;
}

.login-form-col #access_code_purchase_block p span {
  display: block;
}

.login-form-col #access_code_purchase_block a {
  display: block;
  float: right;
}

.login-form-col #access_code_purchase_block .purchase-button,
.login-form-col #first_time_access_code_block input[type=submit] {
  font-size: 14px;
  line-height: 35px;
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: center;
  border-radius: 0;
  background-color: white;
  opacity: 85%;
  display: block;
  clear: both;
  border: #000000 1px solid;
  width: 132px;
  padding: 5px;
  text-transform: uppercase;
  margin-right: 0;
}

.kh-login-page .login-form-col #access_code_purchase_block .purchase-button,
.kh-login-page .login-form-col #first_time_access_code_block input[type=submit] {
  color: #0850A8;
  border: #0850A8 1px solid;
}

.pes-login-page .login-form-col #access_code_purchase_block .purchase-button,
.pes-login-page .login-form-col #first_time_access_code_block input[type=submit] {
  color: #244FA0;
  border: #244FA0 1px solid;
}

.rclb-login-page .login-form-col #access_code_purchase_block .purchase-button,
.rclb-login-page .login-form-col #first_time_access_code_block input[type=submit] {
  color: #007550;
  border: #007550 1px solid;
}

/* Login footer */
#login-page-footer .footer-links {
  float: right;
}

#login-page-footer p {
  display: inline-block;
  color: #ffffff;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page-footer {
  padding-top: 9px;
  margin-left: 10%;
  width: calc(100% - 10%);
  border-top: 1px solid #F04325;
}

.kh-login-page #login-page-footer {
  border-top: 1px solid #0850A8;
}

.rclb-login-page #login-page-footer {
  border-top: 1px solid #007550;
}

#login-page-footer .links {
  list-style: none;
  margin-top: 10px;
}

#login-page-footer .links li {
  display: inline-block;
}

#login-page-footer .footer-links .links .privacy:after,
#login-page-footer .footer-links .links .support:after {
  content: "/";
  padding-right: 3px;
  color: #ffffff;
  font-size: 12px;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 1);
}

#login-page #first_time_access_code_block a:focus,
#login-page #user_login_block a:focus,
#login-page #user_login_block input[type=submit]:focus,
#login-page-footer .footer-links a:focus {
  outline: 1px solid #ffffff;
}

#login-page #first_time_access_code_block input[type=submit]:focus,
#access_code_purchase_block a:focus {
  border: 2px solid #5E9ED6;
}


@media screen and (min-width: 320px) and (max-width: 480px) {

  .imagemview,
  .radio_images img,
  .imagemviewsubmit {
    width: 290px !important;
  }

  #calendar table.fc-header {
    font-size: 10px;
  }

  #edit-fields--2 div.fieldset-wrapper {
    padding: 0 !important;
  }
}

@media screen and (min-width: 360px) and (max-width: 640px) {

  .imagemview,
  .radio_images img,
  .imagemviewsubmit {
    width: 320px !important;
  }

  #login-page #login-page-content .login-welcome {
    margin: .5em auto;
    font-size: 45px;
    line-height: 57px;
  }

  #login-page #login-page-content .login-welcome span {
    font-size: 45px;
  }

}

@media screen and (min-width: 993px) and (max-width: 1295px) {
  #login-page #login-page-content .login-welcome {
    font-size: 50px;
  }

  #login-page #login-page-content .login-welcome span {
    font-size: 50px;
  }
}

@media screen and (min-width: 640px) and (max-width: 992px) {

  #login-page #login-page-content .login-welcome {
    margin: 1em auto;
    font-size: 45px;
    line-height: normal;
    width: auto;
    text-align: center;
  }

  #login-page #login-page-content .login-welcome span {
    font-size: 45px;
  }

  #login-page #first_time_access_code_block {
    width: 55%;
    margin-top: 35px;
  }

  #login-page #access_code_purchase_block {
    width: 55%;
  }

  #login-page #user_login_block {
    width: 55%;
  }

  #login-page #login-page-footer {
    margin-left: 0;
    width: 100%;
  }
}

