body {
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: 'Proxima Nova';
    font-weight: 400;
    color: black;
    background-color: #f0eee9;
}



/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
    font-size:16px;
}

.dl-horizontal dd {
    
    font-size: 16px;
}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
    border-radius:5px;
}

.tableBorder {
    border: 1px solid #ddd;
}

.form__label {
    display: block;
    margin-bottom: 5px;
    line-height: 11px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #767676;
}

.bulletpointIcon {
    font-size:15px;
}

.textArea-form{
    max-width:510px;
}

.textarea-dialog{
    width:1500px;
}

#addapart_div {
    vertical-align: top;
    display: inline-block;
}

#chooseApart_num {
    
    display: inline-block;
    width: 120px;
}


#yearrenovationHeader {
    text-align: left;
    font-size: 24px;
    display: inline-block;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
}


.tabs {
    max-width: 640px;
    margin: 0;
    border: 0;
    outline: 0;
    padding: 0;
    background: 0 0;
    vertical-align: baseline;

}

#tab-button {
    display: table;
    table-layout: fixed;
    width: 800px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-button {
    display: table;
    table-layout: fixed;
    width: 800px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    #tab-button li {
        display: table-cell;
        width: 20%;
    }

        #tab-button li a {
            display: block;
            padding: .5em;
            margin-top: -2px;
           
            z-index: -1;
            border: 1px solid #e2e2e2;
            border-bottom-color: #fff;
            box-shadow: 0 -2px 5px 0 rgba(0,0,0,.03);
            border: 1px solid #ddd;
            text-align: center;
            color: #000;
            text-decoration: none;
            transform: perspective(50px) translateZ(-2px) rotateX(6deg);
            background: #fff;
            margin-right: 5px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }

        .tab-button li a {
            display: block;
            padding: .5em;
            margin-top: -2px;
            z-index: -1;
            border: 1px solid #e2e2e2;
            border-bottom-color: #fff;
            box-shadow: 0 -2px 5px 0 rgba(0,0,0,.03);
            border: 1px solid #ddd;
            text-align: center;
            color: #000;
            text-decoration: none;
            transform: perspective(50px) translateZ(-2px) rotateX(6deg);
            background: #fff;
            margin-right: 5px;
            border-top-right-radius: 5px;
            border-top-left-radius: 5px;
        }

.tab-navigation__tab-link {
    position: inherit;
    color: #4f4f52;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-decoration: none;
    cursor: pointer;
}

        #tab-button li:not(:first-child) a {
            border-left: none;
        }

#tab-button li a:hover {
    color: #73b680;
  
    opacity: 1;
    text-decoration: none;
}
#tab-button li a:active {
    cursor: default;
} 
        #tab-button .is-active a {
            border-bottom-color: transparent;
            background: #fff;
            color: #73b680;
            cursor: default;
            opacity: 1;
            text-decoration: none;
        }



.tab-button li:not(:first-child) a {
    border-left: none;
}
.tab-button li a:hover {
    color: #73b680;
    opacity: 1;
    text-decoration: none;
}

.tab-button li a:active {
    cursor: default;
}

.tab-button .is-active a {
    border-bottom-color: transparent;
    background: #fff;
    color: #73b680;
    cursor: default;
    opacity: 1;
    text-decoration: none;
}

.tab-contents {
    padding: 1.5em;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
    background-color: white;
    width: 1050px;
 
}



/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


.textcenter{
    text-align:center;
    font-size:28px;
}

/*label, input {
    display: block;
}*/

    input.text {
        margin-bottom: 12px;
        width: 95%;
        padding: .4em;
    }

fieldset {
    padding: 0;
    border: 0;
    margin-top: 25px;
}

h1 {
    font-size: 1.2em;
    margin: .6em 0;
}

div#users-contain {
    width: 350px;
    margin: 20px 0;
}

    div#users-contain table {
        margin: 1em 0;
        border-collapse: collapse;
        width: 100%;
    }

        div#users-contain table td, div#users-contain table th {
            border: 1px solid #eee;
            padding: .6em 10px;
            text-align: left;
        }

.ui-dialog .ui-state-error {
    padding: .3em;
}

.validateTips {
    border: 1px solid transparent;
    padding: 0.3em;
}

#apartNoDialog {
    display: none;
}

.displaynothing {
    color:red;
    display:none;
}
#dialog-confirm {
    display: none;
}

.bootstrapfont {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}




