@import url(font.css);

html, body {
	width: 100%;
	height: 100%;
	color: #585d60;
	font-family: 'rsu', helvetica, arial;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 18px;
}
body {
	background-image: url(../img/bg.png);
	background-position: center center;
	background-size: cover;
}
.page-wrapper {
	height: 100%;
	width: 100%;
}
a {
	color: #1a448e;
	cursor: pointer;
}
a:hover {
	text-decoration: none;
}
a, .btn {
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
}
.hr-gray {
	border-color: #c6c6c6;
}
#wrapper {
	margin:0;
	margin-left: 200px;
	position: relative;
	height: 100%;
	overflow: scroll;
}
#wrapper.no-sidebar {
	margin-left: 0px;
}
#wrapper-content {
	margin-top: 90px;
	padding: 0px 30px;
	position: relative;
}
.no-sidebar #wrapper-content {
	padding: 0px 45px;
}
#wrapper-content.padding {
	padding-top: 30px;
}
#wrapper-content.fixed-sticky {
	padding-bottom: 50px;
}
.content {
	padding: 20px;
}
.hide {
	display: none;
}
.inline {
	display: inline-block;
}

/* Typo */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h4 {
	font-size: 20px;
}
.bigger {
	font-size: 120%;
}
hr {
	border-color: #fff;
}
.blue {
	color: #1a448e;
}
tiny, .tiny {
	font-size: 60%;
}
.text-right {
	text-align: right;
}
textarea {
	resize: none;
}
.no-margin {
	margin: 0;
}
.edu {
	padding: 10px 40px 30px;
}
.edu p {
	font-size: 90%;
}
.edu .form-group {
	margin-bottom: 8px;
}
.dl-horizontal dt {
	text-align: left;
	width: 140px;
}
.dl-horizontal dd {
    margin-left: 150px;
}

