/***** Define Aller Font *****/
@font-face {
  font-family: aller;
  font-weight: normal;
  font-style: normal;
  src: url("../fonts/aller_rg-webfont.eot");
  src: url("../fonts/aller_rg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_rg-webfont.woff") format("woff"), url("../fonts/aller_rg-webfont.ttf") format("truetype"), url("../fonts/aller_rg-webfont.svg#aller") format("svg");
}

@font-face {
  font-family: aller;
  font-weight: bold;
  font-style: normal;
  src: url("../fonts/aller_bd-webfont.eot");
  src: url("../fonts/aller_bd-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_bd-webfont.woff") format("woff"), url("../fonts/aller_bd-webfont.ttf") format("truetype"), url("../fonts/aller_bd-webfont.svg#aller") format("svg");
}

@font-face {
  font-family: aller;
  font-weight: 100;
  font-style: normal;
  src: url("../fonts/aller_lt-webfont.eot");
  src: url("../fonts/aller_lt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_lt-webfont.woff") format("woff"), url("../fonts/aller_lt-webfont.ttf") format("truetype"), url("../fonts/aller_lt-webfont.svg#aller") format("svg");
}

@font-face {
  font-family: aller;
  font-weight: normal;
  font-style: italic;
  src: url("../fonts/aller_ltit-webfont.eot");
  src: url("../fonts/aller_ltit-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/aller_ltit-webfont.woff") format("woff"), url("../fonts/aller_ltit-webfont.ttf") format("truetype"), url("../fonts/aller_ltit-webfont.svg#aller") format("svg");
}
/*****************************/

