*{box-sizing:border-box;}
#sgn-error-cont,#sgn-flashloader,#sgn-loader,#sgn-succ-cont{position:fixed!important}
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
/* Default styling for jQuery Datepicker v5.0.1. */
.datepick {
background-color: #fff;
color: #000;
border: 1px solid #444;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-family: Arial,Helvetica,Sans-serif;
font-size: 90%;
}
#popupDatepicker
{
cursor: pointer;
}
.datepick-rtl {
direction: rtl;
}
.datepick-popup {
z-index: 1000;
}
.datepick-disable {
position: absolute;
z-index: 100;
background-color: white;
opacity: 0.5;
filter: alpha(opacity=50);
}
.datepick-cmd-clear,.datepick-cmd-close
{
display: none;
}
/*.datepick-cmd-close
{
margin-right: 35%;
text-align: center !important;
}*/
.datepick a {
color: #fff;
text-decoration: none;
}
.datepick a.datepick-disabled {
color: #888;
cursor: auto;
}
.datepick button {
margin: 0.25em;
padding: 0.125em 0em;
background-color: #fcc;
border: none;
border-radius: 0.25em;
-moz-border-radius: 0.25em;
-webkit-border-radius: 0.25em;
font-weight: bold;
}
.datepick-nav, .datepick-ctrl {
float: left;
width: 100%;
background-color: #000;
color: #fff;
font-size: 90%;
font-weight: bold;
}
.datepick-ctrl {
background-color: #600;
}
.datepick-cmd {
width: 30%;
}
.datepick-cmd:hover {
background-color: #777;
}
.datepick-ctrl .datepick-cmd:hover {
background-color: #f08080;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump {
width: 8%;
}
a.datepick-cmd {
height: 1.5em;
}
button.datepick-cmd {
text-align: center;
}
.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
float: left;
padding-left: 2%;
}
.datepick-cmd-current, .datepick-cmd-today {
float: left;
width: 35%;
text-align: center;
}
.datepick-cmd-today {
display: none;
}
.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
float: right;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump,
.datepick-rtl .datepick-cmd-clear {
float: right;
padding-left: 0%;
padding-right: 2%;
text-align: right;
}
.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
float: right;
}
.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump,
.datepick-rtl .datepick-cmd-close {
float: left;
padding-left: 2%;
padding-right: 0%;
text-align: left;
}
.datepick-month-nav {
float: left;
background-color: #777;
text-align: center;
}
.datepick-month-nav div {
float: left;
width: 12.5%;
margin: 1%;
padding: 1%;
}
.datepick-month-nav span {
color: #888;
}
.datepick-month-row {
clear: left;
}
.datepick-month {
float: left;
width: 15em;
border: 1px solid #444;
text-align: center;
}
.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
height: 1.5em;
background-color: #444;
color: #fff;
font-weight: bold;
}
.datepick-month-header select, .datepick-month-header input {
height: 1.4em;
margin: 0em;
padding: 0em;
border: none;
font-size: 100%;
}
.datepick-month-header input {
position: absolute;
display: none;
}
.datepick-month table {
width: 100%;
border-collapse: collapse;
}
.datepick-month thead {
border-bottom: 1px solid #aaa;
}
.datepick-month th, .datepick-month td {
margin: 0em;
padding: 0em;
font-weight: normal;
text-align: center;
}
.datepick-month th {
border: 1px solid #777;
}
.datepick-month th, .datepick-month th a {
background-color: #777;
color: #fff;
}
.datepick-month td {
background-color: #eee;
border: 1px solid #aaa;
}
.datepick-month td.datepick-week {
border: 1px solid #777;
}
.datepick-month td.datepick-week * {
background-color: #777;
color: #fff;
border: none;
}
.datepick-month a {
display: block;
width: 100%;
padding: 0.125em 0em;
background-color: #eee;
color: #000;
text-decoration: none;
}
.datepick-month span {
display: block;
width: 100%;
padding: 0.125em 0em;
}
.datepick-month td span {
color: #888;
}
.datepick-month td .datepick-other-month {
background-color: #fff;
}
.datepick-month td .datepick-weekend {
background-color: #ddd;
}
.datepick-month td .datepick-today {
background-color: #f0c0c0;
}
.datepick-month td .datepick-highlight {
background-color: #f08080;
}
.datepick-month td .datepick-selected {
background-color: #777;
color: #fff;
}
.datepick-month th.datepick-week {
background-color: #777;
color: #fff;
}
.datepick-status {
clear: both;
background-color: #ddd;
text-align: center;
}
.datepick-clear-fix {
clear: both;
}
/* cyrillic-ext */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/JX7MlXqjSJNjQvI4heMMGvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/vtwNVMP8y9C17vLvIBNZI_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/9kaD4V2pNPMMeUVBHayd7vY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* #load{
position:absolute;
z-index:1;
border:3px double #999;
background:#f7f7f7;
width:300px;
height:300px;
margin-top:-150px;
margin-left:-150px;
top:50%;
left:50%;
text-align:center;
line-height:300px;
font-family:"Trebuchet MS", verdana, arial,tahoma;
font-size:18pt;
}*/
*
{
font-family: 'PT Sans', sans-serif;
color: #000;
}*
body{
margin: 0px;
padding: 0;
background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/8ae1970fa3f05b301644.png) no-repeat;
background-size: cover;
}
.banner{
width: 250px;
padding-top:10px;
}
.bgimage{
height: 100%;
width: 500px;
}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: black; }
input::-moz-placeholder { /* Firefox 19+ */ color: black; }
input:-ms-input-placeholder { /* IE 10+ */ color:black; }
input:-moz-placeholder { /* Firefox 18- */ color: black; }
.congo{
text-align: center;
text-transform: uppercase;
}
input[type="text"],input[type="date"],input[type="email"]{
height: 33.5px;
padding: 7px;
width: 57%;
font-size: 13px;
border-radius:5px;
border: 1px solid #c9084b;
outline: none;
}
input[type="radio"] {
width: 19px;
height: 20px;
vertical-align: top;
border: 1px solid #c70a4c;
border-radius: 50%;
-webkit-appearance: none;
outline: none;
}
input[type='radio']:before {
content: '';
display: block;
width: 60%;
height: 60%;
margin: 20% auto;
border-radius: 50%;
}
input[type="radio"]:checked:before {
 background: #c70a4c;  
}
input[type="radio"]:checked {
border-color:#c70a4c;
}
input[type="checkbox"] {
width: 19px;
height: 20px;
vertical-align: middle;
}
p{
color:white;
}
input[type="password"]
{
width: 233px;
height: 30px;
border: solid 2px #dadada;
border-radius: 0 5px 5px 0;
padding: 0px 7px;
}
.label-field {
float: left;
width: 150px;
}
.star{
color: red;
}   
.clear
{
clear: both;
height: 15px;
}
.CenterHead,#main-wrapper
{
width: 500px;
margin: 0 auto;          
}
#main-wrapper1{
width: 600px;
margin: 0 auto;
}
select{
height: 30px;
}
.submit2{
width: 100px;
height: 36px;
background-color: #25c7c9 !important;
border: 2px solid #25c7c9;
border-radius: 25px;
font-size: 20px;
cursor: pointer;
}
.error
{
color: #ff0000;
}
#select{
color:black;
}
.prefix{
height: 36px;
background: #ececec;
width: 20%;
float: left;
position: relative;
color: #000000;
font-size: 15px;
text-align: center;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
line-height: 38px;
}
.label-field
{
float: left;
/*width: 200px;*/
margin-top: 5px;
width: 42%;
}
.label-field1 {
width: 100%;
margin-bottom: 10px;
}
.input-field1 {
width: 100%;
}
.ckfield {
float: left;
height: 30px;
line-height: 25px;
width: 23%;
}
.submit {
background:#c70a4c;
border-radius: 3px;
font-size: 19px;
cursor: pointer;
border: 0;
color: #fff;
font-family: Georgia,Arial,Helvetica,sans-serif;
height: 35px;
width: 75%;
text-transform: uppercase;
-webkit-appearance: none;
}
.dataField{
text-align:center;
}
.error-msg {
color:red;
font-size: 12px;
}
.add{
font-size: 7px;
text-align: center;
width: 500px;
}
.input{
font-size: 14px !important;
font-weight: normal;
}
label
{
font-size: 14px;
color:#000;
}
h1 
{
font-size: 17px;
font-weight: 100;
/*color: #000000;*/
}
.input1
{
/*text-align: center;*/
margin-top: 20px;
}
#logo
{
text-align: center;
}
.bgimage1{
/*background-image: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/9838ec678d78e3db040919909abceda071062660.jpg);*/
height: 250px;
width: 500px;
vertical-align: center;
}
.mandfields{
font-size: 13px;
font-weight: bold;
padding-left: 0px;
}
.border {
background: #fff;
/*padding: 2px 22px 22px; */
}
.selectfix {
width: 57%;
height: 33px;
border-radius: 5px;
border: 1px solid #c9084b;
background:url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/3d23406c73dbf0bcfee8.png) no-repeat right 0 #fff;
outline: none;
-webkit-appearance: none;
padding:5px;
}

