@charset "UTF-8";
/* CSS Document */

  /* HEX #BF5700 burnt orange */
  /* HEX #333F48 gray */
  /* HEX #A04400 dark orange */

a:visited {
    color: #BF5700 !important;
}

a:active, a:hover {
    color: #A04400 !important;
    text-decoration: underline;
}

a {
    color: #BF5700 !important;
    text-align: center;
}

        .site {
          display: flex;
          min-height: 100%;
          flex-direction: column;
        }

        .site-content {
          flex-grow: 1;
        }

.footerfit {
    background-color: #333F48;

/*    position: absolute;
    bottom: 0;
    width: 100%;*/
}

/*@media screen and (min-height: 490px) {
  .footerfit { 
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
  }
}*/
.page-buffer {
  margin-top: 70px;
 }
.utcolor {
  background-color: #BF5700 !important;
  color: #FFF !important;
}

.dms-logo  {
	width: 220px;
}

.forgotpw {
  padding:2px;
  font: 12px "Vandana", Helvetica, sans-serif;
  color: #990000; !important
  width:100%;
  text-align: left;
}

.imageContainer {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.avatarContainer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 50%;
  vertical-align: middle;
}

.avatar {
  width: 40px;
  object-fit: cover;
}

.cameraIcon {
  color: #FFFFFF;
  position: absolute;
  text-shadow: 2px 2px #333F48;
}

.profilepic {
  position: relative;
  max-width: 100%;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

/* Allows custom styling of 'button' to press to upload file */
.inputfile + label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer; /* "hand" cursor */
}

.inputfile + label * {
  pointer-events: none;
}


.sliderTxt{
  font: 12px "Vandana", Helvetica, sans-serif;
  display: none;
}

.emailAddress {
  font: 14px "Vandana", Helvetica, sans-serif;
  color: gray;
  margin-left: 20px;
  margin-top: 20px;
}

.noUi-tooltip {
    display: none;
}
.noUi-active .noUi-tooltip {
    display: block;
}

@media screen and (min-width:641px) {
	.dms-logo  {
	    width: 383px;
	}
}