/**** Bootstrap Overides *****/
body { color: #3B3B3B; font-family: arial, tahoma, sans-serif; }
a { color: #636363; outline: none; }
a:hover { text-decoration: none; color: #636363; cursor: pointer; }
a:focus { text-decoration: none; }
header { background: url(../images/header-bg.png) 0 0 repeat; padding: 10px 0; }
.nav { margin: 0; }
.nav li a { font-size: 16px; color: #636363; font-weight: normal; margin: 7px 5px 0; padding: 6px 14px; }
.nav li a:hover { background: none; border: none; color: #8731C0; }
.nav li a:focus { background: none; border: none; color: #8731C0; }
.nav-tabs > li { margin-right: 5px; }
.nav-tabs > li * { vertical-align: middle}
.nav-tabs > li > a { margin: 0; padding: 6px 10px; line-height: normal; border: 1px solid #999; background: #F5F5F5; font-size: 18px; color: #2C2C2C; }
.nav-tabs > li.active > a { background: #fff; }
.nav-tabs > li > a:hover { margin: 0; padding: 6px 10px; border: 1px solid #999; background: #F5F5F5; color: #2C2C2C; }
.nav-tabs > li > a:focus { margin: 0; padding: 6px 10px; border: 1px solid #999; background: #F5F5F5; color: #2C2C2C; }
.nav-tabs li a span { display: inline-block; }
.table-striped thead, .table-striped .thead th{background: #444; color: #FAFAFA; }
.accordion-inner { padding: 10px; }
button { border: none; margin-left: 0; }
.text-info { font-size: 11px; color: #4c4c4c; padding: 3px 10px 0; }
.text-info span { text-transform: uppercase; }
.tooltip-inner { max-width: 400px; text-align: left; }
.tooltip.in { opacity: 1.0; filter: alpha(opacity=100); }
input[readonly], input[readonly]:focus { background: transparent; border: none; box-shadow: none; width: 270px; margin-top: 2px; }
input[disabled], input[readonly]:focus { cursor: default; }
.well { padding: 8px 8px 0; border-color: #9A9A9A; background: #F5F5F5; }
.tab-pane { margin: 10px 0; }
.form-inline label { font-weight: bold; }
.icon-pie { background-image: url("../images/chart-pie.png"); background-position: 0px 0px; }
.modal form { margin: 0; }
.pagination { margin: 0; }
.pager { margin: 0; }
th.text-center, td.text-center { text-align: center; }
body > .dropdown-menu { z-index: 1051; }
table th.text-center { text-align: center; }
table th.text-right { text-align: right; }
table td.text-center { text-align: center; }
table td.text-right { text-align: right; }
table th { white-space: nowrap; }
table th a { color: #FFF; }
table th a:hover { color: #FFF; }
table th a:focus { color: #FFF; }
.icon-none:before { content: "\2122"; color: transparent !important; }
form { margin-bottom: 10px; }
#main_chart svg{height: 500px; margin: 0 auto; width: 100%;}
/*****************************/

/*****************************/
.account-links { margin:5px 0; }
.main-content { background: #5C16A3 url(../images/purple-divider.png) 0 0 no-repeat; padding: 6px 0 0; margin: 0 0 10px; }
.content { background: #fff; padding: 10px 0 0 0; }
fieldset > .add-new-button { margin-bottom: 8px; }
.header-button { font-weight: normal; margin-top: 6px; }
fieldset > .add-new-button > a { margin-left: 10px; }
fieldset > legend > .pull-right > a { margin-left: 10px; }
fieldset.short > legend {margin-bottom: 8px; }
/*****************************/

/********** Buttons **********/
.purple-button { background: #8731C0; color: #fff; border-radius: 2px; font-size: 12px; padding: 5px 10px; display: block; float: right; margin: 0 0 0 10px; }
.purple-button:hover { color: #fff; }
.purple-button:focus { color: #fff; }
/*****************************/

.aller { font-family: "aller"; }
#account_search .clear-input, #surcharge_search .clear-input { width: 29px; padding-left: 9px; }
.tab-content .add-new-button { margin-bottom: 10px; }
.table .actions [class^="icon-"] {margin-left: 6px; }
#new_contact textarea, #edit_contact textarea {width: 275px; }
#new_hosting .tab-content .tab-pane {margin: 0}
.input-prepend input {width: 180px; }
.input-prepend input[name="amount"], .input-prepend input[name="core_contract_amount"], .input-prepend input[name="rate"] { width: 115px; }
select[name="currency"] { width: 62px; margin-left: 3px; }
.table input, .table .input-prepend { margin: 0; }
#hosting-rates .alert { margin-top: 20px; }
.row.title { line-height: 40px; margin-bottom: 20px; border-bottom: 1px solid #e5e5e5; }
.row.title label { font-size: 21px; vertical-align: middle; margin:5px 0 0; }
input.has-close { width: 332px; }
#edit_company #notes { height: 280px; }

/********** Rate Table **********/
.rate-table thead th { background: #444444; color:#fff; }
.rate-table .number-fee { border-right: 1px solid #DDDDDD; vertical-align: middle; }
.rate-table tbody:nth-child(odd) { background-color: #F9F9F9; }
.rate-table.table tbody + tbody { border-width: 1px; }
.rate-table.table tbody + tbody:last-child { border-bottom: 1px solid #DDDDDD;}
/********************************/

/********** invoices **********/
.invoice table thead tr th{font-size: 18px;}
.invoice table thead tr.subhead td{background: #E6E6E6; border-bottom:1px solid #A3A3A3; border-top: none; color: #3b3b3b;}
.invoice table thead tr.subhead:last-child td{font-weight: bold;}
.invoice table tbody tr td ul{list-style: none; color: #999999; margin: 0;}
.invoice table tbody tr td ul li .row, .invoice table tbody tr td ul li .row div{margin:0;}
.invoice table tbody tr td .negative{color: #AC4444;}
.invoice table tbody tr td .details{margin-right: 10px;}
.invoice table tbody tr td .details-list{margin-left: 15px;}
.invoice table tbody tr td .list{color: #999999;}

.invoice .table.monthly{border: 1px solid #DDDDDD; color: #000;}
.invoice .table.monthly tbody tr th, .invoice .table.monthly tbody tr td{background: #fff; border: none;}
.invoice .table.monthly thead tr.subhead td{background: #F9F9F9; border-color: #DDDDDD;}
.invoice .table.monthly tbody tr.heading th{font-size: 16px; border-top: 1px solid #000;}
.invoice .table.monthly tbody tr.heading th.total{padding-right: 16px;}
.invoice .table.monthly tbody tr.heading:first-child th{border: none;}
.invoice .table.monthly tbody td{font-size: 12px; padding: 4px 8px;}
.invoice .table.monthly tbody tr.monthly-minimum-details:first-child td{border-bottom: 1px solid #DDDDDD;}
.invoice .table.monthly tbody tr.monthly-minimum-details td:first-child{padding-left: 32px;}
.invoice .table.monthly tbody tr.details td.details-container{border-bottom: 1px solid #ddd;}
.invoice .table.monthly tbody tr.details:last-child td.details-container{border: none;}
.invoice .table.monthly tbody tr td.details-container .details-overall td{font-weight: bold; font-size: 13px;}
.invoice .table.monthly tbody tr td.details-container .details-overall a.toggle{margin-top: 0;}
.invoice .table.monthly tbody tr td.details-container .details-breakdown .user-details{padding: 0;}
.invoice .table.monthly tbody tr td.details-container .details-breakdown .user-details-overall{color:#636363;}
.invoice .table.monthly tbody tr td.details-container .details-breakdown .user-details-overall a.toggle{opacity: .7; margin-top: -1px;}
.invoice .table.monthly tbody tr td.details-container .details-breakdown .user-details-breakdown{color:#939393;}

.invoice .table.monthly tfoot th, .invoice .table.monthly tfoot td{border: none;}
.invoice .table.monthly tfoot tr.total-line td{border-top: 2px solid #000; padding: 0;}
.invoice .table.monthly tfoot tr.amount-due th{color:#8731C0; font-size: 18px;}

#invoices .select-date{margin-top: 15px;}
#invoices .select-date select{margin: 0;}
#invoices .invoice{margin-bottom: 20px;}
#invoices .invoice:last-child{margin: 0;}
/******************************/

/********** Datepicker **********/
.daterangepicker.single .calendar,.daterangepicker.single .ranges,.ranges{float:none}.daterangepicker{position:absolute;color:inherit;background:#fff;border-radius:4px;width:278px;padding:4px;margin-top:1px;top:100px;left:20px}.daterangepicker:after,.daterangepicker:before{position:absolute;display:inline-block;content:''}.daterangepicker:before{top:-7px;border-right:7px solid transparent;border-left:7px solid transparent;border-bottom:7px solid #ccc}.daterangepicker:after{top:-6px;border-right:6px solid transparent;border-bottom:6px solid #fff;border-left:6px solid transparent}.daterangepicker.opensleft:before{right:9px}.daterangepicker.opensleft:after{right:10px}.daterangepicker.openscenter:after,.daterangepicker.openscenter:before{left:0;right:0;width:0;margin-left:auto;margin-right:auto}.daterangepicker.opensright:before{left:9px}.daterangepicker.opensright:after{left:10px}.daterangepicker.dropup{margin-top:-5px}.daterangepicker.dropup:before{top:initial;bottom:-7px;border-bottom:initial;border-top:7px solid #ccc}.daterangepicker.dropup:after{top:initial;bottom:-6px;border-bottom:initial;border-top:6px solid #fff}.daterangepicker.dropdown-menu{max-width:none;z-index:3001}.daterangepicker.show-calendar .calendar{display:block}.daterangepicker .calendar{display:none;max-width:270px;margin:4px}.daterangepicker .calendar.single .calendar-table{border:none}.daterangepicker .calendar td,.daterangepicker .calendar th{white-space:nowrap;text-align:center;min-width:32px}.daterangepicker .calendar-table{border:1px solid #fff;padding:4px;border-radius:4px;background:#fff}.daterangepicker table{width:100%;margin:0}.daterangepicker td,.daterangepicker th{text-align:center;width:20px;height:20px;border-radius:4px;border:1px solid transparent;white-space:nowrap;cursor:pointer}.daterangepicker td.available:hover,.daterangepicker th.available:hover{background:#eee}.daterangepicker td.week,.daterangepicker th.week{font-size:80%;color:#ccc}.daterangepicker td.off,.daterangepicker td.off.end-date,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date{background-color:#fff;border-color:transparent;color:#999}.daterangepicker td.in-range{background-color:#ebf4f8;border-color:transparent;color:#000;border-radius:0}.daterangepicker td.start-date{border-radius:4px 0 0 4px}.daterangepicker td.end-date{border-radius:0 4px 4px 0}.daterangepicker td.start-date.end-date{border-radius:4px}.daterangepicker td.active,.daterangepicker td.active:hover{background-color:#357ebd;border-color:transparent;color:#fff}.daterangepicker th.month{width:auto}.daterangepicker option.disabled,.daterangepicker td.disabled{color:#999;cursor:not-allowed;text-decoration:line-through}.daterangepicker select.monthselect,.daterangepicker select.yearselect{font-size:12px;padding:1px;height:auto;margin:0;cursor:default}.daterangepicker select.monthselect{margin-right:2%;width:56%}.daterangepicker select.yearselect{width:40%}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect{width:50px;margin-bottom:0}.daterangepicker .input-mini{border:1px solid #ccc;border-radius:4px;color:#555;height:30px;line-height:30px;display:block;vertical-align:middle;margin:0 0 5px;padding:0 6px 0 28px;width:100%}.daterangepicker .input-mini.active{border:1px solid #08c;border-radius:4px}.daterangepicker .daterangepicker_input{position:relative}.daterangepicker .daterangepicker_input i{position:absolute;left:8px;top:8px}.daterangepicker .calendar-time{text-align:center;margin:5px auto;line-height:30px;position:relative;padding-left:28px}.daterangepicker .calendar-time select.disabled{color:#ccc;cursor:not-allowed}.ranges{font-size:11px;margin:4px;text-align:left}.ranges ul{list-style:none;margin:0 auto;padding:0;width:100%}.ranges li{font-size:13px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:4px;color:#08c;padding:3px 12px;margin-bottom:8px;cursor:pointer}.ranges li.active,.ranges li:hover{background:#08c;border:1px solid #08c;color:#fff}@media (min-width:564px){.daterangepicker .calendar,.daterangepicker .ranges,.daterangepicker.single .calendar,.daterangepicker.single .ranges{float:left}.daterangepicker{width:auto}.daterangepicker .ranges ul{width:160px}.daterangepicker.single .ranges ul{width:100%}.daterangepicker.single .calendar.left{clear:none}.daterangepicker .calendar.left{clear:left;margin-right:0}.daterangepicker .calendar.left .calendar-table{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.daterangepicker .calendar.right{margin-left:0}.daterangepicker .calendar.right .calendar-table{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.daterangepicker .calendar.left .calendar-table,.daterangepicker .left .daterangepicker_input{padding-right:12px}}@media (min-width:730px){.daterangepicker .ranges{width:auto;float:left}.daterangepicker .calendar.left{clear:none}}
	
.row.pick-date{margin-bottom: 10px;}
#invoice-range{cursor: pointer; padding: 5px 35px 4px 5px; border: 1px solid #DADAD9; font-size: 14px; font-weight: bold; width: 225px; text-align: right; position: relative; color: #6B6B6B; text-align:center; height: 20px;}
#invoice-range button{display: block; position: absolute; top: 0; right: 0; border: none; border-radius: 0; padding: 7px 10px 8px; border-left: 1px solid #DADAD9;}
#invoice-range button b{display: block; width: 13px; height: 13px;}
#invoice-range button:hover, #invoice-range.active button{background: #DBDBDB;}
.daterangepicker_end_input{margin-bottom: 134px;}
.daterangepicker.dropdown-menu {max-width: none; z-index: 3000;}
.daterangepicker .input-mini{width:90%;}
.daterangepicker td, .daterangepicker th{padding: 3px 2px;}
.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {float: left;margin: 4px;}
.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {float: right;margin: 4px;}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {float: none;}
.daterangepicker .ranges {width: 160px;text-align: left;}
.daterangepicker .calendar {display: none;max-width: 270px;}
.daterangepicker.show-calendar .calendar {display: block;}
.daterangepicker .calendar.single .calendar-date {border: none;}
.daterangepicker .calendar th, .daterangepicker .calendar td {  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;  white-space: nowrap;  text-align: center;  min-width: 29px;}
.daterangepicker .daterangepicker_start_input label,.daterangepicker .daterangepicker_end_input label {display: none;color: #333;/*display: block;*/font-size: 11px;font-weight: normal;height: 20px;line-height: 20px;margin-bottom: 2px;text-shadow: #fff 1px 1px 0px;text-transform: uppercase;width: 74px;}
.daterangepicker .applyBtn{font-size: 14px; padding:4px 12px; width: 75px;}
.daterangepicker .cancelBtn{margin-left:4px; font-size: 14px; padding:4px 12px; width:75px;}
.daterangepicker .cancelBtn:hover{text-decoration: none;}
.daterangepicker .ranges .input-mini {border: 1px solid #ccc;border-radius: 4px;color: #555;display: block; height: 30px;line-height: 30px;vertical-align: middle;padding: 0 6px;}
.daterangepicker .ranges ul {list-style: none;margin: 0;padding: 0;}
.daterangepicker .ranges li {font-size: 12px;background: #f5f5f5;border: 1px solid #DADAD9;color: #4c4c4c;padding: 4px 12px;margin-bottom: 7px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;cursor: pointer;line-height: normal;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {background: #7C2CB8;border: 1px solid #7C2CB8;color: #fff;}
.daterangepicker .calendar-date {border: 1px solid #ddd;padding: 4px;border-radius: 4px;background: #fff;}
.daterangepicker .calendar-time {text-align: center;margin: 8px auto 0 auto;line-height: 30px;}
.daterangepicker {position: absolute;background: #fff;top: 100px;left: 20px;padding: 4px;margin-top: 1px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.daterangepicker.opensleft:before {position: absolute;top: -7px;right: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.opensleft:after {position: absolute;top: -6px;right: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.openscenter:before {position: absolute;top: -7px;left: 0;right: 0;width: 0;margin-left: auto;margin-right: auto;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.openscenter:after {position: absolute;top: -6px;left: 0;right: 0;width: 0;margin-left: auto;margin-right: auto;display: inline-block;border-right: 6px solid transparent;border-bottom:6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.opensright:before {position: absolute;top: -7px;left: 9px;display: inline-block;border-right: 7px solid transparent;border-bottom: 7px solid #ccc;border-left: 7px solid transparent;border-bottom-color: rgba(0, 0, 0, 0.2);content: '';}
.daterangepicker.opensright:after {position: absolute;top: -6px;left: 10px;display: inline-block;border-right: 6px solid transparent;border-bottom: 6px solid #fff;border-left: 6px solid transparent;content: '';}
.daterangepicker.dropup{margin-top: -5px;}
.daterangepicker.dropup:before{top: initial;bottom:-7px;border-bottom: initial;border-top: 7px solid #ccc;}
.daterangepicker.dropup:after{top: initial;bottom:-6px;border-bottom: initial;border-top: 6px solid #fff;}
.daterangepicker table {width: 100%;margin: 0; border-collapse: separate;}
.daterangepicker td, .daterangepicker th {text-align: center;width: 20px;height: 20px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;white-space: nowrap;}
.daterangepicker td.off {color: #999;}
.daterangepicker td.disabled, .daterangepicker option.disabled {color: #999;}
.daterangepicker td.available:hover, .daterangepicker td.available.today, .daterangepicker th.available:hover {background: #DADAD9;}
.daterangepicker td.in-range {background: #F5EEFB;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}
.daterangepicker td.start-date {-webkit-border-radius: 4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;border-radius: 4px 0 0 4px;}
.daterangepicker td.end-date {-webkit-border-radius: 0 4px 4px 0;-moz-border-radius: 0 4px 4px 0;border-radius: 0 4px 4px 0;}
.daterangepicker td.start-date.end-date {-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.daterangepicker td.today.active, .daterangepicker td.active, .daterangepicker td.active:hover {background-color: #7C2CB8;border-color: #7C2CB8;color: #fff;}
.daterangepicker td.week, .daterangepicker th.week {font-size: 80%;color: #ccc;}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {font-size: 12px;padding: 1px;height: auto;margin: 0;cursor: default;}
.daterangepicker select.monthselect {margin-right: 2%;width: 56%;}
.daterangepicker select.yearselect {width: 40%;}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {width: 50px;margin-bottom: 0;}
.daterangepicker th.month {width: auto;}
/********************************/

/*volume*/
span.subtitle{display: block; margin-top: 5px;}
.filters legend{font-size: 14px;}
.filters legend .form_input{margin: 0;}
.filters legend .date{margin-top: 15px;}
.filters legend .date #invoice-range{border-radius: 4px; text-align: left;}
.filters legend .date #invoice-range span{display: block; margin-top: -9px;}
.customer-volume{margin-bottom: 20px;}
.customer-volume h4{font-weight: normal; font-size: 21px;}
.customer-volume h4 a{color: #333333;}
.customer-volume .chart{border: 1px solid #E5E5E5; height: 450px; width: 100%;}
.customer-volume .table{margin-top: 20px;}
.row.padding{padding: 15px 0 20px;}
.row.padding .date{margin-top: 0;}