/*   This is a file for extending aw style to other forms accross the website */

/* Hide _hidden sections */
.crmEntityFormView table[data-name$="_hidden"], .crmEntityFormView table[data-name$="_hide"] {
  display: none!important;
}

/* Text links that show up on pages */
.myphx311-text-link{
  color: #E6AC00!important;
  cursor:pointer;
}

.myphx311-text-link-alt{
  color: #003AE6!important;
  cursor:pointer;
}

.myphx311-text-link:hover, .myphx311-text-link-alt:hover{
  text-decoration: underline;
  cursor:pointer;
}

/* Fix for arrows on datepicker */
.datepicker .glyphicon{
  color:black;
}

/* Fix for nav bar on homepage */
nav#d-nav{
  top: 4.5rem!important;
}

/* Required field for required sections */
legend.section-title.required h3::after/*, legend.section-title.required::after*/{
  content: ' *';
  color: red;
}

/* Address Lookup Tab Buttons */
#street-address-btn, #intersection-btn, #apn-btn, #geoTab, #dropPin-btn, .mapInfoTip{
  color: #E6AC00 !important;
}

/* Fix for ddls */
.form-control.picklist, .form-control.boolean-dropdown {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 0 solid transparent;
    border-radius: 0;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Fix for SP File Control */
table.table{
  color:#fafafa;
  --bs-table-striped-color: #fafafa;
}
table.table thead{
    background-color:#455781
}
table.table-striped tr:nth-child(even) {
    background-color:transparent;
}
table.table-striped tr:nth-child(even) td{
    background-color:inherit;
}

div.dropup.open .dropdown-menu, div.dropdown.open .dropdown-menu{
  display:block;
}
div.dropup .btn-default:hover, div.dropup .btn-default:focus, div.dropdown .btn-default:hover, div.dropdown .btn-default:focus{
  color: #fafafa;
  background-color:#5d5d5d;
}
div.dropup .btn-default, div.dropdown .btn-default{
  border-color:#fafafa;
}
.dropdown-menu>li>a:hover{
    padding:0;
    border:0;
}
ul.dropdown-menu{
    background-color:#455781;
    color: #fafafa;
}

.sharepoint-loading.message.text-center
{
    color:#fafafa !important;
}
.sharepoint-grid .btn{
    color:#fafafa!important;
}

.modal-header, .modal-footer{
  background-color:#455781;
  color:#fafafa;
}
.modal-body{
  background-color: #161627;
  color:#fafafa
}
.modal-header{
  border-bottom:0px;
}
.modal-footer{
  border-top:0px;
}
.modal-dialog .form-close{
  color:#fafafa;
}

/* Ryan's Additions */
    /* Start Stop Water Service */
body {
  color: #fff !important;
}

span.webchat__suggested-action__text {
  color: green !important;
}

@media (min-width: 992px){
.h1, h1 {
color: white;
}

.h2, h2 {
color: white;
}

span {
  color: white;
}

legend {
color: white;
}

#root {
position: relative;
top: 88px; 
min-height: 34vh !important;
padding-bottom: 10vh !important;
}
}

#openPin{
margin-bottom:5px;
}

#adoxio_pin{
width:10% !important;
min-width:60px;
}

/* Address Suggestions Dropdown */

div.auto-complete-suggestions-container{
position: relative;
z-index: 1;
display: none;
}


div.auto-complete-suggestions{
box-sizing: border-box;
border: 1px solid #66afe9;
position: absolute;
top: 39px;
background-color: white;
width: 100%;
color: #555;
}

div.auto-complete-suggestions option{
display: block;
}

div.auto-complete-suggestions option.selected{
display: block;
background-color: #1E90FF;
color: #FFF;
}

/* --Address Suggestions Dropdown */

/* Calendar datepicker */

div.datetimepicker{
width: 25% !important;
flex-wrap: nowrap;
flex-direction: row;
}

svg.fa-calendar-days{
font-size: 2rem !important;
}

.msos-selected-display-item-text{
  color:inherit;
}

.msos-quick-delete{
  background-color:inherit !important;
  color:inherit !important;
}

.msos-glyph{
  color:inherit;
}

.msos-label{
  color:inherit;
}

/* --Calendar datepicker */

    /* -- Start Stop Water Service -- */




    /* City Services Bill Documents */