.dropbtn {
    background-color: blue;
    color: white;
    padding: 6px;
    font-size: 6px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 98px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    .dropdown-content a {
        color: black;
        padding: 8px 8px;
        text-decoration: none;
        display: block;
    }

        .dropdown-content a:hover {
            background-color: #f1f1f1
        }

.dropdown:hover .dropdown-menu.dropdown-menu-right {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#dialogRenovation *{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#tableBorder {
    border: 1px solid black;
    padding: 20px;
}


#txt {
    border: none;
    outline: none;
}

label[for="txt"] {
    border: solid 1px #d5d5d5;
    padding: 0 0 0 5px;
}



/*label, input[type=text] {
    width: 200px;
    float: left;
}


label + input[type=text] {
        clear: left;
    }

input[type=button] {
    float: left;
}


div.a {
    position: relative;
    width: 400px;
  
   
}

div.b {
    position: absolute;
    right: 0;
    width: 200px;
  

}

div.c {
    position: absolute;
    right: 300px;
    width: 200px;

    border: 3px solid green;
} 

div.clear{
    clear:both;
}


span {
    content: "\2190";
    width:150px;
}

/*#AbzugeButton {
    border-radius: 4px;
    position:absolute;
    right:497.5px;
    width:100%;
}*/

#buttonAddApartmen {
    border-radius: 4px;
}



.positionRelative {
    position: relative;
}


.positionAbsolute{
    position:absolute;
}
#tn_firstname {
    color: red;
}

#clear{
    clear:both;
    display:block;
   float:none;
        
}


#depositDeductionDiv{
    display:none
}

#deductionAmountInput {
    right: 720px;
    width:200px;
    border-radius: 4px;
    /*width:15em;*/
}

#deductionReasonInput {
    right: 500px;
    width:200px;
    border-radius: 4px;
}

/*#plusCircle{
    right:380px;
    top:3px;
}

#minusCircle{
    right:350px;
    top:3px;
}*/

#spaceDiv{
    height:10px;
}

#subtractionSign{
    border:hidden;
    color:red;
    right:630px;
}

#totalAbzuge {
    border-style: solid;
    border-color: transparent;
    display: none;
    color:red;
}


#totalDeposit {
    border-style: solid;
   
    border-color: transparent;
  
}


#inlineBlock{
    display:inline-block;
}

#inlineBlock2 {
    display: inline-block;
}

/*.displayHide{
    display:none;
}*/


.span6:nth-child(3) {
    border: none;
 
    display:none;
}

#addCompany_div {
    right: 425px;
    
    
}

#button_CompanyNew {
    border-radius: 4px;
}


.bookingLink {
    padding: 0;
    border: none;
    background: none;
}

#overdue{
    color:red;
    text-align:center;
  
}

.overdue {
    color: red;
   
}

.my-style {
    outline: none;
    text-align:center;
    border: none;
 display:inline;
 background-color:transparent;
 
}


fieldset {
    overflow: hidden;
    border: 1px solid green;
    background-color: white;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}

.some-class {
    float: left;
    clear: none;
}

label {
    float: left;
    clear: none;
    display: block;
    padding: 2px 1em 0 0;
}

input[type=radio],
input.radio {
    float: left;
    clear: none;
    margin: 2px 0 0 2px;
}

.fas {
    display: inline-block;
    /*border-radius: 60px;
    box-shadow: 0px 0px 2px #888;*/
    padding: 0.5em 0.6em;
}


.far {
    display: inline-block;
    padding: 0.5em 0.6em;
}

.icon_border {
    border-radius: 60px;
    box-shadow: 0px 0px 2px #888;
}

.popover.bottom .arrow {
    visibility: hidden;
}


/*.custom-popover li {
    border: none !important;
    text-align: left;
    display: block;
  
    padding: 3px 20px;
    cursor: pointer;
    border-color: transparent;
    border-style: solid;
     border-width: 1px 0; 
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: 0.5px;
     line-height: 29px; 
    font-size: 12px;
    text-decoration: none;
    color: #4F4F52;
    padding: 2px;
    min-width: 170px;
    max-width: 200px;
    text-decoration: none;
    border-bottom: 0;
    list-style-type: none;
    margin-bottom:0px;
}*/

#popover-content{
    right:500px!important;
    width:110px;
}


.container.body-content {
    padding: 15px 0 60px 0;
    width: 1055px;
}