/* Layout */
.col-sm-15, 
.col-sm-85 {
	float: left;
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-15 {
	width: 12.5%;
}
.col-sm-85 {
	width: 87.5%;
}

/* Login */
.body-login {
	position: relative;
	background-image: url(../img/bg-login.png);
}
.login-header {
	height: 300px;
	padding: 111.6px 68px;
	background-image: url(../img/header-login.jpg);
	background-size: cover;
	background-position: center;
	text-align: right;
}
.login-header img {
	height: 76.8px;
	width: auto;
}
.login-footer {
	position: absolute;
	bottom: 46.5px;
	left: 36px;
	right: 36px;
	height: 164px;
	background-image: url(../img/footer-login.png);
	background-size: 100% 100%;
	z-index: -1;
}
.login-box {
	width: 320px;
	height: 360px;
	margin: 0px auto;
	padding: 50px 0px 0px;
}
.login-form .form-group {
	margin-bottom: 15px;
}
.login-form .form-group.low {
	margin-bottom: 5px;
}
.login-form .login-input {
	height: 72px;
	width: 300px;
	color: transparent !important;
	background-color: rgba(255, 255, 255, 0.8);
	background-repeat: no-repeat;
	background-size: 28px;
	background-position: 19px center;
	border-radius: 36px;
	padding-left: 12px !important; 
	padding-top: 15px !important;
	border: 2px solid #bebebe;
	margin-left: auto;
	margin-right: auto;
	transition: all .5s ease-out;
	color: #646c71 !important;
	background-position: 52.8px center;
	padding-left: 141px !important;
}
.login-user {
	background-image: url(../img/icon/user.png);
}
.login-password {
	background-image: url(../img/icon/password.png);
}
.login-form .login-icon {
	position: absolute;
}
.login-form .login-input.focus,
.login-form .login-input:focus {
	/*width: 300px;
	color: #646c71 !important;
	background-position: 52.8px center;
	padding-left: 141px !important;*/
	border-color: #bebebe;
	box-shadow: none;
}
/*.login-form input::-webkit-input-placeholder {
    color: transparent !important;
}*/
.login-form input:focus::-webkit-input-placeholder {
    color: #646c71 !important;
}
.login-form .login-input,
.login-form .btn {
	padding: 12px;
	font-size: 18px;
}
.login-form .btn {
	width: 110px;
	height: 110px;
	background-image: url(../img/button/button-login.png);
	background-size: 100% 100%;
	background-color: transparent;
	color: #fff;
}
.login-form .btn:focus,
.login-form .btn:active {
	outline: none;
	box-shadow: none;
}

/* Box */
.box {
	margin-bottom: 30px;
}
.box-header {
	padding: 0px 0px 0px 25px;
}
.box-header.has-bg {
	background-image: url(../img/header-text.png);
	background-size: 100% 100%;
	background-position: center;
}
.box-header h4 {
	font-weight: 300;
	color: #808080;
	margin: 0px 0px 25px;
}
.box-header h3 {
	margin: 0px 0px 15px;
	font-weight: bold;
	color: #14323e;
}
.box-header.has-background {
	border: none;
	padding: 20px 20px 18px;
	background-color: #d6d6d6;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.box-header.has-background h4 {
	color: #1a448e;
	margin: 0px;
}
.box-body {
	padding: 30px;
}
.box-body.no-padding {
	padding: 0px;
}
.box-body.low-padding {
	padding: 15px 0px 0px 15px;
}
.box-body.padding {
	padding: 30px 75px;
}
.box-body.no-bg {
	padding-top: 0;
	padding-bottom: 0;
}
.box-body.padding-fixed {
	padding-right: 140px;
}
.box-health .box-body.padding {
	padding: 60px 75px;
}
.box-health .col-md-9,
.box-health .col-md-8 {
	margin-top: 8px;
}
.box-health .form-control {
	text-align: right;
	color: #1a448e !important;
}
.box-body.has-bg {
	background-color: #f7f7f7;
	border: 3px solid #d6d6d6;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.box-body.has-bg.bg-dark {
	background-color: #d6d6d6;
}
.box-body.no-header {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.box-body-column {
	border: 3px solid #d6d6d6;
	background-color: #d6d6d6;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.box-body-left {
	width: 45%;
	display: inline-block;
	background-color: #f7f7f7;
	border-right: 3px solid #d6d6d6;
}
.box-body-right {
	width: 55%;
	display: inline-block;
	background-color: #f7f7f7;
}
.box-body-left,
.box-body-right {
	padding: 10px;
	height: 320px;
	vertical-align: top;
}
.box-table {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgba(179, 179, 179, 0.3);
}
.box-table.has-tab {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.box-summary {
	margin-left: -60px;
	margin-right: -60px;
	padding: 10px 75px 30px;
	text-align: center;
	border-bottom: 3px solid #f1f1f1;
	margin-bottom: 20px;
}
.box-summary.no-padding {
	padding: 0px;
	margin-top: -30px;
}
.box-summary .big {
	font-size: 24px;
	line-height: 20px;
	color: #1a448e;
	font-weight: bold;
}
.summary-left,
.summary-right {
	display: inline-block;
	padding: 40px 0px;
}
.summary-left {
	width: 66.666667%;
	padding-right: 15px;
	border-right: 3px solid #f1f1f1;
}
.summary-right {
	width: 33.333333%;
	padding-left: 15px;
}
.box-item {
	position: relative;
	margin-bottom: 25px;
}
.box-item > b,
.box-item > span {
	display: inline-block;
	margin-top: 6px;
}
.box-item.box-inner {
	padding-left: 40px;
}
.input-right {
	float: right;
}
.input-right input {
	display: inline-block;
	width: 140px;
	margin-right: 10px;
	padding-right: 20px;
	text-align: right;
}
.input-right .left {
	margin-right: 10px;
}
.input-right .right {
	float: right;
	margin-top: 6px;
	text-align: right;
}
.input-right .right-number {
	display: block;
	position: absolute;
	right: 66px;
	top: 0px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 17.5px;
	-moz-border-radius: 17.5px;
	border-radius: 17.5px;
	padding-top: 4px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
.input-right .left-number,
.input-right .left-number2 {
	display: block;
	position: absolute;
	left: -18px;
	top: 0px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 17.5px;
	-moz-border-radius: 17.5px;
	border-radius: 17.5px;
	padding-top: 4px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
.input-right .left-number2 {
	left: -64px;
}
.input-right2 {
	position: relative;
}
.input-right2 input {
	width: 240px;
}
input.has-right {
	margin-right: 82.5px;
}
.has-percent {
	position: relative;
}
.has-percent .input-percent {
	padding-right: 30px;
}
.has-percent:after {
	content: '%';
	position: absolute;
	color: #1a448e;
	right: 5px;
	top: 6px;
}
.has-percent.small:after {
	top: 5px;
}
.box-re1 input {
	height: 46px;
	font-size: 140%;
	text-align: center;
}
.box-re1 .box-body {
	height: 290px;
	text-align: center;
}
.box-re1 .box-body > div {
	display: inline-block;
	position: relative;
}
.box-re1 .box-body > .left {
	width: 300px;
	margin-right: 10px;
}
.box-re1 .box-body > .right {
	width: 380px;
}
.box-re1 .box-item {
	width: 100px;
}
.box-re1 .box-body > .left .left,
.box-re1 .box-body > .left .right,
.box-re1 .box-body > .left .below,
.box-re1 .box-body > .left img {
	position: absolute;
}
.box-re1 .box-body > .left .left {
	top: 0px;
	left: 0px;
}
.box-re1 .box-body > .left .right {
	top: 0px;
	right: 0px;	
}
.box-re1 .box-body > .left .below {
	top: 130px;
	left: 100px;
}
.box-re1 .box-body > .left img {
	width: 80px;
	height: auto;
	left: 110px;
	top: 70px;
}
.box-re1 .box-body > .right .left,
.box-re1 .box-body > .right .right,
.box-re1 .box-body > .right .below,
.box-re1 .box-body > .right img {
	position: absolute;
}
.box-re1 .box-body > .right .left {
	top: 0px;
	left: 0px;
}
.box-re1 .box-body > .right .right {
	top: 0px;
	right: 0px;	
}
.box-re1 .box-body > .right .below {
	top: 130px;
	left: 145px;
}
.box-re1 .box-body > .right img {
	width: 165px;
    height: auto;
    left: 108px;
    top: 46px;
}
.box-re1 .box-item .upper,
.box-re1 .box-item .top,
.box-re1 .box-item .lower {
	font-size: 70%;
	text-align: center;
}
.box-re1 .box-item .upper,
.box-re1 .box-item .lower {
	color: #1a448e;
	font-weight: bold;
}
.box-re1 .box-item .upper {
	height: 20px;
	margin-bottom: 5px;
}
.box-re1 .box-item .top {
	color: #fff;
	padding: 2px 0px;
	background-color: #21385b;
	border-radius: 4px;
	margin-bottom: 2px;
}
.box-re1 .box-item.below input {
	margin-bottom: 5px;
}
.box-re4 .box-body {
	text-align: center;
}
.box-re4 .right {
	float: right;
	width: 120px;
	text-align: left;
}
.box-re4 .right div {
	margin-bottom: 5px;
}
.box-re4 .right span {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	vertical-align: middle;
}
.box-re4 .right .liquid {
	background-color: #00a79d;
}
.box-re4 .right .invest {
	background-color: #f9b9b7;
}
.box-re4 .right .other {
	background-color: #acdae5;
}
.box-re4 .right.wide {
	width: 160px;
}
.span-dark-blue {
	background-color: #21385b;
}
.span-pink {
	background-color: #f9b9b7;
}
.span-green {
	background-color: #00a79d;
}
.span-blue {
	background-color: #83b1ca;
}
.box-item2 {
	position: relative;
	margin-bottom: 20px;
}
.box-item2.margin-high {
	margin-bottom: 60px;
}
.box-item2 > span {
	display: inline-block;
	padding-top: 5px;
}
.box-item2 .input-right .left,
.box-item2 .input-right .right {
	display: inline-block;
	width: 60px;
}
.box-item2 .input-right .right {
	text-align: right;
}
.box-item2 input {
	width: 160px;
}
.box-item2 input.has-right {
	margin-right: 70px;
}
.box-item2 .input-right .right-number {
	right: 54px;
}
.box-item2 input.wide {
	width: 240px;
}
.box-item2 .input-right div {
	display: block;
	position: absolute;
	top: -1px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 17.5px;
	-moz-border-radius: 17.5px;
	border-radius: 17.5px;
	padding-top: 4px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
.box-item2 .input-right .l {
	right: 57px;
}
.box-item2 .input-right .r {
	right: 15px;
}

/* Profile */
.profile {
	padding: 15px 40px 25px;
	background-image: url(../img/bg-header.png);
	background-size: cover;
	background-position: bottom right;
	text-align: center;
	color: #fff;
	margin-bottom: 20px;
}
.profile.fixed-pd {
	margin-left: -45px;
	margin-right: -45px;
}
.profile .profile-image {
	width: 120px;
	height: 120px;
	vertical-align: top;
	background-image: url(../img/bg-user.png);
	background-size: 100% 100%;
	display: inline-block;
	margin-right: 40px;
	position: relative;
}
.profile .profile-image > div {
	width: 84px;
	height: 84px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	position: absolute;
	left: 18px;
	top: 18px;
}
.profile .info {
	display: inline-block;
	text-align: left;
	margin-right: 40px;
	margin-top: 35px;
}
.profile .info small {
	color: #fbb03b;
}
.profile h3 {
	color: #fff;
	font-weight: normal;
	margin: 0px;
}

/* Navbar */
.navbar {
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
}
.navbar-default {
	background-color: #e2e2e2;
}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active {
	color: #666666;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover {
	color: #666666;
	background-color: #ccc;
}
.navbar-brand {
	height: 90px;
	padding: 5px;
	width: 200px;
}
.navbar-brand img {
	height: 80px;
	margin: 0px auto;
}
.navbar-collapse {
	padding-left: 0px;
	padding-right: 0px;
}
.navbar-nav > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}
.navbar-nav > li.dropdown > a.has-image {
	padding: 35px 20px;
}
.navbar-nav > li.dropdown > a span {
	margin-left: 10px;
	display: inline-block;
	width: 12px;
	height: 6px;
	background-image: url(../img/icon/caret-down.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.navbar-nav > li.dropdown > a.has-image img {
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 10px;
}

/* Sidebar */
#sidebar {
	width: 200px;
	background-color: rgba(0, 0, 0, 0.6);
	background-image: url(../img/bg-sidebar.png);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	overflow: scroll;
}
.sidebar-logo {
	height: 90px;
	padding: 5px;
	text-align: center;
}
.sidebar-logo > img {
	max-width: 100%;
	max-height: 100%;
}
.sidebar-list {
	padding-left: 0px;
	list-style: none;
	margin-bottom: 0px;
}
.sidebar-list > li > a {
	display: block;
	padding: 12px 10px;
	font-size: 16px;
	color: #fff;
	border-left: 8px solid transparent;
}
.sidebar-list > li > a.disabled,
.sidebar-list > li > a.disabled:hover {
	color: #666;
	border-color: transparent;
	background-color: transparent; 
}
.sidebar-list > li > a.disabled img {
	-webkit-filter: brightness(0.4); 
}
.sidebar-list > li > a.active,
.sidebar-list > li > a:hover {
	font-weight: bold;
	border-color: #fbb03b;
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
}
.sidebar-list > li > a div {
	float: left;
	width: 20px;
	text-align: center;
	margin-right: 10px;
}
.sidebar-list > li > a img {
	max-width: 16px;
	max-height: 16px;
}
.sidebar-list > li.line {
	padding: 9px 0px;
}

/* Form */
.form-control {
	font-size: 18px;
	font-weight: bold;
}
.form-control.small {
	height: 25px;
}
.form-horizontal {
	font-size: 18px;
}
.form-horizontal .ilabel {
	font-weight: 300;
	padding-top: 7px;
	margin-bottom: 0px;
}
.form-horizontal .control-label {
	text-align: left;
	color: #1a448e;
	font-weight: 300;
}
.form-horizontal .control-label.has-margin {
	margin-bottom: 10px;
}
.form-horizontal .form-group {
	margin-bottom: 10px;
}
.itable .form-control,
.form-horizontal .form-control {
	height: 32px;
}
.form-horizontal .form-control {
	border-radius: 5px;
	color: #2f4465 !important;
	border: 2px solid transparent;
	background-color: transparent;

	-moz-border-image: -moz-linear-gradient(left, #3a4ed5 0%, #3acfd5 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #3a4ed5 0%, #3acfd5 100%);
	border-image: linear-gradient(to right, #3a4ed5 0%, #3acfd5 100%);
	border-image-slice: 1;
}
.form-control.border[disabled],
.form-control.border[readonly] {
	background-color: #eee;
}
.form-control {
	border-radius: 0px;
	color: #1a448e;
	border: none;
	box-shadow: none;
}
.form-control.border {
	color: #1a448e;
	border: 2px solid transparent;
	background-color: #fff;
	-moz-border-image: -moz-linear-gradient(left, #3a4ed5 0%, #3acfd5 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #3a4ed5 0%, #3acfd5 100%);
	border-image: linear-gradient(to right, #3a4ed5 0%, #3acfd5 100%);
	border-image-slice: 1;
}
.form-control.has-border-radius {
	border-radius: 4px;
}
.form-group.margin-high {
	margin-bottom: 30px;
}
.box-health .form-group.margin-medium {
	margin-bottom: 30px;
}
.box-health .form-group.margin-high {
	margin-bottom: 60px;
}
.form-group.no-margin {
	margin-bottom: 0px;
}
.input-width85 {
	display: inline-block;
	width: 85px;
}
/* ::-webkit-input-placeholder, */
.input-with-text span { /* WebKit, Blink, Edge */
    color: #c0c1c3 !important;
}
.has-error .form-control {
	background-color: #ea6153;
}
.custom-input {
	display: inline-block;
}
.custom-input.has-more {
	margin-right: 20px;
}
.custom-input label,
.custom-input input {
	display: inline-block;
}
.custom-input label.low {
	width: 50px !important; 
}
.custom-input label:first-child {
	width: 120px;
}
.custom-input input {
	width: 50px;
}
.custom-input label:last-child {
	width: 40px;
}
.fixed-size {
	font-size: 18px;
}
.form-inline-block {
	display: inline-block;
}
.checkbox-inline, .radio-inline {
	padding-left: 0px;
}
.checkbox {
	margin-bottom: 8px;
}

/* List */
.white-list {
	list-style: none;
	width: 500px;
	padding: 15px 10px;
	background-color: #d7dcdd;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 0px auto 10px;
}
.white-list > li > a {
	display: block;
	padding: 10px 15px 10px 20px;
	background-color: transparent;
	color: #6d6e71;
}
.white-list > li > a span {
	float: right;
	font-size: 80%;
	margin-top: 2px;
	color: #b3b3b3;
}
.white-list > li > a span span {
	width: 5px;
	height: 5px;
	margin-left: 6px;
	margin-top: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.white-list > li > a .complete span {
	background-color: #23ad02;
}
.white-list > li.active > a {
	color: #fff;
	background-color: #1a448e;
}
.white-list > li.active > a span {
	color: #fff;
}
.white-list + a {
	width: 500px;
	margin: 0px auto 50px;
	display: block;
	text-align: left;
}

/* Margin */
.has-margin {
	margin-bottom: 20px;
}
.has-margin-lg {
	margin-bottom: 30px;
}
.has-margin-right {
	margin-right: 15px;
}

/* Table */
.itable {
	margin-bottom: 15px;
}
.stable-width,
.itable-width {
	width: 100%;
}
.itable.border-high tr > th,
.itable.border-high tr > td {
	border: 12px solid transparent;
}
.itable tr > th,
.itable tr > td {
	border: 10px solid transparent;
}
.itable.has-bg tr > th {
	color: #fff;
	background-color: #808080;
	border-right: 1px solid #b9b9b9;
}
.itable.high-pd tr > th {
	padding: 15px 0;
}
.itable.high-pd tr > td {
	padding: 8px 0;
}
.itable-tax {
	border-spacing: 5px 0px;
    border-collapse: separate;
}
.itable tr > th,
.itable tr > td {
	border-width: 5px;
}
.itable-tax tr > td {
	padding: 5px 2px;
	text-align: center;
}
.itable-tax tr > td:first-child {
	text-align: left;
	padding: 5px 15px 5px 4px;
}
.itable-tax tbody > tr:first-child > td {
	padding: 20px 4px 5px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.itable-tax tbody > tr:first-child > td:first-child {
	padding: 20px 15px 5px 4px;	
}
.itable-tax tbody > tr:last-child > td {
	padding: 5px 4px 20px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.itable-tax tbody > tr:last-child > td:first-child {
	padding: 5px 15px 20px 4px;	
}
.itable-tax tbody > tr:last-child {
	
}
.itable-tax tbody > tr > td {
	background-color: rgba(179, 179, 179, 0.4);
}
.itable-tax tbody > tr > td:first-child {
	background-color: transparent;
}
.itable-tax tbody > tr > td:last-child {
	background-color: rgba(179, 179, 179, 0.6);
}
.itable-tax .form-control {
	width: 130px;
	text-align: right;
}
.itable-tax .percent {
	position: relative;
}
.itable-tax .percent input {
	padding-right: 25px;
}
.itable-tax .percent span {
	display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 5px;
}
#table-re2 tbody > tr > td:first-child {
	padding-top: 5px;
}
#table-re2 input {
	text-align: right;
}
#table-re2-2 .percent,
#table-re2 .percent {
	position: relative;
	display: inline-block;
}
#table-re2-2 .percent input,
#table-re2 .percent input {
	padding-right: 25px;
	text-align: right;
}
#table-re2-2 .percent span,
#table-re2 .percent span {
	display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 6px;
}
#table-re2-2 input {
	text-align: right;
}
#table-re2 .has-right {
	position: relative;
}
#table-re2 .has-right input {
	width: 260px;
	padding-right: 20px;
}
#table-re2 .has-right div {
	display: block;
	position: absolute;
	top: -1px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 17.5px;
	-moz-border-radius: 17.5px;
	border-radius: 17.5px;
	padding-top: 4px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
#table-re2 .has-right .l {
	left: 244px;
}
#table-re2 .has-right .r {
	left: 290px;
}
#table-re2-2 input.fixed-width {
	width: 260px;
	display: inline-block;
}
.stable tr > th {
	color: #fff;
	font-size: 14px;
	background-color: #808080;
	background-clip: padding-box;
	border: 1px solid transparent;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.stable tr > td {
	font-size: 16px;
	padding: 4px 0px;
	text-align: center;
}
.stable tbody > tr:nth-child(even) {
	background-color: #bbe0e9;
}
.stable.lg tr > th {
	padding: 15px 5px;
	font-size: 18px;
}
.stable.lg tr > td {
	padding: 10px;
}
.user-table {
	margin-bottom: 20px;
}
.user-table tr > th {
	color: #fff;
	background-color: rgba(99, 126, 172, 0.6);
	background-clip: padding-box;
	border: 1px solid transparent;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.user-table tr > td {
	padding: 4px 8px;
}
.user-table tbody > tr:nth-child(even) {
	background: rgba(171, 184, 207, 0.6)
}
#table-inp2 input {
	text-align: right;
}
#table-inp2 .has-right {
	position: relative;
}
#table-inp2 .has-right input {
	padding-right: 20px;
}
#table-inp2 .has-right div {
	display: block;
	position: absolute;
	top: -1px;
	width: 35px;
	height: 35px;
	-webkit-border-radius: 17.5px;
	-moz-border-radius: 17.5px;
	border-radius: 17.5px;
	padding-top: 4px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
#table-inp2 .has-right .l {
	right: -17px;
}
#table-summary {
	width: 100%;
}
#table-summary thead > tr > th {
	background-color: #808080;
	color: #f1f2f2;
	font-weight: normal;
	text-align: center;
	padding: 2px;
	font-size: 16px;
}
#table-summary tbody > tr > td {
	font-size: 18px;
	padding: 5px 0px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #1a448e;
}
#table-summary tbody > tr:first-child > td {
	padding-top: 12px;
}
#table-summary tbody > tr > td:first-child {
	font-size: 16px;
	text-align: left;
	color: #58595b;
}
#table-summary tfoot > tr > td {
	color: #b75346;
	text-align: center;
	padding: 5px 0px 5px;
	font-size: 20px;
}


