@font-face {
    font-family: 'MaisonNeue-Bold';
    src: url('fonts/MaisonNeue-Bold.eot?#iefix') format('embedded-opentype'),
    url('fonts/MaisonNeue-Bold.woff') format('woff'),
    url('fonts/MaisonNeue-Bold.ttf')  format('truetype'),
    url('fonts/MaisonNeue-Bold.svg#MaisonNeue-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MaisonNeue-Book';
    src: url('fonts/MaisonNeue-Book.eot?#iefix') format('embedded-opentype'),
    url('fonts/MaisonNeue-Book.woff') format('woff'),
    url('fonts/MaisonNeue-Book.ttf')  format('truetype'),
    url('fonts/MaisonNeue-Book.svg#MaisonNeue-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'maison_neuedemi';
    src: url('fonts/maisonneue-demi-webfont.woff2') format('woff2'),
    url('fonts/maisonneue-demi-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


*{word-wrap:break-word;}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{border:0;font-size:100%;margin:0;padding:0}
*{margin:0;padding:0;}
.clear-fix:after{display:block;clear:both;content:"";}
.clear-both{clear:both;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.db{display:block;}
.dn{display:none;}
.dib{display:inline-block;}
.pr{position:relative;}
.pa{position:absolute}
.baselight{color:#fff;}
.basedark{color:#000!important;}
::-ms-clear{display:none;}
:focus{outline:none !important;}
.table-cell{display:table-cell;vertical-align:middle;}
textarea{resize:none;}

i,
em,
.italic{font-style:italic;}
ul, ol{list-style:none;}
a, a:hover, a:visited, a:focus, a:link {text-decoration:none;}
.tu{text-transform:uppercase;}
.no-padding{padding-left:0;padding-right:0;}
.no-margin{margin-right:0;margin-left:0;}


.mt20 {
    margin-top: 20px;
}

.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}

.mr15  {
    margin-right: 15px;
}

.gray_tooltip + .tooltip > .tooltip-inner {background-color: #555; color: #fff;}
.gray_tooltip + .tooltip > .tooltip-arrow { border-left-color:#555; }

body {
    background-color: #f5f5f5;
    font-family: 'MaisonNeue-Book', 'Open Sans';
}

.right_content {
    width: calc( 100% - 215px );
    float: right;
}

.content {
    width: 90%;
    margin: 0 auto;
}

.content_layout {
    position: relative;
}

.login_inner {
    display: table;
    height: 100vh;
    width: 100%;
    text-align: center;
}

.login_inner_form {
    vertical-align: middle;
    display: table-cell;
}

.login_fill_form:first-child, .login_checkbox {
    margin-bottom: 1.5%;
}

.login_fill_form {
    width: 33%;
    height: 35px;
    display: inline-block;
}

.login_fill_form  input {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    font-family: FontAwesome, "Open Sans", Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    border-radius: 2px;
    border: 1px solid #ddd;
}

.login_checkbox label {
    color: #777;
    width: 33%;
    text-align: left;
}

.login_fill_form:last-child input[type=submit] {
    background-color: #b92c2b;
    color: #fff;
    border: 0;
}

.login_checkbox input[type=checkbox] {
    vertical-align: sub;
    width: 17px;
    height: 17px;
}

.menu {
    width: 215px;
    height: 100vh;
    float: left;
    background-color: #000;
    border-right: 1px solid #000;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    overflow-y: auto;
}
.menu_icons{
    clear: both;
}
.menu_icons a {
    padding: 13px 0 13px 45px;
    color: #bbbdc2;
    width: 100%;
    display: inline-block;
    border-right: 3px solid transparent;
    position: relative;
    border-left: 2px solid #1C2237;
}

.menu_item {
    padding-left: 15px;
}


.menu_icons a:hover, .menu_icons:hover a{
    background-color: #303547;
    border-color: #303547;
    border-left: 2px solid #2096f3;
    color: #2096f3;
}
.menu_icons .fa{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}
.menu_icons a:hover .fa{background-position: center bottom;}
.menu_icons .fa:before{display:none}
.menu_icons a i{display: block; float: left; width:18px; height:18px;}
.menu_icons .fa-indent{
    background-image:url('/assets/images/menu/portal.png');
    height: 16px;
    margin-top: 4px;
}
.menu_icons .fa-user-plus{
    background-image:url('/assets/images/menu/user.png');
}
.menu_icons .fa-building{
    background-image:url('/assets/images/menu/buildings.png');
    height: 19px;
}
.menu_icons .fa-key{
    background-image:url('/assets/images/menu/apartments.png');
}
.menu_icons .fa-link{
    background-image:url('/assets/images/menu/customers.png');
}
.menu_icons .fa-th{
    background-image:url('/assets/images/menu/retx.png');
    height: 14px;
    margin-top: 4px;
}
.menu_icons .fa-list{
    background-image:url('/assets/images/menu/reports.png');
    height: 14px;
    margin-top: 4px;
}
.menu_icons .fa-calendar-o{
    background-image:url('/assets/images/menu/calendar.png');
    height: 20px;
}
.menu_icons .fa-file-text{
    background-image:url('/assets/images/menu/docs.png');
    height: 12px;
    margin-top: 5px;
}

.menu_icons .fa-lord-plus{
    background-image:url('/assets/images/menu/landlords.png');
}

.menu_icons .fa-check-square{
    background-image:url('/assets/images/menu/permissions.png');
    height: 16px;
    margin-top: 3px;
}
.menu_icons .fa-xtable{
    background-image:url('/assets/images/menu/xtable.png');
    margin-top: 1px;
}
.menu_icons .fa-logout{
    background-image:url('/assets/images/menu/logout.png');
    margin-top: 1px;
}

.user_pic {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.user_pic_holder{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    margin: 2vh auto;
    text-align: center;
}
.user_name_holder ul, .user_name_holder li{
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.user_pic_edit {
    /*position: absolute;*/
    /*top: 4px;*/
    /*right: 8px;*/
    /*!*content: "\e61c";*!*/
    /*cursor: pointer;*/
    color: #555;
    font-family: Themify;
    font-size: 25px;
}

.user_name_holder{
    float: left;
    width: 100%;
    text-align: center;
}
.user_pic .edit_icon{
    position: absolute;
    top: 6vh;
    right: 3vh;
}

.user_pic_edit a:hover, .user_pic_edit a:visited, .user_pic_edit a:focus, .user_pic_edit a:link {
    background-color: transparent;
    border-color: transparent;
    color: #c9cee1;
    text-decoration: none;
}

.user_name_list {
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: rgba(0, 0, 0, .4);
    bottom: -50px;
    left: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.user_name {
    color: #fff;
    padding-left: 5%;
    letter-spacing: 1px;
    font-size: 15px;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
    /*background: #1C2237;*/
    z-index: 0;
}

.user_pic:hover  .user_name_list  {
    bottom: 0;
}

.user_pic img {
    width: 100%;
}

.users_list_delete {
    background-color: transparent;
    border-color: transparent;
    color: #777;
    position: relative;
}

.users_list_delete span {
    font-size: 18px;
}

.login_as_user {
    margin-top: 2%;
}

.users_table {
    padding: 20px 0;
}

.users_table table {
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    overflow: hidden;
    background-color: white;
    border: 1px solid #edebf6;
}
.users_table th  {
    padding: 12px 10px;
}
.users_table td  {
    padding: 5px 10px;
    text-align: center;
}
.users_table table .btn{
    background-color: #b8191d;
    color: #fff;
}

.all_users {
    display: inline-block;
    padding-right: 10px;
    padding-top: 16px;
}
.users_status_list{
    font-size: 12px;
    clear: both;
    margin: 10px 0;
    float: left;
}
.users_table table tr td, .users_table table tr td a, .users_status_list label {
    color: #777;
}

.users_table tr:nth-child(even) {
    background-color: #fafbff;
}

.users_table tr:hover {
    background-color: #eaeef7;
}

.users_table table tr td a {
    position: relative;
}

/*.users_table table tr td a:before {
    position: absolute;
    content: "\f046";
    font-family: FontAwesome;
    top: -2px;
    left: -22px;
    color: #555;
    font-size: 18px;
}*/

.users_table table tr td:first-child, .users_table table tr td:nth-child(2) {
    text-align: left;
}

.users_table table tr td:first-child {
    padding-left: 30px;
}

.users_table tr:hover .users_table tr td a i {
    color: #b92c2b;
}

.add_user {
    text-align: right;
    margin: 10px 0 10px 10px;
}


.users_search_input{
    width: 220px;
    margin-right: 10px;
    float: left;
}

.users_search:hover,
.users_search:visited,
.users_search:focus
{
    color: #fff;
    opacity: .9;
}

.pagination>li>a, .pagination>li>span,
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.right_content label, .right_content a, .right_content div
{
    color: #777;
    font-size: 13px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover
{
    background-color: #555;
    border-color: #555;
}

.login_as_user button {
    float: right;
}

.save_red_btn input {
    background-color: #b92c2b;
    border: 1px solid #b92c2b;
    padding: 6px 45px;
}

.save_list .save_red_btn {
    position: relative;
}

.save_list .save_red_btn:before
{
    position: absolute;
    content: "\f00c";
    margin-left: 25px;
    top: 6px;
    font-family: FontAwesome;
    color: #fff;
}

.building_view {
    background-color: #fff;
}

.building_view .row {
    margin-top: 5px;
}

.edit_icon, .pic_icon {
    font-size: 20px;
}

a.reo_link, a.reo_link:hover, a.reo_link:visited {
    text-decoration: underline;
}

.wrap_result {
    position:fixed;
    top: 50%;
    left: 50%;
    width:20em;
    height:8em;
    margin-top: -4em; /*set to a negative number 1/2 of your height*/
    margin-left: -10em; /*set to a negative number 1/2 of your width*/
    border: 2px solid #ccc;
    background-color: #f0f2f0;
    border-radius: 8px;
    display:none;
    padding: 20px;
    z-index: 5005;
    text-align: center;
}







/***********************styles by Anahit*************************/
.content{
    width: 95%;
}
.over_hide{
    overflow: hidden;
}
.relative{
    position: relative;
}
.mt-0{
    margin-top: 0!important;
}
.margintop15, .right_content .row.margintop15{
    margin-top: 15px;
}
.margintop70{
    margin-top: 70px!important;
}
.margintop20, .mt-20{
    margin-top: 20px;
}

.marginbottom20 {
    margin-bottom: 20px;
}
.ml10{
    margin-left: 10px!important;
}
.mb10{
    margin-bottom: 10px!important;
}
.mt8{
    margin-top: 8px;
}
.mr-10px{
    margin-right: 10px;
}
.mt113{
    margin-top: 113px;
}
.mt178{
    margin-top: 178px;
}

.pl-0{
    padding-left: 0;
}
.pr-0{
    padding-right: 0;
}
.pt-0{
    padding-top: 0!important;
}
.pt-10px{
    padding-top: 10px;
}

.pl_30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.tr {
    text-align: right;
}

.w100p, .w-100{
    width: 100%;
}

.w105{
    width: 105px;
}
.w260{
    width: 260px;
}

.padding_0_15{
    padding: 0 15px;
}

.fa.green{
    color: #4cae4c;
}

.fa.fa-2{
    font-size: 16px;
}

.language_flag_item{
    float: left;
    width: 150px;
    margin-bottom: 10px;
}
.language_flag_item input{
    margin-right: 7px;
}
.language_flag_item img{
    margin-top: -4px;
}
.right_content{
    padding-top: 25px;
    padding-bottom: 25px;
}
.right_content h1{
    font-size: 18px;
    font-weight: bold;
}
.right_content .row{
    margin: 0;
}
.right_content .row.mt20{
    margin-top: 20px;
}

.right_content .row.margintop20{
    margin-top: 20px;
}
.nav-tabs{
    width: 100%;
}
.agent_portal .nav-tabs li a{
    width: auto;
    float: left;
    padding-left: 10px;
    padding-right: 10px;
}
.nav>li>a{
    color: #c9cee1;
    padding: 10px 0;
}
.nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent;
    border: 0 none;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
    background-color: transparent;
    border: 0 none;
}

.form-control{
    border: 1px solid #edebf6;
    box-shadow: none;
}

.content_holder{
    background:#fff;
    border: 1px solid #ddd;
    padding: 20px 25px;
}
.tab_content_holder{
    background:#fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 25px;
}

.tab_content_holder label{
    font-size: 14px;
}
.tab_content_holder input.form-control, .tab_content_holder select.form-control{
    height: 30px;
}
.tab_content_holder select[multiple]{
    height: auto;
}

.tab_content_holder input[type=radio]{
    margin-left: 10px;
}
.building_view{
    width: 100%;
}
.building_view label{
    font-size: 13px;
}

.append-other input{
    margin-top: 15px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #edebf6;
    box-shadow: none;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.append-other-textarea textarea{
    margin-top: 15px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #edebf6;
    box-shadow: none;
    height: 34px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
}

.rentalsale_flag{
    display:block;
}
.rentalsale_flag input{
    margin-left: 10px;
}
.action_conf{
    margin-left: 20px;
}
.block_title{
    color: #1c2134;
    font-weight: bold;
    padding-left: 0;
    padding-top: 20px;
}
.blockblock{
    background-color: #f5f7fd;
    padding: 15px 20px;
    border: 1px solid #eee;
    clear: both;
}
.blockblock_nested_header{
    background-color: transparent;
    padding: 15px 0;
    border: 0px none;
    clear: both;
    font-weight: bold;
    text-transform: uppercase;
}
.other-field {
    display: none;
}
.custom_multiselect label ~ div{
    border: 1px solid #edebf6;
    border-radius: 4px;
}

input[type=file]{
    padding: 5px;
    height: auto !important;
}

.users_profile .Active,
.users_list.Active,
.ap_status.Active{
    color: #4cae4c;
}
.users_profile .Restricted, .users_profile .Blocked,
.users_list.Restricted, .users_list.Blocked,
.ap_status.Restricted, .ap_status.Blocked{
    color: #b8191d;
}
.users_profile .Inactive,
.users_list.Inactive,
.ap_status.Inactive{
    color: #ccc;
}
.btn_nostyle{
    background-color: transparent;
    border: 0 none;
}

.users_table th{
    font-size:12px;
    text-transform: uppercase;
}
.users_table td{
    font-size: 13px;
}
thead tr{
    background: #eaeef7;
}
thead tr:hover{
    cursor: default;
}
.sorting_options, .filter_options{
    margin-bottom: 0;
    font-size: 12px;
}
.sorting_options{
    position: absolute;
    bottom: 0;
    right:0;
}
.filter_options label{
    font-size: 12px;
}
.no_items{
    padding: 15px 25px;
    background: #fff;
    border: 1px solid #edebf6;
    border-radius: 8px;
    margin-top: 25px;
}

.select2-selection--single{
    height: 34px!important;
    border: 1px solid #edebf6!important;
}
.select2-selection--single .select2-selection__arrow{
    top: 5px!important;
}
.select2-selection--single .select2-selection__arrow b{
    border-color: #000 transparent transparent transparent;
}

/*menu styles*/

.navbar-toggler{
    background: transparent;
    position: absolute;
    top: 10px;
    left: -100000px;
    border: 0 none;
    z-index: 1001;

}
.navbar-toggler-icon{
    background: #1c2134;
    color: #fff;
    padding: 6px 8px;
    border-radius: 5px;
}
.navbar-toggler-icon:before{
    font-size: 20px;
}
.collapse{
    display: block;
}
.headcol.desktop{
    display: block;}
.headcol.mobile{
    display: none;}

.btn-info{
    white-space: inherit;
}

/***********************styles by Anahit*************************/

.btn-green{
    background-color: #8bc24a;
    color: #fff;
    font-size:12px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px 15px;
    border:0 none;
    box-shadow: none;
}
.btn-green:hover, .btn-green:active{background-color: #7fb53e; color: #fff;}
.btn-grey, .btn-default{
    background-color: #19ffcd;
    color: #000;
    font-size:12px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px 15px;
    border:0 none;
    box-shadow: none;
}
.btn-grey:hover, .btn-default:hover,
.btn-grey:active, .btn-default:active{background-color: #8e8e8e; color: #fff;}
.btn-blue, .users_search{
    background-color: #2196f3;
    color: #fff;
    font-size:12px;
    text-transform: capitalize;
    border-radius: 4px;
    padding: 10px 15px;
    border:0 none;
    box-shadow: none;
}
.btn-blue:hover, .users_search:hover,
.btn-blue:active, .users_search:active{background-color: #1986dd; color: #fff;}
.blue{color: #1986dd!important;}

/***************styles Multi select******************/

.mlt-item, .mlt-item_active{
    overflow: hidden;
    border: 0 none!important;
    background: #fff!important;
    padding: 2px 5px 4px 5px!important;
    border-bottom-right-radius: 0px!important;
}

.mlt-item label, .mlt-item_active label{
    float: left;
    width: calc( 100% - 30px );
    margin-top: 2px;
    font-size: 14px!important;
    line-height: 1.42857143;
    color: #555!important;
}

.mlt-item input, .mlt-item_active input {
    width: 18px;
    height: 18px;
    border: 1px solid white;
    box-shadow: none;
    padding: 0px;
    float: left;
    margin-right: 10px;
}

.mlt-item_active {
    background: #a56d6b!important;
}

.mlt-item_active label {
    color: #fff!important;
}


.choose_excel_file{
    width: calc( 100% - 250px );
    float: left;
    border-bottom-right-radius: 0!important;
    border-top-right-radius: 0!important;
}
.upload_excel_file{
    height: 34px;
    padding: 9px 15px;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}
.agent_portal_tab_content{
    height: 300px !important; overflow-y: auto;
}

.fa-asterisk{
    font-size:11px !important;
    color:red !important;
}

._showitem{
    cursor: pointer !important;
}

.cell_290 {
    width: 290px;
}

.cell_140 {
    width: 140px;
}

.cell_270 {
    width: 270px;
}

.cell_150 {
    width: 150px;
}

.retx_btn_card {
    margin: 0 25px 0 20px;
}

.retx_exp_btn {
    margin-top: 80px!important;
}