.float_link {
    display: inline-block;
    padding:0;

}

.sub_title {
    display: inline-block;
    padding: 0;


}

hr{
    padding:0;
    margin:0;
}

.removeMarginTop {
    margin-top: 0px;
    /*height: 188px;*/
}

.property-appliances__empty-message {
    padding: 8px 25px 9px 9px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
}

.financial-aside-module {

    margin-bottom: 15px;
    background-color: #e7f1f7;
    padding: 14px 10px 10px;
    border-radius: 5px;
    border: 1px solid #b6def7;
    height:auto;

}


.flex-container {
    display: flex;
    /*flex-wrap:wrap;*/
}

.flex-vericalDirection {
    flex-direction: column;
    margin: 2% 5%;
}



.flex-verticalWithoutMargin {
    flex-direction: column;
}

.mini_flex_container {
    display: flex;
    flex-wrap: wrap;
    flex-direction:column;
    padding:23px;
}


.clearAll{
    clear:both;
}


.form__title__divider {
    display: inline-block !important;
     width: 2px; 
    border-left: 1px solid #bbb;
    -webkit-box-shadow: 1px 0 0 #fff inset;
    box-shadow: 1px 0 0 #fff inset;
}
.lease-tenant-card__box {
    float: left;
    width: 47%;
    margin: 0 15px 10px 0;
    min-height: 210px;
}

.flex-grow-8 {
    flex-grow: 8;
    margin-right: 10px;
}

.flex-grow-1{
    flex-grow:1;
}

.modal-content {
    border-left: green 6px solid;
}
.inputModal{
    width:200px;
}


.inputModalLongwidth {
    width: 250px;
    /*position: absolute;*/
    left: 255px;
}
.emphasis {
    font-weight: bold;
    text-align: center;
}

ul {
    list-style: none;
    padding:0px;
}

.displayBlock{
    display:block;
}


.status-tag {
    background-color: #fef0eb;
    border-color: #f46b31;
    border-style:solid;
    color: #f46b31;
    display: inline-block;
    position: relative;
    padding: 0 10px 0;
    line-height: 19px;
    border-radius: 100px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
    text-transform: uppercase;
   
}


.textright{
    text-align:right;
}


.form__label {
    display: block;
    margin-bottom: 5px;
    line-height: 11px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .5px;
    text-transform: uppercase;
    color: #767676;
}


.task-update-card__outer-row {
    margin: 0;
    position: relative;
}




.row {
    margin-left: -15px;
    margin-right: -15px;
}

.positions_static {
    position: static /*!important*/;
}




.card {
    padding: 30px 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 1px 10px 2px rgba(0,0,0,.05);
    box-sizing: border-box;
    color: #4f4f52;
}


.task-summary-card {
    padding: 15px 20px 30px 20px;
}
.task-summary-card__sub-card {
    height: 72px;
    padding: 15px;
}

.pull-left {
    float:left;
}

.icon--circle-container {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 100%;
    border: 1px solid #a5a5a6;
    background: #fff no-repeat 12px center;
    margin-bottom: 7px;
    margin-left: 30px;
}

.status-new {
    background-color: blue;
}

.status-progress {
    background-color: #fbb03b;
}

.status-completed {
    background-color: green;
}

.status-cancelled {
    background-color: black;
}


.task-status-circle {
    height: 15px;
    width: 15px;
    border-radius: 100%;
    position: relative;
    left: 11.5px;
    top: 11.5px;
}

.task-summary-card__sub-card-content {
    margin-top: 5px;
    margin-left: 50px;
    padding:0px;
}

.biggerIcon{
    font-size:50px;
}
.smallerPaddingIcon{
    font-size:50px;

    display:inline-block;
    padding:10px;
}

.card__header {
    height: 48px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 20px;
    color: #626265;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

.card__content {
    padding: 20px;
    box-sizing: border-box;
}

.task-update-card__card--new {
    width: 86%;
    height: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    cursor: pointer;
}


.task-update-card__card {
    width: 86%;
  
    padding: 19px 20px;
}


.card--with-arrow {
    position: relative;
}

.renovation_side_div {
  
    width: 280px;
}

.popover__body--radius {
    border-radius: 5px;
}

.popover__body {
    margin-left: -12px;
    margin-top: 1px;
    padding: 0;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
}

.data-grid__wrapper {
    /* position: relative; */
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}

#col_2{
    width:5%;
}

