/* CULA Program Website Style  */

/*
* Last Revised Dec  18, 2015 change font on body, padding on numeric input boxes
* Last Revised Oct  6, 2015 Eliminate #Main-Containter and .Right-Container,  move  to templates
* Last Revised Sep 2, 2015
* Created Apr 2015 by Chenny Xia
* Updated Sep 2, 2015 by Chenny Xia
*/

/*
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Header Styles
 * 4.0 - Footer Styles
 * 5.0 - General Styles
 * 	5.1 - Dashboard Page
 *	5.2 - Reports page
 *	5.3 - Modals Styles
 *	5.4 - Bill of Sale page
 *	5.5 - Documents Delivered Section
 *	5.6 - Lease Termniation Info
 * -----------------------------------------------------------------------------
 */

 /*
 * 1.0 - Reset
 * -----------------------------------------------------------------------------
 */
html{
	font-family: 'Roboto', sans-serif;
	color:#000;
	line-height: initial;	
}
body{
	font-family: 'Roboto', sans-serif;
	/* Dec 18, 2015 */
	font-size: small;
	/* Dec 18, 2015 */
	margin:0px;
	padding:0px;
	width:100%;
	min-width:1155px;
	height:100%;
	position:relative;
	background-color:#D9D9D9;
	background-image: url("/images/cula-background.jpg");
	background-repeat:repeat-y;
	background-position:center center;
}
*, 
*:before, 
*:after, 
body *{
	box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	-o-box-sizing:content-box;
}
body h1, 
body h2, 
body h3, 
body h4, 
body h5, 
body p{
	/*font-size: initial;*/
	line-height: normal;
	margin: 0;
}
h1{
    box-shadow: none;
    color: #000;
    font-family: "Montserrat",sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}
h2{
	font-size: 16px;
   	color: #8B8B8B;
    font-weight:bold;
}
/*body h1{
	font-size: 16px;
}*/
.btn, .btn-large, .btn-flat{
	margin-bottom: 0;
}
.btn:hover, .btn-large:hover {
	background-color:#066098;
}
.btn:hover input[type="submit"], 
.btn-large:hover input[type="submit"], 
.btn:hover input[type="button"], 
.btn-large:hover input[type="button"],
.waves-input-wrapper input[type="submit"]:hover, 
.waves-input-wrapper input[type="button"]:hover {
	color:#fff;
}
/*h1{font-size:20px;
	color:#8b8b8b;
}*/
a{
	color:#0A5F98;
	text-decoration:none;
}
input[type="text"] {
    border: 1px solid #9e9e9e;
    width:200px; 
    /*  Dec 18, 2015 */
    padding-right:5px;
    /*  Dec 18, 2015 */
}

/*
* 2.0 - Repeatable Patterns
* -----------------------------------------------------------------------------
*/
.clear { 
	clear:both; 
}
.odd{
	background-color:#f7f7f7;
}
.even{
	background-color:#fcfcfc;
}
.white{
	background-color:#fff;
}
.white:hover{
	background-color:#a0c2db!important;
}
.bold-text{
	font-weight:600; 
	color:#000!important;
}
.no-decoration{
	text-decoration:none;
} 
.error{
	padding-top:10px; 
	font-size:15px; 
	color:#ff0000;
}
/* calendar styling */
.popupControl #calendar-popup td, 
.popupControl #calendar-popup th{
    border-radius: 0;
    padding: 1px;
    text-align: center;
}
.popupControl {
	/* important because something else is overriding this style in dashboard */
    border: 2px solid #066098 !important;
    padding: 0;
}

