html, body {
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 300;
    background: #eaeaea;
    color: #1f1f26;
}
a {
    color: #6c7293;
    text-decoration: none;
}
a:hover {
    color: #22b9ff;
    text-decoration: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
.text-muted {
    color: #bbc3cb!important;
}
.btn {
    cursor: pointer;
}
.btn-success {
    color: #fff;
    background-color: #1dc9b7;
    border-color: #1dc9b7;
    color: #ffffff;
}
.btn-success:hover {
    color: #fff;
    background-color: #18a899;
    border-color: #179c8e;
}
.bg-success {
    background-color: #1dc9b7 !important;
    color: #fff;
}
.btn-primary {
    color: #fff;
    background-color: #5867dd;
    border-color: #5867dd;
}
.btn-primary:hover {
    color: #fff;
    background-color: #384ad7;
    border-color: #2e40d4;
}
.bg-primary {
    color: #fff;
    background-color: #5867dd;
}

.card {
    -webkit-box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
    box-shadow: 0px 0px 40px 0px rgba(82, 63, 105, 0.1);
}
.form-error {
    color: #dc3545!important;
}
.alert-danger {
    z-index: 1600 !important;
}
.we-breadcrumb {
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
}
.we-breadcrumb li,.we-breadcrumb span {
    float: left;
}
.we-breadcrumb li,.we-breadcrumb li a,.we-breadcrumb span {
    font-size: 14px;
    color: #b8bac3;
}
.we-sidemenu {
    overflow: auto;
    font-size: 12px;
    background-color: #fff;
    position: fixed;
    top: 70px;
    height: 100vh;
    color: #22b9ff;
    padding-top: 10px;
    z-index: 9;
    -webkit-box-shadow: 13px -2px 27px -12px rgba(41, 50, 66, 0.075);
    box-shadow: 13px -2px 27px -12px rgba(41, 50, 66, 0.075);

    margin-left: -150px;
    width: 250px;
}

.we-sidemenu:hover {
    width: 250px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;

    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;

    margin-left: 0px;
}
.we-sidemenu ul {
    display: none;
}
.we-sidemenu:hover ul {
    display: block;
}
.sub-menu.collapse:not(.show) {
    display: none !important;
}
.we-sidemenu .menu-title {
    display: none;
}
.we-sidemenu:hover .menu-title {
    display: inline;
}
.we-sidemenu .toggle-btn {
    display: none;
}
.we-sidemenu ul, .we-sidemenu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 35px;
    cursor: pointer;
}
.we-sidemenu ul :not(collapsed) .arrow:before, .we-sidemenu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}
.we-sidemenu ul .active, .we-sidemenu li .active, .we-sidemenu ul .active a, .we-sidemenu li .active a{
    background-color: #f5f6fc;
    color: #22b9ff;
}
.we-sidemenu ul .sub-menu li.active, .we-sidemenu li .sub-menu li.active, .we-sidemenu ul .sub-menu li.active a, .we-sidemenu li .sub-menu li.active a{
    background: #fff;
    color: #22b9ff;
}
.we-sidemenu ul .sub-menu li, .we-sidemenu li .sub-menu li {
    border: none;
    line-height: 28px;
    margin-left: 0px;
}
.we-sidemenu .sub-menu .sub-menu li {
    padding-left: 50px;
}
.we-sidemenu ul .sub-menu li:hover a, .we-sidemenu li .sub-menu li:hover a {
    color: #22b9ff;
}
.we-sidemenu li {
    padding: 5px;
    text-align: center;
    padding-top: 13px;
    padding-left: 150px;
}
.we-sidemenu:hover li {
    text-align: left;
    padding-left: 0px;
}
.we-sidemenu li a {
    text-decoration: none;
    line-height: 35px;
    font-size: 14px;
    color: #b8bac3;
}
.we-sidemenu .menu-content > li:not(.collapsed) a, .we-sidemenu .menu-content .sub-menu.collapse > li:not(.collapsed) a {
    color: #22b9ff;
}
.we-sidemenu li:hover a {
    color: #22b9ff;
}
.we-sidemenu li a i {
    padding-left: 10px;
    width: 25px;
    padding-right: 5px;
    font-size: 20px;
}
.we-sidemenu:hover li a i {
    font-size: 14px;
}
.we-sidemenu li:hover {
    color: #22b9ff;
}

