/*CSS Reset Start*/
html, body, div, span, object, h1, h2, h3, h4, h5, h6, b, i, dl, dt, dd, ol, ul, li, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video, a{ margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent}
/*Added font for our App*/
@font-face {font-family: 'OpenSans'; src: url('../fonts/OpenSans-Regular.eot');src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular.woff2') format('woff2'), url('../fonts/OpenSans-Regular.woff') format('woff'), url('../fonts/OpenSans-Regular.ttf') format('truetype'), url('../fonts/OpenSans-Regular.svg#OpenSans_Regular') format('svg')}
body{font-family: 'OpenSans'}
a{color: #000}
/*Header, footer and Vertical menu start*/
header > div{margin:15px 0 9px} 
#expNavCon{overflow:hidden}
#expNavCon span i, #colNavCon span i{  color: #b5b0ac; font-size: 1.2em !important}/*Expan and Collapse Arrow*/
#colNavCon, .pageContentSec{overflow:hidden}
.conPadRemoved{padding:0}
.verNavSec { float: right}
.verNavSec a:focus, .verNavSec a:hover{text-decoration: none}
.disBlock{display:block}
.disNone{display:none}
.navCollapse{cursor:pointer; margin-right:5px}
.expandNav .fa-lg{ margin-left:0}
.expandNav{float:left;}
.expandNav h3{cursor:pointer;font-size: 13px}
.expandNav h3 span>i{font-size: 15.5px}
.expandNav h3 span.new{ background-color:#b20a3b;  color:#fff}
.expandNav h3.addGrayCol, .expandNav h3.addRedCol{padding: 0 10px 15px; cursor: pointer; line-height: 27px; color:#b6b0ac}
.expandNav h3.addRedCol{color:#b20a3b}
.expandNav h3 span{width: 30px; height: 30px; margin-right:7px; color:#fff; border-radius: 50px; background: #b5b0ac; display: inline-block; text-align: center; }
.expandNav h3+ul{margin: 0 15px 8px 0}
.expandNav h3+ul li:first-child h4{padding-top:0}
.expandNav h4 + ul {margin-left:48px; list-style:none}
.expandNav h4{margin: 0;  padding: 12px 0 12px 13px; font-size:12px;cursor:pointer}
.expandNav h4 span, .expandNav h4 span{position:relative; padding-left:35px; display:block}
.expandNav h4 i.arrowDown, .expandNav h4 i.arrowRight{font-size:20px; width: 0.4em; height: 0.4em; border-right: 2px solid #2d2d2d; border-top: 2px solid #2d2d2d;
      -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg); -o-transform:rotate(135deg); -ms-transform:rotate(135deg); display: inline-block; font-style: normal; position: absolute; left:8px; top:3px}
.expandNav h4 i.arrowRight{ -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.expandNav h5{font-size:11px; padding:10px 0; color:#2d2d2d}
.verNavSec ul li{list-style-type:none}   
.subtextlogo {font-size: 24px; color: #6e6259; margin-top: 12px}
.subtextlogo > sup{font-size:12px}
.flagbox{display: block; padding: 23px 0 0; font-size: 12px;  vertical-align: bottom; color: #660000}
.userDataBar{  background-color: #003346;  padding:10px 0; color:#fff}
.verNavSec{float:left; border-right:1px solid #ddd; border-left:1px solid #ddd}
.collapseNav{float:left; display:none}
.collapseNav ul { width: 52px}
.collapseNav ul li {width: 30px; color: #FFF; background: #b5b0ac; height: 30px; border-radius: 50px; float: left; margin: 0 20%; text-align: center; margin-bottom: 15px}
.verNavSec i{font-size: 1em; line-height: 1em}
.collapseNav .servicemenu.fa-lg { float: left; padding: 7px 0 0 8px}
.expandNav h6{font-size: 10px; padding: 10px 0}
.expandNav h6 i{font-size: 0.6em; margin-right: 6px }
.activeH5, .activeH6{color:#066ca4; font-weight: bold; text-decoration: none}
.activeH6{color:#003346}
footer{margin: 45px 0 15px}
footer ul{margin-bottom: 13px; list-style: none}
footer ul li{ color:#069; text-align: center; display: inline-block;  margin-right: 30px; font-size: 12px}
footer > div{color:#615a54; font-size: 10px}
footer a:visited, footer a:link{color:#006699; font-weight: normal; text-decoration: none}
.pageContentSec, .verNavSec{min-height:500px}
.userDataBar .btn{padding:0}
.userDataBar .caret{margin-left: 10px}
.pageContentSec{font-size: 12px; line-height: 18px; color: #2d2d2d}
/*Header, footer and Vertical menu End*/

#menu{width:198px}
.sapLogo{width:200px}
/*Property circle*/

.dropdown_user { border:none; background:none; color:#fff}/*Message Board Start*/
.dropdown_user:hover { border:none; background:none; color:#fff}
.open>.dropdown-toggle.dropdown_user:hover,.open>.dropdown-toggle.dropdown_user:focus, .dropdown_user:active.focus { border:none; background:none; color:#fff}
.dataTables_paginate, li time.time, .accordianArrAlign{float: right}/*Message Board End*/

h1{font-size: 26px; margin: 23px 0 18px; font-weight: 400}
h2, .accordianHeading{font-size: 16px}
h3, .fontsize14px{font-size: 14px}{font-size: 14px}
h4, .formHeader{font-size: 13px}

.webConGroup h2{margin-bottom:18px}
.webConGroup h3{margin-bottom:16px}
.webConGroup h4{margin-bottom:15px; font-size: 13px}
.webConGroup p, .webConGroup ol li{margin-bottom:8px; font-size: 12px}
.webConGroup ol li{margin:0 0 0 15px; font-size: 12px}
.webConGroup hr{margin: 18px 0 16px; border-color: #d3d0ca}
.webConGroup p:last-child{margin-bottom: 25px}

hr{margin: 10px 0px; border-color: #d3d0ca}
.conHead h3{font-weight: 500;}
.conHead hr{margin: 5px 0 20px}
.textBold {font-weight:bold}

.mg0px{margin: 0}
.mg30px{margin: 30px}
.marginBtm0{margin-bottom:0;}
.mgTop4px{margin-top: 4px}
.mgTop5px{margin-top: 5px}
.mgBtm25px{margin-bottom: 25px}
.mgBtm20px{margin-bottom: 20px}
.mgBtm47px{margin-bottom: 47px}
.mgBtm17px{margin-bottom: 17px} /* 25092015 */
.mgBtm12px{margin-bottom: 12px}
.mgLt8px{margin-left: 8px}
.mgLt10px{margin-left: 10px}
.mgLt23px{margin-left: 23px}
.marginTop20{margin-top:20px}
.marginTop30{margin-top:30px}
.marginTop10{margin-top:10px}
.marginTop15{margin-top:15px}
.marginTop35{ margin-top: 35px}
.marginTop40{margin-top:40px}
.marginTop25{margin-top:25px}
.marginRt20{margin-right:20px}
.marginTop7{margin-top:7px}
.mgBtm7px{margin-bottom:7px}
.mgTop13px{margin-top: 13px}
.marginTop23{margin-top:23px}
.mgRt10px{ margin-right: 10px}
.mgRt5px{ margin-right: 5px}
.padTb7Lr10px{padding: 7px 10px}
.padLeft22{padding-left: 22px}
.noBold{font-weight: normal}
.libBoxHeightAuto ul{height: auto}
.padding0{padding:0}
.padding10{padding:10px}

.resetSearchBtn, .manageFieldInput{width:100% !important;}    /* 12102015 */

.modelBoxBorSty{margin: 10px; border: 1px solid #d3d0ca; padding: 20px}

 #onlineOrderSummary span.glyphicon {font-size:10px; margin-left: 10px}
 .buttonSpace a{margin-right: 48px}

/*Model box*/
.modal-dialog{margin:10% auto; width: 600px;} 
.alert div, .dispInBlock{display:inline-block;}
.alert .image-success{width:70px;height:72px;vertical-align: top;}
.alert .tick img {width:100%;height:70px;}
.alert .popUp-content{font-size: 12px; padding: 0; padding-left: 15px; margin-top: 11px;}
.alert{ padding:0;margin:0;font-size:0;border-radius:0px;}
.alert-info, .alert-success, .alert-danger{color:#2D2D2D;}
.alert-danger{  background-color:#DB5753;}
.alert-success{  background-color:#7eb53e; border:1px solid #004c45;}
.alert-success .tick {  background-color:#669934;}
.alert-info{  background-color:#9ED5FF;}
.modal-header{padding: 0px; border:none;} 
.modal-footer { text-align: center; border:none;}
.closea{float: right;font-size: 21px;font-weight: bold;line-height:1;color: #fff;opacity:1;}
.rentalAgreement { height: 600px; border-radius:0px;} 
.rentalAgreement h2{font-size: 26px; margin: 20px 0 0 20px;}  
.rentalAgreement h3{font-size: 16px; margin: 20px 0;}    
.rentalAgreement  p{font-size: 12px; line-height: 18px;}
button.closea {cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;}
.popUp-content .text{  display: block;} 
.glyphiconModifi { font-size: 30px !important; color:#FFFFFF; padding: 18px}
.modal-header h3 { font-size: 20px; padding: 13px;} 
.modal-body { padding: 0px;}
.modal-body .popupbox{height: 451px; margin: 9px; border:1px solid #d3d0ca; padding: 18px; overflow: auto;}
.myModalRentale{ margin:2% auto; width: 711px;}
.myModalRentale h1{font-size: 26px; margin-left: 20px;}
.modal-body .first { text-align:center;}
.modal-body h2{ font-size: 16px; color: #2D2D2D; text-align: center; font-weight: 600; margin-bottom: 15px; margin-top: 5px}
.dropdownCustm { background:none; box-shadow :none; border:none; padding-left: 0px}
.dropdownCustm :hover { background:none; box-shadow :none; border:none;}
.btnactive{background-color: #076ca4; color: #fff; border-radius: 0px}
.btnactive:hover {background-color: #10253f; color: #fff}
.borderNone{ border-radius: 0px;}
.form-control-modif { color:#076ca4; outline: none; border: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important}

/******************** Custom Package popup ************/
.myModalcustom{ margin-top:2%; width: 400px;}
.customPackage{ border-radius:0px; width: 400px; }
.customPackagebox { margin: 9px; border:1px solid #d3d0ca; padding:20px}
.customPackage h2 { font-size: 20px; color: #2d2d2d; margin: 15px 0px 20px 18px}
.customPackage h4 { font-size: 13px; margin-bottom: 15px;}
.customPackage .btn { border-radius: 0px; width: 100%; margin-bottom: 20px;}
.customPackage .arch{ color: #066ca4; display: block; font-size: 12px; font-weight: normal; text-align: center; width: 100%;}
.customPackage input{ border-radius: 0px; margin-bottom: 20px;}

/******************** Accordion  style strats ************/
.costmPannel .panel-title{padding:7px 13px;}
.accordianHeading{font-size: 16px}
.costmPannel .panel-heading{background-color:#ebebeb; border-radius: 0} 
.costmPannel .panel-default{border-radius: 0}
.costmPannel .glyphicon{font-size: 11px; margin-top: 3px} 
.costmPannel .panel-body .row{padding:2px 0px;}
.costmPannel a:hover, .costmPannel a:focus {text-decoration: none;} 
.UserPropertyPad, .userPermissionsPad, .userInformationPad{padding:20px}
.panel-group .panel + .panel{margin-top: 10px} 
.costmPannel .leftSec{display:inline-block;width:13%;font-size: 12px;}
.costmPannel .rightSec{margin-left:5%;display:inline-block;width:75%;font-size: 12px;}
.costmPannel .fontZero{font-size: 0}
.costmPannel .accordionHeader{display:block;}
.accordionHeader .leftSec, .accordionHeader .rightSec {font-size: 13px;}
/******************** Accordion  style ends ************/

.redStar{color: red}
.userPermissions .checkbox { margin-top: 8px; margin-bottom: 0px;}
.firstColAlignCen tfoot tr td:first-child, .firstColAlignCen tbody tr td:first-child{padding-left: 15px}
.textRight{text-align: right}
.userMangement{font-size: 12px;}
.userMangement ol{ padding-left: 20px}
.userMangement ol li{margin-bottom: 10px}
.userMangement .resetUserName{float: left; width: 50%; text-align: right; font-weight: bold;}
.userMangement .resetUserVal{float: left; width: 48%;margin-left: 2%;}

/*****Calendar START*****/
.calendarCustIcon .input-group-addon{border:none;background-color:#fff;padding:0; }
.input-group-addon img{margin-left:5px;}
/*****Calendar END*****/

.scrollForDropdown{overflow-y: auto; min-height: 37px; max-height: 138px;}
.date input { width: 82%;}
.datepicker {min-width:25%;}
.inputPointTextbox{position: absolute; opacity: 0; top: 2; left: 0; width: inherit;}

@media (min-width: 1024px) {
    #menu{width:208px}
    .propertyCir .proLine{width:235px;}  
    .propertyCirCon .proCirConSec{margin:0px 40px 0px 98px;width:220px} 
}
@media (min-width: 1280px) {
    #menu{width:211px}
    .propertyCir .proLine{width:345px} 
    .propertyCirCon .proCirConSec{margin:0 150px 0 210px; width:220px}
    .datepicker {min-width:270px;}
    .date input { width: 86%;}
}
@media all and (max-width: 980px) {
.alertMessage{margin:45% auto; width: 600px;}
.unitAddressList ul li>div:nth-child(1){width:7%;}
.unitAddressList ul li>div:nth-child(2){width:17%;}
.unitAddressList ul li>div:nth-child(3){width:14%;}
.unitAddressList ul li>div:nth-child(4){width:15%;}
.unitAddressList ul li>div:nth-child(5){width:36%; text-align: right;}
.unitAddressList ul li>div:nth-child(6){width:10%; text-align: right;}
.unitAddressList .list { font-size: 10px;}
.unitAddressList ul li{ font-size:10px;}
.unitAddressList select { font-size:10px;}
}

.alert-denger{  background-color:#ED6868; border:1px solid #A11010;}
.alert-denger .tick {  background-color:#DB2727;}

.test > ul { display: block;}

.createScreenApp:first-child .deleteBtn, .addCriminalSrc, .createScreenApp:first-child .socialScreeningSrc, .createScreenApp:first-child .canadianAppTyle{display: none}
.createScreenApp:first-child .addCriminalSrc, .createScreenApp:first-child .addCriminalSrc{display: block}

input[type="search"] {font-size: 12px;}/*Search field*/
/*Popup text background color*/
div.alert .popUp-content div {color: #fff}
div.alert .popUp-content div strong, div.alert .popUp-content div.semibold {font-weight: normal !important;}
.headerBlueColor{color:#076ca4}

/*Screen Applicant List style*/
.list-unstyled{font-size: 12px}
.list-unstyled .subMenuList{margin-left: 38px}
.list-unstyled .subMenuList li{list-style-type: disc}

/*Equal width for Dropdown button with input textbox, when click the dropdown*/
.dropdownIDs, .dropdownFP{display: inline-block;}
.dropdownIDs input, .dropdownFP input{width: 100%; top: 0; padding: 0; cursor: pointer}

/* new alert popup */
.popuptables{width: 100%; height: 100%;}
.popuptables .tr { display: table-row; }
.popuptables .td { display: table-cell; vertical-align: top; font-size: 12px; color: #fff; }
.popuptables strong {font-weight: normal !important;}
.popuptables .paddingLTTp{padding: 12px 15px;}
/* Scroll Table Start*/
.fixed_headers { width: 100%; table-layout: fixed; border-collapse: collapse; }
.fixed_headers thead tr, .fixed_headers tfoot tr { display: block; position: relative; }
.fixed_headers td:nth-child(1), .fixed_headers th:nth-child(1) { min-width: 100px;}
.fixed_headers th, .fixed_headers td { padding: 8px; text-align: left; }
.fixed_headers td:nth-child(2), .fixed_headers th:nth-child(2) { width: 750px; }
.fixed_headers td:nth-child(3), .fixed_headers th:nth-child(3) { width: 200px; }
.fixed_headers tbody { display: block; overflow: auto; width: 100%; min-height: 40px; max-height: 296px;}
.fixed_headers > tbody > tr > td { padding: 10px 8px; }
.fixed_headers > tbody > tr > th, .fixed_headers > tfoot > tr > th, .fixed_headers > thead > tr > td, .fixed_headers > tbody > tr > td, 
.fixed_headers > tfoot > tr > td {
    border-top: none; border-bottom: 1px solid rgb(221, 221, 221);
}
/* Scroll Table End*/
.dropdownValue{color: #076ca4}
.fieldInline{white-space:nowrap}
.fieldInline > span{margin:0 !important;}

table.customTableStyle thead th .glyphicon {margin: 0}
.srcApplicantOption .datebirthpicker{display: inline-block}
.pagenationFilter{border:0; background-color: rgba(0,0,0,0)}
/* Login Start*/
.loginbg { background-color: #ebebeb;}
.loginContainer{ width: 402px; border:10px solid #c0c0c0; margin: 10% auto 0; background-color: #fff; padding: 25px}
.loginHeader{ font-size: 30px}
.loginContainer label { font-size: 13px;}
.loginBtn, .loginBtn:focus{width:100%;text-align:center;border:none;border-radius:0;background-color:#004080;font-size:12px;color:#fff; padding:8px 0}
.loginBtn:hover{background-color:#10253f;color:#fff}
/* Login End*/
.customTableStyle > thead > tr > th.text-center{text-align: center}
table.customTableStyle > tfoot > tr > td{height:34px}
.bgGrayforHeading h2{background-color: #ededed; padding: 10px}

ul.bulletColorCha, ul.bulletColorCha > li > ul {list-style-type: none}
ul.bulletColorCha > li, ul.bulletColorCha > li > ul {padding-left: 1em; text-indent: -.7em}
ul.bulletColorCha > li:before, ul.bulletColorCha > li > ul > li:before{content: '\2022\00A0';  color: #076ca4;  font-size: 22px;
  position: relative;  top: 3px}
ul.bulletColorCha > li > ul > li:before{content: '\2010\00A0'}

.headerBgWithBor{border:1px solid #ddd; background:#ebebeb; padding:10px; font-size: 14px}
.threeSideBor{border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding: 15px}
select[multiple].form-control{border-radius: 0px}
.leaseDecisionDisclaimer .customPackagebox{font-size: 12px; line-height: 20px}

.in-Progress{  background-color:#9ed5ff; border:1px solid #003e51;}
.in-Progress .tick {  background-color:#3399ff;}


/*Added in login.html */
.login-custom-navbar{background-color: #003346;border:0px solid;border-radius:0px}
.login-custom-nav{display:table}
.login-custom-nav > li{width:auto}
.login-custom-nav > li >a {border-radius:0px;padding: 14px 15px;color:#FFFFFF}
.login-custom-nav > li >a:hover{color:#003346}
.login-custom-nav > li >a:active , .login-custom-nav > li >a:focus{color: #fff;background-color: #337ab7;}
.login-custom-navbar-collapse{padding-left:0px;padding-right: 0px;}
.img-container{height: 268px;background: url("../images/Banner_Image1.png") no-repeat;background-size: cover;}
.bottom-links{list-style:none;}
.bottom-links li{display:inline-block;border-right:#006699 1px solid;line-height: 12px;padding-right: 10px}
.bottom-links a{text-decoration:none;color:#006699;font-size: 13px;}
.bottom-links li:last-child{border-right:0px }
.bottom-links li:not(:first-child){padding-left:10px}
.creditReporting{font-size: 11px;display: inline-block;}
.houstonApartmentImg{vertical-align:top}
.bannerImg{background:url("../images/Banner_Image_2.png") no-repeat ; width:100%; border-radius:0 !important;margin-bottom: 10px;background-size:cover; height: 318px;}
.bannerImg p{font-size: 1.625em;}
.bannerImg ul{list-style-type:none}
.box-shadow{box-shadow: 75px 10px 34px -67px #efefef}
.certifiedLogo{margin-top:111px}
.font-size-15{font-size:15px}

@media (min-width:960px){
    .login-custom-nav > li >a {border-radius:0px;padding: 14px 13px;color:#FFFFFF}
    .login-custom-nav > li {width: auto;display: table-cell}
    .login-custom-nav > li >a{margin-bottom:0;}
    
    .login-form-haa .noBold{font-size: 15px}
    .login-form-haa .forgotPassword{font-size: 14px} 

} 
/* Login Page Updated Version 3.0*/
.updatedLogin{background: #eeeeee }
.updatedLogin .container{background: transparent}
.loginPageBackground{background: #eeeeee}
.whiteBackground{background: #FFFFFF}
.padding3Percent{padding:3%}
.houstonImg{background:url("../images/Login_banner_Image.png") no-repeat ; width:100%; border-radius:0 !important;margin-bottom: 10px;background-size:cover;height: 285px;border:#0d4978 1px solid}
#houstonApartmentImg .jumbotron{padding:10px}
#houstonApartmentImg a{text-decoration: none}
.whiteBorder{border: #FFFFFF 1px solid}
.grayColor{border:#e7e7e7 1px solid}
.clearBoth{clear:both}
.paddingLeft0{padding-left:0}
.updatedLogin footer{margin: 35px 0 15px;}
.padding10{padding:10px}
.paddingTop20{padding-top:20px}
.paddingRight20{padding-right:20px}
.paddingRight10{padding-right:10px}