/*
┏━┳━┓┏━━┓
┃┃┃┃┣╋┓┏╋┳━┳━┳┓
┃┃┃┃┃┏┫┃┏┫╋┃┃┃┃
┗┻━┻┻┛┗┻┛┗━┻┻━┛
*/

body {
  
  background: #1d1f22 !important;
  color: white !important;
  font-family: 'Hind Siliguri', sans-serif !important;
}
html, body {
  height: auto;
  width: auto;
  margin: 0;

	display: -ms-flexbox;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
}
html {
     overflow-x:hidden;
     scroll-behavior: smooth;
}
.container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.container h1 {
  font-size: 3em;
  font-weight: bold;
  margin-bottom: .5em;
}
.container p {
  font-size: 1.5em;
  margin-bottom: 1em;
}
.copyright {
  font-weight:500;
}
.btn-status {
  border: 1px solid transparent !important;
  border-color: #095dcc !important;
  text-align: center !important;
}
a:hover {
  /*have the fill color change to the hover color*/
  background-color: #1178ff !important;
}
.incident-context .context{    
  flex: 1 !important;
  color: #ffffff !important;
  font-size:16px !important;
}