﻿

/*APN processing page inspector page css*/
/*My account page css*/


.heck_Prop_tus_powner {
    text-align: center;
    padding: 0;
    margin: 0;
    height: auto;
}

.Enter_APN_Look_powner {
    display: flex;
    padding-left: 0;
    text-align: center;
    margin-bottom: 5px;
}

.main_container_powner {
    margin-top: 20px;
    height: auto !important;
}

.fa-powner {
    font-size: 26px !important;
    color: #2c7305 !important;
    margin: 10px 0 0px 40px !important;
    float: left !important;
}

.fa_powner_del {
    font-size: 22px !important;
    margin: 0px 5px !important;
    padding-right: 5px !important;
    color: #666666 !important;
}


/*material css color-profile my account page*/
.white-box {
    background: #ffffff;
    padding: 0px;
    font-size: 14px;
    margin-top: 20px;
}

#MYACCOUNT .form-group {
    margin-top: 12px;
}



.ACCOUNT-BTN {
    margin: 25px -10px 0 0;
    text-align: right;
}

div#MYACCOUNT h3.own_myProperty {
    text-transform: uppercase;
    float: left;
    margin: 0 !important;
    padding-top: 8px;
    font-weight: 500;
    margin-left: -10px;
}

.ngcollapsed:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0d8";
    float: right;
    margin-right: 0px;
    margin-top: 4px;
    font-size: 24px;
}
/* Icon when the collapsible content is hidden */
.ngcollapsed.collapsed:after {
    content: "\f0d7";
}

.panel-heading.ngheading {
    color: #fff !important;
    background-color: #bd3633;
    border-bottom: 1px solid rgba(120,130,140,0.13);
    border-radius: 0;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 15px;
}

h4.panel-title.ngpanel-title {
    color: #fff;
}

.panel-body.ngpanel-body {
    padding:15px;
    color: #2b2b2b;
    font-weight: 300;
    font-size: 14px;
}

.Address-Information {
    padding: 25px 15px;
    display: inline-block;
    width: 100%;
}

table.table.ngtable th, table.table.ngtable tr, table.table.ngtable td {
    border: 0;
    padding: 8px 8px;
    padding-left:5px;
    font-size: 13px;
}




.Opt-outmailed {
    display: inline-block;
    width: 100%;
    padding: 4px 10px;
    vertical-align: middle;
    margin: 10px 0px 20px 0;
}

.ActionItems_btn {
    /*margin-top: -8px;*/
}

.Opt-outmailed span.apn_number {
    font-size: 18px;
    padding-right: 5px;
    font-weight: 600;
}

span.apn_address {
    font-size: 16px;
}

span.apn_mailed {
    font-size: 16px;
    color: #ba1515;
    font-weight: 500;
}

span.apn_status {
    font-size: 15px;
    padding-right: 5px;
    font-weight: 600;
}

.ActionItems_btn span.fa.fa-caret-down {
    font-size: 16px;
    font-weight: normal;
    padding-right: 0;
}

.APNPINContainer_powner {
    width: 96%;
}

.main_container_propList {
    margin-top: 0 !important;
    height: auto !important;
    font-size: 14px;
}

#ownerDashboardModelBody input#txtlpAPN_AddlpNewAPN {
    width: 99%;
    margin-right: 1%;
}

#ownerDashboardModelBody input#txtlpPIN_AddlpNewPIN {
    width: 99%;
    margin-left: 1%;
}

#ownerDashboardModelBody .h2_about_text {
    text-align: left;
}

button#btnEditSave {
    padding: 14px 16px;
}

#MYACCOUNT input[type="text"] {
    max-width: 100%;
}

#MYACCOUNT select#SecurityQuestion {
    max-width: 100% !important;
}

#MYACCOUNT label {
    padding-top: 10px;
    padding-left: 5px;
}

#MYACCOUNT span.securityanswer {
    padding: 5px 0;
    color: #b1b0b0;
    display: block;
    width: 100%;
}