.we-sidemenu .sub-menu li {
    padding: 0px 27px;
    border-bottom: 1px solid #23282e;
    padding-right: 4px;
}
.we-sidemenu .sub-menu li a {
    text-decoration: none;
    display: block;
}
.we-sidemenu .sub-menu li a i {
    padding-left: 10px;
    width: 25px;
    padding-right: 5px;
}
.we-sidemenu li .sub-menu li:hover {
    background-color: #4f5b69;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.we-sidemenu .menu-list .fa-chevron-right {
    float: right;
    margin-top: 12px;
    margin-right: 10px;
}

.tenancies, .dropdown-notification .dropdown-menu, .dropdown-language .dropdown-menu, .dropdown-user .dropdown-menu {
    min-width: 175px;
    max-width: 275px;
    width: 275px;
    z-index: 9995;
    right: 0px;
    left: auto;
    margin-top: 0px;
    padding: 0px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    border-radius: 4px;
    -webkit-animation: fadeOutDown .3s ease 1, fadeInUp .3s ease-out 1;
    animation: fadeOutDown .3s ease 1, fadeInUp .3s ease-out 1;
}
.intl-tel-input{
    width: 100%;
  }

  .iti {
      width: 100%;
  }
.dropdown-language .dropdown-menu, .dropdown-user .dropdown-menu {
    width: auto;
    right:10px !important;
}
.tenancies li {
    width: 48%;
    float: left;
    margin: 1%;
    margin-top: -15px;
}
.tenancies li a{
    padding:0px;
    text-decoration: none;
}
.tenancies .list {
    margin: 10px;
    float: left;
    width: calc(100% - 20px);
    max-height: calc(100vh - 200px);
    overflow: auto;
    overflow-x: hidden;
}
.tenancies .list li a .badge{
    position: relative;
    right: -50%;
    top: 10px;
}
.tenancies .list li a .image{
    background:#f9f9fc;
    padding: 20px 5px;
    height: 90px;
}
.tenancies .list li a .image img{
    height:30px;
    max-width:100%;
}
.tenancies .list li a .name{
    background:#d9d9dc;
    padding: 5px 3px;
    height: 27px;
    overflow: hidden;
}
.we-menuitems .dropdown-toggle::after {
    display: none;
}
.we-menuitems > li.dropdown {
    padding: 5px 13px;
    text-align: center;
}
.we-menuitems > li.dropdown > a {
    padding: 1px;
}
.we-menuitems > li.dropdown.show {
    background: #f5f6fc;
    padding: 5px 13px;
    border-radius: 50%;
}
.we-menuitems > li.dropdown-user.show{
    background: none;
}
.we-menuitems .dropdown-toggle {
    color: #999999;
    line-height: 40px;
    font-size: 17px;
    text-decoration: none;
}
.dropdown-language .dropdown-menu, .dropdown-user .dropdown-menu {
    right:0px;
    left: auto;
    margin: 0px;
    border-radius: 4px;
    padding: 0px;
    border: 0px;
    -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
}
.dropdown-language .dropdown-menu li, .dropdown-user .dropdown-menu li {
    padding: 10px 15px;
}
.dropdown-language .dropdown-menu li:hover, .dropdown-user .dropdown-menu li:hover {
    background: #e5e2e2;
}
.dropdown-language .dropdown-menu li a, .dropdown-user .dropdown-menu li a {
    text-decoration: none;
    border: 0px;
}
.dropdown-notification .dropdown-menu > li.external {
    background: #d9d9dc;
    padding: 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.dropdown-notification .dropdown-menu > li.external > h3 {
    font-size: 13px;
    margin-top: 10px;
}
.dropdown-notification .dropdown-menu .dropdown-menu-list {
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .time {
    float: right;
    max-width: 75px;
    font-size: 11px;
    font-weight: 400;
    opacity: 0.7;
    filter: alpha(opacity=70);
    text-align: right;
    padding: 1px 5px;
    background: #f1f1f1;
}
.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    margin-right: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a {
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 20px;
    white-space: normal;
    font-size: 13px;
    padding: 16px 15px 18px;
    text-shadow: none;
    border-bottom: 1px solid #EFF2F6 !important;
    color: #888888;
}
.dropdown-notification .dropdown-menu .dropdown-menu-list > li a .details .label-icon {
    margin-right: 10px;
    font-size: 12px !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
}
.progress {
    margin-top: 10px;
	height: 5px;
}
.progress .progress-bar {
    background: #22b9ff;
}
.form-search{
    width: 300px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}
.below500px {
    display: none;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: #72b227;
  color: #fff;
  width: 44px;
  height: 44px;
  text-align: center;
  line-height: 1;
  font-size: 16px;
  border-radius: 50%;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
  z-index: 11;
}

.back-to-top i {
  padding-top: 12px;
  color: #fff;
}


/* Checkbox */
.we-checkbox label {
    cursor: pointer;
}
.we-checkbox input[type="checkbox"] { display: none; }
.we-checkbox input[type="checkbox"] + label {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font: 14px/20px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.we-checkbox input[type="checkbox"] + label:last-child { margin-bottom: 0; }
.we-checkbox input[type="checkbox"] + label:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: 1px solid #6cc0e5;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .6;
    -webkit-transition: all .12s, border-color .08s;
    transition: all .12s, border-color .08s;
}
.we-checkbox input[type="checkbox"]:checked + label:before {
    width: 10px;
    top: -5px;
    left: 5px;
    opacity: 1;
    border-top-color: transparent;
    border-left-color: transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes growCircle {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1; }
  70% {
    background: #eee;
    -webkit-transform: scale(1.25); } }

@-moz-keyframes growCircle {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1; }
  70% {
    background: #eee;
    -moz-transform: scale(1.25); } }

@keyframes growCircle {
  0%, 100% {
    transform: scale(0);
    opacity: 1; }
  70% {
    background: #eee;
    transform: scale(1.25); }
}


/* Plugin Changes*/
.select2-container .select2-selection--single {
    height: 33px;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #ced4da;
    border-radius: 5px;
    background: #f4f4f4;
}
.intl-tel-input {
    width: 100%;
}
#error-msg-phone {
    display: none;
}
.text-danger #error-msg-phone {
    display: block;
}
.bootstrap-select>.dropdown-toggle {
    border: 1px solid #ced4da;
    background: #fff;
    border-radius: 5px;
}
span.multiselect-native-select {
    display: block;
    border: 1px solid #ced4da;
    border-radius: 5px;
}
.multiselect-native-select .btn-group {
    width: 100%;
}
.multiselect-native-select button.multiselect.dropdown-toggle.btn.btn-default {
    text-align: left;
}
.multiselect-native-select .dropdown-toggle::after{
    float: right;
    margin-top: 8px;
}
.multiselect-native-select ul.multiselect-container.dropdown-menu.show{
    right: 0px;
}
.multiselect-container>li>a>label {
    padding: 3px 20px 3px 15px;
}