.item {
    white-space: nowrap;
    display: inline
}

/*[type="checkbox"] {
    vertical-align: middle;
}*/

#checkID {
    display: inline-block;
    word-wrap:break-word;
    
}



.navLinkHead {
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px;
    cursor: pointer;
}


.navbar-inverse .navbar-nav > li > a {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .5px;
    cursor: pointer;
    line-height:30px;
}

    .navbar-inverse .navbar-nav > li > a:hover {
        color:grey;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: .5px;
        cursor: pointer;
    }




.selectednav {
    color: #73b680;
    background-color: green;
    border-bottom: 3px solid #73b680;
}


.selectedmenu {
    color: #73b680;
    background-color: green;
    border-bottom: 3px solid #73b680;
}



.flex-grow8 {
    flex-grow: 8;
}


.page-header__middle-content {
    display: flex;
    height: 40px;
    padding-top: 5px;
}


.page-header__main-title {
    /*display: inline-block;*/
    font-size: 28px;
    font-weight: 400;
    line-height: 28px;
    overflow: hidden;
}



.btn {
    color: #767676;
    /*display: inline-block;*/
    width: auto;
    font-size: 14px;
    /*font-weight: 600;*/
    overflow: visible;
    vertical-align: middle;
    padding: 9px 20px;
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
}


.btn--primary {
    min-width: 75px;
 color:white;
    background-color: green;
    border: 1px solid #50975e;
    width: auto;
    font-size: 14px;
    font-weight: 400;
    overflow: visible;
    vertical-align: middle;
    padding: 9px 20px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    letter-spacing: .2px;
    line-height: 20px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
}

    .btn--primary a {
        color: white;
    }

    .margin-right--xs {
        /*float:left;*/
        margin-right: 5px;
    }


.aligncenter {
    display: flex;
    align-items: center;
    justify-content: center;
}

a:hover {
    text-decoration: none;
}


.form__content {
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}


tr.buildingDetails > td > div.dropdown > div.dropdown-toggle > div.dropdown-menu.dropdown-menu-right > ul.custom-popover > li.dropdown-item.dropdown-item-quick > a {
    color: red;
}


.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-item.dropdown-item-quick:hover {
background-color: #e2e2e2;
}

.dropdown-item-quick {
    height: 37px;
    padding: 3px 5px;
    cursor: pointer;
    border-color: transparent;
    border-style: solid;
    border-width: 1px 0;
    box-sizing: border-box;
    white-space: nowrap;
    font-weight: 600;
    letter-spacing: .5px;
    line-height: 29px;
    font-size: 12px;
    text-decoration: none;
    color: #4f4f52;
}

.changeColor{
    color:black !important
}


.show_underlineOnHover:hover{
    text-decoration:underline;
 
}

.text-area-input-form {
    padding:10px;
    min-width: 500px;
    max-width: 91%;
    min-height: 77px;
    height: 100%;
    width: 100%;
    resize: vertical;
    border: 1px solid #e2e2e2;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 14px;
    
    color: #4f4f52;
    background-clip: padding-box;
    background-color: #fff;
}
.datepicker td, .datepicker th {
    width: 1.5em;
    height: 1.5em;
}

.datepicker {
    font-size: 0.875em;
}


.buildingDetails:hover, .showRenovationDetails:hover, .leaseRow:hover, .applicantRow:hover, .vacancyRowDetails:hover, .UnitDetails:hover, .trContact:hover, .depositdetailsRow:hover, .mainRowAppliance:hover, tr:hover {
    background-color: #f0eee9;
}




#property-appliances__empty-messageAfterDelete {
    display: none;
}

.fa-trash-alt:hover {
    color: red;


}

#bar-Canvas {
    width: 245px !important;
}

#allBuildings{
    display:none;
}


.float-right {
    position: absolute;
    /*right:350px;*/
    right: 280px;
}

.bold{
    font-weight:bold;
}

.margin-left{
    margin:0;
    margin-left:8%;
}


.margin-left-labeldiv {
    margin: 0;
    margin-left: 20%;
}

.margin-left-shorterDiv{
    margin-left:15%;
}


.margin-furtherleft-labeldiv {
    margin: 0;
    margin-left: 50%;
}




.widerInput{
    width:250px;
}

.removeBold {
    font-weight: normal;
}

.displayNone {
    display: none;
}


.modal {
    overflow-y: auto;
}

