body { color: #000 !important; background: #fff repeat-y 0 0; } .signupBox{ width:800px; margin:25px auto 50px auto; font:12px Tahoma, Geneva, sans-serif; padding-left:15px; } .signupBox-inner{ background:url(../images/regi-box-right.png) no-repeat right top; height:340px; padding-right:15px; } .dropdown-menu > li > a { font-size: 1em; } .signupBox-content{ background:url(../images/regi-box-bg.png) repeat-x left top; height:340px; } .sticky { background: #ffffff; height: 0px; } .topPaddingMiddle { padding-top:0px; } .bootstrap-select > .dropdown-toggle { width: 100% !important; padding-right: 25px; border: 1px solid #ba729b; } .btn { display: inline-block; padding-top: 7px; height: 46px; } .subHeader { text-align:center; font-size: 24px; font-weight: 500; } .signupBox ul{ padding:25px 0 0 65px; } .signupBox ul li{ margin-bottom:15px; clear:left; } .signupBox ul li label{ display:block; float:left; width:115px; color:#6a6a6a; font:12px Tahoma, Geneva, sans-serif; line-height:22px; } .signupBox ul li .text-box{ float:left; } .checkbox{ padding:0 0 0 115px; font-size:11px; color:#6a6a6a; line-height:18px; margin-bottom:5px !important; } .checkbox input{ float:left; margin-right:10px; } .checkbox span{ float:left; } .btn-signup{ background:url(../images/signup-btn2.png) no-repeat left top; width:132px; height:39px; border:0; cursor:pointer; text-align:left; font:700 11px Tahoma, Geneva, sans-serif; color:#fff; padding:0 0 2px 33px; text-transform:uppercase; margin-left:115px; display:block; text-shadow:0 -1px 1px #84a900; } .btn-signup:hover{ background:url(../images/signup-btn2.png) no-repeat left bottom; } .signup-thanks-block{ background:url(../images/sigup-thanks-icon.png) no-repeat center 32px; padding:142px 0 0 0; text-align:center; } .signup-thanks-block h3{ font:normal 18px Tahoma, Geneva, sans-serif; color:#3a842e; } .signup-thanks-block p{ font-size:14px; color:#6a6a6a; line-height:21px; padding:6px 0 15px; } .btm-txt{ color:#6a6a6a; font-size:13px; } .btm-txt a{ color:#6a6a6a; text-decoration:underline; } .btm-txt a:hover{ text-decoration:none; } .signupBox.thanks{ width:585px; } .margin-bottom-8{ margin-bottom:8px !important; } .terms_Link { color:#6a6a6a; } .terms_Link a { color:#6a6a6a; } .terms_Link a:hover { color:#6a6a6a; text-decoration:underline; } input, select { background: #FFF; border: 2px solid #4c204b; color: #000000; padding: 10px; height: 46px; width: 100%; background-color: #ffc; border-radius: 5px; } body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer { margin-left: 0px; } html body .content .content-wrapper { padding: 0rem 0px; } @media only screen and (min-width: 320px) and (max-width: 1200px) { .signupBox{ width:100%; height:auto; margin:0px; font:12px Tahoma, Geneva, sans-serif; padding: 0 5px; } .signupBox ul { padding: 5px; } .checkbox { padding: 0 0 0 22px; } .btn-signup { margin-left: 5px; } } .card { border: 0; box-shadow: 0 2px 15px -3px rgba(0,0,0,.07),0 10px 20px -2px rgba(0,0,0,.04); } .rounded-3 { border-radius: .3rem !important; } .d-flex { display:flex; } .align-items-center { align-items: center; } .gradient-custom-2 { /* fallback for old browsers */ background: #fccb90; /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ /*background: linear-gradient(to right, #ee7724, #d8363a, #dd3675, #b44593);*/ background: linear-gradient(to right, #b5acb7, #b44593); } .row { --mdb-gutter-x: 1.5rem; --mdb-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--mdb-gutter-y)*-1); margin-right: calc(var(--mdb-gutter-x)*-0.5); margin-left: calc(var(--mdb-gutter-x)*-0.5); justify-content: center; } .p-xl-5 { padding: 3rem !important; } #contentArea .row .card .card-body { padding:30px; } .form-outline { position: relative; } .mb-4 { margin-bottom: 1.0rem !important; } .me-2 { margin-right: .5rem !important; } .btn-primary { background:#b44593 !important; border:none; } .form-label { color: #2e405c; line-height: 24px; } .btn-outline-danger { color: #b44593; background-image: none; background-color: transparent; border-color: #b44593; } @media (min-width: 768px) { .gradient-form { height: 100vh !important; } } @media (min-width: 769px) { .gradient-custom-2 { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; } }