/*LOADER*/
.btn-info {
    border: 1px solid #2d628b !important;
}
.btn-success{
    border: 1px solid #0f443a;
}
.lds-ellipsis {

    display: inline-block;

    position: relative;

    width: 64px;

    height: 64px;

}
.btn {
    font-weight:500 !important;
}
.lds-ellipsis div {

    position: absolute;

    top: 27px;

    width: 11px;

    height: 11px;

    border-radius: 50%;

    background: #2c2e3e;

    animation-timing-function: cubic-bezier(0, 1, 1, 0);

}

.lds-ellipsis div:nth-child(1) {

    left: 6px;

    animation: lds-ellipsis1 0.6s infinite;

}

.lds-ellipsis div:nth-child(2) {

    left: 6px;

    animation: lds-ellipsis2 0.6s infinite;

}

.lds-ellipsis div:nth-child(3) {

    left: 26px;

    animation: lds-ellipsis2 0.6s infinite;

}

.lds-ellipsis div:nth-child(4) {

    left: 45px;

    animation: lds-ellipsis3 0.6s infinite;

}

@keyframes lds-ellipsis1 {

    0% {

        transform: scale(0);

    }

    100% {

        transform: scale(1);

    }

}

@keyframes lds-ellipsis3 {

    0% {

        transform: scale(1);

    }

    100% {

        transform: scale(0);

    }

}

@keyframes lds-ellipsis2 {

    0% {

        transform: translate(0, 0);

    }

    100% {

        transform: translate(19px, 0);

    }

}

/*END LOADER*/



.main-loader {

    margin-top: 17%;

}

/*.theme-color{

	background: #2c2e3e !important;


    color: #fff;

}
*/
.brighttheme-success{

	background: #2c2e3e !important;

    color: #fff !important;

}
.media-div a.nav-link{
    border: 1px solid #ada688 !important;
}

.form-control:focus {

    border-color: #716aca !important;

}

span.select2.select2-container.select2-container--default {

    border: 1px solid #ccc;
    border-radius: 7px;

}

input.select2-search__field {

    border: 1px solid #ccc !important;

}

.hide{display: none !important;}

.select2-selection--multiple input.select2-search__field {

    border: none !important;

}

.w200{width: 200px !important;}