.ui-menu-item {
   font-family: 'Proxima Nova';
   font-size:14px;
}

.roundedBorder {
    border: 2px solid blue;
    background-color: blue;
    color: white;
    width: 140px;
    text-align:center;
    height: 25px;
    border-radius: 25px;
}

.marginStatusLabel {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}

.RedRoundedBorder {
    border: 2px solid red;
    background-color: red;
    color: white;
    width: 90px;
    height: 25px;
    border-radius: 25px;
}

.fontAwesome {
    font-family: 'Helvetica', FontAwesome, sans-serif;
}

.datagrid_subtext {
    /*color: #666;*/
    font-style: italic;
    text-align:center;
}


.relative {
    position: relative;
}

.appointment {
    position: absolute;
    left:10px;
    top:10px;
}

.absolute{
    position:absolute;
}


.form-control{
    padding:6px 24px;
}

.left, .right {
    flex: 1;
}




.center {
  margin-top:24px;
  margin-left:20px;
    padding: 3px;
   
}


legend{
    width:auto;
    margin-bottom:0px;
    border-bottom:0px;
}


.autoWidth{
    width:auto;
}

.smallerfont{
    font-size:18px;
}

.smallerfontlabel {
    font-size: 10px;
}
.smallIcon {
    font-size:25px;
    display: inline-block;
    padding: 10px;
}
.smallPencil{
    font-size:15px;
}

.removepadding{
    padding:0px;

}



.applicantdivContact {
    width: 250px;
    height: auto;
    margin-top: 22px;
    box-shadow: 0 10px 10px 0 rgba(0,0,0,.05);
}

/*table {
    table-layout: fixed;
    width: 100%;
}*/

#tableNoteDetails {
    word-break: break-all;
}

.greenBorder:hover{
    border: 2px solid green;

}

.status-modal__status-selection-container {
    margin-left: 65px;
}



.status-modal__status-selector {
    border: 1px solid transparent;
    width: 105px;
    height: 121px;
    float: left;
    padding-top: 25px;
    margin-left: 3px;
    margin-right: 3px;
}


    #status-modal__status-selector--selected, .status-modal__status-selector:hover {
        border: 1px solid #73b680;
        border-radius: 5px;
        box-shadow: 0 2px 10px 0 rgba(0,0,0,.05);
    }

.labelIcon{
    margin-left:20px;
}

.newStatuslabelIcon {
    margin-left: 35px;
}


.card--with-header-content {
    padding: 0;
    box-shadow: 0 6px 8px 0 rgba(0,0,0,.05);
    margin-bottom:20px;
}



.card__header {
    height: 48px;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #e2e2e2;
    padding: 15px 20px;
    color: #626265;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    box-sizing: border-box;
    background-color: #f2f2f2;
}


.removeMargin {
    margin: 0;
}


li.biggerMargin{
    margin:0 0 35px 0;
    border-bottom:1px solid black;
}

.message-item {
    margin-bottom: 25px;
    margin-left: 40px;
    margin-right:25px;
    position: relative;
}

    .message-item .message-inner {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        padding: 10px;
        position: relative;
    }

        .message-item .message-inner:before {
            border-right: 10px solid #ddd;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            content: "";
            display: block;
            height: 0;
            position: absolute;
            left: -20px;
            top: 6px;
            width: 0;
        }

        .message-item .message-inner:after {
            border-right: 10px solid #fff;
            border-style: solid;
            border-width: 10px;
            color: rgba(0,0,0,0);
            content: "";
            display: block;
            height: 0;
            position: absolute;
            left: -18px;
            top: 6px;
            width: 0;
        }

    .message-item:before {
        background: #fff;
        border-radius: 2px;
        bottom: -30px;
        box-shadow: 0 0 3px rgba(0,0,0,0.2);
        content: "";
        height: 100%;
        left: -30px;
        position: absolute;
        width: 3px;
    }

    .message-item:after {
        background: #fff;
        border: 2px solid #ccc;
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0,0,0,0.1);
        content: "";
        height: 15px;
        left: -36px;
        position: absolute;
        top: 10px;
        width: 15px;
      
    }

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.message-item .message-head {
    border-bottom: 1px solid #eee;
    margin-bottom: 8px;
    padding-bottom: 8px;
}

    .message-item .message-head .avatar {
        margin-right: 20px;
    }

    .message-item .message-head .user-detail {
        overflow: hidden;
    }

        .message-item .message-head .user-detail h5 {
            font-size: 16px;
            font-weight: bold;
            margin: 0;
        }

    .message-item .message-head .post-meta {
        float: left;
        padding: 0 15px 0 0;
    }

        .message-item .message-head .post-meta > div {
            color: #333;
            font-weight: bold;
            text-align: right;
        }

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