.we-content .daterangepicker {
    position: inherit;
    width: 100%;
    padding: 10px;
    height: 35px;
    display: block;
}

.dropdown-menu .form-btn-delete {
    display: block;
}
.dropdown-menu a {
    cursor: pointer;
    border-bottom: 1px solid #f9f9fc;
}

.lang-lb{
	direction: rtl;
}
#tree-view {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 20px;
}
/* jquery UI - autocomplete */
.ui-autocomplete {
    border: 1px solid #c5c5c5;
    background: #fff none repeat scroll 0 0;
    color: #000;
    list-style-type: none;
    padding-left: 15px !important;
    width: 365px !important;
    z-index: 999999;
    border-radius:3px;
}
.ui-autocomplete li {
    cursor: pointer;
    padding: 5px !important
}
.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}
.select2-clear {
    position: absolute;
    right: 20px;
    top: 0;
    cursor: pointer;
    display: none;
    padding: 5px 9px;
    border: 1px solid #ddd;
    font-size: 14px;
}
.we-tabs {
    font-size: 16px;
    margin-left: -13px;
    margin-top: -15px;
    margin-bottom: 20px;
}
.we-tabs .nav-item {
    border: 1px solid #ddd;
    background: #f9f9fc;
    margin-left: -1px;
    padding: 0.4rem 1.2rem;
    cursor: pointer;
}
.we-tabs .nav-item.active {
    background: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
}
.delete-travel {
    cursor: pointer;
}
.card-header h5{
    color: #1919ba;
    line-height: 20px;
    padding-right: 30px !important;
}
.card-header h5:after {
    font-family: 'Glyphicons Halflings';
    content: "\2212";
    float: right;
    cursor: pointer;
    font-size: 50px;
    margin-top: -6px;
    line-height: 30px;
    position: absolute;
    right: 20px;
}
.card-header h5.collapsed:after {
    content: "\002b";
}
.contract-price {
    position: absolute;
    right: 15px;
    margin-top: -60px;
    font-size: 50px;
}
.print-certificate .dropdown-item {
    padding: .6rem 1.5rem;
    cursor: pointer;
}
.claim-contract-AN {
    background: url(../images/canceledIcon.jpg) no-repeat;
    background-size: cover;
}

