body{
font-family: 'Spartan', sans-serif !important;
}
/*-----------------menu-----------------*/
.layout-horizontal-bar .header-topnav {
margin: 0;
padding: 0;
background-color: #ac4dab;
position: relative;
z-index: 10;
position: fixed;
width: 100%;
/* height: 80px; */

top: 80px;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}
.layout-horizontal-bar .header-topnav .container {
padding: 0;
}
.layout-horizontal-bar .header-topnav .ps {
overflow: initial !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
.layout-horizontal-bar .header-topnav .topnav {
display: flex;
align-items: center;
height: auto;
}
.layout-horizontal-bar .header-topnav .topnav .menu li a {
color: #ffffff !important;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.layout-horizontal-bar .header-topnav .topnav label.menu-toggle {
height: 48px;
width: 48px;
box-sizing: border-box;
padding: 12px;
border-radius: 50%;
}
.layout-horizontal-bar .header-topnav .topnav label.menu-toggle .mat-icon {
font-size: 24px;
}
.layout-horizontal-bar .header-topnav .topnav .toggle,
.layout-horizontal-bar .header-topnav .topnav [id^=drop] {
display: none;
}
.layout-horizontal-bar .header-topnav .topnav ul:not(.menu) {
box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.layout-horizontal-bar .header-topnav .topnav ul.menu {
float: left;
height: 48px;
padding-right: 45px;
padding: 0;
margin: 0;
list-style: none;
position: relative;
}
.layout-horizontal-bar .header-topnav .topnav ul.menu>li {
float: left;
position: relative;
}
.layout-horizontal-bar .header-topnav .topnav ul li {
margin: 0px;
display: inline-block;
}
.layout-horizontal-bar .header-topnav .topnav a {
display: flex;
flex-direction: row;
align-items: center;
padding: 13px 20px;
height: 48px;
font-size: 16px;
text-decoration: none;
box-sizing: border-box;
cursor: pointer;
text-transform: uppercase;
}
.layout-horizontal-bar .header-topnav .topnav ul.menu>li:hover>a,
.layout-horizontal-bar .header-topnav .topnav ul.menu>li:focus>a,
.layout-horizontal-bar .header-topnav .topnav ul.menu>li.active>a {
background-color: #a0419f;
}
.layout-horizontal-bar .header-topnav .topnav ul li ul li:hover,
.layout-horizontal-bar .header-topnav .topnav ul li ul li.open {
background: #eeeeee;
}
.layout-horizontal-bar .header-topnav .topnav ul ul {
opacity: 0;
visibility: hidden;
position: absolute;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
padding-left: 0px;
top: 48px;
transform: translateY(-100px);
transition: all 0.3s ease-in-out;
z-index: -1;
border-radius: 5px;
width: 170%;
}
.layout-horizontal-bar .header-topnav .topnav ul li:hover>ul,
.layout-horizontal-bar .header-topnav .topnav ul li:hover>ul {
opacity: 1;
visibility: visible;
transform: translateY(0);
z-index: 9;
}
.layout-horizontal-bar .header-topnav .topnav ul ul li {
width: 100%;
float: none;
display: block;
list-style: none;
position: relative;
}
.layout-horizontal-bar .header-topnav .topnav .menu li ul li a {
color: #000 !important;
font-size: 14px;
}
.layout-horizontal-bar .header-topnav .topnav ul ul ul {
top: 0;
left: 170px;
}
.layout-horizontal-bar .header-topnav .topnav ul ul ul li {
position: relative;
top: 0;
}
.layout-horizontal-bar .header-topnav .topnav li>a:only-child:after {
content: '';
}
@media (max-width: 959px) {
.header-topnav-right {
position: absolute;
right: 6px;
top: 0;
}
}

/* Media Queries
--------------------------------------------- */
@media only screen and (max-width: 768px) {
.layout-horizontal-bar .header-topnav {
margin: 0;
padding: 0;
background-color: #fff;
position: relative;
z-index: 10;
position: fixed;
width: 280px;
top: 70px;
height: 100%;
padding-top: 20px;
left: -280px;
box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
transition: all .5s ease-in-out;
}

.layout-horizontal-bar .header-topnav .ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}

.layout-horizontal-bar .topnav {
margin: 0;
max-height: calc(100vh - 80px) !important;
/* Hide menus on hover */
}

.layout-horizontal-bar .topnav .menu {
height: auto !important;
padding-right: 0px !important;
width: 100%;
}

.layout-horizontal-bar .topnav .menu li a {
border: none !important;
}

.layout-horizontal-bar .topnav ul.menu {
float: left;
padding-left: 0px;
}

.layout-horizontal-bar .topnav ul.menu>li {
float: left;
}

.layout-horizontal-bar .topnav ul.menu>li>div>a,
.layout-horizontal-bar .topnav ul.menu>li>div>div {
border-bottom: 2px solid;
height: auto !important;
box-sizing: border-box;
border-color: transparent;
margin: 0 6px;
}

.layout-horizontal-bar .topnav .toggle {
display: flex;
text-decoration: none;
border: none;
}

.layout-horizontal-bar .topnav ul {
transform: translateY(0px) !important;
transition: max-height 0.3s ease-in-out;
}

.layout-horizontal-bar .topnav [id^=drop]:checked+ul {
opacity: 1;
visibility: visible;
max-height: 2000px;
}

.layout-horizontal-bar .topnav [id^=drop]:checked+ul.menu {
max-height: 300px;
overflow-y: scroll;
}

.layout-horizontal-bar .topnav ul li {
position: relative;
opacity: 1;
visibility: visible;
width: 100%;
z-index: 1;
}

.layout-horizontal-bar .topnav ul ul .toggle,
.layout-horizontal-bar .topnav ul ul a {
padding: 0 40px;
}

.layout-horizontal-bar .topnav ul ul ul a {
padding: 0 80px;
}

.layout-horizontal-bar .topnav ul li ul li .toggle,
.layout-horizontal-bar .topnav ul ul a,
.layout-horizontal-bar .topnav ul ul ul a {
padding: 14px 20px;
}

.layout-horizontal-bar .topnav ul ul {
opacity: 1 !important;
visibility: hidden !important;
max-height: 0px;
position: relative !important;
background: #ffffff;
color: rgba(0, 0, 0, 0.87);
/* has to be the same number as the "line-height" of "nav a" */
top: 0px !important;
transform: translateY(-100px);
transition: all 1s ease-in-out !important;
z-index: 99 !important;
border-radius: 5px;
overflow: hidden;
left: 0px;
}

.layout-horizontal-bar .topnav ul li:hover>div>div>ul,
.layout-horizontal-bar .topnav ul li:hover>div>ul {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0);
transition: all 0.3s ease-in-out !important;
max-height: 400px;
}

.layout-horizontal-bar .topnav ul ul li {
opacity: 1;
visibility: visible;
width: 100% !important;
}

.layout-horizontal-bar .topnav ul:not(.menu) {
box-shadow: none !important;
margin-left: 5px;
border-left: 1px dashed #eee;
}

.layout-horizontal-bar .topnav ul ul ul {
left: 0;
}

.layout-horizontal-bar .topnav ul ul ul li {
position: static;
}
}
@media all and (max-width: 330px) {
.topnav ul li {
display: block;
width: 94%;
}
}
/*========Common CSS=========*/
.btn {
display: inline-block;
font-weight: 600;
text-align: center;
white-space: nowrap;
vertical-align: middle;
user-select: none;
height: 45px;
border: 1px solid transparent;
font-size: 16px;
padding: 0px 25px;
text-transform: uppercase;
line-height: 45px;
border-radius: 0.;
letter-spacing: 1px;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover,
.btn:focus {
text-decoration: none;
}
.btn:focus,
.btn.focus {
outline: 0;
box-shadow: none;
}
.btn.disabled,
.btn:disabled {
opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
width:auto;
background-color: #ac4dab;
border-color: #ac4dab;
}
.btn-primary:hover {
color: #fff;
background-color: #ac4dab;
border-color: #ac4dab;
}
.btn-primary:focus,
.btn-primary.focus {
background-color: #ac4dab;
border-color: #ac4dab;
box-shadow: 0 8px 25px -8px #ac4dab;
}
.btn-primary.disabled,
.btn-primary:disabled {
color: #fff;
background-color: #ccc;
border-color: #ccc;
}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #ac4dab;
border-color: #ac4dab;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: 0 8px 25px -8px #003473;
}
.form-control {
display: block;
width: 100%;
height: 45px;
padding: 6px 15px;
font-size: 16px;
line-height: 33px;
color: #17365c;
background-color: transparent;
background-clip: padding-box;
border: 1px solid #b5b5b5;
border-radius: 4px;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:focus {
color: #17365c;
background-color: #f5f5f5;
border-color: #1CA8D9;
outline: 0;
box-shadow: none;
}
.form-control::placeholder {
color: #1b406c;
opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
background-color: #eee;
opacity: 1;
}
.custom-select {
display: block;
width: 100%;
height: 45px;
padding: 6px 15px;
font-size: 15px;
line-height: 33px;
color: #696969;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #d2d2d2;
border-radius: 0.25rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
background: #fff url("../../../images/icons8-expand-arrow-50.png") no-repeat right 0.75rem center;
background-size: 10px 10px;
appearance: none;
}
.custom-select:focus {
border-color: #d2d2d2;
outline: 0;
}
.custom-select:focus::-ms-value {
color: #17365c;
background-color: #fff;
}
.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
height: auto;
padding-right: 0.75rem;
background-image: none;
}
.custom-select:disabled {
color: #1b406c;
background-color: #eee;
}
.custom-select::-ms-expand {
opacity: 0;
}
.custom-select{
position: relative;
}
.custom-select:before{
position: absolute;
content: "";
right:0px;
background: url("../../../images/page-bg-bottom.png");
top:0px;
}
.checkbox-primary{
margin-bottom: 0px !important;
}
/* checkbox-custom */
.checkbox,
.radio {
display: block;
position: relative;
padding-left: 28px;
margin-bottom: 12px;
cursor: pointer;
user-select: none;
}
.checkbox:hover input~.checkmark,
.radio:hover input~.checkmark {
background-color: #bbb;
}
.checkbox input,
.radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.checkbox input:checked~.checkmark,
.radio input:checked~.checkmark {
background-color: #1CA8D9;
}
.checkbox input:checked~.checkmark:after,
.radio input:checked~.checkmark:after {
display: block;
}
.checkbox input[disabled]~*,
.radio input[disabled]~* {
color: #dee2e6;
}
.checkbox .checkmark{
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
border-radius: 4px;
background-color: #bbb;
}
.radio .checkmark {
position: absolute;
top: 3px;
left: 2px;
height: 18px;
width: 18px;
border-radius: 100px;
background-color: #bbb;
}
.radio-primary p{
font-size: 20px;
font-weight: 800;
line-height: 22px;
}
.radio-primary p span{
font-size: 13px;
font-weight: 600;
display: block;
}
.radio-primary h6{
font-size: 18px;	
line-height: 18px;
}
.checkbox .checkmark:after{
content: "";
position: absolute;
display: none;
left: 0;
top: -1px;
right: 0;
width: 6px;
bottom: 0;
margin: auto;
height: 11px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.radio .checkmark:after {
content: "";
position: absolute;
display: none;
width: 8px;
top:50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100px;
height: 8px;
background: #ffffff;
}
.checkbox-primary input:checked~.checkmark {
background-color: #ac4dab !important;
}
.checkbox p {
font-size: 16px;
}
.checkbox p a {
font-weight: 600;
color: #1CA8D9;
}
.form-group {
position: relative;
margin-bottom: 20px;
}
.form-group label {
font-size: 16px;
color: #4e5067;
font-weight: 500;
margin-bottom: 0px;
}
.card {
border-radius: 0;
box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);
border: 0;
}
.card.border-top {
box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 #4caf50;
}
.card-header,
.card-footer {
border-color: rgba(0, 0, 0, 0.03);
}
.card-title {
font-size: 20px;
text-transform: uppercase;
display: block;
font-weight: 600;
float: left;
width: 100%;
line-height: 32px;
margin: 0px 0px 10px;
}
.tableatction {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.tableatction a {
font-size: 17px;
color: #0b192b;
margin: 0px 6px;
}
.tableatction a:hover,
.tableatction a:focus {
opacity: 0.6;
}
.btn-block {
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-end;
align-content: flex-end;
margin-top: 26px;
}
.btn-block .btn-secondary {
display: inline-block;
width: auto;
margin-left: 15px;
font-size: 16px;
height: 40px;
line-height: 40px;
padding: 0px 30px;
background: #a7a7a7;
border: none;
}
/*===========End=============*/
#landing {
width: 100%;
float: left;
}
.navbar {
padding: 0px;
padding: 5px 25px;
min-height: 115px;
border-radius: 0;
}
.navbar a img {
width: 100px;
}
.auth-layout-wrap {
background: url(../../../images/landingbg3.jpg) no-repeat top center;
width: 100%;
height: 980px;
background-size: cover;
padding: 0px 0 0px;
}
.auth-layout-wrap .auth-content {
float: left;
width: 100%;
background-size: cover;
position: relative;
border-radius: 10px;
z-index: 99;
padding: 0px 100px;
}
.auth-right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link,
#registraion .navbar-expand-md .navbar-nav .nav-link {
padding: 0px 45px 0px 0px;
font-size: 20px;
font-weight: 600;
line-height: 45px;
color: #5f5f5f;
}
.navbar-expand-md .navbar-brand img{
width: 90px;
margin-right: 20px;
}
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link:hover,
.auth-layout-wrap .navbar-expand-md .navbar-nav .nav-link:focus{
opacity: 0.5;
}
#registraion .navbar-expand-md .navbar-nav .nav-link:hover,
#registraion .navbar-expand-md .navbar-nav .nav-link:focus{
opacity: 0.5;
}
#registraion .navbar-expand-md{
border-bottom: 1px solid #f9f9f9;
}
#registraion .navbar-expand-md.fixed-top{
background: #f8f8f8;
}
.auth-layout-wrap .navbar-expand-md.fixed-top,
#registraion .navbar-expand-md.fixed-top{
padding: 0px 130px;
}
.btn-portal {
height: 45px;
line-height: 50px;
font-size: 16px;
padding: 0px 30px;
display: inline-block;
border-radius: 5px;
background: #dcbc4f;
font-weight: 600;
letter-spacing: 1px;
text-align: center;
text-transform: uppercase;
color: #fff;
}
.btn-portal:hover,
.btn-portal:focus {
color: #fff;
}
.landing-content {
float: left;
width: 100%;
padding: 0px 30px;
}
.landing-content img {
width: 100%;
}
.landing-content h2 {
font-size: 20px;
line-height: 32px;
max-width: 650px;
font-weight: 500;
color: #5f5f5f;
margin-top: 25px;
}
.landing-content h3 {
font-size: 18px;
line-height: 38px;
max-width: 650px;
font-weight: 500;
color: #5f5f5f;
margin-top: 25px;
}
.landing-content h3 span {
display: block;
margin-bottom: 20px;
}
.button-block{
width: 100%;
margin-top: 40px;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.button-block p span{
font-size: 15px;
font-weight: 600;
line-height: 20px;
margin-bottom: 5px;
color: #5f5f5f;
text-align: left;
display: block;
}
.button-block .hr{
width: 2px;
height: 80px;
background-color: #d0d0d0;
display: inline-block;
opacity: 0.6;
margin: 0px 50px;
}
#whoweare{
float: left;
width: 100%;
background: #f5f5f5;
padding: 100px 100px;
}
#whoweare .content h3{
font-size: 45px;
line-height: 60px;
margin-bottom: 55px;
font-weight: 800;
display: block;
text-align: center;
color: #484848;
}
#whoweare .content{
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
#whoweare .content p{
font-size: 18px;
margin-bottom: 40px;
text-align: center;
line-height: 40px;
color: #252525;
font-weight: 500;
}
#howitworks{
float: left;
width: 100%;
background-color: #fff;
padding: 100px;
}
#howitworks .content h3{
font-size: 45px;
line-height: 60px;
margin-bottom: 55px;
font-weight: 800;
display: block;
text-align: center;
color: #484848;
}
#howitworks .content{
padding: 0px 50px;
}
#howitworks .content h4{
font-size: 20px;
line-height: 26px;
text-align: center;
font-weight: 600;
text-transform: uppercase;
margin:15px 0px 10px;
color: #484848;		
}
#howitworks .content h5{
font-size: 26px;
line-height: 40px;
text-align: center;
font-weight: 800;
margin-bottom: 20px;
color: #000000;		
}
#howitworks .content p{
font-size: 18px;
line-height: 30px;
padding: 0px 30px;
margin-bottom: 40px;
text-align: center;
color: #252525;
font-weight: 500;
}
.shadow-header{
background-color: #fff;
-webkit-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px -2px rgba(0,0,0,0.15);
}
/*=======================================================*/
.signinpage{
float: left;
width: 100%;
height: 100vh;
background: -moz-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,144,245,1)), color-stop(48%, rgba(158,49,156,1)), color-stop(100%, rgba(255,152,117,1)));
background: -webkit-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -o-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -ms-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: linear-gradient(to right, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b90f5', endColorstr='#ff9875', GradientType=1 ); 
background-size: cover;
}

