body {
    background-color: #f0f0f0;
}
.logo-link {
    display: inline-block;
    margin-bottom: 1em;
}
.logo {
    max-width: 200px;
    max-height: 150px;
    width: auto;
    height: auto;
}
.footer-sep {
    display: inline-block;
    border: 1px solid #dadcdc;
    height: 20px;
    margin: 0px 8px;
}

.oauth-content {
    font-size:120%;
}

.scope-item {
    display: table;
}
.scope-item > div {
    display: table-cell;
    vertical-align: middle;
}
.scope-item-icon {
    font-size: 30px;
    padding-right: 15px;
    vertical-align: top !important;
    padding-top: 10px;
}
.scope-item-description {
    width: 100%;
    padding-right: 30px;
}
.scope-item-edit {
    vertical-align: top !important;
    padding-top: 10px;
}
.scope-item-edit a[aria-expanded="true"] .is-closed {
    display: none;
}
.scope-item-edit a[aria-expanded="false"] .is-open {
    display: none;
}
.scope-item-edit small {
    display: none;
}
@media (max-width: 420px) {
    .scope-item { display: block; }
    .scope-item > div { display: block; }
    .scope-item-icon { float: left; font-size: 25px; }
    .scope-item-description { padding-right: 0; }
    .scope-item-header { min-height: 50px; padding-left: 40px; }
    .scope-item-edit small { display: inline; }
    .scope-item-edit svg { display: none; }
}

#historical,
#ongoing {
    width: 100%;
    max-width: 300px;
}
#historical-custom-wrapper .input-group,
#ongoing-custom-wrapper .input-group {
    width: 100%;
    max-width: 300px;
}

.meter-list {
    padding-left: 30px;
    margin-top: 4px;
    margin-bottom: 0;
}
.meter-list-more {
    padding-left: 20px;
}

.services-all-list {
    max-height: 150px;
    overflow-y: auto;
}
.services-all-list > ul {
    padding-left: 20px;
}

.service-address {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    max-width: 250px;
}

#services-filter-row {
    width: 100%;
}
#services-filter-wrapper {
    display: inline-block;
    width: 100%;
    max-width: 300px;
}
#services-filter-wrapper .right-icon {
    font-size: 120%;
    margin-top: 0.1em;
}
.services-filter-input {
    width: 100% !important;
    max-width: 300px;
    padding: 4px 10px;
    height: auto;
}
#services-filter-clear {
    z-index: 3;
    padding: 3px 7px;
    color: #ccc;
}

#services-picker {
    max-height: 200px;
    overflow-y: auto;
}
#services-picker hr {
    margin-top: 0;
    margin-bottom: 0;
}
#services-picker th {
    border: none;
    padding: 0.25em 0.4em;
}
#services-picker td {
    border: none;
    padding: 0.25em 0.4em;
}
.services-picker-said {
    vertical-align: middle;
}
.services-picker-address {
    margin-left: 5px;
    display: inline-block;
    overflow: visible;
    vertical-align: middle;
    max-width: 250px;
}
.services-picker-class {
    vertical-align: middle;
}
.pika-single{z-index:9999;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:bold;background-color:#fff}
.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:0.5}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==')}
.is-rtl .pika-prev,.pika-next{float:right;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=')}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:0.2}.pika-select{display:inline-block}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:bold;text-align:center}
.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5;height:initial}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#33aaff;font-weight:bold}.has-event .pika-button,.is-selected .pika-button{color:#fff;font-weight:bold;background:#33aaff;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.has-event .pika-button{background:#005da9;box-shadow:inset 0 1px 3px #0076c9}.is-disabled .pika-button,.is-inrange .pika-button{background:#D5E9F7}
.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#33aaff;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:0.3}.is-outside-current-month .pika-button{color:#999;opacity:0.3}.is-selection-disabled{pointer-events:none;cursor:default}.pika-button:hover,.pika-row.pick-whole-week:hover .pika-button{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}


/* global css */


/* SVG sprite icons */
.svgicon { overflow:visible !important; height:1em; width:1em; fill:currentColor; }

/* permalink hover behavior */
.permalink-hover:hover .permalink {display: inline-block; text-decoration: none; margin-left: 0.4em; margin-top: 0.4em;}
.permalink {display: none; position: absolute; font-size: 60%;}
.permalink-highlight:target{animation:punch 2s ease-out;}
@keyframes punch{0%{background-color: #ffffff;} 10%{background-color: #ffe038;} 100%{background-color: #ffffff;}}

/* spinner */
.spinner-icon-16x16:before{
content: url(data:image/gif;base64,R0lGODlhEAAQAPIAAP///zMzM87OzmdnZzMzM4GBgZqamqenpyH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQACgABACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkEAAoAAgAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkEAAoAAwAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkEAAoABAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQACgAFACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQACgAGACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAAKAAcALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==);
}
.spinner-icon-12x12:before{
content: url(data:image/gif;base64,R0lGODlhDAAMAOMAAP///zMzM87OzmdnZzMzM4GBgZqamqenp////////////////////////////////yH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQACgD/ACwAAAAADAAMAAAEIhDISau9OOs6yMjdhwmDsA2DMQnshBrHwbZSYQjxfOHmFAEAIfkEAQoAAQAsAAAAAAwADAAABCUQyEmrrYSMK/PmwyBcxWBwgDEUqFCMKHDMqGEcAlwJeK5buUoEACH5BAEKAAEALAAAAAAMAAwAAAQkEEg5hphYEjIyqEZ1ZVXhTYUxZkd7SodxvIBg05K9ejp947QIACH5BAEKAAEALAAAAAAMAAwAAAQnEEhpiphYjmEyOGBhCAQxTIZxTOUpCcelDZdge5Mt48DO/8CgMBMBACH5BAEKAAEALAAAAAAMAAwAAAQjEEh5jpiY1gyEF9YwGNM3iUV5TUaxctJADHA8193w4nzvTxEAIfkEAQoAAQAsAAAAAAwADAAABCUQSCnEvLNanK05Bzd9oQiAm2kMhgkUQ+EKRooRxODiujkMNlcEACH5BAEKAAEALAAAAAAMAAwAAAQhEMhJq71UaAy04BvXGQd3kGBoDUOxDgJrWATRGl/F5lIEACH5BAEKAAEALAAAAAAMAAwAAAQjEMhJq7046z2Fz56giRJBDNNxkIA5FIZgGMc0DMJdqOwE9xEAOw==);
}

/* always display table of contents on wide screens */
@media (min-width: 992px) {
.display-md-lg { display: block !important; }
}

/* add some spacing between list items */
.list-spaced > li { margin-top: 0.4em; }
.list-spaced > li:first-child { margin-top: 0; }

/* icon inside input */
.right-addon { position: relative; }
.right-addon .right-icon { position: absolute; right: 0px; padding: 10px; line-height: 1; }
.right-addon .right-input { padding-right: 30px; }
.right-addon .right-zindex { z-index: 100; }

/* Customer Support Modal */
#customer-support-modal .modal-header {
background-color: #eeeeee;
font-size: 24px;
font-weight: 700;
padding: 20px 30px;
}
#customer-support-modal .modal-body {
font-size: 16px;
padding: 30px;
}
#customer-support-modal #uapi-support-screenshots {
display: inline-block;
width: 100%;
max-width: 400px;
}
#customer-support-modal .modal-footer {
border-top: none;
}