/* General body colors */
body{
  color:#fafafa;
}
label{
  font-weight: 700;
  color:#fafafa;
}
.form-control.readonly, .form-readonly .form-control{
  color:#848484 !important;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6
{
  color:#cbcbcf !important;
}

/* --General body colors */

/* Next/Prev Buttons */

input[type=button], button
{
  background-color: #455781 !important;
  border-color: #455781 !important;
  font-weight: 600 !important;
  color:#FAFAFA !important;
} 

input[type=button]:hover, button:hover
{
  background-color: #2a3a60 !important;
  border-color: #2a3a60 !important;
  color:#FAFAFA !important;
  font-weight: 600 !important;
}

.crmEntityFormView .actions
{
  text-align: right;
  border:none;
  margin-bottom: 0 !important;
}

.crmEntityFormView .actions>.col-sm-6
{
  float: right;
}

/* --Next/Prev Buttons */

/* Tabs/Progress Bar */

.crmEntityFormView .tab 
{
  border:3px solid #455781;
  padding:20px;
  background-color: #161627;
  border-radius: 7px;
}

.crmEntityFormView .tab-title
{
  border:none;
  margin:0;

}

html[dir=ltr] ol.progress.top li
{
  border-radius: 4px !important;
}

.progress
{
  background:transparent;
  padding-top:20px;
  margin-bottom:20px;
  border-bottom:1px solid #e6ac00 !important;
  border-radius: 0;
  font-weight: 700 !important;
}

.list-group
{
  flex-direction: unset;
}

.list-group-item
{
  width:100%;
  font-size: 1rem;
  background:transparent;
}

.list-group-item.active
{
  color:#fafafa !important;
  background:transparent !important;
  border-color:transparent !important;
}

.list-group-item.incomplete
{
  color:rgb(113, 119, 144) !important
}

@media (max-width: 762px) {
  .list-group-item.incomplete
  {
      display: none;
  }
}

@media (max-width: 762px) {
  .list-group-item.active
  {
      text-align: center;
  }
}

/* --Tabs/Progress Bar */

/* Alerts */
div.alert.alert-warning{
  color: black;
  background-color: #ffc107;
  border-color: #ffc107;
}

.alert-danger
{
  background-color:#f0b1b1;
  border-color:#f0b1b1;
  color:black !important;
}

.alert-danger a
{
  color:black !important;
}

/* --Alerts */

/* Address Suggestions Dropdown */

div.auto-complete-suggestions-container{
  position: relative;
  z-index: 1;
  display: none;
}


div.auto-complete-suggestions{
  box-sizing: border-box;
  border: 1px solid #66afe9;
  position: absolute;
  top: 39px;
  background-color: white;
  width: 100%;
  color: #555;
}

div.auto-complete-suggestions option{
  display: block;
}

div.auto-complete-suggestions option.selected{
  display: block;
  background-color: #1E90FF;
  color: #FFF;
}

/* --Address Suggestions Dropdown */

/* Validation Summary */
.validation-header{
color:#000000!important;
}

.validation-summary a:hover {
text-decoration:underline!important;
}
/* --Validation Summary */

/* Other fixes */
/* Pin button too close to input */
#openPin{
  margin-bottom:5px;
}
#adoxio_pin{
  width:10% !important;
  min-width:60px;
}

#root {
  position: relative;
  top: 88px;
  min-height: 34vh !important;
  padding-bottom: 10vh !important;
  }
  
.pull-right{
float:right!important;
}

#form-start{
margin-top:20px;
}

#denotes{
margin-top:10px;
margin-right:10px;
}

.alert.sr-only{
padding:0;
}

/* --Other fixes */

    /* -- City Services Bill Documents -- */




    /* Vacation Rentals Registration */

    #openPin{
      margin-bottom:5px;
  }
  
  #adoxio_pin{
      width:10% !important;
      min-width:60px;
  }
  
  /* Address Suggestions Dropdown */
  
  div.auto-complete-suggestions-container{
      position: relative;
      z-index: 1;
      display: none;
  }
  
  
  div.auto-complete-suggestions{
      box-sizing: border-box;
      border: 1px solid #66afe9;
      position: absolute;
      top: 39px;
      background-color: white;
      width: 100%;
      color: #555;
  }
  
  div.auto-complete-suggestions option{
      display: block;
  }
  
  div.auto-complete-suggestions option.selected{
      display: block;
      background-color: #1E90FF;
      color: #FFF;
  }
  
  /* --Address Suggestions Dropdown */
  
  /* Calendar datepicker */
  
  div.datetimepicker{
    width: 25% !important;
    flex-wrap: nowrap;
    flex-direction: row;
  }
  
  svg.fa-calendar-days{
    font-size: 2rem !important;
  }
  
  
  /* --Calendar datepicker */

      /* --Vacation Rentals Registration -- */


/* Breadcrumb */
.breadcrumb{
  padding: 0.5rem!important;
  background-color:#455781;
  border-radius:7px;
}

.breadcrumb .active, .breadcrumb-item+.breadcrumb-item::before{
  color:#848484;
}

/* Pagination Styles */

.view-pagination{
  color:white;
  padding: 0.5rem!important;
  background-color: #455781;
  border-radius: 7px;
}


.day button {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.day.weekend button, .day.disabled button {
  background-color: #f2f2f2 !important;
  color: #c0c0c0 !important;
}

.datepicker-days table thead tr th.prev button, 
.picker-switch button,
.datepicker-days table thead tr th.next button
{
    background-color: #ffffff !important;
  color: #000000 !important;
}

.picker-switch button {
  background-color: #ffffff !important;
  color: #000000 !important;
}

div.webchat__upload-button button, .webchat__send-box__button  {
  background-color: transparent !important;
}

button.webchat__suggested-action {
  background-color: white !important;
    border-color: green !important;
}

button.react-film__flipper {
  background-color: white !important;
}

.crmEntityFormView .cell.checkbox-cell div.info {
  max-width: 85% !important;
  word-wrap: break-word;
}

@media (max-width: 1200px){
  div.datetimepicker{
    width:35% !important;
  }
}

@media (max-width:  992px){
  div.datetimepicker{
    width:50% !important;
  }
}

@media (max-width:  500px){
  div.datetimepicker{
    width:100% !important;
  }
}

@media (max-width:  300px){
  div.datetimepicker{
    width:100% !important;
    
  }
  .bootstrap-datetimepicker-widget.dropdown-menu{
    width:100%;
  }
}