.signin-content {
float: left;
width: 100%;
background: rgba(0, 0, 0, 0.2);
height: 100vh;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-size: cover;
position: relative;
}
.signin-content .card {
max-width: 480px;
width: 100%;
margin: 0 auto;
padding: 40px;
}

.newaccount{
font-size: 15px;
line-height: 20px;
margin: 10px 0px 0px;
}
.newaccount a{
margin-left: 5px;
text-decoration: underline;
}
.header{
margin-top: 117px;
float: left;
width: 100%;
background: -moz-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,144,245,1)), color-stop(48%, rgba(158,49,156,1)), color-stop(100%, rgba(255,152,117,1)));
background: -webkit-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -o-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -ms-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: linear-gradient(to right, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b90f5', endColorstr='#ff9875', GradientType=1 ); 
background-size: cover;
min-height: 250px;
height: auto;
}
.header h1{
max-width: 1024px;
width: 100%;
margin: 0 auto;
text-align: center;
height: 250px;
font-size: 35px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-weight: 600;
color: #ffffff;
text-transform: uppercase;
}

.register-content .header{
text-align: center;
}

.register-inner{
max-width: 1024px;
width: 100%;
margin: 0 auto;
position: relative;	
padding: 0px 15px;
}
.register-inner .row{
margin: 0px;
}
.register-inner .register-content{
float: left;
width: 100%;
padding: 50px 0px 50px;
}
.formsection{
float: left;
width: 100%;
padding-bottom: 20px;
margin-bottom: 45px;
position: relative;
}
.formsection:last-child{
border-bottom: 0px;
}
.formsection h2{
font-size: 28px;
line-height: 35px;
margin-bottom: 15px;
font-weight: 600;
}
.register-content .button-block{
text-align: center;
justify-content: center;
}
.register-content .button-block .btn-primary{
width: auto;
margin: 0 10px;
}
/*==============================================*/
.policy-content{
float: left;
width: 100%;
padding: 50px 0px 50px;
}
.policydetails{
float: left;
width: 100%;
}
.policydetails{
float: left;
width: 100%;
}
.policydetails h2{
font-size: 28px;
line-height: 35px;
margin-bottom: 15px;
font-weight: 600;
}
.policydetails h3{
font-size: 18px;
font-weight: 500;
line-height: 26px;
margin-top: 35px;
margin-bottom: 15px;
}
.policydetails h4{
font-size: 17px;
line-height: 22px;
}
.policydetails p{
font-size: 16px;
line-height: 30px;
}
.policydetails p span{
font-weight: 800;
}
.form-control-line{
border:none;
border-bottom: 1px solid #000000;
background: transparent;
font-size: 15px;
font-weight: 700;
padding: 0px 10px;
line-height: 21px;
}
.form-control-line:focus{
outline: none;
box-shadow: none;
}
.policy-content .policydetails p.intro{
line-height: 40px;
margin-bottom: 25px;
}
.policy-content .policydetails address{
font-size: 15px;
font-weight: 700;
line-height: 21px;	
}
.policy-content .policydetails div{
font-size: 15px;
font-weight: 400;
line-height: 21px;		
}
.policy-content .policydetails span.small{
font-size: 16px !important;
font-weight: 500;
display: block !important;
}
.partydetails{
float: left;
width: 100%;
background: #ffffff;
margin-bottom: 25px;
padding: 20px 15px;
}
.policy-bottom{
float: left;
width: 100%;
display: flex;
padding: 25px 0px;
}
.policy-bottom .button-block{
margin-top: 40px;
justify-content: center;
}
.policy-bottom .button-block .btn-primary{
width: auto;
margin: 0px 10px;
}
.policydetails ul li{
font-size: 15px;
color: #333;
line-height: 30px;
}
.previewdetails p{
font-size: 19px;
margin-top: 0;
font-weight: 700;
color: #ac4dab;
margin-bottom: 1rem;	
}
/*======================================================*/
#thanksmessage{
float: left;
width: 100%;
height: 100vh;
background: -moz-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,144,245,1)), color-stop(48%, rgba(158,49,156,1)), color-stop(100%, rgba(255,152,117,1)));
background: -webkit-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -o-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -ms-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: linear-gradient(to right, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b90f5', endColorstr='#ff9875', GradientType=1 ); 
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.innersection{
max-width: 1024px;
width: 100%;
margin: 0 auto;
display: flex;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
}
.innersection img{
width: 750px;
margin-bottom: 40px;
}
.innersection h1{
font-size: 50px;
font-weight: 600;
color: #fff;
}
.innersection h2{
color: #fff; 		
font-size:24px;
line-height: 36px;
font-weight:500;
}
.innersection .btn-message{
width: auto;
padding: 0px 30px;
background-color: #fff;
color: #000;
height: 45px;
line-height: 45px;
font-size: 16px;
margin-top: 20px;
margin-bottom: 40px;
}
.download{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.download p{
line-height: 40px;
font-size: 16px;
margin: 0px;
color: #fff;
}
.btn-red{
font-size: 14px;
padding:0px 15px;
line-height: 40px;
line-height: 40px;
color: #000;
display: inline-block;
background: #ffffff;
border-radius: 100px;
margin-left: 15px;
}
.btn-red:hover,
.btn-red:focus{
color: #000;

}
/*===============================================*/
.main-content-wrap:before {
background-color: #eaeaea;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150px;
}
.main-content {
position: relative;
margin-bottom: 150px;
}
.dashboard-message p{
margin-top: 25px;
}
.dashboard-message p span{
font-size: 20px;
display: block;
margin-bottom: 10px;
line-height: 26px;
}
.dashboard-message p a{
float: left;
width: auto;
display: block;
}

/*--this is for the table action buttons*/
.btn-green{
display: block;
padding: 0px 5px;
font-size: 12px;
height: 30px;
line-height: 30px;
color: #ffffff;
background-color:#11922a;
}
.btn-green:hover,
.btn-green:focus{
color: #ffffff;
}

/*--Member view CSS styles--*/
.viewresident .form-group label{
font-size: 15px !important;
line-height: 18px;
font-weight: 600;
color: #333333;
}
.viewresident span {
font-size: 18px;
line-height: 26px;
font-weight: 600;	color: #676767;
}
.viewresident .card-body {
padding: 35px 35px 20px;
}
.viewresident .form-group .custom-control{
margin-right: 20px;
}



/*--This is the community info block styles--*/
.communityinfo {
float: left;
width: 100%;
height: 100%;
}
.communityinfo .card-body {
padding: 40px;
}
.card-outline {
float: left;
width: 100%;
border: 1.5px solid #bdbdbd;
border-radius: 15px;
min-height: 250px;
display: flex;
background-color: transparent;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.card-outline:hover,
.card-outline:focus {
background-color: rgba(150, 150, 150, 0.1);
border: 1.5px solid #969696;
}
.card-outline i {
font-size: 80px;
line-height: 80px;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
color: #bdbdbd;
margin-bottom: 15px;
}
.card-outline p {
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
font-size: 22px;
line-height: 40px;
text-align: center;
color: #bdbdbd;
}
.card-outline:hover i,
.card-outline:focus i,
.card-outline:hover p,
.card-outline:focus p {
color: #969696;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.picker,
.picker__holder {
top: 22px;
}
.btn-append {
position: absolute;
font-size: 16px;
line-height: 45px;
right: 10px;
color: #000;
}
.picker__input {
cursor: pointer;
}
.album-thumb{
max-width: 100%;
width: 100%;
min-height: 250px;
height:auto;
border: 1px dashed #bfbfbf;
background-color: #f8f8f8;
border-radius: 15px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.album-thumb i{
font-size: 80px;
color: #efefef;
}
.photothumb{
max-width: 100%;
width: 100%;
min-height: 250px;
height:auto;
border: 1px dashed #bfbfbf;
background-color: #f8f8f8;
border-radius: 15px;
margin-bottom: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
overflow: hidden;
}
.photothumb i{
font-size: 80px;
color: #efefef;
}
.photothumb a {
display: inline-block;
position: absolute;
top: 10px;
right: 24px;
}
.photothumb a i{
font-size: 25px;
color: red;
}
.photothumb img{
width: 100%;
height: 100%;
object-fit: cover;
}
.editalbum{
font-size: 12px;
line-height: 32px;
padding: 0px 10px;
color: #000;
text-transform: uppercase;
font-weight: 600;
background-color: #ccc;
margin: 0px 10px;
border-radius: 4px;
}
.editalbum:hover,
.upload:hover,
.deletealbum:hover{
background-color: #ababab;
}

.upload {
font-size: 12px;
line-height: 32px;
padding: 0px 10px;
color: #000;
text-transform: uppercase;
font-weight: 600;	
background-color: #ccc;
margin: 0px 10px;
border-radius: 4px;
}
.deletealbum{
font-size: 12px;
line-height: 32px;
padding: 0px 10px;
color: #000;
text-transform: uppercase;
font-weight: 600;
background-color: #ccc;
margin: 0px 10px;
border-radius: 4px;
}

/*---Feedback Section CSS styles*/
.feedbacklist {
float: left;
width: 100%;
}
.feedbacklist li {
display: block;
padding: 10px 0px 15px;
border-bottom: 1px solid #f5f5f5;
float: left;
width: 100%;
}
.residentfeedback {
float: left;
width: 100%;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
}
.residentfeedback img {
width: 100px;
height: 100px;
border-radius: 100%;
margin-right: 25px;
}
.residentfeedback div h5 {
font-size: 20px;
line-height: 22px;
}
.residentfeedback div h5 span {
font-size: 14px;
line-height: 14px;
display: inline-block;
margin-left: 5px;
font-style: italic;
color: #848484;
}
#listing-feedbacks {
margin-bottom: 25px;
}
.payment-optn{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.payment-optn label{
margin-right: 15px;
width: 33.33%;
}
.vendor-upload .dropzone {
min-height: 295px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#vendor-registerform .btn-block .btn {
display: inline-block;
margin: 0px 15px;
width: auto;
}
.comingsoon {
float: left;
width: 100%;
min-height: 480px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.comingsoon h1 {
font-size: 40px;
text-transform: uppercase;
opacity: 0.2;
line-height: 60px;
color: #333;
}
.comingsoon i {
font-size: 60px;
text-transform: uppercase;
opacity: 0.2;
margin-bottom: 25px;
line-height: 60px;
color: #333;
}
/*Reports Section CSS Styles*/
.reports-section .card{
min-height: 200px;
text-align: center;
}
.reports-section .card h2{
font-size: 50px;
line-height: 80px;
}
.reports-section .card p{
font-size: 18px;
line-height: 26px;
padding: 0px 85px;
}
.reports-section .card .card-body:hover,
.reports-section .card .card-body.selected{
border:2px solid #9e9e9e;
border-radius: 6px;
}
.reports-section .card .card-body{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

/*---Footer Section CSS Styles---*/
#footer{
padding: 40px 20px;
background: rgb(64, 64, 64);
color: #ffffff;
text-align: center;
float: left;
width: 100%;
}
#footer a{
display: block;
}
#footer a img{
width: 150px;
}
#footer ul{
width: 100%;
text-align: center;
}
#footer ul li{
display: inline-block;
}
#footer ul li a{
font-size: 14px;
line-height: 20px;
color: #ffffff;
font-weight: 500;
margin: 10px 0px;
}
#footer p{
font-size: 12px;
color: #fff;
}
.copyrights p{
font-size: 12px;
}
/*----------CSS Style for subscription page-------*/
#subscriptionpayment .form-row{
float: left;
width: 100%;
}
#subscriptionpayment .btn-block{
margin-bottom: 30px;
float: left;
width: 100%;
}
#creditcard-details .btn-block{
margin-top: 30px;
float: left;
width: 100%;
margin-bottom: 0px;
}
.vend-head{
font-size: 24px;
line-height: 1;
font-weight: 800;
line-height: 30px;
margin: 20px 0 10px;
color: #1ca8d9;
}
.ml3 {
font-weight: 900;
margin-top: 190px;
font-size: 5.2em;

background: rgba(43,144,245,1);
background: -moz-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(43,144,245,1)), color-stop(48%, rgba(158,49,156,1)), color-stop(100%, rgba(255,152,117,1)));
background: -webkit-linear-gradient(left, rgba(43,144,245,1) 0%, rgba(158,49,156,1) 48%, rgba(255,152,117,1) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#message .signup-content {
float: left;
width: 100%;
background: rgba(0, 0, 0, 0.5);
height: 100%;
background-size: cover;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.vend-payment p.text-primary ,
#vend-payment p.text-primary,
#subscriptionpayment p.text-primary {
font-size: 14px;
line-height: 18px;
font-weight: 600;
color: #1ca8d9;
}
#preview-registerform p.text-primary{
font-size: 14px !important;
line-height: 18px;
font-weight: 600;
color: #ac4dab;
}
#preview-registerform h4{
font-size: 18px;
line-height: 28px;
}
.vend-payment span ,
#vend-payment span,
#preview-registerform span,
#subscriptionpayment span {
font-size: 18px;
line-height: 26px;
font-weight: 600;
color: #616161;
}
.btn-block {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 50px 0px 35px;
}
.ql-toolbar.ql-snow+.ql-container.ql-snow {
border-top: 0px;
float: left;
width: 100%;
min-height: 150px;
height: auto;
}
#add-assistnos .btn-block{
margin-top: 30px;
}
#creditcard-details,
#subscriptionpayment{
float: left;
width: 100%;
}
.card#creditcard-details{
float: left !important;
width: 100% !important;	
}
.mobilemenu{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}


