body {
}

.page-title {
    font-family: AntennaCond;
    font-size: 30px;
    font-weight: bold;
    color: #0066B3;
    display: block;
    text-align: center;
}

.input-disabled {
    border: solid thin #BDBDBD !important;
}
.align-center {
    align-items: center;
}

.margin-left {
    margin-left: 20px;
}

.margin-right {
    margin-right: 20px;
}

.column-size {
    width: 320px;
}

.inner-column-size{
    width: 275px;
}

.my-option {
    margin-top: 20px;
}

#dis-services-container {
    padding-top: 20px;
}

#xfr-services-container, #xfr-select-services-container {
    margin-top: 20px;
}

#disconnect-container .option-holder {
    height: auto;
}

#disconnect-disclosure-statement {
    font-size: small;
}

    #disconnect-disclosure-statement b {
        color: black;
    }

#thank-you-modal {
    max-width: 400px;
}

.csr-image {
    height: 100px;
}

.shrink-img{
    height: 38px !important;
    padding: 5px 6px;
}

#xfr-current-services-container .option-holder {
    height: auto;
}
#xfr-current-services-container .card-content {
    padding-top: 0px;
}

#xfr-new-address-services .option-holder {
    height: auto;
}
#xfr-new-address-services .card-content {
    padding-top: 0px;
}

#xfr-residents .option-holder {
    height: auto;
}

#xfr-new-address-services .line-item-blue {
    font-size: 18px;
}

#xfr-select, #disconnect-select {
    margin-left: 10px;
}

.no-bullets{
    list-style-type: none;
}

.error-lbl {
    justify-self: center;
    margin: -10px;
    color: #B61612;
}

#xfr-rm-container .error-lbl{
    margin: 0px;
    margin-top:-10px;
}

#btnXfrOrDisconnect {
    margin-top: 75px;
}

#xfr-past-due-disclosure {
    margin-top: 20px;
    color: #B61612;
}

#location-container{
    margin-bottom: 0px;
}

#xfr-documentation .option-holder {
    height: auto;
}

#xfr-documentation .option-holder .radio-button{
    margin-top: 0px;
    position: relative;
}

    #xfr-documentation .option-holder .content-header-address {
        margin-top: 0px;
        /*padding-left: 0px;*/
    }
    #xfr-documentation .option-holder {
        border: none;
    }

#xfr-residents-container{
    margin: 0px;
}

#xfr-residents-container .card-content{
    padding: 15px 10px 0px 10px;
}
#xfr-residents-container ul li{
    list-style: none;
}

.roomie-line-item{
    display:flex;
    justify-content: flex-start;
    padding-bottom: 20px;
}

#xfr-residents-container ul li .xfr-trash-img{
    margin-top: -2px;
    margin-left: auto;
}
#xfr-residents .option-holder {
    border: none;
}
#xfr-rm-container{
    display: flex;
    justify-content:space-around;
    margin-top: 20px;
}
#xfr-attach-doc{
    margin-left: 40px;
}

#xfr-documentation .card-content {
    display: flex;
}

#xfr-browse{
    width: 95%;
}
.xfr-doc-img{
    height: 20px;
    padding-left: 5px;
}

#xfr-documentation #doc-wrapper{
    width: 100%;
    text-align: center;
}

#xfr-documentation #documentation-files li img {
    margin-right: 0px;
}

#xfr-documentation #documentation-files {
    margin-right: 10px;
    margin-left: auto;
    float:right;
    width: fit-content;
}

.xfr-trash-img{
    margin-left: 10px;
    height: 20px;
}

#xfr-select-upgrades{
    width: 60%;
    margin: 15px 0px;
}

.smaller-font {
    font-size: 14px !important;
}

.line-item-gray {
    font-size: 22px;
    font-family: AntennaCond;
    font-weight: 300;
    font-style: normal;
    line-height: 140%;
    color: #6C7682;
    padding-left: 10px;
}

