/***** Clear Styles *****/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,input,select,textarea{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;font-family:inherit;font-weight:inherit;vertical-align:baseline;box-sizing:border-box;}
ol,ul{list-style:none;}
a,a:hover,a:active{outline:none;text-decoration:none;color:inherit;}
a:hover{}
html{overflow-y:scroll;}


/***** Standard Styles *****/

body{font-family:'Source Sans Pro',helvetica,arial,sans-serif;font-weight:400;background:#f6f7fb;color:#525252;}

a{color:#3366CC;transition:0.3s ease;}
a:hover{color:#224282;}

p{font-size:18px;line-height:27px;margin-bottom:20px;}

h1,h2{font-weight:600;font-size:28px;margin-bottom:20px;}
h3,h4,h5,h6{font-weight:600;margin-bottom:20px;}

strong, b{font-weight:bold;}
em, i{font-style:italic;}
.clear{clear:both;}
hr{margin-bottom:20px;border:0px;height:1px;background:#777;}
blockquote{margin:0px 0px 20px 20px;padding:15px 20px;border-left:2px solid #777;font-style:italic;color:#555;}
blockquote p:last-of-type{margin-bottom:0px;}
ul,ol{font-size:16px;line-height:22px;padding-left:40px;margin-bottom:20px;}
ul{list-style:disc;}
ol{list-style:numeric;}


/***** Custom Styles *****/

.header{width:100%;position:fixed;top:0px;left:0px;background:#fff;z-index:2500;border-bottom:1px solid #e3e3e3;}
.header .content{padding:20px 0px;min-height:auto!important;}
.header .content:after{content:' ';display:block;clear:both;}
.header h2{margin-bottom:0px;float:left;cursor:default;}

.logo{display:block;background-position:50% 50%;background-size:cover;background-repeat:no-repeat;}
.logo-small{height:40px;width:40px;border-radius:7px;background-image:url('/theme/images/hess-loan-logo-small.png')}

.content{width:1000px;margin:0px auto;padding:110px 0px 0px;}

.card{width:100%;background:#fff;width:100%;margin:0px auto 30px;padding:25px 30px;border-radius:4px;box-shadow:0 6px 12px 0 rgba(50,50,93,.1),0 3px 6px 0 rgba(0,0,0,.07);}
.card.card-small{width:320px;}
.card.card-narrow{width:420px;}
.card.card-medium{width:640px;}
.card.card-column-main{width:640px;float:left;}
.card.card-column-side{width:300px;float:right;}
.card.card-column-half{width:48%;float:left;}
.card.card-column-half.card-column-half-last{float:right;}
.card.card-column-third{width:305px;float:left;}
.card.card-column-third-middle{margin-left:30px;margin-right:30px;}
.card:after{content:' ';display:block;clear:both;}

.panel{background:#2f323a;width:225px;height:100%;position:fixed;top:0px;left:0px;z-index:3500;transition:0.15s;transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95);}
.panel .site-title{font-weight:600;font-size:24px;width:100%;padding:20px 0px 20px 20px;display:block;color:#ccc;}
.panel .site-title span{display:block;float:left;margin:2px 0px 0px 15px;}
.panel .site-title .logo{float:left;box-shadow:0 4px 8px rgba(0,0,0,0.25);transition:0.3s ease;height:34px;width:34px;}
.panel .site-title:hover{color:#fff;}
.panel .site-title:hover .logo{box-shadow:0 4px 8px rgba(0,0,0,0.5);}
.panel .site-title:after{display:block;clear:both;content:'';}
.panel .site-title + .divider{margin-top:8px;}
.panel .links{margin:0px;}
.panel .links a{padding:15px 20px;color:#ddd;width:100%;border-left:3px solid transparent;display:block;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:0.5px;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.panel .links a.active{color:#fff;background:#171a1e;border-left:3px solid #3498db;}
.panel .links a:hover{color:#fff;background:#171a1e;border-left:3px solid #3498db;}
.panel .links.links-bottom{padding-left:20px;margin-top:0px;}
.panel .links.links-bottom a{font-size:12px;text-transform:none;display:inline-block;width:auto;padding:2px;border-left:0px;}
.panel .links.links-bottom a:hover{background:inherit;}
.panel .divider{height:3px;margin:30px auto;width:85%;clear:both;background:rgba(255,255,255,0.15);}

.menu-icon{display:none;height:74px;width:74px;position:absolute;top:0px;right:-74px;padding-top:25px;background:#fff;cursor:pointer;box-sizing:border-box;z-index:10001;-webkit-tap-highlight-color:transparent;}
.menu-icon-line{background:#3498db;width:25px;height:4px;margin:0px auto 0;border-radius:1px;transition:.3s;transform:rotate(0deg);position:relative;top: 0px;}
.menu-icon-line:nth-of-type(2){margin-top:4px;}
.menu-icon-line:nth-of-type(3){margin-top:4px;}
.menu-icon:hover .menu-icon-line{background:#2980b9;}

.panel.panel-active{left:0px!important;transition:0.3s;}
.panel.panel-active .menu-icon{background:transparent;}
.panel.panel-active .menu-icon-line{background:#ccc;}
.panel.panel-active .menu-icon-line:nth-of-type(1){-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;top:6px;}
.panel.panel-active .menu-icon-line:nth-of-type(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);position:relative;top:-10px;}
.panel.panel-active .menu-icon-line:nth-of-type(2){opacity:0;}
.panel.panel-active .menu-icon:hover .menu-icon-line{background:#eee;}

.menu-bg{opacity:0;position:fixed;z-index:3000;top:0px;left:0px;width:0px;height:0px;background:#000;}
.menu-bg.menu-bg-active{opacity:0.5;width:100%;height:100%;transition:opacity 0.3s;}

.content.content-stats{position:relative;}

.card.card-stat{height:200px;width:235px;margin-right:20px;margin-bottom:20px;float:left;text-align:center;padding:15px 5px;}
.card.card-stat:nth-of-type(4n+1){clear:both;}
.card.card-stat:nth-of-type(4n){margin-right:0px;}
.card.card-stat h6{font-size:20px;margin-bottom:40px;}
.card.card-stat .stat{font-size:40px;font-weight:600;}
.card.card-stat .next-payment-date{opacity:0.5;padding-top:8px;}

.card.card-transactions{}
.card.card-transactions table .balance{opacity:0.75;}
.card.card-transactions table tr:nth-of-type(2n){background:#fafafa;}

.card.card-amortization{}
.card.card-amortization .year-mark{font-weight:bold;}

.card.card-pdf{padding:0px;overflow:hidden;margin-bottom:50px;}
.card.card-pdf embed{width:100%;display:block;}

.card.card-tax{padding:0px;}
.card.card-tax a{display:block;padding:15px 30px;border-bottom:1px solid #ddd;}
.card.card-tax a:last-of-type{border-bottom:0px;}
.card.card-tax a:hover{background:#eee;}
.card.card-tax a:hover .icon-file{box-shadow:0 .03em .1em rgba(0,0,0,0.6), -.2em -.42em .1em -.2em rgba(0,0,0,0.6)}
.card.card-tax .icon-file{font-size:34px;margin-right:15px;transition:0.3s ease-in-out;}
.card.card-tax-notes{}
.card.card-tax-notes ul{padding-left:20px;}
.card.card-tax-calc{}
.card.card-tax-calc table{width:200px;max-width:100%;}
.card.card-tax-calc table tr td:last-of-type{text-align:right;}
.card.card-tax-calc table tr th:last-of-type{text-align:right;}

table{width:100%;border-collapse:collapse;}
table th{text-align:left;padding-bottom:10px;}
table .num{text-align:right;}


/** Login Styles **/

.login-box{margin:12% auto 0px!important;}
.login-box input[type="text"],
.login-box input[type="password"]{padding:6px 12px;font-size:16px;}
.login-box input[type="submit"]{margin-bottom:0px;}
.login-box h1{text-align:center;}
.login-box-links{width:300px;box-sizing:border-box;font-size:12px;padding:25px 30px;margin:10px auto;text-align:center;}
.login-box-links a{color:#777;}
.login-box form{margin-bottom:0px;}


/** Form Styles **/

input,
select, 
textarea{font-family:"Open Sans",helvetica,arial,sans-serif;font-size:14px;color:#575b64;border:1px solid #e3e3e3;background:#fdfdfd;margin-bottom:15px;padding:5px 10px;box-sizing:border-box;width:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;}
input:focus,
select:focus,
textarea:focus{color:#40434A;-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.15);}

input[type="submit"]{border:0px;background:#3498db;color:#fff;text-transform:uppercase;font-size:12px;font-weight:bold;letter-spacing:0.5px;text-align:center;display:block;width:auto;min-width:135px;padding:6px 12px;box-sizing:border-box;margin:5px auto 15px;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.6);-webkit-transition: 0.3s;transition: 0.3s;}
input[type="submit"]:hover{color:#fff;-webkit-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);-moz-box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);box-shadow: 0px 3px 8px -2px rgba(0,0,0,0.6);}
input[type="submit"]:focus{background:#224282}
input[type="submit"]::-moz-focus-inner{border:0;outline:0;}


/***** Notice Styles *****/

.notice{width:100%;padding:8px 10px;box-sizing:border-box;margin-bottom:15px;}
.notice.notice-error{border:1px solid #ff0000;background:#ffa0a0;}
.notice.notice-success{border:1px solid #70964e;background:#d8f5c4;}
.notice.notice-warning{border:1px solid #cec460;background:#f8f4c4;}
.notice span:first-of-type{font-weight:bold;}


/***** Icon Styles (Icons) *****/

.icon{color:currentColor;display:inline-block;position:relative;vertical-align:middle;height:1em;width:1em;}
.icon:after,
.icon:before,
.icon i,
.icon i:after,
.icon i:before{display:block;position:absolute;box-sizing:border-box;color:currentColor;content:'';}

.icon-file{width:0.8em;height:0.65em;margin:.35em .2em 0;border-bottom-right-radius:.1em;border-bottom-left-radius:.1em;box-shadow:0 .03em .1em rgba(0,0,0,0.3), -.2em -.42em .1em -.2em rgba(0,0,0,0.3);}
.icon-file:before{width:.45em;height:.35em;top:-.35em;left:0;background:currentColor;border-top-left-radius:.05em;width:.45em;height:.35em;top:-.35em;left:0;border-top-left-radius:.1em;}
.icon-file t{display:block;position:absolute;top:-.35em;right:.35em;z-index:11;width:.35em;padding-bottom:.35em;border-top-left-radius:.1em;overflow:hidden;transform-origin:100% 0;transform:rotate(-90deg);}
.icon-file t:after{display:block;content:'';position:absolute;top:0;right:0px;width:100%;height:141%;transform-origin:inherit;transform:rotate(45deg);}
.icon-file s{display:block;position:absolute;top:.29em;right:0em;z-index:10;width:.35em;padding-bottom:.35em;overflow:hidden;transform-origin:100% 0;transform:rotate(90deg);border-top-left-radius:0.12em;opacity:0.2;}
.icon-file s:after{display:block;content:'';position:absolute;top:0;right:0px;width:100%;height:141%;transform-origin:inherit;transform:rotate(45deg);background:linear-gradient(45deg, rgba(0,0,0,.8) 0%,rgba(0,0,0,.8) 1%,rgba(0,0,0,0) 100%);}
.icon-file i,
.icon-file i:before,
.icon-file i:after{position:absolute;background:#fff;width:.5em;height:.05em;top:0.15em;}
.icon-file i{left:0.15em;}
.icon-file i:before{top:0.12em;}
.icon-file i:after{top:0.24em;width:.3em;}
.icon-file{background:#aaa;}
.icon-file:before{background:#aaa;box-shadow:.15em .175em 0 #aaa}
.icon-file t:after{background:#ccc;}


/** Specific Styles **/

form{margin-bottom:20px;}



/** Laptop Styles **/
@media only screen and (min-width: 1260px) and (max-width: 1499px) {
	
	.content{margin-left:250px;}
	
}

/** Small/Medium Screen Styles **/
@media only screen and (min-width: 1230px) and (max-width: 1259px) {
	
	.content{margin-left:230px;}
	
}

/** Small Screen Styles **/
@media only screen and (min-width: 1000px) and (max-width: 1229px) {
	
	.content{}
	
	.panel{left:-225px;}
	.panel .menu-icon{display:block;height:56px;width:56px;position:absolute;right:-56px;padding-top:20px;}
	
}

/** Tablet Styles **/
@media only screen and (min-width: 569px) and (max-width: 999px) {
	
	.content{width:565px;padding-top:90px;}
	
	.card,
	.card.card-narrow,
	.card.card-column-main,
	.card.card-column-side,
	.card.card-column-half,
	.card.card-column-third{width:100%;float:none;padding:25px 20px;margin:0px auto 20px;}

	.header{}
	.header .content{padding:15px 0px;}
	.header h2{font-size:22px;}
	
	.panel{left:-225px;}
	.panel .menu-icon{display:block;height:56px;width:56px;position:absolute;right:-56px;padding-top:20px;}
	
	.card-pdf embed{height:750px;}
	
}

/** Mobile Phone Styles **/
@media only screen and (min-width : 0px) and (max-width : 568px) { 
	
	.content{width:320px;padding-top:90px;}
	
	.card,
	.card.card-narrow,
	.card.card-column-main,
	.card.card-column-side,
	.card.card-column-half,
	.card.card-column-third{width:100%;float:none;padding:25px 20px;margin-left:0px;}

	.header{}
	.header .content{padding:15px 0px;position:relative;}
	
	.panel{left:-225px;}
	.panel .menu-icon{display:block;height:56px;width:56px;position:absolute;right:-56px;padding-top:20px;}
	
	
	.card-pdf embed{height:500px;}
	
}