@charset "utf-8";
/* CSS Document */
body{
	background-color:#eaeaea;
	font-family: 'Roboto', sans-serif;
	margin:0px;
}
.modal-body{
	overflow: hidden;
}
#login{
	width:100%;
	height:100%;
	overflow:hidden;
	padding-top:9%;
	padding-bottom:5%;
}
.login_form{
	background-color:#fff;
	width:100%;
	max-width:640px;
	height:100%;
	margin:0 auto;
	padding:30px;
	padding-bottom:50px;
	overflow:hidden;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.margin-top-10{
	margin-top:10px;
}
.margin-top-20{
	margin-top:20px;
}
.margin-top-50{
	margin-top:50px;
}
.login_form .form-control{
	background-color:#efefef;
	color:#a2a2a2;
	font-size:18px;
	text-align:center;
	border-color:#efefef;
	height:64px;
	box-shadow:none;
}
.btn-orange{
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	background-color:#ea6e1b;
	height:64px;
	width:100%;
}
.btn-orange-sm{
	font-size:16px;
	color:#fff;
	text-align:center;
	background-color:#ea6e1b;
}
.btn-orange:hover, .btn-orange-sm:hover{
	color:#fff;
	background-color:#ea6e1b;
}
.forgot{
	color:#2d2d2d;
	font-size:18px;
	text-decoration:none;
}
.forgot:hover{
	color:#ea6e1b;
}
header{
	width:100%;
	height:100%;
	background-color:#fff;
	padding-top:10px;
	padding-bottom:10px;
}
header .btn-orange-sm{
	top:5px;
	position:relative;
}
#detail_header{
	background-color:#ef7423;
	padding-top:20px;
	padding-bottom:20px;
}
#detail_header h1{
	color:#fff;
	font-size:36px;
	font-weight:normal;
	margin:0px;
}
#detail_header .btn-white-sm{
	color:#ef7423;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#fff;
	position:relative;
}
#detail_header .btn-white-sm:hover{
	color:#ef7423;
	background-color:#fff;
}
#detail_content{
	padding-top:20px;
	padding-bottom:50px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #cecece;
}
.border-bottom{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:20px;
	overflow:hidden;
}
.orange_text{
	color:#ef7423;
}
.grey_txt{
	color:#323232;
}
#detail_content h2{
	margin:0px;
	margin-bottom:10px;
	font-size:30px;
}
#detail_content h3{
	margin:0px;
	font-size:24px;
	font-weight:normal;
}
.pad-top-bot-20{
	padding-top:20px;
	padding-bottom:20px;
}
.pad-l-r-0{
	padding-left:0px;
	padding-right:0px;
}
#detail_content .btn-white-border{
	background-color:transparent;
	border:1px solid #c4c4c4;
	font-size:14px;
	color:#323232;
	text-transform:uppercase;
}
#detail_content .btn-white-border-sm{
	background-color:transparent;
	border:1px solid #c4c4c4;
	font-size:14px;
	color:#323232;
}
#detail_content .btn-white-border-sm:hover{
	border:1px solid #ea6e1b;
	color:#ea6e1b;
}
#detail_content .btn-white-border:hover{
	border:1px solid #ea6e1b;
	color:#ea6e1b;
}
#detail_content .btn-image-white-border{
	background-color:transparent;
	border:1px solid #c4c4c4;
	padding-left:3px;
	padding-right:3px;
	font-size:14px;
	color:#323232;
	text-transform:uppercase;
}
#detail_content .btn-image-white-border:hover{
	border:1px solid #ea6e1b;
	color:#ea6e1b;
}
#detail_content p{
	font-size:18px;
}
.pagination {
	text-align:left;
	margin:0px;
}

.pagination  li > a, .pagination  li > span {
    display: inline-block;
    padding: 8px 17px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 7px;
	color:#191919;
	font-size:14px;
	text-transform:uppercase;
}
.pagination  li > a:hover, .pagination  li > a:focus {
    text-decoration: none;
    background-color: #ea6e1b;
	color:#fff;
}
.add_customer .form-control{
	height:58px;
	color:#adadad;
	border-color:#dbdbdb;
	font-size:18px;
}
.add_customer .modal-body{
	overflow:hidden;
	padding-bottom:30px;
}
.add_customer .btn-orange-lg{
	background-color:#ea6e1b;
	font-size:20px;
	color:#fff;
	height:60px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	width:100%;
}
.add_customer .btn-orange-lg:hover{
	background-color:#ea6e1b;
	color:#fff;
}
footer{
	width:100%;
	border-top:1px solid #fff;
	padding-top:20px;
	padding-bottom:20px;
}
footer p{
	font-size:13px;
	color:#191919;
}

@media only screen and (max-width: 768px){
	#detail_header .pull-left, #detail_header .pull-right, #detail_content .pull-left, #detail_content .pull-right{
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:10px;
	}
	.xs-m-t-20{
		margin-top:20px;
	}
}


[ng-cloak]{
    display:none;
}
.customer-usage table{
    width: 100%;
    border: #dbdbdb;
}
.customer-usage p{
    text-align:center;
}