/*=============Email Template===========*/

.viewonscroll{
opacity: 0;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}

.shadow-header .viewonscroll {
opacity: 1;
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
.notes{
font-size: 12px;
line-height: 16px;
color: #868686;
margin-top: 15px;
display: block;
float: left;
width: 100%;
}
.featuredperson .custom-control label{
font-size: 15px;
}
.upload-photos .modal-dialog{
max-width: 980px;
}
.select2-container--default .select2-selection--single {
  height: 41px !important;
    padding: 6px !important;
}
.text-danger{
	color: red;
}
/*.uploadphotos */
/*.error{
	border: 1px solid red;
}*/
#frmPayment .alert {text-align: center;width: 100%;font-size: 14px;font-weight: bold;color: green;}
#frmPayment .form-error{ border: 1px solid red;}
#frmPayment .alert { color:green;font-weight: 500;padding: 0px;font-size: 15px;}
#frmPayment .error-class{ border: 1px solid red;}
.residence_list .badge-suspended { color: #fff; background-color: #808080; border:1px solid #808080;}
.residence_list .badge-pending { color: #000; background-color: yellow; border:1px solid yellow; }
.residence_list .dataTables_length{display: none!important;}
.residence_list #frmResidentTable_filter label{ font-weight: 500;font-size: 1.01625rem;}
.residence_list #frmResidentTable_filter { position: absolute;bottom: 8px;right: 0;}

#frmEditResident .select2-container .select2-selection--single {height: 39px;}
#frmEditResident .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 36px;}
#frmEditResident .alert {text-align: left;width: 100%;font-size: 14px;font-weight: bold;color: green;}
#frmEditResident .form-error{ border: 1px solid red;}
#frmEditResident .alert { color:green;font-weight: 500;padding: 0px;font-size: 15px; margin-top: 20px;}

#website-error{
	color: red;
	font-weight: 600;
}
.website-error{
	white-space: nowrap;
}
#vendor-list .dataTables_length { display: none !important;}
#vendor-list .alert { text-align: left;width: 100%;font-size: 14px;font-weight: bold;color: green;}
#vendor-list .alert { color: green; font-weight: 500; padding: 0px;font-size: 15px;}
#vendor-list #DataTables_Table_0_filter label {font-weight: bold;}
#vendor-list .badge-inactive { color: #fff;background-color: red;border: 1px solid orange;}
#vendor-list .badge-suspended { color: #fff;background-color: #808080;border: 1px solid #808080;}

#vendor-list .badge-pending {color: #000;background-color: yellow;border: 1px solid yellow;}
#vendor-list #frmVendorTable_1_filter, #vendor-list #frmVendorTable_2_filter { top: -58px;bottom: 30px;position: absolute;right: 0;}
#vendor-list #frmVendorTable_1_filter label, #vendor-list #frmVendorTable_2_filter label{ font-weight: 500;font-size: 1.01625rem;}
#vendor-list .badge { width: 100%; max-width: 90px; margin:0 auto; font-weight: 400!important;}
#frmEditVendor .select2-container .select2-selection--single {height: 39px;}
#frmEditVendor .select2-container--default .select2-selection--single .select2-selection__rendered {line-height: 36px;}
#frmEditVendor .alert {text-align: left;width: 100%;font-size: 14px;font-weight: bold;color: green;}
#frmEditVendor .form-error{ border: 1px solid red;}
#frmEditVendor .alert { color:green;font-weight: 500;padding: 0px;font-size: 15px;}
.subs-btn-hide{
	display: none !important;
}
#frmProfile .image-outer {
    float: left;
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px dashed #673ab75e !important;
    background: #F5F5F5 !important;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
#frmProfile .upload-btn {
    margin: 10px auto 0;
    margin-top: 10px;
    margin-bottom: 0px;
    background: #ac4dab;
    color: #fff;
    display: table;
    text-align: center;
    margin-top: 15px;
}
#frmProfile .uploadFile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
.profile_status {
    display: block;
    max-width: 150px;
}
#frmProfile .alert {
    color: green;
    font-weight: 500;
    padding: 0px;
    font-size: 15px;
}
#frmAddPhoneNumber .alert {
    color: green;
    font-weight: 500;
    padding: 0px;
    font-size: 15px;
}
#frmCommunityMmeber .alert {
    color: green;
    font-weight: 500;
    padding: 0px;
    font-size: 15px;
}
#frmEvent .form-error {
    border: 1px solid red;
}
#frmEvent .alert {
    color: green;
    font-weight: 500;
    padding: 0px;
    font-size: 15px;
}
.badge-inactive {
    color: #fff;
    background-color: red;
    border: 1px solid orange;
}
#frmLiveUpdate .form-error{ border: 1px solid red;}
#frmLiveUpdate .alert { color:green;font-weight: 500;padding: 0px;font-size: 15px;}
#formSubmit .image-outer {
    float: left;
    width: 100%;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 2px dashed #673ab75e !important;
    background: #F5F5F5 !important;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}
#formSubmit .upload-btn {
    margin: 10px auto 0;
    margin-top: 10px;
    margin-bottom: 0px;
    background: #ac4dab;
    color: #fff;
    display: table;
    text-align: center;
    margin-top: 15px;
}
#formSubmit .uploadFile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}
#formSubmit .form-error {
	border: 1px solid red;
}
.albumbutton {
    width: 420px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
}
.addalbumbutton {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mb-5, .my-5 {
    margin-bottom: 3rem !important;
}
.addalbumbutton span {
    margin-bottom: 15px;
}