.input-header {
    font-size: 22px;
    font-family: AntennaCond;
    font-weight: 300;
    font-style: normal;
    /*line-height: 140%;*/
    color: black;
    /*padding-left: 10px;*/
}

.line-item-blue {
    font-size: 22px;
    font-family: AntennaCond;
    font-weight: 300;
    font-style: normal;
    line-height: 140%;
    color: #0066B3;
    padding-left: 10px;
}

.textbox-sub-header {
    font-size: 14px;
    font-weight: 200;
    color: #054073;
}

.content-inner-header {
    font-family: AntennaCond;
    font-style: normal;
    font-size: 18px;
    letter-spacing: -0.024em;
    left: 0px;
    font-family: AntennaCond;
    color: #6C7682;
    min-width: 200px;
    min-height: 21px;
    /*padding-left: 10px;*/
    position: relative;
    display: block;
}

.content-inner-header-black {
    font-family: AntennaCond;
    font-style: normal;
    font-size: 18px;
    letter-spacing: -0.024em;
    left: 0px;
    color: #000000;
    min-width: 200px;
    min-height: 21px;    
    position: relative;
    display: block;
}

.disclaimer-blue {
    font-family: AntennaCond;
    font-size: 12px;
    font-weight: lighter;
    color: #054073;
}
/* Custom circle style for today */
.flatpickr-day.today-highlight {
    border: 2px solid #007BFF !important;
    border-radius: 50% !important;
    color: #007BFF !important;
    font-weight: bold !important;
}

/* Hide days from the previous/next month */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    visibility: hidden;  hides them but keeps grid layout 
    pointer-events: none;  prevents clicking 
}

.flatpickr-input{
    font-family: AntennaCond;
    font-size:16px;
}

.trashAccountSelector{
    display:none;
}
#add-account{
    display:none;
}

#disconnect-service-container #selected-account-holder {
    cursor: default;
}

#disconnect-reason .form-fields{
    width:auto;
    margin: 0px;
}

.service-option{
    display: flex;
    align-items: center;
}

.left-margin-auto{
    margin-left: auto;
}

#xfrAccountPaperlessGrid .disclaimer-blue {
    display: block;
    width: 80%;
}

.line-separator {
    border-top: solid 0.5px #ABA2A2;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-disabled {
    border: solid thin #bdbdbd75 !important;
    background: #FFFFFF;
}

.input-text-16{
    font-family: AntennaCond;
    font-size: 16px !important;
}

.padding-zero{
    padding: 0px;
}

.disabled-btn:hover {
    border: none;
    text-decoration: none;
    cursor: pointer;
}

@media(min-width: 1000px) {
    .transfers-map-card {
        width: 1000px !important;
    }

    .transfers-map-card-inner-header {
        display: flex;
        justify-content: space-around;
        margin-top: 0px !important;
    }

    .all-entries-grid {
        display: flex;
        flex-direction: column;
    }

    .entries-sub-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .entries-div-width {
        width: 400px;
    }

    .all-overview-mini-cards-grid {
        display: flex;
        flex-direction: column;
    }

    .overview-mini-cards-sub-grid {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .textbox-sub-header {
        font-size: 16px;
        font-weight: 200;
        color: #054073;
    }

    .calendar-input-img {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 365px;
        cursor: pointer;
    }

    #disconnect-date-phone .calendar-input-img{
        background-position-x: 265px;
        margin-top: 15px;
    }
    
    .overview-sub-headings {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 850px;
        margin: 0px auto;
    }

    .services-overview-cards {
        width: 850px !important;
    }

    .two-by-card{
        width: 400px !important;
        margin: 40px 0px !important;
    }

    .btn-width-adjustment1{
        width: 450px !important;
    }

    .btn-width-adjustment2 {
        width: 200px !important;
    }

    .btn-width-adjustment3 {
        width: 260px !important;
    }

    .calendar-input-img-small {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 325px;
        cursor: pointer;
    }

    .input-small-card {
        padding-left: 10px !important;
        border: solid thin #ABA2A2;
        margin-bottom: 20px;
        display: inline-block;
        border-radius: 5px;
        width: 90%;
        height: 40px !important;
    }

    .all-edit-transfers-grid {
        display: flex;
        flex-direction: row;
    }

    .edit-transfers-grid {
        display: flex;
        flex-direction: column;
        justify-content: start;
        width: 45%;
    }
    .error-summary{
        width:680px;
        margin:0px auto;
    }
    #btn-continue-transfer, #btn-continue-disconnect{
        width: 30%;
    }

    .doc-font {
        font-size: 20px !important;
    }

    .trash-can-height {
        height: 25px;
    }

    .file-icon-sizing {
        height: 30px;
        margin-right: 60px;
    }
}