.span-status {
    width: 87px;
}


/* mentions */
.mentions-input {
    position: relative;
}

.mentions-input .input {
    overflow: hidden;
    position: relative;
}

.mentions-input .highlighter {
    position: absolute;
    left: 0;
    right: 0;
    color: transparent;
    overflow: hidden;
    border-style: solid;
    border-color: transparent;
}

.mentions-input .highlighter-content {
    position: relative;
}

.mentions-input .highlighter-content strong {
  font-weight: inherit;
  background-color: rgba(52, 149, 227, 0.34);

  display: inline;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

[data-mention] {
    background-color:  rgba(52, 149, 227, 0.34);

  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}
#sidebar-right {
    /* min-width: 460px; */
    max-width: 460px;
    transition: all 2s;
    /* margin-top: 21px; */
}

#sidebar.active {
    margin-right: -460px;
}

#sidebar-right .sidebar-header {
    padding: 0;
}

a[data-toggle="collapse"] {
    position: relative;
}

#side-content {
    /* width: 100%; */
    /* padding: 20px; */
 /*   min-height: 100vh;*/
    transition: all 0.3s;
}

.discussions {
  height: 565px;
  overflow-y: scroll;
}

.travel.discussions {
    height: 462px;
    overflow-y: scroll;
}

/* width */
.discussions::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.discussions::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #C1C1C1;
  border-radius: 10px;
}

/* Handle */
.discussions::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius: 10px;
}

/* Handle on hover */
.discussions::-webkit-scrollbar-thumb:hover {
  background: #C1C1C1;
}

#error-msg,.intl-error-msg {
    color: red;
}
#valid-msg,.intl-valid-msg {
    color: #00C900;
}
input.error {
    border: 1px solid #FF7C7C;
}
#valid-msg.hide,.intl-valid-msg.hide {
    display: none;
}
#error-msg.hide,.intl-error-msg.hide {
    display: none;
}
/*
* Card Skeleton for Loading
*/
.skeleton-text {
    width: 100%;
    height: 10px;
    display: block;
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 1) 50%,
            rgba(255, 255, 255, 0) 99%
        ),
        #f0f0f2;
    background-repeat: repeat-y;
    background-size: 50px 500px;
    background-position: 0 0;
    animation: shine 3s infinite;
}
@keyframes shine {
    to {
        background-position: 100% 0, /* move highlight to right */ 0 0;
    }
}