span.input-group-text { border: 1px solid #ccc !important;}

.fsize25{font-size: 25px;}

.fsize14{font-size: 14px !important;}

.fsize15{font-size: 15px !important;}

.fsize16{font-size: 16px !important;}

.fsize17{font-size: 17px !important;}

.fsize18{font-size: 18px !important;}

.textred{color:red;}

.mt25{margin-top: 25px;}

.mt5{margin-top: 5px;}

.font-bold{font-weight: 600;}

.info-text{font-size: 14px;color:#1fae66;}

.info-heading{font-size: 18px;color:#1fae66;margin-left: 5px;text-transform: uppercase;}

.rosterinput{height: 25px;}

.rosterselect{height: 25px;width: 60px;padding: 0;}

th.m-datatable__cell.m-datatable__cell--sort {

  background: #2c2e3e !important;

    color: #868aa8 !important;

}
.top-q-link {
    border: 2px solid #afa681 !important;
    font-weight: 600;
}
.btn.btn-outline-success {

    background: #fff5cc;
    color: #343434;
    border: 1px solid #a79f7e;

}

.btn.btn-outline-success:hover {

    background: #868aa8;

    color: #fff;

}

.m-datatable__head * {

    color: #868aa8 !important;

}
.mediadash .nav-link {
    border: 1px solid #c9baba !important;
}
.weight-box-border a {
    font-weight: 600 !important;
    color: #0f60a8;
}
.inner-sidebar ul.nav li a {
    font-weight: 600 !important;
    font-size: 14px;
    color: #033b6c !important;
}
.weight-box-border {
    min-height: 89%;
}

.modal-body.input-group{position: relative !important;z-index: 100}

.dashboard_heading{font-size: 24px !important;}

.dashboard_icon{font-size: 80px;}

.pedigree::-webkit-calendar-picker-indicator {display: none;}

.box_row .col-xl-2 {margin: 0 auto;}

.custom_box:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}

.width100{width: 100px;}

.width150{width: 150px;}

.mtable-bordered, .mtable-bordered>tbody>tr>td, .mtable-bordered>tbody>tr>th, .mtable-bordered>tfoot>tr>td, .mtable-bordered>tfoot>tr>th, .mtable-bordered>thead>tr>td, .mtable-bordered>thead>tr>th {

    border: 1px solid #ddd;

}

.expiry {

    font-size: 16px;

    font-weight: 700;

    padding: 5px;

    color: #337ab7;

}

.myreadonly{pointer-events: none !important;}

.label-warning{color: #c29d0b;}

.label-info{color: #659be0;}

.label-danger{color: #e7505a;}

.label-success{color: #c49f47;}

.progress{width:500px;height: 20px;font-weight: 600}

.margin0{margin:0}

.general-bg{
    background-color: #daf9cd;
    border-radius: 10px 10px 0 0;
}

.black-bg{background: #333 !important;color: #fff}

.indfirst-table{background: yellow;}

/*ROLE ACCESS */

div.treeview ul:first-child:before {

    display: none;

}



.treeview, .treeview ul {

    margin: 0;

    padding: 0;

    list-style: none;

    color: #369;

}



.treeview ul {

    margin-left: 1em;

    position: relative;

}



.treeview ul ul {

    margin-left: .5em;

}



.treeview ul:before {

    content: "";

    display: block;

    width: 0;

    position: absolute;

    top: 0;

    left: 0;

    border-left: 1px solid;

    /* creates a more theme-ready standard for the bootstrap themes */

    bottom: 15px;

}



.treeview li {

    margin: 0;

    padding: 0 1em;

    line-height: 2em;

    font-weight: 700;

    position: relative;

}



.treeview ul li:before {

    content: "";

    display: block;

    width: 10px;

    height: 0;

    border-top: 1px solid;

    margin-top: -1px;

    position: absolute;

    top: 1em;

    left: 0;

}



.tree-indicator {

    margin-right: 5px;

    cursor: pointer;

}



.treeview li a {

    text-decoration: none;

    color: inherit;

    cursor: pointer;

}



.treeview li button, .treeview li button:active, .treeview li button:focus {

    text-decoration: none;

    color: inherit;

    border: none;

    background: transparent;

    margin: 0px 0px 0px 0px;

    padding: 0px 0px 0px 0px;

    outline: 0;

}







.white-bg{background: #fff !important;}

.gap{padding-top: 10px;padding-bottom: 10px;margin-left:10%;margin-right: 10%;}

.gap20{margin-top: 0px;margin-bottom: 5px;}

.m-menu__link-text{

    color: #fff;

}

.remove-feature {cursor: pointer;}

.let-prop {
    background: #E2FBD7;
    border: 1px solid #BCD9B0;
    border-radius: 10px;
    padding: 8px !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

.tenant-prop {

    background:red;

    color:#fff !important;

    padding:8px !important;

    text-transform: uppercase;

}

.sale-prop {
    background: #FFF5CC;
    border: 1px solid #E3D8AB;
    border-radius: 10px;
    padding: 8px !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}


a.nav-link {

    background: #FFF5CC;
    color: #121212 !important;
    border: 1px solid #ada688;
    border-radius: 20px !important;

}

label {

    font-weight: 500;

    font-style: initial;

    font-size: 13px;

}

.displayiline{
    display: inline-block;
    background: #E2FBD7;
    border: 1px solid #BCD9B0;
    border-radius: 10px;
    padding: 8px !important;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-top: 12px;
    width: 100%;
}

.w50{width:50px !important;}

.w70{width:70px !important;}

.w100{width:100px !important;}

.w120{width:120px !important;}

.w150{width:150px !important;}

.w200{width:200px !important;}

.w220{width:225px !important;}

.w250{width:250px !important;}

.w300{width:300px !important;}

.w350{width:350px !important;}

.w400{width:400px !important;}

.w450{width:450px !important;}

.w500{width:500px !important;}

.w1000{width:1000px !important;}

.w1300{width:1300px !important;}

.service-row{width: 100% !important;}


tr:last-child td

{

    border-bottom: none !important;

}

.float-left{float: left;}

.trans-tenant{background-color: red;color: #fff;}

.trans-landlord{background-color: green;color: #fff;}

.trans-footer th{background-color: #3b3838;color: #fff;}

/*menu styles*/

li.m-menu__item span {color:#fff !important;font-size: 12px !important;} /*menu items*/

li.m-menu__item.m-menu__item--active span{ color:#fff !important}  /*active item*/

.m-stack__item.m-brand.m-brand--skin-dark { background-color: #0F60A8!important;width: 265px;  } /*top logo area*/

div#m_header_nav {background: #fff;} /*top header bar on right*/
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span {
    background: #ffffff !important;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler.m-brand__toggler--active span::after {
    background: #ffffff !important;
}
body.m-aside-left--skin-dark .m-header .m-header-head {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
#search-form .form-control {
    border-radius: 20px !important;
}
.top-search{

}
.top-search input[type="text"]{
    background-image: url(../images/search.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left: 32px;
    border: 1px solid #b0b3b5;
}

.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span {
    background: #fdfdfd !important;
}
.m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::before, .m-brand.m-brand--skin-dark .m-brand__tools .m-brand__toggler span::after {
    background: #ffffff !important;
}
li.m-menu__item.m-menu__item--submenu.m-menu__item--open {background: #166EBC !important;}  /*open menu*/

div#m_ver_menu { 
    background-color:#0F60A8;
    width: 265px;} /*vertical menu*/

ul.m-menu__subnav {

    background-color: #166EBC;

}
.m-topbar .m-topbar__nav.m-nav>.m-nav__item {
    padding: 0 2px !important;
}
.m-aside-left--minimize .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link>.m-menu__link-icon {
    color: #ffffff !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item>.m-menu__link .m-menu__link-icon {
    color: #ffffff !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover {
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    background-color: #126dbf !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item:not(.m-menu__item--parent):not(.m-menu__item--open):not(.m-menu__item--expanded):not(.m-menu__item--active):hover>.m-menu__link .m-menu__link-icon {
    color: #ffffff !important;
}
.m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__heading .m-menu__link-icon, .m-aside-menu.m-aside-menu--skin-dark .m-menu__nav>.m-menu__item.m-menu__item--active>.m-menu__link .m-menu__link-icon {
    color: #ffffff !important;
}
ul.m-menu__subnav li.m-menu__item span{color: #fff !important;}

/*ul.m-menu__subnav li.m-menu__item--active span{color: orange !important;}*/



/*ul.m-menu__subnav *{*/

    /*color: black !important;*/

/*}*/



.logoimg{max-height: 70px;}

.item-grid{padding-top: 10px}

.item-box{

    padding: 29px;

    border: 1px solid #eee;

    float: left;

    /*height: 200px;*/

    width: 250px;

    background-color: #fff;

    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);

    box-shadow: 0 1px 2px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);

    -webkit-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -moz-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -ms-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -o-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

}

.item-box:not(.nohover):hover{

    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

    -moz-box-shadow: 0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);

    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

    -moz-transform: scale(1.01);

    -o-transform: scale(1.01);

    -ms-transform: scale(1.01);

    -webkit-transform: scale(1.01);

    transform: scale(1.01);

    -webkit-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -moz-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -ms-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    -o-transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

    transition: all 300ms cubic-bezier(0.25, 0.8, 0.25, 1);

}

.diary-heading1{
    padding: 10px;
    background: #fff5cc;
    color: #3e3e3e;
    text-transform: capitalize;
    border: 1px solid #d1dce1;
    margin: 0 5px;
    display: flex;
    align-items: center;
}

.diary-heading2{padding:10px;background: #09F;color: #fff;text-transform: capitalize}

td.datatd {border: 1px solid #e5e6e7;}

/*.diary-table th{border-bottom: 3px solid orange !important;}*/

.dayheading{

    background: #5867dd;

    width: 38px;

    height: 37px;

    padding: 5px;

    color: #fff;

    border-radius: 45px;

}

tr.currentrow td {

    background: #FFF5CC;

}

.alert-btn{color: orange;font-weight: bold;font-size: 15px;}

.dcontent {

    background: orange;

    padding: 10px;

    color: #fff;

}

h3.m-login__title {

    color: #fff !important;

}



.col.m--align-left.m-login__form-left {

    display: none;

}

.m-login.m-login--2.m-login-2--skin-3 .m-login__container .m-login__form .form-control {

    color: #7668a4;

    background: #fff;

}



.certcount{argin-bottom: -12px;margin-left: -20px;background: red !important;}



.m-topbar .m-topbar__nav.m-nav>.m-nav__item>.m-nav__link .m-nav__link-icon{color: #fff !important;}

body,.m-grid__item.m-grid__item--fluid.m-wrapper{background: #F5F6FA !important;}

tbody  {

    color: black;

    font-weight: 500;

}

input, select {

    font-weight: 600;

}

.m-subheader__title,.modal-title {

    font-size: 26px !important;

    font-weight: bold !important;

}

#myUL {

    list-style-type: none;

    padding: 0;

    margin: 0;

    position: absolute;

    z-index: 999999999;

    width: 89%;

    height: 200px;

    overflow: scroll;

}



#myUL li a {

    border: 1px solid #ddd;

    margin-top: -1px; /* Prevent double borders */

    background-color: #f6f6f6;

    padding: 5px;

    text-decoration: none;

    font-size: 14px;

    color: black;

    display: block

}

#myUL li a:hover:not(.header) {

    background-color: #eee;

}

/*print*/

.border-bottom{border-bottom: 1px solid black !important;}

.border-top{border-top: 1px solid black !important;}

.notes-box{border: 1px solid black;padding: 5px}

.printlist li {line-height: 23px;margin-bottom: 20px;}

#printTable p,li{font-size: 15px; font-weight:500;}

.data-box {border: 1px solid;padding: 5px;}

.bluecolor{color:#00b0f0;}

.blackcolor{color: black;}

.graybg{background: gray;color: #fff;}

.tenancyheading {

    padding: 10px;

    background: gray;

    color: #fff;

    font-size: 20px;

    font-weight: 500;

    width: 292px;

    margin-top: 10px;

}

.tenancybox {

    border: 1px solid;

    padding: 20px;

}

.bg-red {

    background: red;

    padding: 8px;

    color: #fff;

}

.bg-blue {

    background: #0f60a8;

    color: #fff;

}
.bg-oring {
    background: #ff8100;
    padding: 8px;
    color: #fff;
}

.cardimg {

    width: 500px;

    height: 450px;

    margin-left: 32%;

    border: 5px solid white;

}

.checklist .input-group{z-index: 0}

.colorgreen{color: #f0ad4e}

.m-list-timeline__items * {

    color: #fff !important;

    font-weight: 700;

}

.table-responsive {

    display: table;

}



@media print {

    .page {

        page-break-after: always !important;

    }

    .printfooter {position: fixed;bottom: 0;text-align:center;left: 0%;right:0;width: 100%}

    .printfootergeneral {text-align:center;left: 0%;right:0;width: 100%}

    .printfooter2 {position: fixed;bottom: 0;text-align:center;width: 100%}

    .printtext * {font-size: 32px !important;}

    .printtext30 * {font-size: 30px !important;}

    .printtext28 * {font-size: 28px !important;}

.totalrow * {font-weight: bold !important;color: black !important;}

    body * {

        visibility: hidden;

    }

    #printTable * {

        visibility: visible;

    }

    .table thead th{color: black;}

    .table tr td{

        text-decoration: none;

        color: black;

        

    }

    /*#printTable {*/

        /*width: 100% !important;*/

        /*position: absolute;*/

        /*left: 0;*/

        /*top: 0;*/

    /*}*/

    .hide-print *{visibility: hidden !important;display: none !important;}

    .no-print, .no-print *

    {

        display: none !important;

    }

    .pretenancy{margin-top: -160px}

    .printtop{margin-top: -140px}

    #printTable{margin-top: -140px}

    .tenantreceipt{margin-top: 100px !important;}

    .renentstate{margin-top: 150px !important;}

    .black-bg{background: black;color:#fff;}

    .tfoot tr {color:black !important;}

}