@media(max-width: 999px) and (min-width: 680px) {
    .transfers-map-card-inner-header {
        display: flex;
        justify-content: space-around;
        margin-top: 0px !important;
        font-size: 32px !important;
    }

    .all-entries-grid {
        display: flex;
        flex-direction: column;
    }

    .entries-sub-group {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .entries-div-width {
        width: 250px;
    }

    .all-overview-mini-cards-grid {
        display: flex;
        flex-direction: column;
    }

    .overview-mini-cards-sub-grid {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .calendar-input-img {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 215px;
        cursor: pointer;
    }

    #disconnect-date-phone .calendar-input-img{
        background-position-x: 265px;
    }

    .overview-sub-headings {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 680px;
        margin: 0px auto;
    }

    .btn-width-adjustment2 {
        width: 200px !important;
    }

    .input-small-card {
        padding-left: 10px !important;
        border: solid thin #ABA2A2;
        margin-bottom: 20px;
        display: inline-block;
        border-radius: 5px;
        width: 300px;
        height: 40px !important;
    }

    .calendar-input-img-small {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 265px;
        cursor: pointer;
    }

    .all-edit-transfers-grid {
        display: flex;
        flex-direction: row;
    }

    .edit-transfers-grid {
        display: flex;
        flex-direction: column;
        justify-content: start;
        width: 45%;
    }

    .doc-font {
        font-size: 18px !important;
    }

    .trash-can-height {
        height: 25px;
    }

    .file-icon-sizing {
        height: 30px;
        margin-right: 60px;
    }
}

@media(max-width: 679px) {
    .transfers-map-card-inner-header {
        display: flex;
        justify-content: space-around;
        margin-top: 0px !important;
        font-size: 22px !important;
        text-align: center;
    }

    .all-entries-grid {
        display: flex;
        flex-direction: column;
    }

    .entries-sub-group {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .entries-div-width {
        width: 250px;
    }

    .textbox-sub-header {
        font-size: 12px;
        font-weight: 200;
        color: #054073;
    }

    .margin-left {
        margin-left: 0px;
    }

    .margin-right {
        margin-right: 0px;
    }

    #disconnect-container .option-holder {
        height: auto;
    }

    .column-size {
        width: 300px;
    }

    .calendar-input-img {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 215px;
        cursor: pointer;
    }

    #disconnect-date-phone .calendar-input-img {
        background-position-x: 240px;
    }

    #xfr-documentation .card-content{
        flex-direction: column;
    }

    #xfr-attach-doc {
        margin-left: 0px;
        margin-top: 40px;
        border-top: solid 0.5px #ABA2A2;
    }
    #doc-wrapper{
        padding-right: 20px;
    }

    #xfr-documentation #documentation-files{
        padding-right: 20px;
        width: 100%;
    }

    #xfr-documentation .option-holder .line-separator{
        width: 95%;
    }

    #xfr-rm-container{
        flex-direction: column;
    }
    #additional-rm{
        margin-top: 20px;
    }
    #xfr-residents .service-option .line-item-gray{
        width: 80%;
        padding-left: 0px;
        font-size: 18px;
    }

    #xfr-residents .line-item-blue{
        padding-left: 0px;
    }
    #xfr-paper-bill{
        width: 90%;
    }

    .overview-sub-headings {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 680px;
        margin: 0px auto;
    }

    .btn-width-adjustment2 {
        width: 100px !important;
    }

    .input-small-card {
        padding-left: 10px !important;
        border: solid thin #ABA2A2;
        margin-bottom: 20px;
        display: inline-block;
        border-radius: 5px;
        width: 280px !important;
        height: 40px !important;
    }

    .calendar-input-img-small {
        background: url('../img/calendar.svg') no-repeat;
        height: 20px;
        background-size: 25px;
        background-position-y: center;
        background-position-x: 245px !important;
        cursor: pointer;
    }

    .line-item-blue {
        font-size: 18px;
        font-family: AntennaCond;
        font-weight: 300;
        font-style: normal;
        line-height: 140%;
        color: #0066B3;
        padding-left: 10px;
    }

    .phone-grid-small{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /*align-items: center;*/
    }

    .resident-stack{
        display: flex;
        flex-direction: column;
    }

    .inner-header-max-width{
        max-width: 200px;
    }

    .all-edit-transfers-grid {
        display: flex;
        flex-direction: column;
    }

    .edit-transfers-grid {
        display: flex;
        flex-direction: column;
        justify-content: start;
        width: 100%;
    }

    .doc-font {
        font-size: 14px !important;
    }

    .trash-can-height {
        height: 25px;
    }

    .file-icon-sizing{
        height: 30px;
        margin-right: 20px;
    }

    #account-selection #selected-account{
        width: 80%;
    }
    
    #account-selection #account-expanded .content-header-address{
        width: 80%;
    }
    #customerName{
        font-size: 14px !important;
    }

    #xfr-select-upgrades {
        width: auto;
        margin: 15px 0px;
    }
}