table tr#criteria td:first-child, 
table tr#buttonsline td:first-child{
	padding-left:7px;
}
input[type=submit],
input[type=button]{
	font-size: 13px;
	border: 2px solid #005E9A;
	font-weight: 600;
	padding: 14px 10px;
	color: #0a5f98;
	background-color: #fff;
	box-shadow: 0 0 0;
	border-radius: 0 0 0;
}
input[type=submit]:hover, 
input[type=button]:hover{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-decoration: none;
    background-color: #26A69A;
    text-align: center;
    -webkit-transition: 0.2s ease-out;
    -moz-transition: 0.2s ease-out;
    -o-transition: 0.2s ease-out;
    -ms-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    cursor: pointer;
}
.waves-input-wrapper input[type=submit], 
.waves-input-wrapper input[type=button]{
	font-size: 13px;
	font-weight: bold;
	color:#0a5f98;
	font-style:normal;
	background-color: transparent;
	border:none;
	padding:11px 2rem;
}
.waves-input-wrapper input[type=submit]:hover, 
.waves-input-wrapper input[type=button]:hover{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
    cursor: pointer;
}
.waves-input-wrapper {
	background-color:#fff;
	padding:0;
}
.select-wrapper input.select-dropdown {
	height:30px;
	line-height:30px;
}
select {
	display:block;
	height: 30px;
	padding: 0;
	color: #9e9e9e;
	border: 1px solid #9e9e9e;
	background-color: #fff;
	width:200px;
	padding-left:8px;
}
select:focus {
	border: 1px solid #26a69a;
	outline: none;
}
input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="date"], 
input[type="tel"], 
input[type="number"], 
input[type="search"] {
	height:30px;
	padding-left:8px;
}
input[type=text].select-dropdown{
	background-image:url("/images/dropdown-arrow.jpg");
	background-repeat:no-repeat;
	background-size:10px;
	background-position:95%;
	overflow-x: hidden;
}
/* Fixed Sizes for inputs/select elements */
input.input175 {
	width:175px;
}
input.input260 {
	width:260px;
}
select.input175 {
	width:175px;
}
select.input260 {
	width:260px;
}
div.full {
	width:100%;
}
div.one-half {
	width:50%;
}
div.one-third {
	width:33%;
}
div.two-thirds {
	width:67%;
}
div.one-quarter {
	width:25%;
}
div.three-quarters {
	width:75%;
}
.input-field label {
	top:7px;
}
div.reports-alternate div:nth-child(odd) {
	background-color:#ffffff;
}
div.reports-alternate div:nth-child(even) {
	background-color:#f0f4f7;
}
div.pulldown-menu {
	padding-top:0 !important;
	padding-left:0 !important;
}
div.span {
	display:inline;
}
div.input-field{
	padding:0px!important;
	width:96%;
	margin:10px;
}


/* 3.0 - Header Styles
* -----------------------------------------------------------------------------
*/
header{
	width:100%;
	max-width: 1200px;
	height:80px;
	margin:auto;
	padding:12px 0px 23px 0px;
	background: #f0f4f7;
}
.header-container{
	width:1155px;
	left:0px;
	position: relative;
}
.logo{
	float:left;
	margin-top: -20px;
	width: 302px;
}
.logo img{
	display: block;
	margin:0 auto;
}
.main-nav {
    bottom:0;
    right:-25px;
    top:0;
    position: absolute;
}
.main-nav > ul{
	margin: 0;
}
.main-nav li {
    background: none repeat scroll 0 0 #066098;
    border-left: 1px solid #046bab;
    border-right: 1px solid #064c77;
    float: left;
}
.main-nav li:hover{
    background: #4686ac;
}
.main-nav li a {
    color: #ffffff;
    float: left;
    padding: 0 20px;
    height:50px;
    line-height: 50px;
    text-decoration: none;
}
.main-nav .intro-user {
    color: #505050;
    margin: 15px 0;
    text-align: right;
    font-size: 14px;
    font-weight:300;
}