select.form-control[multiple]{
    height: 33px;
}

.we-content-title{
    display : none;
}

/* .we-content{
    margin-top:69px;
} */
 /* this part is used for mobile responsive , change table style */
@media screen and (max-width: 768px) {
    .table-responsive-stack tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .table-responsive-stack td {
        display:block;
        /*
        flex-grow | flex-shrink | flex-basis   */
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .table-responsive-stack th {
        display:none;
        /* flex-grow | flex-shrink | flex-basis   */
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .table-responsive-stack .table-responsive-stack-thead {
        font-weight: bold;
    }
    .table-responsive-stack tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 3px solid #ccc;
        display:block;

    }
    /*  IE9 FIX   */
    .table-responsive-stack td {
        float: left\9;
        width:100%;
    }
    .nav-title{
        display:none;
    }
    .we-content-title{
        display : unset;
    }
    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
        left: -150px;
    }
    .table-responsive{
        min-height: 500px;
    }
}

.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.f10{font-size: 10px;}
.f12{font-size: 12px;}
.f13{font-size: 13px;}
.f14{font-size: 14px;}
.f15{font-size: 15px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f25{font-size: 25px;}
.f30{font-size: 30px;}
.mb-67{
    margin-bottom : 67px;
}

.color-blue{
    color:#1919BA;
}
.bg-blue{
    background-color: #1919ba;
}

.bg-violet{
    background-color: #9a69f9;
}

.boder-blue{
    border-color: #1919ba;
}

/* MENU */
.right-nav-icon.show{
    /* background-color: #eee; */
    background: #f5f6fc;
    border-radius: 10px;
}
.right-nav-drops.show {
    -webkit-animation-delay: 5ms;
    -moz-animation-delay: 5ms;
    animation-delay: 4ms;
}
.animate{
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}
@keyframes fadeUp{
    from{
        opacity:0;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    to{
        opacity:1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeUp{
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.nav-pills .nav-link.active{
    background-color: white !important;
    color:black !important;
}
.nav-right .nav-item{
    padding-left: 10px;
}

.nav-pills .nav-item>a:hover{
    background: white;
    color: black !important;
}

.popupmenu1-child{
    padding-left: 25px !important;
}
.popup-menu{
    width: 600px;
    transform: translate3d(40px, 0px, 0px) !important;
}
.left-right{
    height: auto !important;
}

.collapse-btn:focus{
    box-shadow: none;
}

/* chatbox */
.chatbox{
    position: fixed;
    width: 300px;
    right: 20px;
    bottom: 0px;
}
.chatbox-btn:focus {
    box-shadow: none;
}
.chatbox-body{
    height: 400px;
    overflow:auto;
}
.chatbox-body .row.row:hover{
    cursor: pointer;
}
.chatbox-btn::after {
    background-image: url("assets/images/icons/chevron-down.png") !important;
    transform: none;
}
.chatbox-btn:not(.collapsed)::after {
    background-image: url("assets/images/icons/chevron-down.png") !important;
    transform: none;
}
.chatbox-btn.collapsed::after {
    background-image: url("assets/images/icons/chevron-up.png") !important;
}

/* Profile Box */
.profile-box{
    position: fixed;
    width: 300px;
    bottom: 0;
    /* right:340px; */
}

.profile-box-btn:focus{
    box-shadow: none;
}
.profile-box-body{
    height: 300px;
    overflow:auto;
}
.profile-box-btn.accordion-button::after {
    position: absolute;
    right: 45px;
    /* content:"\effa";  */
}
.chat-close:hover{
    border-radius: 3px;
    background: white;
    color: black !important;
    font-size: 15px;
    font-weight: bold;
}
.profile-box-btn:not(.collapsed)::after{
    background-image: url("assets/images/icons/minus_white.png") !important;
}
.profile-box-btn.collapsed::after {
    background-image: url("assets/images/icons/plus.png") !important;
}
.msg-box:focus{
    box-shadow: none;
}
/* CONTENT */
span.select2{
    width: 100% !important;
}
.content-box{
    border-radius: 10px;
}

/* CRM */
.icon-white{
    display: none;
}
.right-icons:hover .icon-white{
    display:block;
}
.right-icons:hover .icon-black{
    display:none;
}
.right-icons:hover{
    background-color: #373e46 !important;
    border-color: #373e46 !important;
}

.arrow-btn:not(.collapsed) .lni-chevron-down::before{
    content: "\ea64" !important;
}

.pagination{
    float:right;
}

.sub-child{
    padding-bottom: 5px;
}

.we-bg-gray{
    background-color:#c8cdd0;
}
.we-tenancy-name{
	background: #d9d9dc;
    padding: 0px 3px;
    height: 27px;
    overflow: hidden;
    line-height: 27px;
    font-size: 12px;
}
.daterangepicker{
    margin-top: 0px !important;
}

.navbar-brand {
    min-width: 43px;
    text-align: center;
    margin-right: 0.7rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
.form-group{
    margin-bottom: 0.5rem;
}
.modal{
    z-index:1051;
}

.modal-header {
    background-color: #4b5965!important;
}
.modal-title {
    color: #fff!important;
}

.navbar-expand{
    position: fixed;
    width: 100%;
    z-index:11;
}

.we-content {
    width: calc(100% - 217px);
    margin-top: 69px;
    margin-bottom: 35px;
}

.sticky-top {
    z-index:unset;
}

.navbar{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 70px;
}
.page-content{
    margin-bottom: 15px;
}

.tooltip-menu:hover {
    position: relative;
}

.tooltip-menu[area-label]:hover:after {
    content: attr(area-label);
    padding: 4px 8px;
    position: fixed;
    left: 65px;
    white-space: nowrap;
    z-index: 20px;
    color: #fff;
    background:#000;
    border-radius:5px;
    font-family: 'Poppins';
    font-size:12px;
    font-weight: normal;
}

.nav-link {
    padding:0.2rem 0.5rem !important;
}

.icon2{
    min-height:25px;
}

.icon2 .dropdown-toggle::after {
    content: none;
}

/* Sidebar css */
.sidebar {
    height: 100%;
    top: 69px;
    left: 0;
    background-color: #4b5965;
    position: fixed;
    z-index: 1;
    overflow-x: hidden;
    width: 215px;
}

.sidebar-long .we-content {
    margin-left: 215px;
}

.sidebar-short .we-content {
    margin-left: 65px;
}

.sidebar-short .sidebar{
    width : 65px;
}

.sidebar-short .sidebar .menu-item{
    display : none;
}
.sidebar-long .we-menu-btn .we-expand{
    display : none;
}

.sidebar-short .we-menu-btn .we-collapse,
.sidebar-short .we-menu-btn .we-collapse-text {
    display : none;
}

.sidebar-long .we-menu-btn .we-expand{
    display : none;
}

.sidebar-short .sidebar .menu-icons {
    display: inline-flex;
    justify-content: center;
}

/* tooltip */
.sidebar-short .sidebar .nav-item[area-label]:hover:after {
    content: attr(area-label);
    padding: 4px 8px;
    position: fixed;
    left: 60px;
    white-space: nowrap;
    z-index: 999;
    color: #fff;
    background: #000;
    border-radius: 5px;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: normal;
}

.sidebar-short .right-icons[area-label]:hover,
.sidebar-long .right-icons[area-label]:hover {
    position: relative;
}

.sidebar-short .right-icons[area-label]:hover:after,
.sidebar-long .right-icons[area-label]:hover:after {
    content: attr(area-label);
    padding: 4px 8px;
    position: absolute;
    left: -33px;
    white-space: nowrap;
    color: #fff;
    background: #000;
    border-radius: 5px;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: normal;
    top: -32px;
}

.sidebar-short .right-icons[area-label=Print]:hover:after,
.sidebar-long .right-icons[area-label=Print]:hover:after {
    content: attr(area-label);
    padding: 4px 8px;
    position: absolute;
    left: 0px;
    white-space: nowrap;
    color: #fff;
    background: #000;
    border-radius: 5px;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: normal;
    top: -32px;
}

.sidebar-short .sidebar .popupmenu1 {
    position: fixed;
    margin-top: -3px;
    width: auto;
    min-width: 200px;
    padding-right: 0.5rem;
    z-index: 999;
    background: #373e46;
    left: 60px;
    border-radius: 5px;
    max-height: calc(100% - 150px);
    overflow-x: hidden;
}

.sidebar-short #widen-screen{
    position: fixed;
    right: calc(33.33% - 30px);
    top: calc(50% - 10px);
    width: 19px;
    z-index:2;
}

.sidebar-long #widen-screen{
    position: fixed;
    right: calc(33.33% - 78px);
    top: calc(50% - 10px);
    width: 19px;
    z-index:2;
}


select.form-control{
    display:block;
    width:100%;
    padding:.375rem 2.25rem .375rem .75rem;
    -moz-padding-start:calc(0.75rem - 3px);
    font-size:1rem;
    font-weight:400;
    line-height:1.5;
    color:#212529;
    background-color:#fff;
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-position:right .75rem center;
    background-size:16px 12px;
    border:1px solid #ced4da;
    border-radius:.25rem;
    transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}

/* fullcalendar css modify for short sidebar */
.fc-row .fc-bg {
    z-index: unset;
}
.sidebar-short .fc-view, .fc-view>table{
    z-index: unset;
}

.sidebar-short .fc-time-grid,
.sidebar-short .fc-time-grid-container{
    z-index: unset;
}

.sidebar-short .fc-time-grid>.fc-bg{
    z-index: unset;
}

.sidebar-short .fc-time-grid .fc-slats,
.sidebar-short .fc-time-grid>hr{
    z-index: unset;
}

.sidebar-short .fc-agenda-view .fc-day-grid{
    z-index: unset;
}

.sidebar-long ul.popupmenu1{
    padding-top:0px;
    padding-bottom:0px;
}

.we-pb-100{
    padding-bottom: 100px !important;
}

.invoice-infotab .nav-link{
    color: black;
}
.invoice-infotab .nav-link.active{
    color: #1dc9b7;
}

@media (max-width: 992px) {
    .we-breadcrumb {
        position: absolute;
        top: 71px;
        padding: 10px 20px;
        background: #fff;
        width: calc(100% - 70px);
        margin: 0px;
    }
	.navbar-nav{
        margin-left: auto;
    }
}

@media (min-width: 767px) {
    .we-sidemenu .menu-list .menu-content {
        display: block;
        padding-bottom: 80px;
    }
}

@media (max-width: 768px) {
    #sidebar-right {
        margin-right: 300px;
        max-width: 100%;
    }
    #sidebar-right.active {
        margin-right: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
    /* .navbar .navbar-brand {
        width: 100px;
    } */
    .we-sidemenu {
        position: fixed;
        width: 1px;
        top: 0px;
        z-index: 1031 !important;
    }
    .we-sidemenu .toggle-btn {
        display: block;
        cursor: pointer;
        position: fixed;
        right: 20px;
        top: 20px;
        z-index: 10 !important;
        padding: 3px;
        color: #858585;
        width: 40px;
        text-align: center;
    }
    .we-sidemenu .sub-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }
    .we-sidemenu .sub-menu .toggle-btn {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 10 !important;
        padding: 3px;
        background-color: #ffffff;
        color: #000;
        width: 40px;
        text-align: center;
    }
    .we-breadcrumb {
        width: 100%;
        position: fixed;
        left: 0px;
    }
    #navbarCollapse {
        margin-right: 50px;
    }

    .form-search{
        width: 100%;
        float: none;
    }

    #collapsemenu{
        transition:none;
    }
    .sib-logo{
       height:50px !important;
    }

    /* pagination */
    li.page-item {
        display: none;
    }
    .page-item:first-child,
    .page-item:nth-child( 2 ),
    .page-item:nth-last-child( 2 ),
    .page-item:nth-child( 3 ),
    .page-item:nth-last-child( 3 ),
    .page-item:last-child,
    .page-item.active,
    .page-item.disabled {
        display: block;
    }
    .sidebar-short .sidebar{
        display: none;
    }

    .sidebar-long .sidebar{
        display: none;
    }

    .sidebar-short .we-content {
        margin-left: 0px;
    }

    .sidebar-long .we-content {
        margin-left: 0px;
    }

    #widen-screen{
        display: none;
    }

    .sidebar-short .small-device{
        display: unset;
    }
}


