@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('/fonts/glyphicons-halflings-regular.eot');
    src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}




.icon-ok:before {
    content: "OK";
}

a.button, button {display:block;float:left;margin: 0.0em 0.0em 0.0em 0;padding:5px 10px 5px 7px;border:1px solid #dedede;border-top:1px solid #eee;border-left:1px solid #eee;background-color:#f5f5f5;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;}


.red_row {
 background-color: lightcoral;
}

.yellow_row {
 background-color:  lightyellow;
}

.select_link {
    background-color: yellow;
}

.ui-state-default.red_color a, .ui-state-default a {
    color: red;
}

.wrapper1, .wrapper2{width: 950px; border: none 0px RED;
    overflow-x: scroll; overflow-y:hidden;}
.wrapper1{height: 20px; }
.div1 {width:1500px; height: 20px; }
.div2 {width:1500px; height: auto;
    overflow: auto;}

/*------------------------------------ Jordan -------------------------------------------*/


.accordion-survey {
    color: #444;
    padding: 5px 5px 0px 5px;
    width: 100%;
    border-bottom: 2px solid white;
    font-size: 12px;
    height: 25px;
}

.accordion-survey:nth-of-type(even) { background-color: #d9efc2; }
.accordion-survey:nth-of-type(odd)  { background-color: #FAFAF4; }


.accordion-survey p {
    display: inline-block;
    width: 15%;
}

.accordion-survey p + p {
    text-indent: 0;
    margin-top: 0;
    width: 35%;
}

.accordion-survey p:nth-of-type(3) {
    width: 20%;
    margin: 0px 0px 0px;
    margin-left: 50px;
}


.accordion-survey a {
    font-size: 12px;
    margin-left: 60px;
    color: #428bca;
    text-decoration: underline;
}

.accordion-note {
    color: #444;
    padding: 5px 5px 0px 5px;
    width: 100%;
    border-bottom: 2px solid white;
    font-size: 12px;
    height: 25px;
}

.accordion-note:nth-of-type(even) { background-color: #d9efc2; }
.accordion-note:nth-of-type(odd)  { background-color: #FAFAF4; }


.accordion-note p {
    display: inline-block;
    text-indent: 0px;
    margin-top: 0px;
}

.accordion-note p:nth-of-type(1) {
    width: 11%;
}

.accordion-note p:nth-of-type(2) {
    width: 18%;
    margin-left: 0px;

}

.accordion-note p:nth-of-type(3) {
    width: 49%;
    margin-left: 0px;

}

.accordion-note p:nth-of-type(4) {
    margin-left: 0;
}

#phone-surveys {
    background-color: #fff;
    border-radius: 5px 5px 0px 0px;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: #dedede;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
}

#phone-surveys p {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: sans-serif;
    display: inline-block;
    margin: 0 0 0 0; */
}

#phone-surveys img {
    cursor: pointer;
}

#survey-notes {
    background-color: #fff;
    border-radius: 5px 5px 0px 0px;
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: #dedede;
    padding: 0px 5px 0px 5px;
    font-size: 12px;
    font-weight: bold;
    font-family: sans-serif;
    margin-top: 15px;
}

#survey-notes p {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    font-family: sans-serif;
    display: inline-block;
    margin: 0 0 0 0; */
}

#survey-notes img {
    cursor: pointer;
}

.empty-survey {
    background-color: #d9efc2;
    border-bottom: 1px solid #e9e9e2;
    height: 35px;
}

.empty-survey h2 {
    text-align: center;
    color: red;
}

.survey-note {
    display: none;
    color: #444;
    padding: 5px 5px 0px 5px;
    width: 100%;
    font-size: 12px;
    height: 75px;
    background-color: white;
    margin-top: 20px;
    border-radius: 5px;
    border: 2px outset #d9efc2;
}

.survey-note p:nth-of-type(1) {
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    width: 70%;
    margin-bottom: 2px;
}