/*
* 4.0 - Footer Styles
* -----------------------------------------------------------------------------
*/
footer{
	width:100%;
	max-width: 1200px;
	margin:auto;
	clear:both;
}
.footer-top{
	background: rgba(0, 0, 0, 0) url("/images/bg-footer.jpg") repeat scroll 0 0;
    height: 80px;
}
.footer-bottom{
	height:37px;
	background: #000;
}
.footer-container{
	width:1155px;
	left:25px;
	position: relative;
}
.copyright{
	color:#9e9e9e;
	float:left;
	padding-top:10px;
}
.footer-nav{
	padding-top: 5px;
	float:right;
}
.footer-nav ul{
	list-style-type:none;
	float:left;
	margin:0px;
	padding-top:5px;
}
.footer-nav ul li.last{
	padding-right:0;
}
.footer-nav ul li{
	display:inline;
	padding:21px;
	padding-bottom:0px;
}
.footer-nav ul li a{
	text-decoration:none;
	color:#959494;
}

/*
* 5.0 - General Styles
* -----------------------------------------------------------------------------
*/
#MainContent_ShowDetailsPanel .firstTd {
    padding: 0 0 0 20px;
}
#MainContent_ShowDetailsPanel .lastTd {
    padding: 0 20px 0 0;
}
#MainContent_ShowDetailsPanel td {
    padding: 5px 0;
}
#MainContent_ShowDetailsPanel .fontPmtInvHeader {
    color: #a4a4a4;
}
#MainContent_ShowDetailsPanel .fontnumbersAccounting {
    font-weight: 500;
}
/*#MainContent_ShowDetailsPanel table tr {
    background: none repeat scroll 0 0 #fcfcfc;
}
#MainContent_ShowDetailsPanel table tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #f7f7f7;
}
#MainContent_ShowDetailsPanel table td {
    padding: 15px 0;
}*/
#MainContent_ReferenceID {
	width:100%!important;
}
#MainContent_LoadLeaseButton {
	height:35px!important;
	border:2px solid #0a5f98!important;
	background: #fff!important;
	color:#0a5f98;
	text-transform: uppercase;
}
#StatusContent_CurrentLeaseCondition {
	float:right;
}
#MainContent_WorkingOnForm {
	border-bottom: none;
	color: #fff;
	height: 1px;
	cursor: default;
}
#TopSearchParameters u{
	text-decoration:none;
}
.admin-links a {
    color: #000000;
    margin-right:10px;
}
.admin-links .active, 
.admin-links a:hover {
    border-bottom: 3px solid #0a5f98;
    color: #0a5f98;
    padding-bottom: 2px;
}
.input-field label{
	left: 1rem;
	background: #fff;
}
.update_fields .no-pad {
    padding: 0;
}
.update_fields .input-field, 
.update_fields .input-field input, 
.update_fields .row .select-wrapper {
    margin: 0;
    margin-right:10px;
}
.update_fields .row .inputLabel p {
    height: 45px;
    line-height: 45px;
}
.funding_details {
	float:left;
	width:50%;
	margin-top:20px;
}
span.leaseadminspan {
	font-size: 15px;
	float: right;
}
.documents .documents-title{
	padding-top: 40px;
	padding-bottom: 20px;
	font-weight: 600;
}
.doc-item {
	padding: 20px;
}
.documents .doc-item{
	padding-bottom:6px;
}
.doc-item .left {
	float: left;
}
.doc-item .right {
	float: right;
}
.doc-item .right a{
	background-color: #fff;
	padding: 0 11px;
	font-size: 15px;
	margin-right: 10px;
	color: #0a5f98;
	box-shadow: 0 0 0;
	border-radius: 0 0 0;
	margin-top: -11px;
}
.manage-charges{
	float:right!important;
}
.arrow-title span{	
	text-indent:20px;
	padding-right:57px;
}
.arrow-title{
	background-image:url("/images/left-arrow.png");
	background-repeat:no-repeat;
	background-position: 0px;
	background-size:22px;
}
.arrow-title a{
	font-size: 15px;
	border: 2px solid #005E9A;
	font-weight: 600;
	padding: 0px 10px;
	float: right;
	margin-right:15px;
	color: #0a5f98;
	background-color: #fff;
	box-shadow: 0 0 0;
	border-radius: 0 0 0;
	top: -9px;
}
.arrow-title h1{
	float:left;
	text-indent: 20px; 
	padding-top:3px;
}
.arrow-title .second-header-button {
	float:right;
}
.arrow-title .second-header-button a{
	font-size: 15px;
	background-color: #005E9A;
	border: 2px solid #005E9A;
	font-weight: 500;
	padding: 0px 10px;
	float: left;
	color: #fff;
	margin-right:0px;
}
.arrow-title .inner-right-side h2{
	font-weight:400;
}
.inner-right-side h2:last-child{
	padding-top: 50px;
}
.arrow-title input{
	width: 200px;
	height: 30px;
	font-size: 20px;
	/*padding-left: 10px;
	border:2px solid #A3A3A3;*/
}
.arrow-title input:focus{
	/*outline:0;
	border: 2px solid #005E9A;*/
}
/*.lease-termination-info .status-table {margin-top:0px;}*/
.table-selection-links {
	margin-top:45px;
}
.table-selection-links a{
	margin-right: 10px;
	color:#000;
	border-bottom:5px transparent;
	padding-bottom: 7px;
}
.table-selection-links a:hover{
	color:#005E9A;
	border-bottom:5px solid #005E9A;
}
.row .right-side{
	float: right;
}
.select-wrapper .mdi-navigation-arrow-drop-down {
    top: 10px;
}
.select-wrapper input.select-dropdown {
	border:1px solid #9e9e9e;
	padding-left:2%;
	width:98%;
}
.input-field .mdi-editor-attach-money{
	font-size: 1rem;
	width: 1rem;
	left: 2rem;
	top:1rem;
}
.input-field .mdi-editor-attach-money{
	font-size: 1rem;
	width: 1rem;
	left: 2rem;
	top:1rem;
}
#modalDeficient.modal{
	top: 20%!important;
}
.info-section .right{
	float:none!important;
}

