html,
body {
  overflow-x: hidden!important;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100%;
  color:#000;
  font-size:13px;
}

.login-bg {
	background:#fff;
}

.login-wrapper {
	margin-top:120px;
	background-color:#fff;
	border:solid 1px #ccc;
	padding:25px;
}	

.login-title {
	margin-top:80px;
	color:#fff;
	font-size:22px;
  	font-family: 'Droid Serif', sans-serif;
	text-shadow: 3px 3px 8px #000;
}	

.login-title h1{
	font-size:50px;
}


.logo {
	margin-bottom:20px;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#058d45;
}

.logo img {
	width:50%;
	margin-bottom:15px;
}


.table-data {
	border:solid 2px #000;
}	

.table-data thead {
	background-color:#000;
	color:#fff;
	height:30px;
	font-size:15px;
}

.table-data .table-body tr:hover {
	background-color:#FFFFCC!important
}

.form-input {
	border:none;
	padding:2px;
	border-bottom:solid 1px #eee;
	text-align:right;
	width:120px;
}	

.form-input:-moz-read-only { /* For Firefox */
  background-color: #eee;
}

.form-input:read-only {
  background-color: #eee;
}	


img {
	max-width:100%;
	height:auto;
}	

.btn,
.form-control {
	border-radius:0;
}	

.label-lg {
	font-size:11px;
}	

.title {
	padding:0;
	margin:0;
	font-weight:bold;
}	

.texteditor {
 padding:20px;
} 
	

table.table-bordered th{
	border-bottom:solid 2px #000!important
}

.container-full {
	width:100%;
}

a {
  color: #3993ba;
}

.login-input {
	padding-top:20px;
	padding-bottom:20px;
}	

.label-timeline {
	padding:7px;
	font-size:12px;
	display:inline-block;
	font-weight:normal;
	line-height:16px;
	margin-bottom:10px;
}	

.label-form {
	display:inline-block;
	color:#000;
	font-size:15px;
	padding-top:5px;
	font-weight:bold;
}

	

.text-grey {
	color:#888;
}

.text-blue {
	color:#058d45;
}	

.btn-blue,
.btn-blue:focus {
	background:#058d45;
	border-color:#058d45;
	color:#fff;
}	

.btn-blue:hover,
.btn-blue:visited,
.btn-blue:active,
.btn-blue.active {
	color:#fff;
	background:#0f7cb3;
}


.btn-orange,
.btn-orange:focus {
	background:#ff6600;
	border-color:#e05a00;
	color:#fff;
}	

.btn-orange:hover,
.btn-orange:visited,
.btn-orange:active,
.btn-orange.active {
	color:#fff;
	background:#e05a00;
}



/*----------------------------------------------------*/

.table-wrapper {
	min-width:400px;
	overflow:auto;
	margin-top:10px;
}

.display tfoot {
	font-weight:bold;
	background-color:#eee;
}

.display .fa {
	font-size:16px;
}

.padding-bottom {
	padding-bottom:10px;
}


.table_detail tr {
	border-bottom:solid 1px #ccc;
	font-weight:normal;
	line-height:20px;
}

option {
	padding:5px;
	border-bottom:solid 1px #ccc;
	color:#000;
}

option:disabled {
    background: #f6f6f6;
	color:#999;
} 

.fa-badge {
	font-size:5px;
}

.dashboard-box {
	border:solid 1px #ccc;
	padding:0px 20px;
	margin-bottom:20px;
}

.date-info {
	color:#888;
	font-style:italic;
	font-size:13px;
}

.pipeline-activity-wrapper {
	height:380px;
	overflow:auto;
}

.tiering {
	width:50px;
}

.tiering_amount {
	width:100px;
}

.greater-smaller-sign {
	font-family:'Raleway', Arial, Helvetica, sans-serif;
}	

.report-filter {
	margin-bottom:15px;
}




.small-header {
	font-size:18px;
}


#map_canvas a {
	color:#000 !important
}


#map_canvas a:hover {
	color:#0073b7 !important
}


/* ----------------------------------------------------
	NAVBAR
------------------------------------------------------- */
.navbar-default {
  background-color: #111111;
  border-color: #111111;
  text-transform:uppercase;
  font-family:"Raleway";
  font-size:13px;
}
.navbar-default .navbar-brand {
  color: #ffffff;
  font-weight:bold;
  padding:18px 20px;
}

.navbar-default .navbar-brand > .brand-text {
	padding:0px 25px 8px 15px;
	float:left;	
	background-color:red;
}

.navbar-default .navbar-brand > .brand-text img {
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
  background-color: #888888;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #888888;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #888888;
}
.navbar-default .navbar-toggle {
  border-color: #888888;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #888888;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.navbar-default .navbar-nav > li > ul > li {
  font-size:13px;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #888888;
  }
}

