html, body {
    height: 100%;
    min-height: 100%;
    min-height: 100vh;
}

#p_global {
    min-height: 100%;
    min-height: 100vh;
}

body {
    font-family: Arial;
    margin: 0;
    padding: 0;
    font: 13px/1.231 helvetica,arial, clean,sans-serif;
}

/* helper to block text selection */
.no-select {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.no-breakline {
    white-space: nowrap;
}

input[type="submit"], button {
    color: #000;
}

th, td {
    border: none;
    padding: .5em;
}

.g_background {
  display: block !important;
}

ul li {
  list-style: none;
}

#g_background {
    background: #222222 repeat-y;
    bottom: 0;
    left: 0;
    position: fixed;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 9999;
    display: none;
    opacity: 0.5;
}


#p_global {
    background-color: #e0e0e0;
    position: relative;
    width: 100%;
    overflow: hidden;
}

body:before { /*Opera Fix*/
	content:"";
    height: 270px;
	float:left;
	width:0;
	margin-top:-32767px;
}

.header_holder {
    background: url("../images/header-back.png") repeat-x scroll center top #2B2B2B;
}

.header_holder .header {
    height: 65px;
    margin: 0 auto;
    position: relative;
    width: 980px;
}

.body_holder .body {
    margin: 0;
    padding: 0;
    width: auto;
}

#p_homepage #sect_entree {
    min-height: 386px;
    position: relative;
}

#p_homepage #sect_boxes {
    background: url("../images/table_top_1_170.png") repeat-x scroll center top #FFFFFF;
    min-height: 170px;
}

.button {
    display: inline-block;
    padding: 4px;
    background-color: #363636;
    color: #8F8F8F;
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: 1px;
}

.button:hover {
    color: #fff;
}


.alert.alert-block {

    padding: 1em;
    display: block;
    max-width: 44em;
    margin-left: 4em;
    background-color: #fbe384;
    border: 1px solid #fbb569;
    border-radius: 5px;
    margin-bottom: 2em;
}

#signin,
#forgot {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid;
  width: 50%;
  height: 270px;
  margin: auto;
  -moz-border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 0 5px #000000;
  background-color: #2C2C2C;
  border: 0 solid #4A4A4A;
  color: #DDDDDD;
  font-size: 12px;
  min-width: 100px;
  opacity: 1;
  padding: 10px;
  text-align: center;
  text-shadow: none;
  z-index: 3;
  width: 380px;
}

#search {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid;
  width: 50%;
  margin: 1px auto;
  -moz-border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 0 5px #000000;
  background-color: #2C2C2C;
  border: 0 solid #4A4A4A;
  color: #DDDDDD;
  font-size: 12px;
  min-width: 100px;
  opacity: 1;
  padding: 10px;
  text-align: center;
  text-shadow: none;
  z-index: 3;
  height: 45px;
  width: 600px;
  text-align: left;
}

#advance-search {
   border: none;
   margin: 0 auto;
   width: 650px;

  border: 2px solid;
  width: 50%;
  margin: 1px auto;
  -moz-border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 0 5px #000000;
  background-color: #2C2C2C;
  border: 0 solid #4A4A4A;
  color: #DDDDDD;
  font-size: 12px;
  min-width: 100px;
  opacity: 1;
  padding: 10px;
  text-align: center;
  text-shadow: none;
  z-index: 3;
  width: 600px;
  text-align: left;

}

#advanced {
  color:#8F8F8F !important;
}

#search #select label,
#search #select input{
  margin-right: 5px;
}

#sect_entree {
  width: 100%;
  margin: auto;
}

#sf_admin_container .notice, #sf_admin_container .error {
    display: none;
}

#flash-feedback-container .notice {
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    background: url(../sfDoctrinePlugin/images/tick.png) no-repeat 10px 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #ffc;
}

#flash-feedback-container .error {
    margin: 4px 0;
    padding: 4px 4px 4px 30px;
    background: url(../sfDoctrinePlugin/images/error.png) no-repeat 10px 4px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f33;
    color: #fff;
}


#sf_admin_container legend {
  font-size: 14px;
  padding: 0 10px;
}

#sf_admin_container label {
	width: 18em;
}

#sf_admin_container .sf_admin_list table {
    margin: auto;
    text-align: center;
}

#ajax-advance-result{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 655px;
  margin: 60px auto;
}