/*
* 5.1 - Dashboard Page 
* -----------------------------------------------------------------------------
*/
#ctl00_MainContent_DateRangeLabel{
	line-height: 30px;
}

/* 
* 5.2 - Reports Page 
* -----------------------------------------------------------------------------
*/
#buttonsline input[type=submit]{
	margin-right:9px;
	float:left;
}
#buttonsline .select-wrapper:nth-child(2) .mdi-navigation-arrow-drop-down{
	right:-5px;
}
#ctl00_MainContent_MaxRecs{
	display:block;
	width: 153px;
	padding-left:5px;
}
#ctl00_MainContent_FindButton, 
#ctl00_MainContent_PrintButton, 
#ctl00_MainContent_PDFButton{
	width:80px;
}
#ctl00_MainContent_AdvancedOptions{
	width:160px;
}

/*
* 5.3 - Modals Styles
* -----------------------------------------------------------------------------
*/
.modal {
    background: none repeat scroll 0 0 #ffffff;
    max-width: 500px;
    overflow: hidden;
    padding: 20px;
    position: fixed;
    /*right:auto;
    left: auto;*/
    max-height: none;
}
.modal .modal-title{
    color: #000000;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    margin-left:10px;
}

.modal .submit-btns {
	padding-top: 10px;
}
.modal .current-modal-title, 
.modal .modal-lease-number {
	color:#757575;
	font-size: 15px;
}
.modal .row {
    margin: 0;
}
.modal .row .left-label {
    padding: 0;
}
.modal .left-label p {
	margin-top: 30px;
}
.modal .btn {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
    padding: 0 1em;
}
.modal .submit-btn {
    border: 2px solid #0a5f98;
    color: #0a5f98;
    border-radius: 0 0 0;
}
.modal .cancel-btn {
    border: 2px solid #8b8b8b;
    color: #8b8b8b;
    border-radius: 0 0 0;
}
.modal .finalize-btn{
	background: #049800;
	color:#fff;
}
.modal .input-field .disabled-amounts {
    color: #8b8b8b;
}
.modal .disabled-row .left-label p {
    margin-top: 15px;
}
.close-right {
    font-size: 25px;
    position: absolute;
    right: 30px;
    top: 20px;
}
.close-right a{
	color: #8b8b8b;
}