/*---------------------------------------------------------------
CUSTOM STYLE
---------------------------------------------------------------*/
.padding-top {
	padding-top:20px;
}

.padding-bottom {
	padding-bottom:20px;
}



.sheet-title {
	font-size:24px;
}

.bg-darkgreen {
  background-color: #17c566 !important;
}

.bg-lightgreen {
  background-color: #a9da74 !important;
}

.bg-strongyellow {
  background-color: #ffff3c !important;
}

.bg-brown {
  background-color: #e98737 !important;
}

/*---------------------------------------------------------------
CUSTOM STYLE
---------------------------------------------------------------*/
.padding-top {
	padding-top:20px;
}

.padding-bottom {
	padding-bottom:20px;
}

.worksheet-wrapper {
	margin:20px auto;
	overflow:auto;
	height:100%;
}

.worksheet {
	width:100%;
	min-width:1000px;
	text-transform:uppercase;
}



.worksheet .sheet-section {
	font-weight:bold;
	background-color:#ececec;
}

.worksheet .subsection {
	font-weight:bold;
}

.worksheet tbody tr:nth-child(even) {background: #fff;}
.worksheet tbody tr:nth-child(odd) {background: #f6f6f6;}

.sheet-title {
	font-size:24px;
}

.bg-darkgreen {
  background-color: #17c566 !important;
}

.bg-lightgreen {
  background-color: #a9da74 !important;
}

.bg-strongyellow {
  background-color: #ffff3c !important;
}

.bg-brown {
  background-color: #e98737 !important;
}

/*--------------------------------------------------------*/

.loader {
	padding:50px;
}	

.panel-heading h4 {
	margin:0;
	padding:5px 0px;
}	

.text-red {
	color:red!important
}	

.print-nota {
	padding:15px;
	font-family:"Times New Roman", Times, serif;
}	

.print-nota h2 {
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-size:25px;
}	

.hr-bold {
	border-bottom:solid 3px #000;
	margin:10px 0px 3px 0px;
}	

.hr-thin {
	border-bottom:solid 1px #000;
	margin:3px 0px;
}	

.table-borderless td,
.table-borderless th {
    border: 0 !important
}

.page-title {
	border-bottom:solid 1px #eee;
	padding-bottom:15px;
	margin-bottom:25px;
}	

.page-title h2 {
	padding-bottom:0px;
	margin-bottom:0;
}	

h3 {
	margin-top:0;
}	

.status-wrapper {
	border-left:solid 3px #2127b3;
	padding-left:10px;
	margin-bottom:20px;
}	

.status-wrapper h4 {
	margin-top:0;
}	

.div-list {
	margin-bottom:10px;
}	


.btn-home {
	height:100px;
	padding-top:18px;
	margin-bottom:20px;
}	

.btn-home i {
	font-size:35px;
	margin-bottom:5px;
}	

.badge-danger {
	background-color:#d9534f;
}	

.exclude-cell {
	background-color:#eee;
	color:#777;
}	

.text-disabled {
	background-color:#eee;
}	

@media (max-width: 992px) {
	.btn-responsive {
		padding:3px 8px;
		font-size:12px;
	}


	.text-left-sm {	
		text-align:left;
	}	
	
	.table-responsive {
		border:none;
	}	

	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

.panel-heading {
	font-size:18px;
}	

.modal-fluid {
  width: 100%;
  padding:20px;
}

.panel-blue .panel-heading {
	background:#111111;
	border-color:#111111;
	color:#fff;
}	

.panel-blue{
	border-color:#111111;
}	

.panel-red .panel-heading {
	background:#d9534f;
	border-color:#d9534f;
	color:#fff;
}	

.panel-red{
	border-color:#d9534f;
}	

.alert-summary h1{
	font-size:80px;
	margin:0;
	padding:0;
}	

.input-bold {
	font-weight:bold;
	color:#000!important
}	

.dropdown-menu a{
	font-size:13px;
}

@media (max-width: 992px) {
	.button-group a, .button-group button{
		margin-bottom:10px;
	}
	
	.denah-wrapper {
		overflow-x:auto;
	}	
}	


.indent0 {
	padding-top:3px;
}	

.indent1 {
	padding-left:20px;
	padding-top:3px;
}	

.indent2 {
	padding-left:40px;
	padding-top:3px;
}	

.indent3 {
	padding-left:60px;
	padding-top:3px;
}	

.indent4 {
	padding-left:80px;
	padding-top:3px;
}	

.indent5 {
	padding-left:100px;
	padding-top:3px;
}	

label {
	font-weight:normal;
}	

.hover {
	background-color:#FFFFCC;
}