/* Minification failed. Returning unminified contents.
(482,26): run-time error CSS1038: Expected hex color, found '#FFFFFFF'
(3200,19): run-time error CSS1055: Expected media-query expression, found 'min-width'
(6293,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*  CSS depends on modernizr to display correctly
	modernizr prefix is "b365_" 					*/
* {
	-webkit-tap-highlight-color: rgba(0, 0, 0, .1);
	-webkit-text-size-adjust: none;
}

* {
	padding: 0;
	margin: 0
}

html,body {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	height: 100%;
	position: relative;
}

body {
	background-color: linear-gradient(rgb(34, 40, 49) 75%, rgb(34, 40, 49) 100%);
	font-family: sans-serif, "Helvetica-Neue", Helvetica, Roboto,
		"Droid Sans Mono", "Droid Sans", Arial;
	font-size: 14px;
	color: #333;
	margin: 0 auto;
	width: 100%;
	height: 100%;
}

a {
/*   color: #337ab7; */
  text-decoration: none;
}
a:hover,
a:focus {
/*   color: #23527c; */
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.column {
	float: left;
	width: 45%;
	padding: 15px;
	display:grid;
}
.column2 {
	width: 55%;
	float:left;
}
.row::after {
	content: "";
	display: table;
	clear: both;
}

@media (min-width: 600px){
	.container {
		width: 670px;
	}

	.clearfix {
		clear: both;
	}
}

@media screen and (max-width:600px) {
  .column {
    width: 100%;
  }
}

.main {
    width: 50%;
    margin: 0 auto;
    width: 45%;
    margin: 0 auto;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;	
}

.register {
    /* border: 1px solid #e5e5e5; */
    margin: 0;
    border: none !important;
    height: auto;
	background: linear-gradient(rgb(34, 40, 49) 75%, rgb(34, 40, 49) 100%);
}

#header-content {
	position: relative;
}
#header-content img {
	position: relative;
	top: 3px;
	float: right;
}

#header1-content {
	position: relative;
}
#header1-content img {
	position: absolute;
	top: 3px;
	right: -12vw;
}

.form-control {
    display: block;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #000 !important;
    background-image: none;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.col-sm-4-1 {
    position: relative;
    min-height: 1px;
    /*padding-right: 15px;*/
    padding-left: 0px;
	display: inline-flex;
width: 100%;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}

.help-block {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
}

.form-group {
	margin-bottom: 5px;
}

.modal-header {
    color: #fff;
    border-bottom: none;
    text-align: center;
	display:inline-block;
	width:100%;
}

.modal-content {
    position: relative;
    background: linear-gradient(rgb(34, 40, 49) 75%, rgb(34, 40, 49) 100%);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.terms-div {
	overflow:auto;
	height:500px;
}
.terms-content {
    width: 100%;
    padding-left: 20px;
    text-align: justify;
}

.p-font {
	color: #fff;
    opacity: 0.6;	
}
.p-white {
	color: #fff;
}
.p-click {
	color:#fff;
	cursor:pointer;
}
.btn-green {
width: 45%;
background: conic-gradient(#69CE16, #219B43);
border: none;
text-shadow: 1px 1px 5px #626262;
    color: #FFF;
}
.btn-green:hover,
.btn-green:focus {
    background: #219C43;
    border-color: #219C43;
    color: #FFF;
}
.btn-default {
width: 45%;
margin-left: 10px;
background: conic-gradient(#CDCDCD, #3C3C3C);
border: none;
color: #FFF;
text-shadow: 1px 1px 5px #626262;	
}
.btn-default:hover,
.btn-default:focus {
background: #3C3C3C;
border-color: #3C3C3C;
color: #FFF;
}

.btn-purple {
	width: 45%;
	background:conic-gradient(#5718CC, #9459FF);
	border: none;
	text-shadow: 1px 1px 5px #626262;
    color: #FFF;
}
.btn-purple:hover,
.btn-purple:focus {
background: #5718CC;
border-color: #5718CC;
color: #FFF;
}

.p-width-100 {
	/*width:14.5vw;*/
}
.p-width-80 {
	width:75%;
}
.p-width-70 {
	width:12vw;
}
.p-eye {
    right: 0.5vw;
    top: 10px;
}
.p-ccode {
	width: 25%;
	padding: 0 5px;
}

.main .container {
    padding: 0 !important;
}
.container {
    /*width: 34vw !important;*/
}
.header-content-div {
	margin-top: 30px;
}
.login_layer {
    padding: 0;
    background-color: #00000073;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    /* width: 100%; */
    overflow: hidden;
}
.naira_logo {
height: 35px;
padding-left: 10px;
margin-top: 10px;
margin: 10px auto;
}
.logo-header-text {
	display: inherit;
    padding: 0 18px;
    text-align: center;
}
.logo-header-img {
	display: inherit;
    text-align: center;
}
.logo-bottom-text {
    display: inline-grid;
    text-align: -webkit-center;
    padding: 0 25px;
    width: 100%;
}
.social-login-container {
    display: flex;
    transition: opacity .1s ease-in-out;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}