@media (max-width: 500px) {
    .we-breadcrumb {
        display: none;
    }
    .tenancies{
        right: -200px;
    }
    .we-menuitems > li.dropdown .tenancies.dropdown-menu{
        right: -115px;
    }
    .dropdown-notification .dropdown-menu {
        right: -110px;
    }
    .we-menuitems > li.dropdown.dropdown-notification .dropdown-menu{
        right: -80px;
    }
    .dropdown-user .dropdown-menu {
        right: 10px;
    }
    .we-breadcrumb li, .we-breadcrumb li a, .we-breadcrumb span {
        font-size: 12px;
    }

    .we-menuitems.ml-auto {
        text-align: center;
        margin: auto;
    }

    .below500px {
        display: block;
    }
}

@media (max-width: 425px) {
    .top-title{
        top: 18px !important;
        left:90px !important;
        font-size: 20px !important;
    }
}

/* fixes for mobile menu */
@media (max-width: 768px) {
    .wrapper {
        width: 65px;
        background: #4b5965;
        min-height: calc(100vh - 70px) !important;
    }
    .sidebar-short .sidebar{
        width: 100%;
        background: rgb(238 238 238 / 81%);
        z-index: 99;
    }
    .sidebar-short .sidebar .popupmenu1 {
        position: absolute;
    }
    .collapse-btn-mobile .menu-close, .collapse-btn-mobile.collapsed .menu-open{
        display: block;
    }
    .collapse-btn-mobile .menu-open, .collapse-btn-mobile.collapsed .menu-close{
        display: none;
    }
    .table, .table-responsive {
        width: 100%;
    }
    td.inline-edit {
		min-width: 200px !important;
	}
}
 @media (max-width: 767px) {
  .table-responsive .dropdown-menu {
  position: static !important;
  }
 }
