/*********************Login **************/
html,body{height:100%;}
.login{background:#0e1030;}
    .login p {
        font-size: 1rem;
    }
.login-container {width: 100%; height: 100%; float: left; margin: 0px; padding: 0px; background: #0e1030 Url('../images/login-bg.png'); background-repeat: no-repeat;
    background-size: cover; display: flex; align-content: center; align-items: center; justify-content: center;}
.login-main{max-width:500px; padding:10px; text-align:center; width:100%;}
.login-main img{padding-bottom:20px; max-width:260px;}
.login-main h2{color:#454545; text-align:center; margin:0px; padding:0px; font-weight:400;  font-family: "Roboto", sans-serif; padding-bottom:30px;}
.login-main .login-box{width:100%; float:left; background:#fff; padding:40px; text-align:left;}
.login-main .login-box label {margin-bottom: 5px;}
.login-main .login-box input{font-size:18px; margin-bottom:0;}
.custom-control{height:37px;}
.custom-checkbox .custom-control-label::before{width:25px; height:25px; border-radius:0px;}
.custom-control-label { position: relative; margin-bottom: 0; font-size: 14px; line-height: 30px; font-weight: 400; font-family: "Roboto", sans-serif; color: #454545; padding-left: 10px;}
.forgot{color:#454545; font-size:14px;}
.custom-control-label::after{ width:25px; height:25px; }
.login-main .login-box input[type="button"], .login-main .login-box input[type="submit"],.login-main .login-box button{width:100%; border:none; background:#6ea9db; padding:10px; font-size:20px; margin-top:20px; }
.login-main .login-box input[type="button"]:hover, .login-main .login-box input[type="submit"]:hover,.login-main .login-box button:hover,.login-main .login-box input[type="button"]:focus, .login-main .login-box input[type="submit"]:focus,.login-main .login-box button:focus{background:#335d81; box-shadow: 0 0 0 0.2rem rgba(51, 93, 129, 0.5); }
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show > .btn-primary.dropdown-toggle{ background:#335d81; box-shadow: 0 0 0 0.2rem rgba(51, 93, 129, 0.5);}

.or{width:100%; text-align:center; border-bottom: 1px solid #6ea9db; line-height:0.1em; margin:20px 0; color:#6ea9db;}
.or span{background:#fff; padding:0 10px; display:inline;}

.login-width{max-width:800px;}
.login-width .login-box{width:50%;}
.login-main .login-box.register-bg{background:#00c9ff; min-height:373px; color:#fff;}
.login-main .login-box.register-bg h2{color:#fff;}
.login-main .login-box.register-bg p{min-height:148px; font-size:16px!important;}
.login-main .login-box.register-bg button{background:#335d81;}
.src-icon{background-image:url('../images/search-icon.png'); background-repeat:no-repeat; text-indent:-9999px; background-position:center; min-width:50px; margin:0 0 0 -40px; position:absolute; right:0; z-index:999; padding:9px 9px 10px 9px;}
.modal-dialog { max-width: 800px;  width: 90%;}
.form-btns i { margin: -0.50rem 5px -0.50rem -0.75rem;  padding: 13px 15px;  background: rgba(0,0,0,.1);} 
.form-btns.next i{margin: -0.50rem -0.75rem -0.50rem 5px; padding: 13px 15px; background: rgba(0,0,0,.1); float:right;}

.modal { text-align: center; padding: 0!important; } 
.modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; /* Adjusts for spacing */ }
.modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.registration, .registration body{height:auto;}
.registration body{padding-top:30px;}


.card-header.accordian  { padding: 5px 10px; background-color: #868e96; border-bottom: 1px solid #eee; text-align: left; }
.card-body.accordian  { background: #f1f1f1; }
.panel-body.accordian  { background: #f1f1f1; }
.panel-heading.accordian  { padding: 5px 10px; background-color: #868e96; border-bottom: 1px solid #eee; text-align: left; }
.card-header .btn:focus, .card-header  .btn.focus{box-shadow:none;}

.error {font-size: 12px; display: none; padding: 5px; margin-top: 1px; border-radius: 0px; margin-bottom: 0px; width: 100%; }
.error.field-validation-error { font-size: 12px; display: inline-block; }



.custom-bg-default .card-header{background:#3a3a3a ; color:#fff;}
.custom-bg-default .contain{background:#565656; color:#fff; padding: 10px 20px; position:relative;}
.custom-bg-default .contain::before {position: absolute;	content: ""; height: 0; width: 0; bottom: -8px; right: 0; left: 0; margin: auto; border-left: 10px solid transparent; border-top: 8px solid #565656;	border-right: 10px solid transparent;}
.custom-bg-default .contain h5 {	margin: 8px 0 0 0;}
.custom-bg-default .price {	color: #fff;	border-bottom: 1px solid #fff;	padding: 5px 10px 10px 10px;}
.custom-bg-default .price small {font-size: 23px;}
.custom-bg-default i{color:#3a3a3a;}
.custom-bg-default li {	color: #888;}
.custom-bg-default .btn.buy-nowbtn  {background:#565656; color:#fff; position:relative; }
.custom-bg-default .btn.buy-nowbtn::before {position: absolute;	content: ""; height: 0; width: 0; top: -1px; right: 0; left: 0; margin: auto; border-left: 10px solid transparent; border-top: 8px solid #fff;	border-right: 10px solid transparent;}
.custom-bg-default .btn.buy-nowbtn:hover {background:#3a3a3a; }


.custom-bg-blue .card-header{background:#427695 ;}
.custom-bg-blue .contain{background:#5db2d8;}
.custom-bg-blue .contain::before { border-top: 8px solid #5db2d8;}
.custom-bg-blue i{color:#427695;}
.custom-bg-blue .btn.buy-nowbtn  {background:#5db2d8;}
.custom-bg-blue .btn.buy-nowbtn:hover {background:#427695; }


.custom-bg-green .card-header{background:#1c8470 ;}
.custom-bg-green .contain{background:#4bcaaa;}
.custom-bg-green .contain::before { border-top: 8px solid #4bcaaa;}
.custom-bg-green i{color:#1c8470;}
.custom-bg-green .btn.buy-nowbtn  {background:#4bcaaa;}
.custom-bg-green .btn.buy-nowbtn:hover {background:#1c8470; }


.custom-bg-purple .card-header{background:#7443a3 ;}
.custom-bg-purple .contain{background:#8756b5;}
.custom-bg-purple .contain::before { border-top: 8px solid #8756b5;}
.custom-bg-purple i{color:#7443a3;}
.custom-bg-purple .btn.buy-nowbtn  {background:#8756b5;}
.custom-bg-purple .btn.buy-nowbtn:hover {background:#7443a3; }


.custom-bg-orange .card-header{background:#bf4f0d ;}
.custom-bg-orange .contain{background:#fb7d2d;}
.custom-bg-orange .contain::before { border-top: 8px solid #fb7d2d;}
.custom-bg-orange i{color:#bf4f0d;}
.custom-bg-orange .btn.buy-nowbtn  {background:#fb7d2d;}
.custom-bg-orange .btn.buy-nowbtn:hover {background:#bf4f0d; }

.custom-bg-bluegray .card-header{background:#4e5564  ;}
.custom-bg-bluegray .contain{background:#647086 ;}
.custom-bg-bluegray .contain::before { border-top: 8px solid #647086 ;}
.custom-bg-bluegray i{color:#4e5564 ;}
.custom-bg-bluegray .btn.buy-nowbtn  {background:#647086 ;}
.custom-bg-bluegray .btn.buy-nowbtn:hover {background:#4e5564 ; }

.custom-bg-yellow .card-header{background:#d1a420  ;}
.custom-bg-yellow .contain{background:#e8bb06 ;}
.custom-bg-yellow .contain::before { border-top: 8px solid #e8bb06 ;}
.custom-bg-yellow i{color:#d1a420 ;}
.custom-bg-yellow .btn.buy-nowbtn  {background:#e8bb06 ;}
.custom-bg-yellow .btn.buy-nowbtn:hover {background:#d1a420 ; }



.panel-title > a .fa-plus::before { content: "\f068"; margin-right: 10px; font-size: 16px; float: left;}
.panel-title > a.collapsed .fa-plus::before { content: "\f067"; }
.panel-title > a:hover, .panel-title > a:active,  .panel-title > a:focus  { text-decoration:none; }

.pacakge-card { height: calc(100% - 1.5rem) !important;}

.pacakge-card { height: calc(100% - 1.5rem) !important;}
.pacakge-card .card-body{position:relative; }
.pacakge-card .card-body .buy-nowbtn{position: absolute; bottom: 1.25rem; width: calc(100% - 2.5rem);}
.pacakge-card .card-body ul{ margin-bottom: 48px !important; float: left; width: 100%;}
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; }

.btn-icon{background:none; border:none;}
.heading-check { font-size: 1.1rem;}

.registration-complete .login-main{max-width:650px; padding:10px; text-align:center; width:100%;}


@media only screen and (min-width:320px) and (max-width:767px) {
.login-container{display:table;}	
.login-width .login-box{width:100%; padding:15px;}
.login-main .login-box.register-bg p, .login-main .login-box.register-bg{min-height:auto;}	
.login-main h2{padding-bottom:10px;}
.login-main .login-box{padding:15px;}
.login-main{display:inline-block; max-width:100%; margin-bottom:10px;}
    .login-main .app-img img {height: 46px;}

    .registration-complete .login-main {max-width: 100%;}
}