.survey-note p:nth-of-type(2) {
    display: inline-block;
    width: 5%;
    margin-right: 20px;
    margin-bottom: 2px;
    text-indent: 0px;
    margin-top: 0px;
    color: red;
    font-weight: bold;
}

.survey-note p:nth-of-type(3) {
    display: inline-block;
    width: 5%;
}

.survey-note select {
    width: 15%;
    margin-bottom: 2px;
}

.survey-note input[type="text"] {
    width: 70%;
    margin-right: 45px;
}

.survey-note input[type="submit"] {
    width: 15%;
    display: inline-block;
    float: none;
}

.survey-note button {
    width: 15%;
    display: inline-block;
    float: none;
}

.survey-textarea {
    width: 830px;
    height: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid black;
    padding: 4px;
}

.survey-clearfix {
    display: table;
    content: '';
    clear: both;
}

#phone-report {

}

#phone-report a {
    font-size: 12px;
    color: #428bca;
    text-decoration: underline;
}

#phone-report th:nth-of-type(1) {
    width: 150px;
}

#phone-report th:nth-of-type(2) {
    width: 80px;
}

#phone-report th:nth-of-type(3) {
    width: 150px;
}

#phone-report th:nth-of-type(4) {
    width: 100px;
}

#phone-report th:nth-of-type(5) {
    width: 200px;
}

#phone-report th:nth-of-type(6) {
    width: 100px;
}

#phone-report th:nth-of-type(7) {
    width: 100px;
}

.phone-report-td1 {
    width: 150px;
}

.phone-report-td2 {
    width: 80px;
}

.phone-report-td3 {
    width: 150px;
}

.phone-report-td4 {
    width: 100px;
}

.phone-report-td5 {
    width: 200px;
}

.phone-report-td6 {
    width: 100px;
}

.phone-report-td7 {
    width: 100px;
}

.phone-report-button {
    background: #c5daad;
    text-align: center;
    border: 4px outset #c5daad;
    position: fixed;
    top: 90%;
    left: 80%;
    padding: 5px;
    font-size: 20px;
    font-weight: 400;
}

.phone-report-button a {
    text-decoration: none;
    color: #252020;
}

.phone-report-button a:hover {
    color: #ffffff;
    text-decoration: none;
}

.accordion-phone {
    background-color: #c0c0c0;
    color: #444;
    cursor: pointer;
    padding-left: 10px;
    padding-top: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
    height: 40px;
}

.accordion-phone p {
    display: inline-block;
}

.accordion-phone p + p {
    margin-left: 190px;
    text-indent: 0;
    margin-top: 0;
}

.accordion-phone:last-child {
    margin-bottom: 20px;
}

.phone-content {
    margin-top: 10px;
    padding: 18px;
    background-color: #ffffff;
    border: 2px solid #dedede;
    border-radius: 6px;
}

.phone-content label {
    width: 450px
}
.phone-survey {
    padding: 15px 20px 15px 20px;
    display: none;
    background-color: #ffffff;
    border: 2px solid #dedede;
    border-radius: 5px;
    margin-top: 20px;
}

.phone-survey h1 {
    text-align: center;
    color: black;
    font-weight: bolder;
    margin: 0px 0px 0px 0px;
}

#cnt-survey {
}

#cnt-survey textarea {
    height: 75px;
    width: 100%;
    margin-top: 4px;
}

#cnt-survey input[type=radio] {
    margin-left: 10px;
}

#cnt-survey input[type="submit"] {
    width: 100%;
    background-color: #d8d9d1;
    margin-top: 5px;
    height: 25px;
    border-style: outset;
    font-size: 16px;
}

#cnt-survey label:nth-of-type(13) {
    width: 100%;
}
.phone1 {
    font-size: large;
    color: black;
}

.phone-heading {
    text-align: center;
    color: red;
    margin-top: 5px;
}

.phone-q {
    width: 20%;
    display: inline-block;
    height: 50px;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    margin-bottom: 5px
}

