/**
 * Global CSS Rules.
 */


/*body {padding: 60px 0 0 0;}*/

.upper {text-transform: uppercase;}

.page-header .actions {
    margin-top: 20px;
}

.page-header {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

/**
 * Navigation overrides
 */
#mainmenu .navbar-fixed-top, #submenu .navbar-fixed-top {
    position: static;
    z-index:999; /* This allows dropdowns to appear above the menu */
}

#mainmenu .brand {
    padding: 1px 0;
    margin-right: 2em;
}

#submenu .brand {
    display: none;
}


/**
 * Improved Loading UI state for YiiGrid widget.
 */
.grid-view {
    position: relative;
    padding-top: 0px !important;
}

.grid-view.grid-view-loading {background: none !important;}

.grid-view-overlay {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
    background-color: #000;
    opacity: 0.7;
}

div.spinner {
    background-color: #666666;
    border-radius: 10px;
    background-image: url('../img/75-spinner.gif');
    background-repeat: no-repeat;
    background-position: center center;
    position:absolute;    
    width: 80px;
    height:80px;
    top: 200px;
    left: 47%;
}

.grid-view .grid-view-overlay {display: none;}
.grid-view.grid-view-loading .grid-view-overlay {display: block;}


/**
 * Quotes
 */

 table.saved-quotes td {
    vertical-align: middle;
    padding-left: 0px;
    padding-right: 16px;
 }
div.quotes {
    border-top: 1px solid #91B3CA;
}

.border-top, tr.border-top > td, tr.border-top > th {
    border-top: 1px solid #CCCCCC;
}

.border-bottom, tr.border-bottom > td, tr.border-bottom > th {
    border-bottom: 1px solid #CCCCCC;
}

.query-result .results th.border-bottom, .query-result .results th.border-top, .plangroup td.border-top, .plangroup td.border-top  {
    border-color: #91B3CA;
}

.query-result .results th.border-top {
    border-top: 1px solid #91B3CA;
}

table.quote-new td {
    padding: 0 10px 0 0;
}


.query-result .results input.resultsite[type="radio"]:checked + label, .results label.badge {
    background-color: #1087B2;
    border-radius: 3px;
    color: #FFFFFF;
}

td label {
    display: inline;
    padding: 3px;
}

.popover_trigger {
    cursor: pointer;
}

div.popover-container {
    display: none;
}

div.popover-content table.table {
    font-size: 80%;
}

.query-result div.popover-content table.table td {
    border-top: none;
}

.popover {
    max-width: 800px !important;
}

.popover table td {
    font-size: 0.9em;
    color: #555;
    vertical-align: middle;
}

.popover td span.gst {
    color: #999;
}

.popover p.site-name {
    font-size: 1.2em;
    font-weight: bold;
    color: #555;
}

th.util-title {
    border-top: none;
    background-color: #143E5E;
    color: #ffffff;
}

.border-top {
    border-top: 1px solid;
}

.query-result .plangroup {
    /*border-bottom: 2px solid #999999;*/
    margin-bottom: 2em;
    padding-bottom: 1em;
}

.query-create .site-add, .query-create .site-remove {
    display: none;
}

.seasonal-input {
    display: none;
}

#plans {
    border-top: 2px solid #999;
    margin-top: 3em;
}

#GridExitPoint_description, #Network_code {
    text-transform: uppercase;
}

input.loading {
    background: url(../img/16-spinner.gif) no-repeat 95% center;
}

i.icon-loading {
    width: 16px;
    height: 16px;
    background: url(../img/13-spinner.gif) no-repeat 95% center;
    display: inline-block !important;
    margin: -3px 0;
}

button.btn i.icon-loading {
    width: 13px;
    height: 13px;
    background: url(../img/13-spinner.gif) no-repeat 95% center;
    display: inline-block !important;
}

.right-inner-addon {
    position: relative;
    display: inline-block;
}
.right-inner-addon input {
    padding-right: 30px;    
}
.right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 10px 12px;
    pointer-events: none;
}

input.icp {
    text-transform: uppercase;
}

i.icp-status {
    cursor: help;
    top: -2px;
}

i.icp-status.icon-ok {
    color: #468847;
}