#list-result #ajax-advance-result{
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 655px;
  margin: auto;
}


#list-result {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 655px;
  margin: 20px auto;
}

#list-result .button {
  font-size: 12px;
  float: right;
  margin-top: 7px;
}

table.result {
  margin-top: .5em;
}

#ajax-advance-result table,
#list table {
  width: 660px;
}


#search #select .ui-autocomplete-input{
  width: 200px;
}

ul.ui-autocomplete {
  width: 200px;
  background: #f3f3f3;
  border: 1px solid #3f3f3f;
  margin-left: 30px;
}

#ajax-advance-result th, #ajax-advance-result td,
#list th, #list td{
  border: none;
}

#ajax-advance-result .odd,
#list .odd,
.table .tr.odd,
.table .tr:nth-child(odd){
  background-color: #ffffff;
}
#ajax-advance-result tr.no-odd,
#list .no-odd,
.table .tr.no-odd,
.table .tr:nth-child(even){
  background-color: #f2f2f2;
}

.table .tr-even {
  background-color: #ffffff;
  border-top:1px solid #ddd;
  padding:2px 0;
}
.table .tr-odd {
  background-color: #f2f2f2;
  border-top:1px solid #ddd;
  padding:2px 0;
}

.table .tr .case-type-description p {
    font-size:.9em;
    margin:5px 0;
    padding:0 0;
}

.table .tr .empty {
    background-color: #2C2C2C;
}

#list-result #sub-item{
  color: #363636;
}
#ajax-advance-result thead,
#list thead {
  background-color: #363636;
  border: 1px solid #3F3F3F;
  color: #8B8B8B;
}

#ajax-advance-result td > a,
#list td > a {
  color: #000000;
}

#ajax-advance-result tr.high-priority,
#list tr.high-priority {
  	background-color: red;
}

table > tbody > tr.high-priority {
    background-color: #FFBFBF !important;
}

#signin tr{
  text-align: left;
}

#signin_username,
#signin_password {
  text-align: left !important;
  font-family: inherit;
  font-size: 11px;
  padding: 5px;
  -moz-border-radius: 2px 2px 2px 2px;
  background-color: #363636;
  border: 1px solid #3F3F3F;
  color: #8B8B8B;
  opacity: 1;
  text-shadow: none;
  width: 220px;
  margin-left: 10px;
}

.header_holder .header .navigation-holder {
    cursor: default;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    right: 0;
    position: absolute;
    top: 23px;
}

.header_holder .header .navigation-holder .navigation-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

#p_global .header_holder .header .navigation-holder .navigation-button .button-holder {
    width: 100%;
    height: 20px;
    padding: 4px 8px;
    color: #c5c5c5;
    text-transform: uppercase;
    font-size: 11px;
    margin: 1px 1px 1px 2px;
}

#p_global .header_holder .header .navigation-holder .navigation-button-hover .button-holder {
    margin: 0 0 0 1px;
    background: #090909;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #161616;
}

.header_holder .hover-holder {
    display: none;
    position: absolute;
    top: 20px;
    width: 174px;
    z-index: 200;

}

.header_holder .header .navigation-holder .navigation-button {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.header_holder .header .navigation-holder .navigation-button-hover .hover-holder {
    display: block;
}

.header_holder .hover-holder .hover-top {
    background: url("../images/v7-testing-nav-dropdown-top-174-22.png") no-repeat scroll center top transparent;
    height: 22px;
}

.header_holder .hover-holder .hover-body {
    background: url("../images/v7-testing-nav-dropdown-repeat-174-1.png") repeat-y scroll center top transparent;
    padding: 0 8px;
}

.header_holder .hover-holder .hover-bottom {
    background: url("../images/v7-testing-nav-dropdown-bottom-174-16.png") no-repeat scroll center top transparent;
    height: 22px;
}

.header_holder .hover-holder .hover-body ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.header_holder .hover-holder .hover-body ul {
    list-style: none  !important;
}

.logo {
  background: url("../images/changes_logo.png") no-repeat scroll 0 0 transparent;
  height: 72px;
}

#p_global a.white {
    color: #FFFFFF;
}

#p_global a.underline {
  text-decoration: underline;
}

#p_global a {
    text-decoration: none;
}


#sub-item {
  float: right;
  margin-right: 10px;
  margin-top: 5px;
  color: #DFDFDF !important;
}