@media (min-width: 768px) {
  .table-responsive {
   overflow: visible;
  }
 }

/*****************************
*	horizontal news ticker
******************************/

.ticker-wrapper-h{
	display: flex;
	position: relative;
	overflow: hidden;
	background-color: #4b5965;
    color: #fff;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 11px;
}

.ticker-wrapper-h .heading{
	background-color: #1c6547;
	color: #fff;
	padding: 5px 10px;
	flex: 0 0 auto;
	z-index: 250;
}
.ticker-wrapper-h .heading:after{
	content: "";
	position: absolute;
	top: 0;
	border-left: 20px solid #1c6547;
	border-top: 17px solid transparent;
	border-bottom: 15px solid transparent;
}


.news-ticker-h{
	display: flex;
	margin:0;
	padding: 0;
	padding-left: 90%;
/* 	z-index: 999; */

	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: tic-h;
	animation-duration: 60s;

}
/* .news-ticker-h:hover {
	animation-play-state: paused;
} */

.news-ticker-h li{
	display: flex;
	width: 100%;
	align-items: center;
	white-space: nowrap;
	padding-left: 20px;
}

.news-ticker-h li a{
	color: #212529;
	font-weight: bold;
}
/* it will be used for modal resize */
.resizable {
    resize: both;
    overflow: auto;
}

@keyframes tic-h {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}