@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800&display=swap');

html,
body {
  font-family: 'Montserrat' ,sans-serif;
  font-weight: 400;
  display: -ms-flexbox;
  padding-bottom: 40px;
  height: 100%;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
}

.heading {
  font-size: 1.7rem;
}

.sub-heading {
  font-size: 1.4rem;
}

/* UI Date picker */
.ui-datepicker-calendar {
  display: none;  
  cursor: pointer;
}

.ui-datepicker-prev, .ui-datepicker-next {
  display: none;
}

#datepicker {
  cursor: pointer;
  caret-color: transparent;
}

.main-color {
  color: #183484;
}

.drop-shadow{
  box-shadow: 0px 7px 5px #d3d3d3;
  z-index:999;
}

/* ccsp color */
.ccspblue-color {
  background-color: #183484;
}

/* Loader */
#pageloader
{
  background: rgba( 255, 255, 255, 0.8 );
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 9999;
}

#pageloader img
{
  left: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  top: 50%;
}

@media screen and (max-width: 640px)
{
    body, html{
        width: 100vw;
    }
}