.message-item .message-head .post-meta > div {
    color: #333;
    font-weight: bold;
    text-align: right;
}

.post-meta > div {
    color: #777;
    font-size: 12px;
    line-height: 22px;
}

img {
    min-height: 40px;
    max-height: 40px;
}
#imageLog {
    min-height: 450px;
    max-height: 450px;
}



.glyphican-icon {
    font-weight: 400;
    line-height: 1;
    z-index: 600;
    top: 12px;
    left: 12px;
}

.updaterenivDiv{
    text-align:center;
    font-size:16px;
     
}

.AddPadding {
    padding: 0.5em 0.6em;
}

.removeWidth{
    width:0;
}

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

.left-text-align{
    text-align:left;
}

.green{
    color:green;
}

.statusDivApplicant {
    border: 2px solid yellow;
    background-color: yellow;
    text-align: center;
    height: 25px;
    border-radius: 25px;
    margin-top: 8px;
}
.statusKeyApplicant {
    border: 2px solid greenyellow;
    background-color: greenyellow;
/*    width:178px;
*/   text-align:left;
}

.statuskeyLabel {
    margin-top:-3px;
}

.backgroundRed {
    background-color: red;
    border: 2px solid red;
}

.ui-autocomplete {
    z-index: 5000;
        overflow: auto;
    height: 160px;
}

.lableWidth {
    width: 150px;
}

.notCompleteTaskLabel{
    margin-left: 5px;
}



.extraWideTabs {
  width:1250px;
}

.smallFloat {
    position:absolute;
    right:65px;
    
}

#allRenovations_length, #allRenovations_filter {
    display: inline !important;
    border-radius: 5px;
}


.dataTables_wrapper .dataTables_filter input {
    border-radius: 5px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
    color: black;
}


@keyframes check {
    0% {
        height: 0;
        width: 0;
    }

    25% {
        height: 0;
        width: 10px;
    }

    50% {
        height: 20px;
        width: 10px;
    }
}

.checkboxed {
    background-color: #fff;
    display: inline-block;
    height: 28px;
    margin: 0 .25em;
    width: 28px;
    border-radius: 4px;
    border: 1px solid #ccc;
    float: right
}

    .checkboxed span {
        display: block;
        height: 28px;
        position: relative;
        width: 28px;
        padding: 0
    }

        .checkboxed span:after {
            -moz-transform: scaleX(-1) rotate(135deg);
            -ms-transform: scaleX(-1) rotate(135deg);
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
            -moz-transform-origin: left top;
            -ms-transform-origin: left top;
            -webkit-transform-origin: left top;
            transform-origin: left top;
            border-right: 4px solid #fff;
            border-top: 4px solid #fff;
            content: '';
            display: block;
            height: 20px;
            left: 3px;
            position: absolute;
            top: 15px;
            width: 10px
        }

        .checkboxed span:hover:after {
            border-color: #999
        }

    .checkboxed input {
        display: none
    }

        .checkboxed input:checked + span:after {
            -webkit-animation: check .8s;
            -moz-animation: check .8s;
            -o-animation: check .8s;
            animation: check .8s;
            border-color: #555
        }

        .checkboxed input:checked + .default:after {
            border-color: #444
        }

        .checkboxed input:checked + .primary:after {
            border-color: #2196F3
        }

        .checkboxed input:checked + .success:after {
            border-color: #8bc34a
        }

   

.filterTypeDiv {
    padding-top: 7px;
    padding-bottom:3px;
    border-bottom: 1px solid green;
}


.data-grid__specialized-filter-container {
    min-height: 88px;
    padding: 15px 0 15px 20px;
    border-top: 1px solid #e2e2e2;
    border-left: 5px solid #73b680;
    background-color: rgba(242,242,242,.5);
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
}

.multiselect.dropdown-toggle.btn btn-default{
    padding: 6px 24px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-weight: normal;
}

.btn-default:active{
    background-color:white;
}

.wrap:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    position: relative;
    margin-left: -20px;
    pointer-events: none;
}

.inlineBlock {
    display: inline-block;
}