.header_holder .hover-holder .hover-body ul li a {
    color: #FFFFFF;
    display: block;
    font-size: 11px;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: none;
}


.input {
  margin-left: 10px;
}

.table {
 width: 100%;
 border: 2px solid #8b8b8b;
}


.table .th, table.table th {
 background-color: #363636;
 color: #eee;
 font-weight: 600;
}

table.table tfoot th {
    color: #fff;
}

table.table tfoot td {
    color: #000;
    font-weight: 600;
}

footer#footer_holder {
    background-color: #8b8b8b;
    height: 80px;
}

.forgot {
  margin-left: 120px;
  color: #fff;
}

#sf_admin_container textarea{
  height: 21px;
}

.contact-info-block #title-name{
  margin-left: 10px;
  font-size: 17px;
}

.contact-info-block .control{
  float: right;
  margin-right: 10px;
  font-size: 12px;
}

.contact-info-block .profile-section {
  margin-left: 10px;
}

.contact-info-block .profile-section .section {
  list-style-type: none;
  background: url(../images/arrow.png) no-repeat scroll 0 3px transparent;
  margin-top: 20px;
}

.contact-info-block .profile-section li.section table {
  margin-bottom: 0;
  margin-left: 15px;
  margin-top: 10px;
}

.contact-info-block .profile-section li.section table tbody tr {
  border-left: 0 !important;
  border-right: 0 !important;
}

.contact-info-block .profile-section li.section table tbody th {
  border-style: hidden !important;
  text-align: right !important;
  background-color: #ffffff !important;
  color: #c0c0c0;
  font-size: 12px;
}

.contact-info-block .profile-section li.section table tbody td {
  border: none !important;
}

.contact-info-block .profile-section .section hr{
  margin-bottom: 6px;
  margin-top: 3px;
  border: none;
  border-top:dotted 1px #c0c0c0;
}

.contact-info-block {
  -moz-border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 0 5px #000000;
  box-shadow: 0 0 5px #000000;
  background-color: #ffffff;

  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";

  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');

}

.contact-info-block .profile-section .section .label {
  margin-left: 22px;
  color: #4F9F61;
  font-size: 16px;
}

.profile-section .section #controles {
  float: right;
  margin-right: 1px;
  color: #4F9F61;
}

.profile-section .section #controles a{
    color: #4F9F61;
    font-size: 12px;
}


.profile-section .section #selectable-list-case{
  clear: both;
  margin: 15px auto;
}

.profile-section .section p {
  color: #959599;
  font-size: 11px;
  margin-bottom: 5px;
  margin-top: 10px;
  font-size: 12px;
}

.case-edit {
  background-color: #ffffff;
}

.case-edit-controls {
  float: right;
  margin-right: 10px;
}

#case-note-list {
  clear: both;
}

#note {
  /*float: right;
  margin-right: 10px;*/
  padding: 0 20px;
}

#advance-search-form .form-row .form-field-label{
  float: left;
  margin-right: 10px;
}

#advance-search-results {
  margin: 0 auto;
  width: 650px;
}

.form-field #city {
  /*margin-left: 30px;*/
}

#form-row-date label {
  margin-right: 25px;
}

.sf_admin_pagination {
  margin-left: 300px;
}


#form-row-priority .radio_list,
#form-row-status .radio_list {
  /*margin-left: 60px;*/
  list-style: none;
}

.form-row {
  margin-bottom: 8px;
}


/************************/
/* For ligthbox         */
.black_overlay {
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index:1001;
  -moz-opacity: 0.4;
  opacity:.40;
  filter: alpha(opacity=80);
}

.white_content {
  display: none;
  position: absolute;
  top: 25%;
  left: 25%;
  padding: 16px;
  border: 16px solid orange;
  background-color: white;
  z-index:1002;
  overflow: auto;

  border: 2px solid;
  margin: 1px auto;
  -moz-border-radius: 3px 3px 3px 3px;
  -moz-box-shadow: 0 0 5px #000000;
  background-color: #2C2C2C;
  border: 0 solid #4A4A4A;
  color: #DDDDDD;
  font-size: 12px;
  min-width: 100px;
  opacity: 1;
  padding: 10px;
  text-align: center;
  text-shadow: none;
  text-align: left;
}

#case-status-header {
    position: absolute;
    top: 11px;
    right: 10px;
}

#cases-status {
    float: right;
    margin-right: 10px;
}


