.color-nav {
    /* background: -webkit-linear-gradient(220deg, #28d 60%, rgb(26, 104, 168) 80%); */
    background: -webkit-linear-gradient(230deg, #0e7ae0 80%, #0B60B0 30%, #0e7ae0 90%, #0B60B0 60%);
  }
.color-teal {
    background: teal;
  }
.color-gray {
    background: #91a0b8;
  }
.color-light-gray {
    background: #e2e8f0;
  }
  .text-underline-hover {
    text-decoration: none;
}
.text-underline-hover:hover {
  text-decoration: underline;
  color: blue;
}
.wrap-table {
    width: auto;
    border-radius: 10px;
    overflow: hidden
}
.header-color {
    color: #fff;
    background: #6c7ae0
}
.hover-color:hover {
    background-color: #ececff;
    cursor: pointer
}
.bg-faqs {
  background-color: black;
  background-image:url(/images/faqs/csbs-time-to-shine-has-come-after-quarter-of-a-century.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  font-family: 'Open Sans', sans-serif;
}
.placeholder-white::placeholder {
  color: white !important;
  /* opacity: 1; */
}
input.input-opacity {
  background-color: black !important;
  opacity: 80%;
  border: 10px solid #555;
  
}
.input-border:focus {
  background-color: black !important;
  border: 10px solid #555;
}
.button-clear {
  position: absolute; 
  left: 69%; 
  transform: translateY(35%); 
  cursor: pointer;
  opacity: 80%;
}
.button-search-clear {
  position: absolute; 
  left: 70%; 
  transform: translateY(20%); 
  cursor: pointer;
  opacity: 60%;
}
.button-view-clear {
  position: absolute; 
  left: 70%; 
  transform: translateY(20%); 
  cursor: pointer;
  opacity: 60%;
}
#btn-back-to-top {
  position:fixed;
  opacity: 90%;
  bottom: 10px;
  right: 20px;
  display: none;
}
.blink {
  animation: blinker 1.5s linear infinite;
  color: rgb(17, 12, 12);
  font-family: italic;
}
@keyframes blinker {
  50% {
      opacity: 0;
  }
}
.icon-show-change-password {
  position: absolute; 
  left: 85%; 
  transform: translateY(-115%); 
  cursor: pointer;
  opacity: 70%;
}
.icon-show-reset-password {
  position: absolute; 
  left: 85%; 
  transform: translateY(-120%); 
  cursor: pointer;
  opacity: 70%;
}
/* .border-header {
  background: #fff;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  box-shadow: 5px 10px #888888;
} */
.border-header {
  background: #fffefe;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 5px 10px #dbdbdb;
}
/* .border-header1 {
  background: #fff;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  box-shadow: 5px 10px #2d05df;
} */
.border-header1 {
  background: #fffefe;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 5px 10px #dbdbdb;
}
.text-box-opacity {
  opacity: 60%;
}
.hover:hover {
  transform: scale(1.04);
  box-shadow: #70E0ED 0px 5px 5px 0px;
  background-color: #E6F4F1;
  transition: all .4s ease-in-out ;
}
.hover1:hover {
  box-shadow: #70E0ED 0px 5px 5px 0px;
  background-color: #E6F4F1;
  transition: all .4s ease-in-out ;
}
.login-border {
  background: #fffefe;
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 5px 10px #dbdbdb;
}
.border-login {
  background-image:url(/images/primary-bg.jpg);
  width: 100%;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 5px 10px #1d1c1c;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  font-family: 'Open Sans', sans-serif;
}
.force-spacing {
  vertical-align: top;
  word-wrap: break-word;
}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700,300italic);
*, *:before, *:after { box-sizing: border-box; }
html { font-size: 100%;  }

#count {
  font-size: 0.875rem;
  /* color: #dfdc55; */
}