div.upload-widget .progress {
    margin: -5px 0;
}

div.graph-well {
    padding: 0;
}

div.graph-well form {
    margin: 0px;
    padding: 1em;
}

div.graph-well div.alert {
    border-radius: 4px 4px 0 0;
    border-width: 0 0 1px;
}

#monthly-graph-container, #yearly-graph-container {
    background: #fff;
    border-radius: 4px;
}
div.graph-well div.actions {
    padding-right: 30px;
    border-top: 1px solid #ccc;
}
div.graph-well div.actions.loading {
     background: url(../img/16-spinner.gif) no-repeat 98% 22px;
}

div.graph-well div.actions.top {
    border-bottom: 1px solid #ccc;
    border-top: none;
}

form.form-horizontal span.help-block {
    margin-bottom: 10px;
}

div.container div.login-box {padding: 0; !important;}
div.logo {background: #fff;padding: 1em;}
div.login-box div.login-form {padding: 1em;border-top: 1px solid #CCCCCC;}

div.site div.meters .site-meter:first-child a.meter-remove {display:none;}
div.meters .site-meter:last-child {margin:0px;}

td.meter-label {width: 20%;}
td.meter-select {width:30%}
td.meter-usage {width: 20%;}
td.meter-buttons {width:30%;}


.breadcrumb {margin: 0px;}

.controls .single label {text-align:left;}


table.table-borderless th,  table.table-borderless td {
    border-top: none;
}

tr.querysite-rates td:first-child {
    padding-left: 2em;
}

tr.querysite-rates td {
    padding-top: 0px;
    padding-bottom: 5px;
}


.variable-ppd-widget select.ppd-selector {
    display:none;
    height: 20px;
    font-size: 12px;
    padding: 0;
}


table.registry-data {
    display: none;
    width: 350px;
    background: #F9F7F5;
    font-size: 12px;
}



ul.nav-stacked a div.progress {
    width: 100px;
    margin: 5px 0 0 0;
    height: 10px;
}

div.scroll-grid {
    height: 475px;
}

div.scroll-grid div.items-wrap {
    height: 400px;
    overflow-y: scroll;
    border-bottom: 1px solid #ccc;
}

div.scroll-grid.well {
    padding: 0px;
}

div.scroll-grid div.summary {display:none;}

div.scroll-grid table.table {
    margin-bottom:0px;
    border-radius: 0px;
}

div.scroll-grid .pagination {
    margin: 20px 15px;
}

div.scroll-grid td select {
    margin-bottom: 0px;
}

div.grid-view+div.form-actions {
    margin-top: 0px;
}

div.grid-view .table th, div.grid-view  .table td {
    vertical-align: middle;
}


div.sites-info {
    border-top: 1px solid #CCC;
    margin-top: 16px;
    padding-top: 16px;
}

div.quotes-info, div.sites-info {
    margin-left: 10px;
    margin-right: 10px;
}

table caption {
    font-weight: bold;
    font-size: 14px;
}

div.query-result div.plangroup {
    padding: 16px 5px 8px 5px;
}

div.filter-controls {
    margin: 16px 0;padding:8px 3px;
}

div.filter-group {
    float:left;
    margin-right:3px;
    padding-right: 3px;
    border-right: 1px solid #ccc;
}

div.filter-group:last-child {
    border:none;
    margin-right:0;
    padding-right: 0;
}

div.filter-group label{
    padding-left:2px;
}

div.filter-group button.active {
    background: #2F96B4;
    color: #ffffff;
    text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.filter-group .btn-group > .btn:hover,
.filter-group .btn-group > .btn:focus,
.filter-group .btn-group > .btn:active,
.filter-group .btn-group > .btn.active {
    z-index: 0;
}


table.resultsite-table tr {cursor: pointer;}
table.resultsite-table tr.active {background-color:#F5F5F5;}
table.resultsite-table td {border-top: 1px solid #91B3CA; vertical-align: middle;}
table.resultsite-table th.check, table.resultsite-table td.check {text-align:center;width:30px;}
table.resultsite-table th.seasonal, table.resultsite-table td.seasonal {text-align:center;width:60px;}
table.resultsite-table th.term, table.resultsite-table td.term {text-align:center;width:60px;}
table.resultsite-table th.rate, table.resultsite-table td.rate {text-align:left; width: 90px;}
table.resultsite-table th.cost, table.resultsite-table td.cost {text-align:right;}
table.resultsite-table th.competitor-cost, table.resultsite-table td.competitor-cost {text-align:right;}
table.resultsite-table th.info, table.resultsite-table td.info {text-align:right; width: 40px;}
table.resultsite-table th.pricing-type, table.resultsite-table td.pricing-type {text-align:left; width: 40px;}
table.resultsite-table tr.no-results {display:none;}

span.status {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('../img/status.png') no-repeat 0 0;
    margin-bottom: -2px;
}

table.resultsite-table td.retailer {
    text-align:center;
    background-color: #ffffff !important;
    border-width: 1px 1px 0 0;
    border-style: solid;
    width:100px;
}

table.resultsite-table td.check {
    background-color: #FFFFFF !important;
}

td.check input.resultsite {
    margin-top: 0;
}

ul.nav-stacked a div.progress {
    width: 100px;
    margin: 5px 0 0 0;
    height: 10px;
}



span.status.status-active {background-position: -20px 0;}
span.status.status-inactive {background-position: -40px 0;}


.alert-info table td {border-top: 1px solid #91B3CA;}


div.registry-search-box form {
    margin: 0px;
}

div.address-search {
    padding-left: 3em;
    border-left: 1px solid #CCCCCC;
}

div.search-results li a span.status {
    float: right;
}

div.search-results li.active a, div.search-results li.active a:focus, div.search-results li.active a:hover {
    outline: 0;
    background: #0088CC;
    border-color: #0088CC;
    color: #FFFFFF;
}

div.icp-details.loading div.tab-content {
    background-color: #F9F7F5;
    border: 1px solid #CCC;
    background-image: url('../img/75-spinner.gif');
    background-position: center center;
    background-repeat: no-repeat;
    height: 465px;
}


div.icp-details.loading ul.nav-tabs, div.icp-details.loading .tab-pane.active {
    visibility: hidden;
}

div.icp-details #map img {
    width: 100%;
}

#RegistryAddressSearchForm_region {
    max-width: 320px;
}

input[type="text"].ng-invalid.ng-dirty {
    border-color: #B94A48;
    color: #B94A48;
}

input[type="text"].ng-invalid {
    border-color: #B94A48;
    color: #B94A48;
}

/**
 * System Messages 
 */
.system-messages {
    background-color: #fef9f2;
    border: 1px solid #fa9919;
    padding: 1em;
    margin-bottom: 2em;
}

.system-messages h3 {
    margin-top: 0px;
}

.system-message {
    border-top: 1px solid #fdddb2;
    padding: 1em 0;
}

.system-message span.date {
    color: #e17f00;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    padding-top: 0.3em;
    width: 80px;
}

.system-messages .system-message h4 {
    color: #31abd8;
    margin: 0 0 0.2em 0;
    font-weight: normal;
}

.system-message .message-detail {
    margin-left: 80px;
}

/**
 * Progress bars with centered text
 */
.progress {
    position: relative;
}

.bar {
    z-index: 1;
    position: absolute;
}

.progress span {
    position: absolute;
    top: 0;
    z-index: 2;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    text-align: center;
    width: 100%;
}

.grid-view .progress {
    margin-bottom: 0;
}

.table th, .table td {
    vertical-align: middle;
}


.gm-style img {
    max-width: inherit !important;
}


div.select2-container {
    display: block !important;
}

div.map-container {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.map-sidebar {
    position: absolute;
    background-color: #f9f7f5;
    border-right: 1px solid #cccccc;
    width: 250px;
    top:0px;
    left:0px;
    z-index: 999;
    overflow-y: auto;
}

div.map-sidebar div.map-panel {
    position: relative;
    width: 100%;
    border-width: 0 0 1px 0;
}

div.map-panel {
    position: absolute;
    background-color: #f9f7f5;
    border: 1px solid #cccccc;
    z-index: 999;
}

div.map-panel-heading {
    background-color: #e8ecef;
    padding: 5px 10px;
    border-bottom: 1px solid #cccccc;
}

div.map-panel-heading h5 {
    margin: 0px;
}

div.map-panel-body {
    padding: 10px;
}

div.map-panel.collapsed .map-panel-body {
    padding: 0px;
}

div.map-panel.collapsed .map-panel-body > * {
    display:none;
}

div.map-panel.collapsed .map-panel-heading {
    border-bottom: none;
}


#icpDetailsPanel {
    width: 400px;
    display: none;
}

#icpDetailsPanel .map-panel-body {

}


div.map-overlay {
    z-index: 1000;
    width: 100%;
    height: 700px;
    position: absolute;
    /*background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);*/
}

div.progress-indicator {
    background-color: #e8ecef;
    padding: 10px;
    border: 1px solid #143e5e;
    width:200px;
    text-align: center;
    margin:auto;
    top: 250px;
    position: relative;;
}

.map-panel label.filter-label {
    color: #999999;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}


.account-note {
    border-bottom: 1px solid #fdddb2;
    padding: 1em 0;
}

.account-note span.date {
    color: #e17f00;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    padding-top: 0.3em;
    width: 80px;
}

.account-note .note-detail {
    margin-left: 80px;
}

.font-small {
    font-size: 12px;
}



#map-container .controls {
    margin-top: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

#map-container #pac-input {
    background-color: #fff;
    padding: 0 11px 0 13px;
    width: 400px;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
    margin-left: 0px;
}

#map-container #pac-input:focus {
    border-color: #4d90fe;
    margin-left: -1px;
    padding-left: 14px;  /* Regular padding-left + 1. */
    width: 401px;
}

#map-container .pac-container {
font-family: Roboto;
}

#map-container #type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

#map-container #type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

div.map-cluster {
    position: absolute;
    border: 1px solid #000;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    background: #356BCE;
    padding: 5px;
    text-align: center;
    cursor: pointer;
}

div.map-cluster:hover {
  background: #5E94F2;  
}

div.map-cluster span {
    display: block;
    color: #fff;
    font-weight: bold;
}

input[type="text"].address-autocomplete {
    width: 400px;
    margin-bottom: 0px;
}

div.checkbox-list ul li {
    list-style: none;
}

div.checkbox-list input[type="radio"], div.checkbox-list  input[type="checkbox"] {
    margin: 0;
}
/*-------STATUS ICONS------*/
.status-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url("../img/status_img.png") no-repeat 0 0;
    margin-bottom: -2px;
    margin-right: 5px;
}
.status-icon.status-0 {
    background-position: 0px 0px;
}
.status-icon.status-5 {
    background-position: -20px 0px;
}
.status-icon.status-10 {
    background-position: -40px 0px;
}
.status-icon.status-15 {
    background-position: 0px -20px;
}
.status-icon.status-20 {
    background-position: -60px -40px;
}
.status-icon.status-25 {
    background-position: -20px -40px;
}
.status-icon.status-30 {
    background-position: -80px -40px;
}
.status-icon.status-35 {
    background-position: -100px -40px;
}
.status-icon.status-40 {
    background-position: -80px -60px;
}
.status-icon.status-100 {
    background-position: -120px -60px;
}
.status-icon.status-105 {
    background-position: -140px -60px;
}
.status-icon.task-status-0 {
    background-position: -100px -40px;
}
.status-icon.task-status-1 {
    background-position: -80px -40px;
}
.status-icon.task-status-5 {
    background-position: -60px -40px;
}
.status-icon.task-status-10 {
    background-position: -120px -60px;
}
.not-set {
    color: #c55;
    font-style: italic;
}
.conversion-label {
    display: inline-block;
    padding: 0.4em 0.4em;
    font-weight: 700;
    font-size: 0.8em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.5em;
    width: 3.5em;
}

/* Mobile */
@media (min-width: 768px) and (max-width: 979px) {

    #mainmenu .brand {
        margin-left: 15px;
    }

    div.span8.offset2 {
        margin-left: 20px;
        width : 724px;  
    }

    div.span4.offset2, body.site-login #footer {
        margin: auto;
        float: none;
        width: 352px;
    }
}

@media (max-width: 767px) {
    div.address-search {
        padding-left: 0px;
        border-left: none;
        border-top: 1px solid #CCCCCC;
        margin-top: 2em;
    }
}