/***********************/

.hide {
	display: none;
}

#copyright {
    color: #FFFFFF;
    font-size: 11px;
}

#sf_admin_container .help {
    background-image: url("../images/ajax_bubble_arrow.png");
    background-position: left center;
    background-repeat: no-repeat;
    border-bottom-style: none;
    border-left-style: none;
    border-right: thin solid #7EABCD;
    height: 20px;
    margin-top: -27px;
    margin-left: 500px;
    padding: 6px 5px 4px 20px;
    position: absolute;
    display:none;
}

.help br{
  margin-top: -15px;
}

#sf_admin_container .errors input, #sf_admin_container .errors select, #sf_admin_container .errors textarea
{
	border: 1px solid #f22;
}

textarea.note_description {
	height: 60px !important;
}


div.td.case-type-description {
    width: 20%;
}

div.td.note-description {
    width: 35%;
}

span.section-list-title {
  font-weight: 500;
  font-size: 200%;
}

div.cbo-overview-section ~ div.cbo-overview-section {
	margin-top: 10%;
}

div.explanation-link-new-client {
	margin-top: 10px;
}

div.explanation {
	width: 71%;
	text-align: center;
	margin-left: 40px;
}

#advance-search .form-field-label {
	width: 100px;
}

#advance-search .form-field {
	margin-left: 120px;
}

#wrapper.reports .report-container {
    overflow-x: auto;
}

#wrapper.reports div.table {
    display: table;
    font-size: 14px;
}

#wrapper.reports div.table .row {
    display: table-row;
}

#wrapper.reports div.table .row > div {
    display: table-cell;
    padding: 1em;
}

#wrapper.reports div.table .row:not(.th):not(.total-row):nth-of-type(odd) {
    background-color: #f9f9f9;
}

#wrapper.reports div.table .case-row {
    cursor: pointer;
}

.table.table-report div.td.column-width-main {
	width: 25%;
}

.table.table-report div.tr.element {
	margin-top: 3px;
	margin-bottom: 3px;
}
.table.table-report div.tr.group {
    height:30px;
    margin-top: 10px;
    padding-top: 15px;
 }

.table.table-report div.td.column-width {
    width: 10%;
}

.table .tr.totals, .table .tr.total-row {
    font-weight: 900;
    border-top: 1px solid #2C2C2C;
    text-transform: uppercase;
}


#wrapper.reports table.table thead th {
    text-transform: uppercase;
}

#note table th, #form-edit-note table tr th{
	width:190px;
	text-align:left;
}

#form-edit-note{
	padding:20px;
}

table tr td, table tr th{
	padding-bottom:15px;
}

.action-buttons{
	padding:25px 0px;
}

#sf_admin_container label{
	white-space:normal;
}

.phone_reason .radio_list li{
	display:block !important;
}



#sf_admin_container .radio_list li, #sf_admin_container .checkbox_list {
    margin-left: 130px;
}

#sf_admin_container .radio_list li, #sf_admin_container .checkbox_list li {
    display: table-row;
}

table.report-form td {
    vertical-align: top;
}

div.customer.contact-info-block form.customer-delete-form button[type="submit"] {
    display: inline;
    border: 0;
    background: transparent;
    color: red;
    line-height: 9px;
    cursor: pointer;
}

div.sf_admin_form_field_approved_date {
    min-height: 15px;
}

.ytd-start-date-reference {
    text-align: center;
    font-size: 25px;
    border: 2px solid;
    margin-bottom: 30px;
    padding: 15px;
}

.sf_admin_actions_detailed .sf_admin_form_row a {
    padding-left: 20px;
    background: url(../sfDoctrinePlugin/images/list.png) no-repeat 0 0;
}

/* fixing sidebar issue on reports when screen is small */
#wrapper.reports {
    padding-left: 270px !important;
}

#wrapper.reports.toggled {
    padding-left: 0 !important;
}

#wrapper.reports.toggled #sidebar-wrapper {
    width: 0 !important;
}


#wrapper.reports h1 {
    margin-top: 0;
    padding: 20px;
}

#wrapper.reports #sidebar-wrapper {
    position: absolute;
    background: #2B2B2B;
    /* hidding scrollbars: */
    -ms-overflow-style: none !important;
}

@-moz-document url-prefix() {
    #wrapper.reports #sidebar-wrapper {
        overflow-y: scroll;
    }
}