/*
* 5.4 - Bill of Sale page
* -----------------------------------------------------------------------------
*/
.bos-table .row {
    margin-bottom: 10px;
}
.bos-table{
	margin-top: 33px;
}
.bos-table p {
    color: #434343;
    font-weight: 500;
}
.bos-table p b {
    color: #000000;
}
.bos-para {
    margin: 30px 0;
}
.bos-para p {
    color: #9f9f9f;
}
.fontPmtInvHeader th {
    color: #878787;
}
.fontnumbersAccounting td {
    font-weight: 500;
}
.bos-dr .radio-label p{
	color: #000;
}
.radio-label, .radio-inputs {
    display: inline-block;
}
.funded-row .no-pad{
	padding: 0;
}
.funded-row .no-marg{
	margin:0;
}
.funded-row .row-item {
    float: left;
}
.funded-row .input-field {
    margin-top: -12px;
}
html[data-useragent*='MSIE 10.0']  .funded-row .input-field {
    margin-top: -14px;
}
.funded-row .input-field label.active{
	transform:translateY(-70%);
	-moz-transform:translateY(-70%);
	-webkit-transform:translateY(-70%);
	-o-transform:translateY(-70%);
}

/*
* 5.5 - Documents Delivered Section
* -----------------------------------------------------------------------------
*/
.table-accepted{
	padding-top:15px;
	color: #189A18;
	text-align:left;
}
.docs-delivered{
	color: #189A18;
	font-size: 15px;
	float: right;
	text-indent: 24px;
	background-size: 16px;
}
.top-title-status h1{
	color:#8b8b8b;
	font-family: 'Montserrat', sans-serif;
}
.summery-payments .doc-item{
	padding-bottom:35px;
}
.summary-title{
	padding-bottom:20px;
	padding-top:20px;
	font-weight:600;
}
.table-data-value .pending-button a{
	background-color: #fff;
	padding: 0 9px;
	font-size: 15px;
	margin-right: 10px;
	color: #0a5f98;
	box-shadow: 0 0 0;
	border-radius: 0 0 0;
	margin-top: -10px;
}

/*
* 5.6 - Lease Termniation Info
* -----------------------------------------------------------------------------
*/
.termination-term-table .doc-item .summary-table-head-value{
	padding-right:0px!important;
}
.termination-term-table a{
	background-color: #049800;  box-shadow: 0 0 0;  
    color: #fff;  text-align: center;  
    font-weight: bold;  
    text-decoration: none;
    padding:0;
    border-radius: 0 0 0;  
    margin-top: -10px;  
    display: block;
    width:100px;
}
.termination-term-table a:hover{
	box-shadow: none;
}
.termination-term-table .table-payment-number, 
.termination-term-table .table-payment-number{
	width:75px;
	float:left!important;
}
.termination-term-table .table-taxes, 
.termination-term-table .table-taxes{
	width:105px;
	float:left!important;
}
.termination-term-table .table-int-penalty, 
.termination-term-table .table-int-penalty{
	width:110px;
	float:left!important;
}
.termination-term-table .table-ppd-penalty, 
.termination-term-table .table-ppd-penalty{
	width:120px;
	float:left!important;
}
.termination-term-table .table-payout-date, 
.termination-term-table .table-payout-date{
	width:123px;
	float:left!important;
}
.termination-term-table .table-end-balance, 
.termination-term-table .table-payout-value{
	width:120px;
	float:left!important;
}
.termination-term-table .table-button, 
.termination-term-table .table-payout-button{
	width:108px;
	float:left!important;
}