.phone-q2 {
    width: 40%;
    display: inline-block;
    height: 70px;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
}

.phone-q3 {
    display: inline-block;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    width: 40%;
    height: 50px;
}

.phone-q4 {
    display: inline-block;
    width: 40%;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    height: 57px;
}

.phone-q5 {
    display: inline-block;
    width: 20%;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    height: 90px;
}

.phone-q6 {
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    font-size: 14px;
    padding-top: 4px;
}

.phone-q7 {
    width: 40%;
    display: inline-block;
    float: left;
    height: 40px;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.phone-q8 {
    width: 40%;
    display: inline-block;
    height: auto;
    background-color: #d9efc2;
    color: #000000;
    text-align: center;
    padding: 9px;
    margin-top: 5px;
}


.phone-a {
    width: 80%;
    text-align: center;
    float: right;
    height: 50px;
    border: 2px solid black;
}

.phone-a2 {
    width: 40%;
    float: right;
    height: 90px;
    border: 2px solid black;
    padding-top: 5px;
    text-align: center;
}

.phone-a3 {
    width: 60%;
    text-align: center;
    float: right;
    height: 70px;
    border: 2px solid black;
    padding-top: 13px;
}

.phone-a4 {
    width: 60%;
    text-align: center;
    float: right;
    height: 50px;
    border: 2px solid black;
    padding-top: 2px;
}

.phone-a5 {
    width: 60%;
    float: right;
    border: 2px solid black;
    padding-top: 14px;
    height: 57px;
    text-align: center;
}

.phone-a6 {
    width: 60%;
    float: left;
    border: 2px solid black;
    padding-top: 7px;
    height: 40px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}

.phone-a7 {
    width: 60%;
    float: right;
    border: 2px solid black;
    height: 90px;
    text-align: center;
    padding-top: 25px;
    margin-top: 5px
}

.phone-a8 {
    border: 2px solid black;
    width: 16%;
    height: 50px;
    float: right;
    padding: 5px;
    color: red;
}

.phone-a2 input[type="radio"] {
    margin-left: 14px;
}

.phone-a2 p {
    display: inline-block;
    margin: 0px 0px 0px 0px;
}

.phone-a2 p + p {
    margin-left: 20px;
    text-indent: 0px;
}

.phone-a3 input[type="radio"] {
    margin-left: 15px;
    margin-right: 5px
}

.phone-a4 input[type="checkbox"] {
    margin-left: 5px;
    margin-right: 3px;
}

.phone-a5 input[type="radio"] {
    margin-left: 15px;
    margin-right: 5px;
}

.phone-a6 input[type="radio"] {
    margin-left: 15px;
    margin-right: 5px;
}

.phone-a7 input[type="radio"] {
    margin-left: 15px;
    margin-right: 5px;
}

.phone-a6 input[type="text"] {
    width: 80%;
}

.phone-w30 {
    width: 30%;
}

.phone-a label, .phone-a select {
    width: 30%
}

.phone-place {
    width: 830px;
    min-height: 80px;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 2px solid black;
    overflow-y: scroll;
    padding: 4px;
}

.prefered-contact {
    top: 300px;
    left: 12px;
    height: 50px;
    width: 200px;
    display: inline-block;

}

.prefered-contact div {
    display: inline-block;
}

.prefered-contact p {
    width: 100px;
    display: inline-block;
}

.prefered-contact input[type="radio"] {
    margin-left: 7px;
}

.prefered-contact input[type="radio"]:nth-of-type(2) {
    margin-left: 13px;
}

.prefered-contact input[type="radio"]:nth-of-type(3) {
    margin-left: 12px;
}

.cnt-pref-img {
    width: 25px;
    height: 25px;
    display: inline-block;
}



/************************************************
* [BAA]
* Redesign Link card
*************************************************/
.wrapper{
  width: 98%;
  margin: 0px auto;
}

.flexgrid{
  display: flex;
  justify-content: space-between;
  padding: 10px 3px;
}

.flexgrid div{
  text-align: center;
}

#yellow-record
{
  margin: 0;
  padding: 0 1%;
  box-sizing: border-box;
}

#yellow-record table{
  margin: 5px 0;
}