.select2-container{
width:57% !important;
}
.consentOption {
text-align: center; 
}
.logout{
float: right;
font-size: 17px;
}
.code{
height:28px;
border-left: 1px solid #bcbbbb;
background:#fabf20;
border-top: 1px solid #bcbbbb;
border-bottom: 1px solid #bcbbbb;
width:45px;
font-weight:bold; 
float:left;
position:relative;
color:#abaaaa;
text-align:center;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
.combodate select{
width: 18.3% !important;
border-radius: 5px;
height: 33px !important;
background:url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/3d23406c73dbf0bcfee8.png) no-repeat right 0 #fff;
border: 1px solid #c9084b;
-webkit-appearance: none;
padding:5px;
}
.daughtername{
width: 72%;
}
.daughter_dob{
width: 100%;
}
.hasdate + span.combodate  select{
width: 30% !important;
background:url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/79e6ee1a2139cf2897ec.png) no-repeat right 0 #fff;
-webkit-appearance: none;
padding : 2px;
}
.daughtername input {
width: 82%;
}
.select2-container .select2-selection--single .select2-selection__rendered{
font-size:13px !important;
padding-left: 3px !important; 
color: #000 !important;
}
.select2-container--default .select2-selection--single{
height:33px !important;
border: 1px solid #c9084b !important;
outline: none;
background: url(https://s3-eu-west-1.amazonaws.com/fs.capillary.eu/intouch_creative_assets/3d23406c73dbf0bcfee8.png) no-repeat right 0 #fff;
}
#title{
width:25% !important;
border-right: none;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
height:33px;
border: 1px solid #c9084b;
outline: none;
}
#fname{
/*margin-left: 10px;*/
width:73% !important;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
}
.odd{
background: #eeeeee;
padding: 10px;
}
.even{
padding: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
border-style: none !important;
}
@media only screen and (max-width: 480px){
body {
display: block;
margin: 0px;
}
.ckfield{
width:50%;
}
#content {
width: 100%;
}
.reg{
width: 99% !important;
}
.code{
height:24px;
border-left: 1px solid #bcbbbb;
background:#fabf20;
border-top: 1px solid #bcbbbb;
border-bottom: 1px solid #bcbbbb;
width:45px;
font-weight:bold; 
float:left;
position:relative;
color:#abaaaa;
text-align:center;
border-top-left-radius:3px;
border-bottom-left-radius:3px;
}
label
{
font-size: 12px;
padding-left: 1px;
}
input[type="text"],input[type="date"],input[type="email"]{
width: 100%;
padding: 7px ;
font-size: 15px;
}
#fname{
width:100% !important;
}
.bgimage{
height: 675px;
width: 100%;
/*background-image: url('https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/aac189b32c16ebbe2048a982ebd208d764855972.jpg');*/
background-image: no-repeat;
}
.bgimage1 {
/*background-image: url(https://s3-ap-southeast-1.amazonaws.com/fs.capillary.sg/009cbdef2714303c610d1831735b44be0ced914c.jpg);*/
background-image: no-repeat;
height: 180px;
width: 100%;
}
.congo{
text-align: center;
text-transform: uppercase;
font-size: 12px;
margin-top: 0px;
}
.social{
width: 320px!important;
}
.soc{
width:30px!important;
height: 30px!important;
}
.add {
font-size: 9px;
text-align: center;
width: 320px!important;
}
.CenterHead,#main-wrapper
{
width: 95%;
margin: 0 auto;
}
#main-wrapper1
{
width: 320px;
margin: 0 auto;
}
.border1 {
width: 290px;
font-size: 12px;
font-weight: bold;
padding-top: 50px;
padding-left: 19px;
}
h1 
{
font-size: 17px;
}
.input-field{
width: 100%;
}
.label-field
{
float: left;
width: 100%;
padding-bottom: 7px;
}
.mandfields{
font-size: 11px;
font-weight: bold;
padding-left: 5px;
}
.clear {
clear: both;
height: 10px;
}
.selectfix {
width: 100%;
height: 35px;
}
.select2-container{
width:100% !important;
}
.consentOption {
text-align: center; 
}
#sgn-error-cont,#sgn-flashloader,#sgn-loader,#sgn-succ-cont{position:fixed!important}
.combodate select {
width: 32% !important;
}
#title{
width: 30% !important;
}
.hasdate + span.combodate  select{
padding : 5px;
}
.daughtername input {
    width: 94% !important;
}
}