.shape {
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.shape-yellow {
	background-color: #d4ca88;
}
.shape-orange {
	background-color: #dab365;
}
.input-with-unit input,
.input-with-unit span {
	float: left;
}
.input-with-unit input {
	width: 75%;
	margin-right: 5px;
	text-align: right;
}
.input-with-unit span {
	width: 20%;
	line-height: 32px;
}
.input-with-unit.fixed-width input {
	width: 85%;
}
.input-with-unit.fixed-width span {
	width: 10%;
}
.input-with-unit.fixed-width-low input {
	width: 70%;
	margin-right: 10px;
}
.input-with-unit.fixed-width-low span {
	width: 25%;
}
.input-yellow {
	background-color: #d4ca88;
}
.input-orange {
	background-color: #dab365;
}
.input-blue {
	color: #1a448e;
	background-color: #acdae5 !important;
}
.input-blue[disabled] {
	background-color: #86C0CE !important;
}
.input-red {
	color: #1a448e;
	background-color: #efc9c8;
}
.input-red[disabled],
.input-red[readonly] {
	background-color: #efc9c8 !important;
}
.input-primary {
	color: #fff !important;
	background-color: #1a448e !important;
}
.itable .input-group .form-control {
	width: 100%;
}
.itable .btn-hasdropdown {
	width: 32px;
	padding: 0px;
	height: 32px;
	border-radius: 0px;
	background-image: url(../img/icon/caret-down.png);
	background-repeat: no-repeat;
	background-size: 13px 7px;
	background-position: center center;
	background-color: #fff;
	border: none;
}
.itable .input-group-btn.open .btn.btn-hasdropdown {
	background-image: url(../img/icon/caret-up.png);
}
.itable .dropdown-menu {
	width: 220px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 10px;
	text-align: center;
}
.itable .dropdown-menu > li > a {
	color: #fff;
}
.itable .dropdown-menu > li > a:hover {
	background-color: #27292a;
}
.itable h4 {
	margin: 0px;
}
input[type='number'] {
    -moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.panel-income {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.panel-income .itable .input-group .form-control {
	text-align: left;
}
.panel-income .no-padding {
	padding-top: 0px;
}
.panel-income .month {
	text-align: center;
	padding: 20px 65px;
}
.panel-income .month .c1,
.panel-income .month .c2 {
	display: inline-block;
	vertical-align: top;
}
.panel-income .month .c1 {
	width: 40%;
	padding-right: 20px;
}
.panel-income .month .c2 {
	width: 60%;
}
.panel-income .month span {
	padding-top: 2px;
}
.panel-income .month .form-control {
	width: 110px;
	display: inline-block;
	text-align: center;
}
.panel-income .form-control {
	text-align: right;
}
.fixed-padding {
	padding: 0px 60px
}
.panel-income .itable tr > td.has-btn {
	padding-top: 10px;
}
.panel-income .input-with-unit.fixed-width input {
	width: 80%;
}
.panel-income .input-with-unit.fixed-width span {
	width: auto;
}
.panel-income .percent {
	position: relative;
}
.panel-income .percent input {
	padding-right: 25px;
}
.panel-income .percent span {
	display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 10px;
    top: 5px;
}
.percent {
	position: relative;
}
.percent input {
	padding-right: 25px;
}
.percent span {
	display: block;
    width: 10px;
    height: 10px;
    position: absolute;
	right: 18px;
    top: 7px;
}
.panel-summary {
	background-color: #e0e0e0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	margin-bottom: 5px;
}
.panel-summary .panel-heading a {
	display: block;
}
.panel-summary .panel-heading i {
	font-size: 22px;
	margin-top: -1px;
}
.inline-input {
	width: 166px;
}
.inline-input input {
	display: inline;
}
.input-right.year {
	padding-right: 25px;
}

/* Panel */
.panel-income {
	background-color: rgba(179, 179, 179, 0.4);
}
.panel-income .panel-heading {
	padding: 0px;
}
.panel-income .panel-heading a {
	display: block;
	padding: 20px 25px;
	color: #1a448e;
}
.panel-income.panel-new {
	border-radius: 0px;
	border: none;
	margin-bottom: 20px;
}
.panel-income.panel-new .panel-body {
	background-color: #fff;
    padding: 10px 20px 10px 40px;
}
.panel-income.panel-new .panel-body > .panel-item {
	margin-bottom: 5px;
}
.panel-income.panel-new .panel-body > .panel-item .icheckbox_flat-green {
	margin-right: 10px;
}
.panel-income.panel-new .panel-body > .panel-item:last-child {
	margin-bottom: 0px;
}
.panel-income.panel-new .panel-heading a {
	position: relative;
	padding: 15px 20px;
	background-color: #acdae5;
}
.panel-income.panel-new .panel-heading a .tools {
    position: absolute;
    font-size: 32px;
    right: 0;
    top: 0;
    padding: 8px 12px;
    color: #fff;
    width: 47px;
    height: 47px;
    background-color: #5d5d5d;
}
.panel-number {
    float: right;
    margin-right: 40px;
}
.panel-number span {
	width: 50px;
    display: inline-block;
    text-align: right;
    color: #666;
}
.panel-number-fixed {
	float: right;
	margin-right: 40px;
}
.panel-number-fixed > span {
	width: 160px;
	display: inline-block;
    text-align: right;
}
.panel-number-fixed > span:last-child {
	width: 100px;
}
.panel-number-fixed > span > span {
	width: 50px;
    display: inline-block;
    color: #666;
}
.panel-income .panel-body {
	border-top-width: 0px !important;
}
.panel-income {
    margin-bottom: 10px;
}

/* Nav */
.nav-box.nav-justified {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	overflow: hidden;
}
.nav-box.nav-justified > li > a {
	border-radius: 0px;
	border: none;
	background-color: rgba(120, 120, 120, 0.3);
	color: #b3b3b3;
	font-size: 20px;
	padding: 15px 0px;
}
.nav-box.nav-justified > .active > a,
.nav-box.nav-justified > .active > a:focus,
.nav-box.nav-justified > .active > a:hover {
	border: none;
	background-color: rgba(179, 179, 179, 0.3);
	color: #1a448e;
}
.nav-menu.nav-justified {
	margin-bottom: 30px;
	border: 2px solid #1a448e;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.nav-menu.nav-justified > li {
	vertical-align: middle;
	box-shadow: none;
	border: none;
	border-radius: 0px;
	border-right: 2px solid #1a448e;
}
.nav-menu.nav-justified > li:last-child {
	border-right: none;
}
.nav-menu.nav-justified > li > a {
	border-bottom: none;
	border-radius: 0px;
}
.nav-menu.nav-justified > li > a:hover,
.nav-menu.nav-justified > .active > a,
.nav-menu.nav-justified > .active > a:focus,
.nav-menu.nav-justified > .active > a:hover {
	background-color: #1a448e;
	color: #fff;
	border: none;
	border-radius: 0px;
	font-size: 120%;
}
.nav-menu.nav-justified .active a:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #1a448e;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}
.nav-ratio.nav-justified {
	margin-bottom: 20px;
}
.nav-ratio.nav-justified > li {
	position: relative;
}
.nav-ratio.nav-justified > li > a {
	background-color: transparent;
	border: none;
}
.nav-ratio.nav-justified > li > a > div {
	width: 70px;
	height: 70px;
	padding: 0px 0px;
	border-radius: 35px;
	margin: 0px auto 10px;
	border: 5px solid #ccc;
	color: #999;
	background-color: #ccc;
	font-size: 32px;
	line-height: 24px;
}
.nav-ratio.nav-justified > li > a > div > span {
	font-size: 14px;
}
.nav-ratio.nav-justified > li > a > span {
	color: #999;
	font-size: 15px;
}
.nav-ratio.nav-justified li:after {
    content: '';
    width: 100%;
    height: 4px;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 44px;
    z-index: -1;
}
.nav-ratio.nav-justified li:last-child:after {
    background: transparent;
}
.nav-ratio.nav-justified > .active > a,
.nav-ratio.nav-justified > .active > a:focus,
.nav-ratio.nav-justified > .active > a:hover {
	border: none;
	background-color: transparent;
}
.nav-ratio.nav-justified > .active > a > span,
.nav-ratio.nav-justified > .active > a:focus > span,
.nav-ratio.nav-justified > .active > a:hover > span {
	font-size: 18px;
	color: #1a448e;
}
.nav-ratio.nav-justified > .active > a > div,
.nav-ratio.nav-justified > .active > a:focus > div,
.nav-ratio.nav-justified > .active > a:hover > div {
	color: #fff;
	background-color: #21385b;
}
.nav-ratio.nav-justified > .active > a > div > span,
.nav-ratio.nav-justified > .active > a:focus > div > span,
.nav-ratio.nav-justified > .active > a:hover > div > span {
	color: #00a79d;
}

/* Table */
.table > thead > tr > th {
	font-size: 20px;
}

/* Button */
.btn {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 8px 75px;
	font-size: 18px;
}
.btn-sm {
	padding: 1px 30px;
	font-size: 16px;
}
.btn:hover {
	text-decoration: none;
}

.btn-primary {
	background-color: #1a448e;
	border-color: #2f3869;
}
.btn-primary:hover {
	background-color: #133571;
}
.btn-success {
	color: #fff;
	background-color: #2eaa83;
}
.btn-success:hover {
	background-color: #1F926E;
}
.btn-transparent {
	background-color: transparent;
	border: 2px solid #2f3869;
}
.btn-transparent:hover {
	background-color: #1a448e;
	color: #fff;
}
.btn-remove {
	color: #00a79d;
	background-color: transparent;
	border: none;
}

.btn-pills {
	margin-bottom: 25px;
	border: 2px solid #1a448e;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.btn-pills > .btn-group:first-child:not(:last-child) > .btn:last-child {
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.btn-pills > .btn-group:last-child:not(:first-child) > .btn:first-child {
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.btn-pills .btn {
	box-shadow: none;
	border-radius: 0px;
}
.btn-pills .active {
	background-color: #1a448e;
	color: #fff;
}
.btn-pills .active:after {
    content:'';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 15px #1a448e;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
}

.btn-link {
	font-size: 18px;
	color: #1a448e;
}
.btn-border-white {
	border: 2px solid #fff;
	color: #fff;
}
.btn-has-icon {
	padding: 0px;
}
.btn-has-icon i {
	vertical-align: middle;
	margin-right: 10px;
}
.btn-has-icon i:before {
	font-size: 30px;
	vertical-align: bottom;
}
.btn-fullwidth {
	width: 100%;
}
.btn-hasmore {
	margin-right: 10px;
}
.btn-action {
	background-color: transparent;
	border: none;
	color: #1a448e;
}
.btn-action:hover,
.btn-action:focus {
	outline: none;
}
.btn-border-blue {
	color: #1a448e;
	border: 2px solid #1a448e;
	background-color: transparent;
}
.btn-border-blue:hover,
.btn-border-blue:active,
.btn-border-blue:focus {
	color: #fff;
	background-color: #1a448e;
}

/* Graph */
.graph-label {
	text-align: right;
	color: #b3b3b3;
	font-size: 90%;
	margin-bottom: 20px;
}
.graph-label span {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
}
.label-green {
	background-color: #00a79d;
}
.label-pink {
	background-color: #f9b9b7;
}
.label-blue {
	background-color: #acdae5;
}
.graph > div {
	display: inline-block;
	width: 50%;
	padding: 30px 40px;
}
.graph > div h4 {
	font-weight: bold;
	margin-bottom: 0px;
}
.graph-line {
	position: relative;
	margin-bottom: 6px;
}
.graph-line > div {
	height: 15px;
}
.graph-line span {
	position: absolute;
    top: 0px;
    margin-left: 5px;
    line-height: 18px;
}
.line-green > div {
	background-color: #00a79d;
}
.line-pink > div {
	background-color: #f9b9b7;
}
.line-blue > div {
	background-color: #acdae5;
}

/* Noty */
.noty_message {
	font-size: 16px !important;
}
#noty_topRight_layout_container li {
	border: none !important;
}
.noty_bar.noty_type_error .noty_message {
	background-color: rgb(249, 88, 88) !important;
}

/* Page */
/* Education */
.four-box {
	margin-bottom: 25px;
}
.four-box > div {
	display: inline-block;
	width: 25%;
	padding: 15px 20px;
	text-align: right;
}
.four-box > div input {
	width: 100px;
	height: 44px;
	font-size: 28px;
	text-align: right;
	margin-left: auto;
}
.four-box .has-right {
	position: relative;
}
.four-box .has-right span {
	position: absolute;
	color: #1a448e;
	top: 3px;
    right: 6px;
    font-size: 28px;
}
.four-box .has-right input {
	padding-right: 25px;
}
.present {
	position: relative;
	padding: 20px 60px 20px 50px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: rgba(153, 153, 153, 0.4);
	text-align: center;
	margin-right: 15px;
	margin-bottom: 50px;
}
.present > div {
	margin-top: 8px;
}
.present .left {
	float: left;
}
.present .right {
	float: right;
}
.present .bigger {
	font-size: 160%;
}
.present span {
	position: absolute;
    right: -20px;
    top: 9px;
    font-size: 200%;
    width: 56px;
    height: 56px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding-top: 5px;
	border: 3px solid #fff;
	color: #fff;
	text-align: center;
	background-color: #6d6e71;
}
.education-menu {
	margin-bottom: 15px;
}
.education-menu h4 {
	width: 25%;
	margin: 20px 0px;
	display: inline-block;
}
.education-menu ul {
	width: 75% !important;
	vertical-align: top;
	display: inline-block;
}
.collecting {
	position: relative;
	width: 610px;
	height: 86px;
	margin: 0px auto 40px;
}
.collecting small {
	display: block;
	font-size: 75%;
	margin-bottom: 15px;
}
.collecting > div {
	position: absolute;
	text-align: center;
}
.collecting .left {
	width: 130px;
	top: 0px;
	left: 0px;
}
.collecting .middle {
	width: 100px;
	top: 0px;
	left: 225px;
}
.collecting .right {
	width: 145px;
	top: 0px;
	right: 0px;
}
.collecting input {
	height: 40px;
	font-size: 22px;
	text-align: center;
}
.collecting img {
	position: absolute;
}
.collecting .img-left {
	width: 81px;
	left: 137px;
	top: 50px;
}
.collecting .img-right {
	width: 129px;
	left: 330px;
    top: 22px;
}
.education-year {
	width: 360px;
	margin: 0px auto 30px;
}
.education-year > div {
	margin-bottom: 20px;
}
.education-year .right {
	float: right;
}
.education-year .top {
	border-bottom: 1px solid #b3b3b3;
}
.education-year .bottom {
	color: #b3b3b3;
	font-size: 75%;
}
.summarize {
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 25px;
	background-color: rgba(159, 159, 159, 0.4);
}
.summarize .top,
.summarize .middle {
	border-bottom: 2px solid rgba(234, 234, 234, 0.8);
}
.summarize .top {
	padding: 20px 60px;
	text-align: center;
}
.summarize .top .biggest {
	font-size: 160%;
}
.summarize .left {
	float: left;
	font-weight: bold;
}
.summarize .right {
	float: right;
	margin-top: 6px;
}
.summarize .middle {
	padding: 25px 60px;
}
.summarize .bottom {
	padding: 50px 10px;
}
.step {
	width: 720px;
	height: 40px;
	margin: 0px auto 10px;
	position: relative;
}
.step.low {
	height: 20px;
	margin-bottom: 5px;
}
.step.margin-high {
	margin-bottom: 35px;
}
.step > div {
	position: absolute;
	text-align: center;
}
.step input {
	height: 40px;
	font-size: 22px;
	padding: 6px;
	text-align: center;
}
.step input.input-sm {
	font-size: 95%;
}
.step .s1,
.step .s2,
.step .s3,
.step .s4 {
	width: 110px;
}
.step .s5 {
	width: 115px;
}
.step .s1 {
	left: 0px;
	top: 0px;
}
.step .s1 > div {
	background-color: #21385b;
    color: #fff;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 8px;
    font-size: 80%;
}
.step .s2 {
	left: 135px;
	top: 0px;
}
.step .s3 {
	left: 289px;
	top: 0px;
}
.step .s4 {
	left: 449px;
	top: 0px;
}
.step .s5 {
	left: 605px;
	top: 0px;
}
.step img {
	position: absolute;
	width: 35px;
	height: auto;
}
.step .img-1 {
	top: 17px;
    left: 249px;
}
.step .img-2 {
	top: 17px;
	left: 406px;
}
.step .img-3 {
	top: 17px;
	left: 565px;
}
.summation {
	text-align: center;
	padding: 10px;
}
.summation .left {
	float: left;
	margin-top: 5px;
}
.summation .right {
	float: right;
}
.summation input {
	width: 300px;
	display: inline-block;
	text-align: center;
	height: 40px;
	font-size: 28px;
}
/* PVD */
.pvd {
	width: 540px;
	height: 650px;
	position: relative;
	background-image: url(../img/bg-pvd.png);
	background-size: 100% 100%;
	margin: 0px auto 15px;
	font-size: 16px;
}
.pvd > div {
	position: absolute;
	width: 265px;
}
.pvd > .top {
	width: 60px;
    top: 12px;
    left: 240px;
    text-align: center;
}
.pvd > .top div {
	color: #00a79d;
}
.pvd > .top input {
	text-align: center;
	background: transparent;
	color: #fff;
	font-size: 28px;
    height: 40px;
}
.pvd > .l input,
.pvd > .r input {
	height: 30px;
	font-size: 22px;
	padding: 0px 10px 0px 0px;
	background-color: transparent;
	width: 120px;
	text-align: right;
	color: #00a79d;
}
.pvd > .l {
	position: relative;
}
.pvd > .r {
	left: 275px;
}
.pvd > .r > div,
.pvd > .l > div {
	display: inline-block;
}
.pvd > .l > .top {
	margin-bottom: 12px;
}
.pvd > .l > .right {
	float: right;
	margin-top: 38px;
    margin-right: 5px;
}
.pvd > .r > .bottom,
.pvd > .l > .bottom {
	display: block;
	width: 120px;
}
.pvd > .l > .bottom.has-right {
	position: relative;
}
.pvd > .l > .bottom.has-right input {
	padding-right: 25px;
}
.pvd > .l > .bottom.has-right span {
	position: absolute;
    right: 8px;
    top: 0px;
    font-size: 24px;
    color: #00a79d;
}
.pvd > .r {
	text-align: right;
}
.pvd > .r > .left {
	float: left;
	margin-top: 38px;
    margin-left: 5px;
}
.pvd > .r > .top {
	margin-bottom: 12px;
}
.pvd > .r > .bottom {
	margin-left: auto;
}
.pvd > .r5 > .left {
	margin-top: 4px;
}
.pvd > .l1 {
	top: 114px;
}
.pvd > .l2 {
	top: 143px;
}
.pvd > .l3 {
	top: 174px;
}
.pvd > .l4 {
	top: 207px;
}
.pvd > .l5 {
	top: 226px;
}
.pvd > .l5 > .top {
	font-size: 130%;
	color: #00a79d;
}
.pvd > .l5 > .right {
	margin-top: 3px;
}
.pvd > .r1 {
	top: 161px;
}
.pvd > .r2 {
	top: 255px;
}
.pvd > .r3 {
	top: 351px;
}
.pvd > .r4 {
	top: 447px;
}
.pvd > .r5 {
	top: 542px;
}
input.no-input {
	background-color: transparent !important;
	color: #1a448e;
	border: none;
	width: 250px;
	display: inline-block;
	text-align: center;
    font-size: 28px;
    padding: 0px;
}
input.no-input:focus {
	box-shadow: none;
	outline: none;
}
#summary-graph h4 {
	text-align: left;
}
#chart1 {
	margin-bottom: 20px;
}
.box-body-left h5 {
	margin: 0px 0px 10px;
}
.box-body-left .graph-label {
	float: right;
	font-size: 60%;
	margin-bottom: 10px;
}
.box-body-left .graph-label span {
	width: 10px;
    height: 10px;
}
.box-body-left .graph-line > div {
	height: 10px;
}
.box-body-left .graph-line span {
	font-size: 75%;
	line-height: 15px;
}
.box-body-left .graph > div {
	padding: 15px 40px 10px 5px;
}
.box-body-left .graph > div h4 {
	font-size: 85%;
}
.graph-summary-below h4 {
	font-size: 16px;
}
.graph-summary-below.graph {
	margin-bottom: 25px;
}
.graph-summary-below.graph > div {
	padding: 15px 40px;
	vertical-align: top;
	height: 93px;
}
.graph-summary-below.graph > div.has-box {
	padding: 24px 0px;
	text-align: center;
}
.border-blue-box {
	padding: 10px;
	border: 1px solid #6eb3bb;
	display: inline-block;
    width: 200px;
    text-align: center;
    margin: 0px auto;
}

input[type=number].form-control {
	padding-top: 4px;
	padding-bottom: 4px;
}
.input-sm {
	font-size: 80%;
}

/* PDF */
.pdf-holder {
	padding: 15px 0 25px;
}
.pdf-preview {
	
}
.stick-bottom {
	background-color: rgba(200, 200, 200, 0.5);
	padding: 10px 20px;
	position: fixed;
	bottom: 0;
	right: 0;
	left: 200px;
	text-align: center;
}
.pdf-page {
	width: 450px;
	max-width: 100%;
	min-height: 600px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 15px 8px rgba(0,0,0,0.25);
	margin: 0 auto 20px;
	padding: 25px 20px;
	font-size: 9px;
}
.pdf-header {
	margin-bottom: 10px;
}
.pdf-header > img {
	width: 100px;
}
.pdf-header h1 {
	font-size: 16px;
	margin: 0;
}
.pdf-header h3 {
	font-size: 10px;
	margin: 0;
}
.pdf-page-name,
.pdf-sub-page-name {
	font-size: 10px;
	background-color: #d5d5d5;
	margin: 0 0 10px;
	padding: 3px;
	text-align: center;
}
.pdf-sub-page-name {
	background-color: transparent;
}
.pdf-page .dl-horizontal dt {
	width: 80px;
}
.dl-horizontal dd {
    margin-left: 85px;
}
.chart-holder {
	border: 1px solid #504d4d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px;
	margin-bottom: 10px;
}
.span-bg {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle;
    margin-bottom: 3px;
}
h3.underline {
	font-size: 10px;
	margin: 0 0 8px;
	padding-bottom: 3px;
	border-bottom: 1px solid #504d4d;
}
.pdf-page hr {
	border-color: #504d4d;
	margin: 12px 0;
}
.pdf-tax-table {
	width: 100%;
	margin-bottom: 10px;
}
.pdf-tax-table > thead > tr > th,
.pdf-tax-table > tbody > tr > td {
	padding: 3px 6px;
}
.pdf-tax-table > tbody > tr.last-group > td {
	padding-bottom: 8px;
}
.pdf-tax-table > tbody > tr > td b {
	font-size: 9px;
}
.pdf-tax-table > tbody > tr > td {
	line-height: 1;
	font-size: 8px;
}
.pdf-tax-table > tbody > tr > td:nth-child(2),
.pdf-tax-table > tbody > tr > td:nth-child(3) {
	padding-right: 15px;
	text-align: right;
}
.pdf-tax-table > tbody > tr:first-child > td {
	padding-top: 8px;
}
.pdf-tax-table > tbody > tr > td:first-child {
	border-right: 1px solid #504d4d;
}
.pdf-tax-table > tbody > tr > td:last-child {
	border-left: 1px solid #504d4d;
}
.pdf-tax-table > thead > tr > th {
	border-bottom: 1px solid #504d4d;
}
.pdf-page .graph > div {
	padding: 10px 20px;
}
.pdf-page .graph-line > div {
	height: 9px;
}
.pdf-page .graph-line span {
	line-height: 9px;
}
.pdf-page .graph > div h4 {
	font-size: 10px;
	margin-top: 3px;
}
.pdf-page .graph-label {
	margin-bottom: 5px;
	text-align: left;
	padding-left: 20px;
}
.pdf-page .graph-label span {
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-right: 2px;
}
.pdf-retirement-box {
	width: 410px;
	position: relative;
	margin: 0 auto 15px;
	height: 144px;
}
.pdf-retirement-box-1,
.pdf-retirement-box-2,
.pdf-retirement-box-3,
.pdf-retirement-box-4,
.pdf-retirement-box-5,
.pdf-retirement-box-6 {
	width: 60px;
	text-align: center;
	position: absolute;
}
.pdf-retirement-box-1 {
	top: 20px;
	left: 10px;
}
.pdf-retirement-box-2 {
	top: 20px;
	left: 122px;
}
.pdf-retirement-box-3 {
	top: 20px;
	left: 185px;
}
.pdf-retirement-box-4 {
	top: 20px;
	left: 340px;
}
.pdf-retirement-box-5 {
	top: 88px;
	left: 66px;
}
.pdf-retirement-box-6 {
	top: 89px;
	left: 266px;
}
.pdf-retirement-box-name {
	font-size: 8px;
	line-height: 1;
	color: #20395b;
	height: 10px;
}
.pdf-retirement-box-1 .pdf-retirement-box-lower,
.pdf-retirement-box-2 .pdf-retirement-box-lower,
.pdf-retirement-box-3 .pdf-retirement-box-lower,
.pdf-retirement-box-4 .pdf-retirement-box-lower {
	border: 1px solid #20395b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}
.pdf-retirement-box-1 .pdf-retirement-box-upper,
.pdf-retirement-box-2 .pdf-retirement-box-upper,
.pdf-retirement-box-3 .pdf-retirement-box-upper,
.pdf-retirement-box-4 .pdf-retirement-box-upper {
	background-color: #20395b;
	font-size: 8px;
	line-height: 8px;
    padding: 3px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1px;
}
.pdf-retirement-box-5 .pdf-retirement-box-upper,
.pdf-retirement-box-6 .pdf-retirement-box-upper {
	background-color: #acdce8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1px;
	color: #20395b;
	padding: 6px 10px;
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
}
.pdf-retirement-box-5 .pdf-retirement-box-lower,
.pdf-retirement-box-6 .pdf-retirement-box-lower {
	font-size: 8px;
    line-height: 1;
}
.pdf-retirement-img-left {
	position: absolute;
    width: 44px;
    top: 57px;
    left: 74px;
}
.pdf-retirement-img-right {
	position: absolute;
	width: 88px;
	left: 248px;
	top: 47px;
}
.pdf-table-education {
	width: 100%;
	margin-bottom: 10px;
}
.pdf-table-education > thead > tr > th,
.pdf-table-education > tbody > tr > td {
	padding: 1px;
}
.pdf-table-education > thead > tr > th {
	border: 1px solid #504d4d;
}
.pdf-table-education > tbody > tr > td {
	border-left: 1px solid #504d4d;
	border-right: 1px solid #504d4d;
}
.pdf-table-education > tbody > tr:last-child > td {
	border-bottom: 1px solid #504d4d;
}
.pdf-table-pvd > thead > tr > th,
.pdf-table-pvd > tbody > tr > td {
	font-size: 6px;
}
.pdf-table-pvd > tbody > tr:nth-child(even) > td {
	background-color: #eee;
}
.pdf-table-financial-ratio > tbody > tr > td {
	padding: 4px;
	vertical-align: top;
}
.pdf-list {
	padding-left: 20px;
}


/* iCheck plugin Flat skin, green
----------------------------------- */
.icheckbox_flat-green {
	background: url(../img/icon/green.png) no-repeat;
}
.iradio_flat-green {
    background: url(../img/icon/green.png) no-repeat;
    background-position: -88px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
    .iradio_flat-green {
        background-image: url(../img/icon/green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
    .icheckbox_flat-green {
        background-image: url(../img/icon/green@2x.png);
        -webkit-background-size: 176px 22px;
        background-size: 176px 22px;
    }
}

/* Responsive */
@media screen and (max-width: 1024px) {
	html, body {
		font-size: 16px;
	}
	.sidebar-list > li > a {
		padding: 12px;
		font-size: 14px;
	}
	.noty_message {
		font-size: 14px !important;
	}
	.form-horizontal {
	    font-size: 15px;
	}
	.itable .input-group .form-control {
		font-size: 16px;
	}
	.form-control {
	    font-size: 18px;
	}
	.fixed-size {
		font-size: 12px;
	}
	.stable tr > th {
		font-size: 12px;
	}
	.stable tr > td {
		font-size: 13px;
	}
	.stable.lg tr > th {
		font-size: 16px;
	}
	.input-right .right-number {
		right: 58.5px;
	}
	input.has-right {
		margin-right: 75px;
	}
	.input-right.year {
		padding-right: 22px;
	}

	#table-summary thead > tr > th {
		font-size: 14px;
	}
	#table-summary tbody > tr > td {
		font-size: 14px;
	}
	#table-summary tbody > tr > td:first-child {
		font-size: 10px;
	}
	#table-summary tfoot > tr > td {
		font-size: 16px;
	}
	.box-body-left,
	.box-body-right {
		height: 270px;
	}

	/*.box-body.padding {
		padding: 25px 40px;
	}*/
}