html, body {
      height: 100%;
    }
    body {
      display: flex;
      flex-direction: column;
    }
      .flex-fill {
        flex: 1 1 auto;
    }
	input:focus,
	select:focus,
	textarea:focus,
	button:focus,
	a:focus {
	    outline: none;
	}
	.card-header {
		background-color: #6892CA !important;
		color:#000 !important;
	}
	.btn.btn-primary {
		background-color: #4277BD;
		border-color: #4277BD;
	}
	.btn.btn-primary[disabled] {
    	background-color: #4277BD;
		border-color: #4277BD;
	}
	.btn.btn-primary[active] {
    	background-color: #4277BD;
		border-color: #4277BD;
	}
	.bg-success {
		background-color: #6892CA !important;
		color:#000;
	}
	.btn-secondary {
		background-color: #6892CA;
		border-color: #6892CA;
	}
	.navbar {
		background-color: #4277BD;
	}
	.btn.btn-primary:hover {
    	background-color: #355F97;
		border-color: #355F97;
	}
	.btn.btn-primary:active {
    	background-color: #6892CA;
		border-color: #6892CA;
	}
	a {
	  color: rgba(113, 104, 97, 1);
	  font-weight: bold;
	  text-decoration: underline;
	}
	
	a:hover {
	  color: rgb(164, 84, 171);
	  font-weight: bold;
	  text-decoration: none;
	}
	.bg-light {
		background-color:#BED0E8 !important;
	}
	.bg-extralight{
		background-color:#e0e9f4;
	}
		.btn-light:hover {
			font-weight:bold;
		}
		.card-header {
			background-color: rgb(49, 122, 176);
		}

		body, html{
			overflow-x: hidden !important;
		}
		html {
		  overflow-x: initial !important;
		}
		.box-shadow {
			box-shadow: 3px 3px 5px gray;
		}
		@media (max-width: 576px) {
		  .btn:hover, .btn:focus, .btn:active {
		    box-shadow: none !important;
		    transform: none !important;
		    transition: none !important;
		  }
		}