span.custvalidMessage.field-validation-error {
    color: #ba1515;
}

.nav-tabs.OwnerInformation {
    border-bottom: 0px solid #DDD;
    padding: 0px 0px;
    margin-top: 0;
}

    .nav-tabs.OwnerInformation > li.active > a, .nav-tabs.OwnerInformation > li.active > a:focus, .nav-tabs.OwnerInformation > li.active > a:hover {
        border-width: 0;
    }

    .nav-tabs.OwnerInformation > li > a {
        border: none;
        color: #666;
        padding: 15px;
        background-color: #fff;
        font-size: 16px;
        text-transform: uppercase;
    }

        .nav-tabs.OwnerInformation > li.active > a, .nav-tabs.OwnerInformation > li > a:hover {
            border: none;
            color: #c33534 !important;
            background: transparent;
            font-size: 16px;
            text-transform: uppercase;
        }

        .nav-tabs.OwnerInformation > li > a::after {
            content: "";
            background: red;
            height: 2px;
            position: absolute;
            width: 100%;
            left: 0px;
            bottom: -1px;
            transition: all 250ms ease 0s;
            transform: scale(0);
        }

    .nav-tabs.OwnerInformation > li.active > a::after, .nav-tabs.OwnerInformation > li:hover > a::after {
        transform: scale(1);
    }

.tab-nav > li > a::after {
    background: #21527d none repeat scroll 0% 0%;
    color: #fff;
}

.tab-pane.paneInformation {
    padding: 0px 0;
}

.tab-content.tab-Information {
    padding: 10px;
}

.CardInformation {
    background: #FFF none repeat scroll 0% 0%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    margin-bottom: 30px;
}

ul.nav.nav-tabs.OwnerInformation li.active:after {
    border: 0px !important;
}

.white-box {
    background: #ffffff;
    padding: 15px 25px 0;
    margin: 0;
    display: inline-block;
    width: 100%;
}

#frmAccountDetails .white-box {
    padding: 0px 0px 0;
}


h3.box-title {
    padding-top: 10px;
    margin: 0;
    padding-bottom: 15px;
}

.no-padding-right {
    padding-left: 0 !important;
}

.no-padding-left {
    padding-right: 0 !important;
}

span.Owner-styleInform {
    font-size: 20px;
    font-weight: 300;
}

span.Owner-stylenumber {
    background: #000;
    border-radius: 50%;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px;
}

span.COUNTYDATA {
    font-weight: bold;
}

.tab-Information .panel-body.ngpanel-body {
    position: relative;
}

input.Contact-Informationserch {
    width: 280px;
    margin-top: 4px;
    margin-right: 3px;
}

ul.ngpanel-icon {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
}

    ul.ngpanel-icon li {
        list-style-type: none;
        font-size: 15px;
        padding: 4px;
        text-align: center;
        border-radius: 4px;
        margin: 5px 0;
        cursor: pointer;
    }




span.fa.fa-check-circle.ngpanelcheck {
    position: absolute;
    font-size: 14px;
    bottom: 3px;
    right: 3px;
}

.tab-Information .panel-body.ngpanel-body {
    position: relative;
}

.attherate {
    border: 1px solid #649243;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 18px;
    position: relative;
    color: #649243;
}

.green-icon {
    border: 1px solid #649243;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 18px;
    position: relative;
    color: #649243;
}

.bule_edit {
    border-radius: 4px;
    padding: 4px 8px;
    position: relative;
    color: #2980b9;
    border: 1px solid #2980b9;
}

.delete_icon {
    border-radius: 4px;
    padding: 2px 8px;
    position: relative;
    font-size: 18px;
    color: #d01d1b;
    border: 1px solid #d01d1b;
}

.gray_email {
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 18px;
    position: relative;
    color: #666666;
}

.panel-body.ngpanel-body {
    display: block;
}

#MYACCOUNT .PasswordLink {
    margin-top: 11px;
    padding-left: 21px;
    cursor: pointer;
}
