body, html {font-family: 'Segoe UI'; font-size : 12px; height : auto; margin : 0; padding : 0; width : 100%; overflow-x:hidden}
.row { margin-left: unset; margin-right: unset;}
.register { height : 100%; width : 60%; }
.title { font-size : 2.3em; padding-top : 2%; }
.button { cursor : pointer; display : inline-block; font-size : 12px; padding : 4px 8px; text-align : center; text-decoration : none; background: #b72a1a; color: #feffff; border: none; border-radius: 4px; }
#Registration { height : auto; margin-left : auto; margin-right : auto; max-width : 915px; padding : 5px; width : auto; }
#Registration .row { display : inline; float : left; height : auto; width : 100%; }
#Registration .container { padding-left : 15px }
#Registration .col1 { display : inline; float : left; font-size : 12px; margin : 3px 0 3px 0; padding : 1px; width : 200px; }
#Registration .col2 { display : inline; float : left; margin : 3px 0 3px 0; padding : 1px; width : 240px; }
#Registration .col4 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 500px; }
#Registration h2 { font-size : 16px; font-weight : bolder; line-height : 30px; text-align : justify; border-bottom: 1px solid black; color: #800000; }
#Registration .txt { font-size : 12px; height : 20px; max-width : 100%; padding : 2px; text-align : left; width : 150px; }
#Registration .dt { font-size : 12px; height : 20px; padding : 2px; text-align : left; }
#Registration .txta { font-size : 12px; height : 70px; max-height : 70px; max-width : 750px; text-align : left; width : 100%; }
#Registration .lst { font-size : 11px; max-width : 100%; text-align : left; }
#Registration .b { font-weight : bold; color: #606060; }
#Registration .err { display : inline-block; height : AUTO; width : 13px; background: url(https://cdn.rdgroup.in/m/img/user/w.gif) no-repeat left center; }
#Registration li { margin : 10px 0 10px 0; }
#Registration input.numbr { height : 20px; width : 64px; }
#Registration input.cntCode { height : 20px; width : 35px; }
#Registration .sln { display : block; float : left; font-weight : bolder; margin : 2px 2px 5px 2px; padding : 2px; }
#Registration .btn { cursor : pointer; font-weight : bold; padding : 1px 2px; }
#Registration .txtarea { font-size : 12px; height : 90px; max-height : 90px; max-width : 592px; overflow : auto; width : 90% !important; }
* html .txtarea { height : 90px; max-height : 90px; max-width : 565px; overflow : auto; width : 565px; }
#wraperDiv { margin:auto; max-width : 1024px; }
#wraperDiv .row { display : inline; float : left; height : auto; width : 100%; }
#wraperDiv .rowa { display : inline; float : left; height : auto; margin : 2px 0 2px 0; width : 100%; }
#wraperDiv .box { display : block; float : left; height : auto; margin : 10px 2px 10px 2px; padding : 2px; width : auto; }
#wraperDiv .row .col { display : inline; float : left; font-size : 11px; height : auto !important; width : 200px; }
#wraperDiv .row .col1 { display : inline; float : left; height : auto !important; width : 150px; }
#wraperDiv .row .col2 { display : inline; float : left; font-size : 12px; height : 20px; width : 170px; }
#wraperDiv .row .colx { display : inline; float : left; font-size : 12px; height : auto !important; width : 600px; }
#wraperDiv .row .col, .col1, .col2, .colx { font-size : 12px; vertical-align : text-top; }
#wraperDiv .row .txt { height : 22px; padding : 1px; width : 200px; }
#wraperDiv h1 { font-size : 16px; font-weight : bold; margin : 0; color: #800000; }
#wraperDiv h2 { font-size : 14px; font-weight : bold; margin : 0; color: #008000; }
#wraperDiv h4 { font-size : 13px; font-weight : bold; margin : 0; color: #000; }
#wraperDiv h5 { font-size : 12px; font-weight : normal; margin : 0; text-align : justify; }
#wraperDiv h6 { font-size : 15px; font-weight : bolder; margin : 0; text-align : justify; color: #E80000; }
#wraperDiv #viewfamilyOccupation { float : left; height : auto !important; margin : 10px 10px 10px 10px; max-width : 748px; padding : 3px; width : 95% !important; background-color: #feffff !important; border: 1px solid rgba(185,193,199,0.5) !important; border-radius: 4px !important; }
#wraperDiv #viewfamilyOccupation .row { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 746px; }
#wraperDiv #viewfamilyOccupation .row1 { display : inline; float : left; height : auto !important; margin : 3px 0 3px 0; padding : 1px; width : 746px; }
#wraperDiv #viewfamilyOccupation .col1 { display : inline; float : left; height : auto; width : 134px; }
#wraperDiv #viewfamilyOccupation .col2 { display : inline; float : left; height : auto; width : 229px; }
.errdiv { display : inline; float : left; font-size : 13px; height : auto; line-height : 20px; margin : 5px 0 5px 0; padding : 10px 5px 10px 5px; width : 746px; max-width:100%; background: #FFF9F9; border: 1px solid #CC3300; color: #FF0000; }
.btn { cursor : pointer; font-weight : bold; background: #999; background: url('https://cdn.rdgroup.in/m/img/user/formbg.gif') repeat-x left top; border: outset 1px #ccc; color: #666; }
.b { font-size : 11px; font-weight : bold; }
.fl { float : left; }
.r { text-align : right; }
.pd5 { padding : 5px; }
.u { text-decoration : underline; }
.well { margin-bottom : 0px !important; min-height : 10px !important; padding : 5px !important; }
.heading1 { font-size : 20px !important; }
h2 { font-size : 13px !important; font-weight : bold !important; }
h3 { font-size : 11px !important; }
.col { font-size : 11px !important; }
.cursor-pointer, .cursor-p { cursor : pointer; }
.i {font-style: italic; }
#HistoryDiv { padding-top : 10px; }
.left { margin-bottom : 10px !important; margin-left : 0px !important; padding-left : 10px !important; width : 90% !important; background-color: #FFFFE1;}
.box { padding : 10px !important; width : 97% !important; }
.text { font-size : 12px !important; }
.padding { padding : 10px; }
.bold { font-weight : bold !important; }
.tBPad5 {padding-top:5px; padding-bottom:5px;}
.clearBoth { clear: both; }
.defaultHide { display: none; }
.txtBootstrap { font-size : 12px; height : 30px; width : 100%; padding : 2px; text-align : center; }
/* Kundali Milan - Start */
.non-bold { font-weight : 400 !important; }
#wraperDiv #viewfamilyOccupation .width-less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv #viewfamilyOccupation .width-less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv .row .width-less2 { display : inline; float : left; font-size : 12px; height : 20px; width : 170px; }
#wraperDiv #viewfamilyOccupation .width-less1 { display : inline; float : left; height : auto; width : 134px; }
#wraperDiv .row .width-less1 { display : inline; float : left; height : auto !important; width : 150px; }
#wraperDiv #viewfamilyOccupation .less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv #viewfamilyOccupation .less2 { display : inline; float : left; height : auto; width : 229px; }
#wraperDiv .row .less2 { display : inline; float : left; font-size : 13px; height : 20px; width : 170px; }
.less2 { font-weight : bold !important; width : 93% !important; }
/* Kundali Milan - End*/
.m { margin-left : 14px !important; }
.se li a { font-size : 15px !important; }
.row1 { width : 110% !important; }
.wi .row { width : 100% !important; }
#wraperDiv .row .col, .colx { font-size : 11px; }
.a .col1 { width : 130px !important; }
.a .col2 { width : 220px !important; }
#Registration { width : auto !important; }
.imggal { height : 156px !important; width : 156px !important; }
#head {position : fixed; top : 0; width : 100%; z-index : 20; }
hr { display : block; margin-bottom : 0.5em; margin-left : auto; margin-right : auto; margin-top : 0.5em; }
.navbar-default { z-index : 999; }
.form { margin : 0; padding : 0; }
.mainpage-form * { text-align : center; margin:5px auto; }
.lbl { display : block; margin-top : 2%; }
.centerpanel { margin: auto !important; max-width: 800px; padding: 0px; }
#online { font-size: 8px; color: green; }
.cityName { font-size:14px; }
.hilighted { font-weight: bold; color:#bc2621 !important;}
.location { font-size: 12px; }
#wrapper { margin-top: 10px; margin-left: 5px; position: relative;}
#wrapper > .loading { height: 100%; }
.loading { position: absolute; width: 100%; height: 98%; text-align: center; opacity: 0.8; background-color: #fff; z-index: 99; }
.loading > #loading-image { position: absolute; z-index: 100; top: 50px; }
.search-box { padding: 0 10px 0 10px; }
.cell-bold { font-weight: bold; margin: 2px 0 7px 0; }
.cell-nonbold { padding: 0; margin: 2px 0 7px 0; }
.alignEdit { float: right; text-align: end; }
.alert { color: red; padding: unset; }
.padL15 { padding-left: 15px; }
.minH20 { min-height: 20px; }
.margB5 { margin-bottom: 5px; }
.margT5 { margin-top: 5px; }
.padLRu { padding-left: unset; padding-right: unset; }
@media only screen and (min-width: 768px) {
	#wrapper { margin-top: 110px; margin-bottom: 10px; }
	.text-align-right { text-align: right; }
	.text-align-left { text-align: left; }
}

@media only screen and (max-width: 767px) {
	#viewfamilyOccupation { width : 100% !important; }
	.row { width : 100% !important; }
	.col1, .col2 { width : 50% !important; }
	.row1 { width : 100% !important; }
	.nodisplay { display : none; }
	.heading { font-size : 20px; font-weight : bold; text-decoration : underline; width : 100%; }
	#head { position : relative;}
}
/* New Layout CSS */
#txtSearchD, #txtSearchM { height: 30px; padding: 0px 10px; width: 100%; border: 0px; border-radius: 4px; }
#txtSearchD:focus, #txtSearchM:focus { outline:none; }
#searchBar { background-color:white; display:flex; border-radius: 4px; width:100%; }
#btnSearch { padding-right:10px; cursor:pointer; border: 0px; background: transparent; }
#btnSearch:focus { outline:none; }
.login-form * { padding:12px 15px; font-size:12px; margin:10px auto; }
.login-form h2 { font-size: 22px !important;text-align:center; }
.login-form input[type=text], .login-form input[type=password], .login-form select { width: 100%; display: block; }
.button, .button:hover, .button:focus  { color: #ffffff; background: #bc2621; text-decoration: none; text-decoration-line: none; cursor: pointer; }
.login-or-register>span { display: inline-block; position: relative; color: #4b4f56; text-align: center; white-space: nowrap;}
.login-or-register>span:before { margin-right: 15px; right: 100%;}
.login-or-register>span:after { left: 100%; margin-left: 15px;}
.login-or-register>span:before, .login-or-register>span:after { background: #e4e4e4; content: ""; height: 1px; position: absolute; top: 50%; width: 9999px;}
.login-or-register { display: block; margin-top: 10px; overflow: hidden; text-align: center; white-space: nowrap; width: 100%;	font-size: 14px; font-weight:normal; line-height: 18px;}
.searchContainer { padding:10px; max-width:500px; width:100%; }
#searchBarDropDownD, #searchBarDropDownM { padding: 5px 0px; z-index: 100; background-color: white; box-shadow: 0 2px 4px 0 rgba(0,0,0,.13); position: relative; display:none; }
#searchBarDropDownD > a, #searchBarDropDownM > a { margin: 0px 10px; color: #000 !important; }
#searchBarDropDownD > a:nth-child(2), #searchBarDropDownM > a:nth-child(2) { position: absolute; right: 0; }
#sidebar { width: 250px; position: fixed; top: 0; left: -250px; height: 100vh; z-index: 999; background: #FFF; color: #000; transition: all 0.3s; overflow-y: scroll; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2); }
#sidebar.active { left: 0; }
#sidebar .container { padding:10px 0px; display: inline-block; box-shadow: 0 2px 4px 0 rgba(0,0,0,.13); width:100%;  }
#sidebar .header { background-color: #bc2621; color: #FEFFFF; }
#sidebar .header a { text-decoration: underline; color: #FEFFFF; }
#sidebar .header div {padding: 2px 10px; }
#sidebar .header .halfdiv, #sidebar .header .innerhalfdiv { width: 49%; display: inline-block; }
#sidebar .header .halfdiv:nth-child(2n+1) { text-align:right;}
#sidebar .header .innerhalfdiv:nth-child(2n) { text-align:right;}
#sidebar .main a div {padding: 4px 10px; }
#sidebar .main a:hover {text-decoration: none; }
#sidebar .main a div:active {background-color: #b72a1a; color: #FEFFFF; }
#sidebar a { color:black; }
#sidebar a.button, #sidebar a.button:hover, #sidebar a.button:focus  { color: #bc2621; background: #ffffff; text-decoration: none; text-decoration-line: none; cursor: pointer; }
.overlay { position: fixed; top:0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.7); z-index: 998; display: none; }
.modal-vertical-center { display: flex; align-items: center; justify-content: center; height:100%; pointer-events:none; }
.modal-vertical-center .modal-dialog { pointer-events: all; }
.footer { display : block; font-size : 16px !important; text-align : center; background:#DDD; }
.footer-col { font-size: 13px; display:inline-block; width:24%; padding-left:2%; text-align:justify; list-style-type: none; color: #0b0c0d; }
.footer-col li { margin-bottom:1%; margin-top:1%; }
.footer-col a { text-decoration:none; color:inherit; }
.customwell { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); background: #fff; display: inline-block; width: 100%; line-height:20px; padding-top: 15px; padding-bottom:15px;}
.homeIncompleteMobileBar { overflow: auto; white-space: nowrap; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); padding:4px;}
.homeIncompleteMobileBar .cell { display: inline-block; vertical-align: bottom; min-width: 90px; height:85px; padding:3px; margin:2px; background-color:white;color:black;text-align: center; font-size:14px;}
.homeIncompleteMobileBar .cell:active, .cell:focus, .cell:hover { color:black;text-decoration:none; }
.homeIncompleteMobileBar .inner { height:35px; display:flex; align-items: center; justify-content: center; }
.homeIncompleteMobileBar .inner img { max-width:30px; max-height:30px; padding-bottom:5px; }
.homeIncompleteMobileBar .score { height:60px; padding:5px; }
.homeIncompleteMobileBar .scorepercent { text-anchor: middle; font-size:14px; }
.homeIncompleteMobileBar .scorecirclebg { fill: none; stroke: #eee; }
.homeIncompleteMobileBar .scorecircle { fill: none; stroke-linecap: round; stroke: #bc2621; animation: progress 1.5s ease-out forwards; }
@keyframes progress { 0% { stroke-dasharray: 0 100; } }
.homeIncompleteBar.customwell { line-height: unset; padding:unset; }
.homeIncompleteBar .barLeft { border-right: 1px #dadce0 solid; padding: 15px; }
.homeIncompleteBar .barTitle { font-size: 15px; margin-bottom: 8px; }
.homeIncompleteBar .scorepercent { color: #bc2621; font-size: 34px;}
.homeIncompleteBar .scorebar { border: 1px #dadce0 solid; background: #f3f4f5;display: flex;height: 12px;margin: 8px 0; }
.homeIncompleteBar .scorecompletebar { background: #bc2621; }
.homeIncompleteBar .subtext { color: rgba(32, 33, 36, .71); font-size: 12px }
.homeIncompleteBar .barRight { flex-grow: 1; padding: 15px; }
.homeIncompleteBar .reco { cursor: pointer; background-color: #fff; border: 1px solid #bc2621; box-sizing: border-box; border-radius: 16px; margin: 4px 8px 4px 0; padding: 2px 12px; white-space: nowrap; text-decoration: none; display:inline-block; color: black; }
.homeIncompleteBar .reco:hover, .homeIncompleteBar .reco:focus { background-color: #FFF4F4; text-decoration: none; color: black; }
.homeIncompleteBar .selected, .homeIncompleteBar .selected:hover, .homeIncompleteBar .selected:focus { background-color: #bc2621; color: #fff; }
.homeIncompleteBar .recopercent { margin-left: 4px; color: #bc2621; }
@media only screen and (max-width: 767px) {
	.fa-bars { padding-top: 5px; }
	.hideInMobile { display: none; }
	.mobileMenu { display: flex; width:unset !important; margin-top: 0px !important; }
	#searchBarDropDownM { height: 30px; }
	.footer-col { width:45%; }
	.clearBothMobile { clear: both; }
}
@media only screen and (min-width: 768px) {
	.hideInDesktop { display: none !important; }
}
/*Navbar CSS*/
.navbar { min-height: unset !important; margin-bottom: unset !important; box-shadow: 0px 1px 4px 1px rgba(185,193,199,0.5); }
.navbar-collapse { background-color: #bc2621; }
.navbar-collapse li > a { padding: 10px; }
.menu a { text-decoration: none; color: #FEFFFF !important; }
.dropdown-menu a { color:black !important; }
.badgeMain { margin-right: 10px; }
.badgeInn { position: relative; }
.badgeInn[data-badge]:after { content: attr(data-badge); position: absolute; top: -8px; right: -8px; font-size: 0.7em; background: green; color: white; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 25%; box-shadow: 0 0 1px #333; }
.badgeInnLarge[data-badge]:after { width: 24px }
.badgeInnLarge { padding: 0 8px; }
.chatIcon { font-size: x-large !important; color: #bc2621 !important; }
@media only screen and (max-width: 767px) { /*Mobile Menu*/
    .logo-pic { max-width: 100%; max-height: 50px; margin: auto; display: block; padding-left: 10px; }
    .menu-hide { display: none; }
    .menu { margin-bottom: 0; }
    .navbar-toggle { font-size: 27px; color: #bc2621; margin: unset !important; padding: 4px 0px 4px 10px !important; }
    .chat-icon-mobile { display: flex; align-items: center; padding-right: 10px; }
    .chat-icon-mobile .badgeInnLarge { padding: 0; }
}
@media only screen and (min-width: 768px) { /*Desktop Menu*/
    .image-wrapper { width: 100%; height: 60px; z-index: 100; padding: 5px 10px; }
    .user-name { margin: 0px 10px; white-space: nowrap; cursor: pointer; }
    .menu-hide { display: flex; box-shadow: 0px 1px 0px 1px rgba(185,193,199,0.5); padding-left: 10px; }
    .dropdown:hover .dropdown-menu { display: block; }
    .logo-pic { height: 48px; }
    .logged-in { padding: 13px 10px; font-size: 14px !important; font-weight: bold; display: flex; flex-direction: row-reverse; width: 50%; }
    .logged-in .dropdown-menu { margin: 0px; }
    .logged-in .dropdown-item { display: block; padding: 5px 10px; }
    .logged-out { padding: 6px; font-weight: normal; display: flex; flex-direction: row-reverse; width: 50%; white-space: nowrap; }
    .logged-out > a { font-size: 16px !important; padding: 8px 15px; }
}