#yellow-record table,
#yellow-record table tr
{
  margin: 0;
  padding: 0;
}

.team{
  width: 100%;
}
.center-th-td th,
.center-th-td td{
  text-align: center;
}

.tables{
  margin: 5px 0;
}

.tables tr th,
.tables tr td{
  padding: 2px 5px;
 /* outline: 1px solid red;*/
}

.pagination-btn{
  margin-left: 150px;
  text-align: right;
}

.cards table{
  display: inline-block;
  vertical-align: top;
}

.address-service-charge-container table:nth-child(2){
  width: 50%;
}
.address-service-charge-container table:first-child{
  width: 30%;
}

.email-container table:first-child{
  width: 55%;

}
.email-container table:last-child{
  width: 90%;
}

.email-container table:first-child th,
.email-container table:first-child td{
  word-wrap: break-word;
  word-break: break-all;
}



/*---------------------------------------- Shanes Rescue --------------------------------------- */
.ground_rent_text{
  text-align:center;
  margin: 0 50px 55px 10px;
}
.debit-box{
 width: 250px;
 margin: -20px 0 0 0;
 padding: 0;
 display: inline-block;
}
.absolute{
  float: right;
  width: 298px;;
  z-index: 5;
  position: absolute;
  margin-top: -55px;
  margin-left: 227px;
}
.debit img{
  width: 60px;
  margin-top: -50px;
  margin-bottom:10px;
}

#calls_answered:hover{
  background: #feffa8;
}

.red-drop a {
  color: red ;
}
.ajax-link-contact div ul li {
  overflow: hidden;
}
.log-cell {
font-size: 100%;
vertical-align: middle !important;
text-align: center;
}
.log-names{
font-weight: bold;
}
.log-list {
padding: 5px 5px 2px 5px;
}
.center-log td{
    text-align: center;
}
.head-lead td{
    padding: 0 5px 0 5px;
}
.head-lead td:nth-child(5){
     max-width: 40px;
}

.mobile-button{
    background-color: #fff281;
    border-radius: 5px;
    margin: 5px;
}

.no-padding tr,td,a{
    padding:0 ;
    margin: 0 ;
}
.mar-pad{
    padding: 0 !important;
    margin: 0 !important;
}

.pdf-save img{
    max-width: 50px;
}

.ui-state-highlight, ui-corner-all{
    padding: 0.7em;
}

.card-holder input{
  /*margin: 0 4px 0 4px;*/
  background-repeat: no-repeat;
  background-size: cover;
}
.flexing{
    display: flex;
    flex-direction: row;
}

.flexing:last-child{
    margin-left: 5px;
}

.icon-spot{
    padding-left: 210px;
}

b{
    padding: 1px;
}
.copy-cat a{
    display: inline-block;
    margin-top: 20px;
}

.head-lead .head-fix div,a{
    margin-right: 5px;
}

.site-table-2 tr td,th{
    padding: 5px 0px 5px 0px;
}
.squash-table tr td,th{
    padding: 0px 0px 0px 0px;
}

.table-container{
    margin-top: 10px;
}
.squash-table-space td{
    vertical-align: top;
}