.status-tag--warning {
    background-color: #fff7ea;
    border-color: #fdb128;
    color: #8f4f00;
}

.status-tag--error {
    background-color: #faebea;
    border-color: #d54734;
    color: #d4402b;
}

/*.jquery-datepicker.theme-light.datepicker-box {
    position: absolute;
    top: 300px;
    left: 375.275px;
    z-index: 1;
    display: block;

}*/

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102,175,233,.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

    .ui-datepicker a,
    .ui-datepicker a:hover {
        text-decoration: none;
    }

        .ui-datepicker a:hover,
        .ui-datepicker td:hover a {
            color: #2A6496;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

    .ui-datepicker .ui-datepicker-header {
        margin-bottom: 4px;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        cursor: default;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
    }

    .ui-datepicker .ui-datepicker-prev {
        float: left;
        text-align: left;
    }

    .ui-datepicker .ui-datepicker-next {
        float: right;
        text-align: right;
    }

    .ui-datepicker .ui-datepicker-prev:before {
        content: "\e079";
    }

    .ui-datepicker .ui-datepicker-next:before {
        content: "\e080";
    }

    .ui-datepicker .ui-icon {
        display: none;
    }

    .ui-datepicker .ui-datepicker-calendar {
        table-layout: fixed;
        width: 100%;
    }

        .ui-datepicker .ui-datepicker-calendar th,
        .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
            padding: 4px 0;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            border-radius: 4px;
            -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        }

            .ui-datepicker .ui-datepicker-calendar td:hover {
                background-color: #eee;
                cursor: pointer;
            }

            .ui-datepicker .ui-datepicker-calendar td a {
                text-decoration: none;
            }

    .ui-datepicker .ui-datepicker-current-day {
        background-color: #4289cc;
    }

        .ui-datepicker .ui-datepicker-current-day a {
            color: #fff
        }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
        background-color: #fff;
        cursor: default;
    }

.list-group-item {
    width:200px;
}

div.datatable-wide {
    padding-left: 0;
    padding-right: 0;
}

.border-radius{
    border-radius:0px;
    
}

.textlandcenter{
    text-align:center;
}

#allApplicantsAppproval_filter, #allApplicantsAppproval_length, #allApplicantsAppproval.dataTable thead .sorting_asc, #alltasks_filter, #alltasks_length, #alltasks.dataTable thead .sorting_asc, #mytasks_filter, #mytasks_length, #mytasks.dataTable thead .sorting_asc, #recentActivity_filter, #recentActivity_length, #recentActivity.dataTable thead .sorting_asc {
    display: none;
}


.widthinherit{
    width:inherit;
}

.colorblue{
    color:dodgerblue;
}

.your-div {
    position: relative;
}

    .your-div span {
        position: absolute;
        bottom: 7px;
        right: 7px;
    }



#success-alert{
    border-color: #3c763d;
}

.twelveFontSize{
    font-size:12px;
  
}

.widthtd
{
   width:200px;
}


/*#applicantRequirements{
    width:1000px;
}*/


 /*this original for Autocomplete Combobox 
.ui-button {
    margin-left: -1px;
}

.ui-button-icon-only .ui-button-text {
    padding: 0.35em;
}

.ui-autocomplete-input {
    margin: 0;
    padding: 0.48em 0 0.47em 0.45em;
}
 *** Add this for visible Scrolling ;) 
.ui-autocomplete {
    max-height: 350px;
    overflow-y: auto;
     prevent horizontal scrollbar 
    overflow-x: hidden;
     add padding to account for vertical scrollbar 
    padding-right: 20px;
}
 IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 
* html .ui-autocomplete {
    height: 100px;
}*/


/* START: CSS to show loader */
.loader-main-div {
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: Black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    /*-moz-opacity: 0.8;*/
    display: none;
}

.loader-img-div {
    z-index: 1000;
    margin: 250px auto;
    padding: 10px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    /*-moz-opacity: 1;*/
}

.cursor-pointer {
    cursor: pointer !important;
}

.button-nocss {
    border: none !important;
    background: none !important;
}

/* Remove default spinner */
.fa-spin {
    display: none !important;
}

.fa-spinner {
    display: none !important;
}


.dataTables_filter label {
    padding:0px;
}
/* END: CSS to show loader */


.checkbox.login input[type=checkbox] {
    margin-left: 0px;
}

.textDown{
    position:relative;
    top:6px;
}