.address-header {
    font-family: AntennaCond;
    font-size: 22px;
    font-weight: bold;
    color: #0066B3;
    display: block;
    margin-bottom: -10px;
}

.address-sub-header {
    font-family: AntennaCond;
    font-size: 22px;
    font-weight: bold;
    color: #6C7682;
    display: block;
}

.line-item-center{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.space-between{
    justify-content: space-between;
}

.justify-self-center{
    justify-self: center;
}

.edit-img-size{
    height: 35px;
}

.semi-bold{
    font-weight: 400;
}

.pointer{
    cursor: pointer;
}

.margin-right-70{
    margin-right: 70px;
}

.edit-transfer-selects {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.button-top-margin {
    margin-top: 25px !important;
}


.ebill-transfer-radio-select {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.link-blue {
    color: #0066B3;
}

.display-flex-align{
    display: flex;
    align-items: center;
}

.document-img-style{
    height: 30px;
    margin-left: 3px;
}

#btn-browse {
    /*justify-self: anchor-center;*/
    border-radius: 0px !important;
    width: 260px !important;
    text-align: center;
    background: #005795 !important;
    font-size: 16px;
    margin-bottom: 0px;
}

    /*.btn-browse label {
        border-radius: 0px !important;
        width: 260px !important;
        text-align: center;
        background: #005795 !important;
        font-size: 16px;
    }*/

.btn-blue{
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}
.anchor-center{
    justify-self: anchor-center;
}
/*.btn-blue {
    background: #005795 !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
    height: 40px;
}

    .btn-blue:hover {
        border: solid 2px #005795 !important;
    }*/


.phone-grid{
    display: grid;
    grid-template-columns: 52% 40% 8%;
    /*align-items: center;*/
}

.full-width{
    width: 100% !important;
}

.phone-input-container{
    padding: 0px 20px;
}

.roommate-static{
   display: grid;
   grid-template-columns: 50% 50%;
   align-items: start;
}

.trash-container-width{
    width: 30px;
}

.document-margin-right {
    margin-right: 5px !important;
}

.resident-too-long{
    display: flex;
    flex-direction: column;
    word-break: break-all;
}

.rm-phone-right {
    justify-self: end;
    padding-right: 50px;
}

.rm-phone-right-edit {
    justify-self: end;
    padding-right: 20px;
}