

	h1 {
		font-family: "Oswald";
    	font-weight: normal;
    	font-size: 26px;
    	text-align: center;
    	margin-bottom: 15px;
	}
	.lds-ellipsis{display:inline-block;position:relative;margin-bottom:10px}.lds-ellipsis div{position:absolute;top:0;width:13px;height:13px;border-radius:50%;background-image:linear-gradient(135deg,#1ebbf0 30%,#39dfaa 100%);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}

	#button {
		margin-top: 15px;
	}

	.color-primary:hover{
		background: -webkit-linear-gradient(135deg,#39dfaa 30%,#1ebbf0 100%);
		color: transparent;
		-webkit-background-clip: text;
		text-decoration: none;
	}
	@media (max-width: 576px) {
		#dang_nhap .btn {
			width: 100%;
		}
		#button .text-right {
			text-align: center;
			margin-top: 17px;
		}
	}
	@media (min-width: 577px) {
		#button {
		    justify-content: center;
		    align-items: center;
		}
	}



	label.input-group-addon {
		width: 120px;
	}
	.input-group {
		width: 100%;
	}
	.login-remember label {
		font-weight: 500;
	}
	.forgot-password {
		margin-top: 14px;
	}
	.col-flex {
		display: flex;
	    align-items: center;
	}

	input[name="remember"] {
	    margin-top: 14px;
	    margin-right: 5px;
	    filter: grayscale(1);
	}

	label[for="remember"] {
	    margin-top: 14px;
	    margin-bottom: 0px;
	    font-weight: 500;
	}
	.input-group_line {
		margin-top: 15px;
	}
	.input-group-addon {
		text-align: left;
	}

	.btn:not(:disabled):not(.disabled) {
	    cursor: pointer;
	}
	.social-btn .btn-danger {
	    background: #df4930;
	}
	.social-btn .btn-facebook {
	    background: #4267B2;
	}
	.social-btn .btn-apple {
	    background: #000000;
	}
	.social-btn .btn-zalo {
	    background: #0091ff;
	}

	.social-btn .btn {
	    color: #fff;
	    margin: 10px 0;
	    font-size: 15px;
	    border-radius: 50px;
	    text-indent: 10px;
	    font-weight: normal;
	    border: none;
	    text-align: center;
	}
	.dividerHeader {
	    display: block;
	    text-align: center;
	    position: relative;
	    margin-top: 20px;
	}

	.dividerHeader:before {
	    content: "";
	    position: absolute;
	    width: 100%;
	    left: 0;
	    top: calc(50% - 1px);
	    z-index: -1;

	    border-top-width: 5px;
	    margin: 0px 0px 20px 0px;
	    border-width: 0;
	    border-color: #1ebbf0;
	    -moz-border-image: -moz-linear-gradient(to left,var(--c1) 30%,var(--c2) 100%);
	    -webkit-border-image: -webkit-linear-gradient(to left,var(--c1) 30%,var(--c2) 100%);
	    border-image: linear-gradient(to left,var(--c1) 30%,var(--c2) 100%);
	    border-image-slice: 1;
	    height: 2px;
	    border-style: solid;
	    border-width: 4px;
	    border-color: rgba(0,0,0,.08);
	    border-left: none;
	    border-right: none;
	    border-bottom: none;
	    line-height: 9px;
	}



	.dividerHeader span {
	    text-transform: uppercase;
	    background-color: #fff;
	    padding: 0 1rem;
	    font-family: "Oswald";
	    font-weight: normal;
	    font-size:20px;
	}

	@media (max-width: 768px) {
		.dividerHeader span {
		    text-transform: capitalize;
		    background-color: #fff;
		    padding: 0 1rem;
		    font-family: "Oswald";
		    font-weight: normal;
		    font-size:16px;
		}
	}




    .mb-6{
        margin-bottom: 1rem;
    }