#wrapper.reports #sidebar-wrapper::-webkit-scrollbar {
    /* hidding scrollbars: */
    width: 0 !important;
}

#wrapper.reports:not(.toggled) #sidebar-wrapper {
    min-width: 270px;
}

div.page-actions {
    position: fixed;
    top: 1em;
    left: 1em;
    opacity: 0.5;
    z-index: 1001;
}



#wrapper.reports.row-fluid > .col-xs-12 {
    padding-bottom: 2em;
}

#wrapper.reports .table {
    border-left: 0;
    border-right: 0;
}

#wrapper.reports .sidebar-nav {
    padding-bottom: 8em;
}

#wrapper.reports .sidebar-nav li.title {
    color: #fff;
    padding-top: 1em;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: default;
}

#wrapper.reports .sidebar-nav li.report.active {
    background-color: #444;
}

#wrapper.reports .sidebar-nav li.report:hover {
    background-color: #000;
}



#wrapper.reports .sidebar-nav li.active a {
    color: #fff;
}

#wrapper.reports .sidebar-nav li a.action {
    display: inline;
    cursor: pointer;
    font-size: 12px;
    padding: 0;
    line-height: 40px;
    height: 40px;
    vertical-align: middle;
}

#wrapper.reports .sidebar-nav li a.action:hover {
    background: transparent;
    text-decoration: underline;
}

#wrapper.reports .sidebar-nav li a.action span {
    top: 33%;
}

#wrapper.reports .sidebar-nav li {
    text-indent: 0px;
}

#wrapper.reports .date-filter .header {
    padding: 1em;
}

#wrapper.reports .date-filter .actions {
    text-align: center;
}

#wrapper.reports .date-filter .date-filter-inner-container {
    width: 500px;
    margin: auto;
}

#wrapper.reports .date-filter .form-group.date-group label {
    line-height: 32px;
}

#wrapper.reports .date-filter .date-filter-inner-container .title {
    text-align: center;
}

#wrapper.reports .date-filter .form-group.date-group{
    width: 150px;
    float: right;
}

#wrapper.reports form .extra-fields {
    padding-top: 1em;
    border-top: dotted 1px #0e0e0e;
}

#wrapper.reports form .extra-fields .form-group {
    padding-top: .5em;
}

#wrapper.reports .block-summary {
    margin-bottom : 30px;
}

#reports-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: .8;
    z-index: 10002;
}

#reports-overlay h1 {
    position: absolute;
    top: 50%;
    left: 50%;
}

.report-title, table > caption {
    text-align:center;
    padding:15px;
    background:#8B8B8B;
    font-size:19px;
    margin-top:15px;
    color: #333;
}

.report-container.by_company .trigger-cases-list:hover,
.report-container.by_city .trigger-cases-list:hover,
.report-container.by_dispute .trigger-cases-list:hover,
.report-container.by_resolve_dispute .trigger-cases-list:hover,
.report-container.by_utility_need .trigger-cases-list:hover,
.report-container.by_utility_need_resolved .trigger-cases-list:hover,
.report-container.by_utility_dispute .trigger-cases-list:hover,
.report-container.by_utility_dispute_resolved .trigger-cases-list:hover,
.report-container.by_steps_taken .trigger-cases-list:hover,
.report-container.by_utility_steps_taken .trigger-cases-list:hover,
.report-container.by_needs_assistance_vs_needs_assistance_resolved .trigger-cases-list:hover,
.report-container.by_dispute_vs_dispute_resolved .trigger-cases-list:hover
 {
    cursor:pointer;
}

/*
 * "utility company" report custom rules
 */
.table.report-by_company .th {
    display: table;
    width: 100%;
}

.table.report-by_company .tr .td:nth-child(6),
.table.report-by_company .tr .td:nth-child(7) {
    font-weight: 900;
}

.table.report-by_company .tr .td:nth-child(6) {
    border-left: 1px solid #2C2C2C;
}

.table.report-by_company .td {
    min-height: 3em;
    width: 14%;
}

#case-placeholder #advance-search {
    display: none;
}

.post-data-status-missing,
.post-data-due {
    color:red;
}


#resolution-resolve {
    max-height: 1200px;
}

.table-borderless > thead > tr > th
/* .table-borderless > tbody >  tr > th, 
.table-borderless > tbody >  tr > td  */
{
  border: none;
}