.prop-tables th{
    font-size: large;
  border-bottom: white 1px solid;
}
#no-space-sublet tr,td,label,input{
    padding: 0;
    margin: 0;
}
.control-label{
    padding: 0;
    margin: 0;
}
.span-6{
    max-width: 200px;
}
#padding-fix td, caption{
    padding: 0px;
    margin: 0;
}
.mbm_pictures img {
    max-width: 60px;
    border-radius: 20%;
    margin: 3px;
}
.mbm_pictures td{
    vertical-align: top;
}
.mbm_pictures p {
display: none;
}
.mbm_pictures p:hover {
display: block;
}
.mbm_pic:hover ~ .mbm_pictures p {
    display: block;
}
.mbm-des:hover{
    display: block;
}
.mbm_pictures td p{
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    vertical-align: top;
}
.mbm_date{
    max-width: 120px;
}
.mbm_tenant_pic{
    width: 100%;
    max-width: 20px;
    border-radius: 15%;
}
.mbm-extra input {
    max-width: 200px;
    min-width: 200px;
}
.mbm-extra td{
    max-width: 50px;
    min-width: 50px;
}
.mbm-extra textarea{
    max-width: 200px;
    min-width: 200px;
    max-height: 50px;
}
.radio-size input{
    max-width: 20px;
    max-height: 20px;
    min-width: 0;
}
.hide-code{

}
.blue-save a {
    color: blue;
    text-decoration: underline;
}
#blue-save a {
    color: blue;
    text-decoration: underline;
}
.site-cash-box tr{
    min-width: 200px;
}
.mbm-wrap{
    display: flex;
  justify-content: space-between;
}
.mbm-wrap div{
  min-width: 500px;
  max-width: 500px;
}

.review-us{
  max-width: 8em;
  cursor: cell;
  margin: 0 5px 0 5px;
}

.reply-link {
  color: red!important;
}

.customer-popup {
  display: none;
  position: absolute;
  width: 100%;
  background-color: rgba(125, 125, 125, 0.37);
  height: 100%;
}

.customer-popup-container {
  position: relative;
  margin: 0 auto;
  width: 800px;
  background-color: white;
  padding: 20px;
  top: 50px;
  z-index: 200;
  min-height: 1000px;
  font-size: 16px;
}

.customer-popup-close {
  font-size: 20px;
  position: absolute;
  right: 20px;
  top: 5px;
  color: black;
}

.customer-popup-close:hover {
  color: red;
}


.owner-document-tainer {
    width: 100%;
    min-height: 80px;
    margin: 10px 0px;
    display: flex;
}
.owner-doc-block {
    width: 135px;
    display: inline-flex;
    min-height: 60px;
    flex-wrap: wrap;
    padding: 5px;
}

.doc-block-img {
    width: 50px;
}

.doc-block-img > img {
    width: 100%;
}

.doc-block-list {
    width: 70px;
    display: inline-flex;
    flex-wrap: wrap;
}

.doc-item {
    width: 70px;
}

.debit-section {
    width: 100%;
    margin: 5px 0px;
    display: flex;
}

.service-charge-box {
    width: 50%;
    padding: 5px;
    display: block;
}

.ground-rent-box {
    width: 50%;
    padding: 5px;
    display: block;
    text-align: center;
}

.debit-flex {
    display: inline-flex;
    width: 100%;
    min-height: 90px;
    flex-wrap: warp;
}

.debit-item {
    display: block;
    width: 60px;
    height: 60px;
    padding: 2px;
}

.debit-item img {
    width: 55px;
}
/*
@media(max-width: 1025px){

    .mobile-box{
        font-size: 2em;
    }
    .mobile-form{
        font-size:2em;
    }
    .mobile-form input{
    height: 100px;
    width: 110%;
        font-size: 120%;
    }
    .mobile-check{
        width: 60px;
        height: 60px;
    }
     .mobile-box-small{
        font-size: 200%;
    }
    .mobile-btn{
        font-size: 150%;
    }
    .mobile-header{
        margin-left:50%;
        font-weight:bold;
        font-size:400%;
    }
    .ui-corner-all{
        font-size: 200%;
        height: 80px;
    }
   .ui-state-highlight, ui-corner-all{
    padding: 0;
}
    .message-detail{
        height: 100vh;
        width: 70vh;
    }
    #right-panel{
        display: none;
    }
    #content-explorer{
        width: 100vh;
    }
    *{
        transform: scale(1);
    }
}
 tr,td,th{
    border: red solid 1px;
}*/