#@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600&display=swap');
#
html,
body {
    height: 100%
}

* {
    padding: 0px;
    margin: 0px
}

body {
    background-color: #FFFFFF;
    display: grid;
    place-items: center
}

th {
	font-size: 16px;
}

pre {
	color: #FFF;
}

.card {
	margin-top: 5%;
    background-color: #1B2631;
    border-radius: 10px 10px;
    font-family: 'Manrope', sans-serif;
	-webkit-box-shadow: 0 8px 6px -6px black;
       -moz-box-shadow: 0 8px 6px -6px black;
            box-shadow: 0 8px 6px -6px black;
}

.fa {
    color: #d9d5d5
}

#inp1 {
    background-color: #FFF;
    border: 1px solid #636161;
    font-size: 0.75rem;
}

#inp1:focus {
    outline: none;
    box-shadow: none
}

.btn {
    background-color: #5c72d8;
    font-size: 0.78rem;
    border: 0px
}

.btn:focus {
    outline: none;
    box-shadow: none
}

*:focus {
    outline: none
}

 .img {
	 max-width:20%;
	/* -webkit-box-shadow: 0 8px 6px -6px black; */
       /* -moz-box-shadow: 0 8px 6px -6px black; */
            /* box-shadow: 0 8px 6px -6px black; */
 }
 
 .iform {
	 padding-left: 15px;
 }
 
 .rbl {
	 font-size: 0.75rem;
 }
 
 .fa-exclamation-triangle {
	 color: Tomato;
    }
	
 .fa-info-circle {
	 color: Dodgerblue;
    }
	
 .fa-check-circle {
	 color: #0ac200;
    }
	
.footer{
  padding: 10px;
  text-align: center;
  font-size: 0.90rem;
}

.footer a{
	text-decoration: underline;
	text-decoration-style: dotted;
	color: #222222;
}

#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%;
}