body{
      background-color: #f1f5f7 !important;
}

.sidenav 
{
width: 60px;
    padding: 65px 0 0 0;
display: block;
position: fixed;
height: 100vh;
left: 0;
z-index: 988;
background-color: #fff;
overflow-x: hidden;
transition: all 0.3s ease;
    overflow-y: hidden;
}

.sidenav a 
{
padding:10px 16px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
    color: #000000;
display: block;
transition: all 0.5s ease;
}
.sidenav a:hover .navFontSize{
  color: #39b54a;
}
.navFontSize{
      position: absolute;
    left: 60px;
    top: 15px;
    transition: all 0.2s ease;
    color: #000000;
    width: 180px;
    line-height: 16px;

}
.sidenav:hover .navFontSize{

}
.bar-width .navFontSize{
  font-size:14px;

}


.side-brand {
height: 65px;
font-size: 18px;
line-height: 60px;
list-style: none;
cursor: pointer;
}

.side-brand a i {
color: #999999;
font-size: 30px;
margin-left: 15px;
}

.sidenav:hover{
width: 250px;
transition-timing-function: ease;
}

.bar-width{width:250px;}

#slide
{
font-size: 30px;
    cursor: pointer;
    /* margin-left: 250px; */
    position: absolute;
    left: 230px;
    color: #39b54a;
}
/*.slideIcon{
  left: 65px !important;
}*/
.ex
{
max-width: 100%;
display: inline-block;
margin: 0px;
padding: 0px;
}

.navbar
{
background: #fff;
color: #000;

}
.adminNav{
      z-index: 989;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 989;
}

.navbar-toggler{
border: 1px solid #fe573c;
}

/*scrollbar code*/

.mainNav::-webkit-scrollbar {
width: 5px;
}
.mainNav::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #eaf4fb;
border-radius:50px;
}
.mainNav::-webkit-scrollbar-thumb {
background-color: #d1d4da;
border-radius:50px;

}


/* mainNavigation */

.mainNav{
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
    padding-bottom: 0;
}
.mainNav ul{
margin:0;
padding: 0;
}
.mainNav li{
list-style:none;
}
.mainNav li a{
  position: relative;
      cursor: pointer;
    border-bottom: 1px solid #d1d4da;
}
.mainNav li a.active{
  color: #059ee0;
}
.mainNav li a.active .navFontSize{
  color: #059ee0;
}
.icon24{
width: 25px;
height: 25px;
position: relative;
top: 2px;
display: inline-block;
}
.icon-Dashboard{
background: url(./images/sprites.png) left top no-repeat;
}
.icon-Dashboard-Black{
background: url(./images/sprites.png) -150px top no-repeat;
}
.mainNav li a.active .icon-Dashboard{
background: url(./images/sprites.png) -50px top no-repeat;
}
.icon-BDM{
background: url(./images/sprites.png) left -25px no-repeat;
}
.icon-BDM-Black{
background: url(./images/sprites.png) -150px -25px no-repeat;
}
.mainNav li a.active .icon-BDM{
background: url(./images/sprites.png) -50px -25px no-repeat;
}
.icon-Batches{
background: url(./images/sprites.png) left -50px no-repeat;
}
.icon-Batches-Black{
background: url(./images/sprites.png) -150px -50px no-repeat;
}
.mainNav li a.active .icon-Batches{
background: url(./images/sprites.png) -50px -50px no-repeat;
}
.icon-SubAdmins{
background: url(./images/sprites.png) left -75px no-repeat;
}
.icon-SubAdmins-Black{
background: url(./images/sprites.png) -150px -75px no-repeat;
}
.mainNav li a.active .icon-SubAdmins{
background: url(./images/sprites.png) -50px -75px no-repeat;
}

.icon-Consultants{
background: url(./images/sprites.png) left -100px no-repeat;
}
.icon-Consultants-Black{
background: url(./images/sprites.png) -150px -100px no-repeat;
}
.mainNav li a.active .icon-Consultants{
background: url(./images/sprites.png) -50px -100px no-repeat;
}

.icon-OffshoreRecruiting{
background: url(./images/sprites.png) left -125px no-repeat;
}
.icon-OffshoreRecruiting-Black{
background: url(./images/sprites.png) -150px -125px no-repeat;
}
.mainNav li a.active .icon-OffshoreRecruiting{
background: url(./images/sprites.png) -50px -125px no-repeat;
}

.icon-Vendors{
background: url(./images/sprites.png) left -150px no-repeat;
}
.icon-Vendors-Black{
background: url(./images/sprites.png) -150px -150px no-repeat;
}
.mainNav li a.active .icon-Vendors{
background: url(./images/sprites.png) -50px -150px no-repeat;
}

.icon-ConsultantList{
background: url(./images/sprites.png) left -175px no-repeat;
}
.icon-ConsultantList-Black{
background: url(./images/sprites.png) -150px -175px no-repeat;
}
.mainNav li a.active .icon-ConsultantList{
background: url(./images/sprites.png) -50px -175px no-repeat;
}

.icon-Managers{
background: url(./images/sprites.png) left -200px no-repeat;
}
.icon-Managers-Black{
background: url(./images/sprites.png) -150px -200px no-repeat;
}
.mainNav li a.active .icon-Managers{
background: url(./images/sprites.png) -50px -200px no-repeat;
}

.icon-Tickets{
background: url(./images/sprites.png) left -225px no-repeat;
}
.icon-Tickets-Black{
background: url(./images/sprites.png) -150px -225px no-repeat;
}
.mainNav li a.active .icon-Tickets{
background: url(./images/sprites.png) -50px -225px no-repeat;
}


.icon-CreateCallList{
background: url(./images/sprites.png) left -250px no-repeat;
}
.icon-CreateCallList-Black{
background: url(./images/sprites.png) -150px -250px no-repeat;
}
.mainNav li a.active .icon-CreateCallList{
background: url(./images/sprites.png) -50px -250px no-repeat;
}

.icon-Attachments{
background: url(./images/sprites.png) left -275px no-repeat;
}
.icon-Attachments-Black{
background: url(./images/sprites.png) -150px -275px no-repeat;
}
.mainNav li a.active .icon-Attachments{
background: url(./images/sprites.png) -50px -275px no-repeat;
}

.icon-Vacation{
background: url(./images/sprites.png) left -300px no-repeat;
}
.icon-Vacation-Black{
background: url(./images/sprites.png) -150px -300px no-repeat;
}
.mainNav li a.active .icon-Vacation{
background: url(./images/sprites.png) -50px -300px no-repeat;
}

.icon-ThirdPartyConsultants{
background: url(./images/sprites.png) left -325px no-repeat;
}
.icon-ThirdPartyConsultants-Black{
background: url(./images/sprites.png) -150px -325px no-repeat;
}
.mainNav li a.active .icon-ThirdPartyConsultants{
background: url(./images/sprites.png) -50px -325px no-repeat;
}


.icon-Colleges{
background: url(./images/sprites.png) left -350px no-repeat;
}
.icon-Colleges-Black{
background: url(./images/sprites.png) -150px -350px no-repeat;
}
.mainNav li a.active .icon-Colleges{
background: url(./images/sprites.png) -50px -350px no-repeat;
}

.icon-Jobs{
background: url(./images/sprites.png) left -375px no-repeat;
}
.icon-Jobs-Black{
background: url(./images/sprites.png) -150px -375px no-repeat;
}
.mainNav li a.active .icon-Jobs{
background: url(./images/sprites.png) -50px -375px no-repeat;
}

.icon-GuestHouse{
background: url(./images/sprites.png) left -400px no-repeat;
}
.icon-GuestHouse-Black{
background: url(./images/sprites.png) -150px -400px no-repeat;
}
.mainNav li a.active .icon-GuestHouse{
background: url(./images/sprites.png) -50px -400px no-repeat;
}

.icon-Admins{
background: url(./images/sprites.png) left -425px no-repeat;
}
.icon-Admins-Black{
background: url(./images/sprites.png) -150px -425px no-repeat;
}
.mainNav li a.active .icon-Admins{
background: url(./images/sprites.png) -50px -425px no-repeat;
}
.icon-Trainers{
background: url(./images/sprites.png) left -450px no-repeat;
}
.icon-Trainers-Black{
background: url(./images/sprites.png) -150px -450px no-repeat;
}
.mainNav li a.active .icon-Trainers{
background: url(./images/sprites.png) -50px -450px no-repeat;
}

.icon-BenchSales{
background: url(./images/sprites.png) -25px top no-repeat;
}
.icon-BenchSales-Black{
background: url(./images/sprites.png) -175px top no-repeat;
}

.mainNav li a.active .icon-BenchSales{
background: url(./images/sprites.png) -75px top no-repeat;
}

.icon-Accountants{
background: url(./images/sprites.png) -25px -25px no-repeat;
}
.icon-Accountants-Black{
background: url(./images/sprites.png) -175px -25px no-repeat;
}
.mainNav li a.active .icon-Accountants{
background: url(./images/sprites.png) -75px -25px no-repeat;
}

.icon-ResumeSearch{
background: url(./images/sprites.png) -25px -50px no-repeat;
}
.icon-ResumeSearch-Black{
background: url(./images/sprites.png) -175px -50px no-repeat;
}
.mainNav li a.active .icon-ResumeSearch{
background: url(./images/sprites.png) -75px -50px no-repeat;
}

.icon-Clients{
background: url(./images/sprites.png) -25px -75px no-repeat;
}
.icon-Clients-Black{
background: url(./images/sprites.png) -175px -75px no-repeat;
}
.mainNav li a.active .icon-Clients{
background: url(./images/sprites.png) -75px -75px no-repeat;
}

.icon-Policy{
background: url(./images/sprites.png) -25px -100px no-repeat;
}
.icon-Policy-Black{
background: url(./images/sprites.png) -175px -100px no-repeat;
}
.mainNav li a.active .icon-Policy{
background: url(./images/sprites.png) -75px -100px no-repeat;
}


.icon-Accounts{
background: url(./images/sprites.png) -25px -125px no-repeat;
}
.icon-Accounts-Black{
background: url(./images/sprites.png) -175px -125px no-repeat;
}
.mainNav li a.active .icon-Accounts{
background: url(./images/sprites.png) -75px -125px no-repeat;
}

.icon-ReferAFriend{
background: url(./images/sprites.png) -25px -150px no-repeat;
}
.icon-ReferAFriend-Black{
background: url(./images/sprites.png) -175px -150px no-repeat;
}
.mainNav li a.active .icon-ReferAFriend{
background: url(./images/sprites.png) -75px -150px no-repeat;
}

.icon-ApprovalTimesheet{
background: url(./images/sprites.png) -25px -175px no-repeat;
}
.icon-ApprovalTimesheet-Black{
background: url(./images/sprites.png) -175px -175px no-repeat;
}
.mainNav li a.active .icon-ApprovalTimesheet{
background: url(./images/sprites.png) -75px -175px no-repeat;
}
.icon-Attendance{
background: url(./images/sprites.png) -25px -200px no-repeat;
}
.icon-Attendance-Black{
background: url(./images/sprites.png) -175px -200px no-repeat;
}
.mainNav li a.active .icon-Attendance{
background: url(./images/sprites.png) -75px -200px no-repeat;
}

.icon-OutsourceJobs{
background: url(./images/sprites.png) -25px -225px no-repeat;
}
.icon-OutsourceJobs-Black{
background: url(./images/sprites.png) -175px -225px no-repeat;
}
.mainNav li a.active .icon-OutsourceJobs{
background: url(./images/sprites.png) -75px -225px no-repeat;
}
.icon-Agreement{
background: url(./images/sprites.png) -25px -250px no-repeat;
}
.icon-Agreement-Black{
background: url(./images/sprites.png) -175px -250px no-repeat;
}
.mainNav li a.active .icon-Agreement{
background: url(./images/sprites.png) -75px -250px no-repeat;
}

.icon-SubmittedVendors{
background: url(./images/sprites.png) -25px -275px no-repeat;
}
.icon-SubmittedVendors-Black{
background: url(./images/sprites.png) -175px -275px no-repeat;
}
.mainNav li a.active .icon-SubmittedVendors{
background: url(./images/sprites.png) -75px -275px no-repeat;
}

.icon-Resume{
background: url(./images/sprites.png) -25px -300px no-repeat;
}
.icon-Resume-Black{
background: url(./images/sprites.png) -175px -300px no-repeat;
}
.mainNav li a.active .icon-Resume{
background: url(./images/sprites.png) -75px -300px no-repeat;
}

.icon-MyTests{
background: url(./images/sprites.png) -25px -325px no-repeat;
}
.icon-MyTests-Black{
background: url(./images/sprites.png) -175px -325px no-repeat;
}
.mainNav li a.active .icon-MyTests{
background: url(./images/sprites.png) -75px -325px no-repeat;
}

.icon-MyInterviews{
background: url(./images/sprites.png) -25px -350px no-repeat;
}
.icon-MyInterviews-Black{
background: url(./images/sprites.png) -175px -350px no-repeat;
}
.mainNav li a.active .icon-MyInterviews{
background: url(./images/sprites.png) -75px -350px no-repeat;
}

.icon-MISReport{
background: url(./images/sprites.png) -25px -375px no-repeat;
}
.icon-MISReport-Black{
background: url(./images/sprites.png) -175px -375px no-repeat;
}
.mainNav li a.active .icon-MISReport{
background: url(./images/sprites.png) -75px -375px no-repeat;
}

.icon-ApplyJobs{
background: url(./images/sprites.png) -25px -400px no-repeat;
}
.icon-ApplyJobs-Black{
background: url(./images/sprites.png) -175px -400px no-repeat;
}
.mainNav li a.active .icon-ApplyJobs{
background: url(./images/sprites.png) -75px -400px no-repeat;
}
.icon-Hierachy{
background: url(./images/sprites.png) -25px -425px no-repeat;
}
.icon-Hierachy-Black{
background: url(./images/sprites.png) -175px -425px no-repeat;
}
.mainNav li a.active .icon-Hierachy{
background: url(./images/sprites.png) -75px -425px no-repeat;
}

.icon-Training{
background: url(./images/sprites.png) left -450px no-repeat;
}
.icon-Training-Black{
background: url(./images/sprites.png) -150px -450px no-repeat;
}
.mainNav li a.active .icon-Training{
background: url(./images/sprites.png) -50px -450px no-repeat;
}

.icon-AccountsHead{
background: url(./images/sprites.png) -25px -450px no-repeat;
}
.icon-AccountsHead-Black{
background: url(./images/sprites.png) -175px -450px no-repeat;
}
.mainNav li a.active .icon-AccountsHead{
background: url(./images/sprites.png) -75px -450px no-repeat;
}
.icon-Accounts{
background: url(./images/sprites.png) left -475px no-repeat;
}
.icon-Accounts-Black{
background: url(./images/sprites.png) -150px -475px no-repeat;
}
.mainNav li a.active .icon-Accounts{
background: url(./images/sprites.png) -50px -475px no-repeat;
}
.icon-AccountsPayable{
background: url(./images/sprites.png) -25px -475px no-repeat;
}
.icon-AccountsPayable-Black{
background: url(./images/sprites.png) -175px -475px no-repeat;
}
.mainNav li a.active .icon-AccountsPayable{
background: url(./images/sprites.png) -75px -475px no-repeat;
}

.icon-AccountsReceivable{
background: url(./images/sprites.png) left -500px no-repeat;
}
.icon-AccountsReceivable-Black{
background: url(./images/sprites.png) -150px -500px no-repeat;
}
.mainNav li a.active .icon-AccountsReceivable{
background: url(./images/sprites.png) -50px -500px no-repeat;
}


.icon-SRecruiters{
background: url(./images/sprites.png) -25px -500px no-repeat;
}
.icon-SRecruiters-Black{
background: url(./images/sprites.png) -175px -500px no-repeat;
}
.mainNav li a.active .icon-SRecruiters{
background: url(./images/sprites.png) -75px -500px no-repeat;
}



.icon-SRecruitersTL{
background: url(./images/sprites.png) left -525px no-repeat;
}
.icon-SRecruitersTL-Black{
background: url(./images/sprites.png) -150px -525px no-repeat;
}
.mainNav li a.active .icon-SRecruitersTL{
background: url(./images/sprites.png) -50px -525px no-repeat;
}

.icon-BenchSales-Black{
background: url(./images/sprites.png) -175px -525px no-repeat;
}

.icon-BenchSalesTL{
background: url(./images/sprites.png) left -550px no-repeat;
}
.icon-BenchSalesTL-Black{
background: url(./images/sprites.png) -150px -550px no-repeat;
}
.mainNav li a.active .icon-BenchSalesTL{
background: url(./images/sprites.png) -50px -550px no-repeat;
}
.icon-OPTRecruiter{
background: url(./images/sprites.png) -25px -550px no-repeat;
}
.icon-OPTRecruiter-Black{
background: url(./images/sprites.png) -175px -550px no-repeat;
}
.mainNav li a.active .icon-OPTRecruiter{
background: url(./images/sprites.png) -75px -550px no-repeat;
}

.icon-OPTRecruiterTL{
background: url(./images/sprites.png) left -575px no-repeat;
}
.icon-OPTRecruiterTL-Black{
background: url(./images/sprites.png) -150px -575px no-repeat;
}
.mainNav li a.active .icon-OPTRecruiterTL{
background: url(./images/sprites.png) -50px -575px no-repeat;
}



.icon-Trainers{
background: url(./images/sprites.png) -25px -575px no-repeat;
}
.icon-Trainers-Black{
background: url(./images/sprites.png) -175px -575px no-repeat;
}
.mainNav li a.active .icon-Trainers{
background: url(./images/sprites.png) -75px -575px no-repeat;
}


.icon-TrainersTL{
background: url(./images/sprites.png) left -600px no-repeat;
}
.icon-TrainersTL-Black{
background: url(./images/sprites.png) -150px -600px no-repeat;
}
.mainNav li a.active .icon-TrainersTL{
background: url(./images/sprites.png) -50px -600px no-repeat;
}






.icon-General{
background: url(./images/sprites.png) -25px -600px no-repeat;
}
.icon-General-Black{
background: url(./images/sprites.png) -175px -600px no-repeat;
}
.mainNav li a.active .icon-General{
background: url(./images/sprites.png) -75px -600px no-repeat;
}
.nav-CircleTabContainer .nav-link .icon24{
   margin: 9px 0 0 -2px;

}
.nav-CircleTabContainer .nav-link.active.show .icon24{
  width: 36px;
  height: 36px;
   margin: 12px 0 0 0;

}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-General-Black{
  background: url(./images/sprites.png) -300px top no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Education-Black{
  background: url(./images/sprites.png) -301px -36px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Certification-Black{
  background: url(./images/sprites.png) -301px -72px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Experience-Black{
  background: url(./images/sprites.png) -300px -110px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Reference-Black{
  background: url(./images/sprites.png) -300px -148px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Additional-Black{
  background: url(./images/sprites.png) -300px -186px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Emergency-Black{
  background: url(./images/sprites.png) -300px -222px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Resume-Black{
  background: url(./images/sprites.png) -300px -259px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-Attachments-Black{
  background: url(./images/sprites.png) -300px -295px no-repeat;
}
.nav-CircleTabContainer .nav-link.active.show .icon24.icon-PayRates-Black{
  background: url(./images/sprites.png) -300px -332px no-repeat;
}

.icon-Education{
background: url(./images/sprites.png) left -625px no-repeat;
}
.icon-Education-Black{
background: url(./images/sprites.png) -150px -625px no-repeat;
}
.mainNav li a.active .icon-Education{
background: url(./images/sprites.png) -50px -625px no-repeat;
}

.icon-Certification{
background: url(./images/sprites.png) -25px -625px no-repeat;
}
.icon-Certification-Black{
background: url(./images/sprites.png) -175px -625px no-repeat;
}
.mainNav li a.active .icon-Certification{
background: url(./images/sprites.png) -75px -625px no-repeat;
}


.icon-Experience{
background: url(./images/sprites.png) left -650px no-repeat;
}

.icon-Experience-Black{
background: url(./images/sprites.png) -150px -650px no-repeat;
}
.mainNav li a.active .icon-Experience{
background: url(./images/sprites.png) -50px -650px no-repeat;
}

.icon-Reference{
background: url(./images/sprites.png) -25px -650px no-repeat;
}
.icon-Reference-Black{
background: url(./images/sprites.png) -175px -650px no-repeat;
}
.mainNav li a.active .icon-Reference{
background: url(./images/sprites.png) -75px -650px no-repeat;
}




.icon-Additional{
background: url(./images/sprites.png) left -675px no-repeat;
}
.icon-Additional-Black{
background: url(./images/sprites.png) -150px -675px no-repeat;
}
.mainNav li a.active .icon-Additional{
background: url(./images/sprites.png) -50px -675px no-repeat;
}


.icon-Emergency{
background: url(./images/sprites.png) -25px -675px no-repeat;
}
.icon-Emergency-Black{
background: url(./images/sprites.png) -175px -675px no-repeat;
}
.mainNav li a.active .icon-Emergency{
background: url(./images/sprites.png) -75px -675px no-repeat;
}


.icon-PayRates{
background: url(./images/sprites.png) left -700px no-repeat;
}
.icon-PayRates-Black{
background: url(./images/sprites.png) -150px -700px no-repeat;
}
.mainNav li a.active .icon-PayRates{
background: url(./images/sprites.png) -50px -700px no-repeat;
}


.icon-Database{
background: url(./images/sprites.png) -25px -700px no-repeat;
}
.icon-Database-Black{
background: url(./images/sprites.png) -175px -700px no-repeat;
}
.mainNav li a.active .icon-Database{
background: url(./images/sprites.png) -75px -700px no-repeat;
}





.icon-Enquiry{
background: url(./images/sprites.png) left -725px no-repeat;
}
.icon-Enquiry-Black{
background: url(./images/sprites.png) -150px -725px no-repeat;
}
.mainNav li a.active .icon-Enquiry{
background: url(./images/sprites.png) -50px -725px no-repeat;
}



.icon-inTraining{
background: url(./images/sprites.png) -100px top no-repeat;
}
.icon-inTraining-Black{
background: url(./images/sprites.png) -200px top no-repeat;
}
.mainNav li a.active .icon-inTraining{
background: url(./images/sprites.png) -125px top no-repeat;
}


.icon-TechnicalScreen{
background: url(./images/sprites.png) -100px -25px no-repeat;
}
.icon-TechnicalScreen-Black{
background: url(./images/sprites.png) -200px -25px no-repeat;
}
.mainNav li a.active .icon-TechnicalScreen{
background: url(./images/sprites.png) -125px -25px no-repeat;
}

.icon-onBench{
background: url(./images/sprites.png) -100px -50px no-repeat;
}
.icon-onBench-Black{
background: url(./images/sprites.png) -200px -50px no-repeat;
}
.mainNav li a.active .icon-onBench{
background: url(./images/sprites.png) -125px -50px no-repeat;
}

.icon-openBench{
background: url(./images/sprites.png) -100px -75px no-repeat;
}
.icon-openBench-Black{
background: url(./images/sprites.png) -200px -75px no-repeat;
}
.mainNav li a.active .icon-openBench{
background: url(./images/sprites.png) -125px -75px no-repeat;
}


.icon-openBench{
background: url(./images/sprites.png) -100px -75px no-repeat;
}
.icon-openBench-Black{
background: url(./images/sprites.png) -200px -75px no-repeat;
}
.mainNav li a.active .icon-openBench{
background: url(./images/sprites.png) -125px -75px no-repeat;
}


.icon-inJob{
background: url(./images/sprites.png) -100px -100px no-repeat;
}
.icon-inJob-Black{
background: url(./images/sprites.png) -200px -100px no-repeat;
}
.mainNav li a.active .icon-inJob{
background: url(./images/sprites.png) -125px -100px no-repeat;
}
.icon-inJob-Blue{
background: url(./images/sprites.png) -125px -100px no-repeat;
}


.icon-Dropped{
background: url(./images/sprites.png) -100px -125px no-repeat;
}
.icon-Dropped-Black{
background: url(./images/sprites.png) -200px -125px no-repeat;
}
.mainNav li a.active .icon-Dropped{
background: url(./images/sprites.png) -125px -125px no-repeat;
}











/* sideNavLogo */

.sideNavLogo{
  padding: 0;
}
.logobar{
  margin-left: 45px;
}


/* border & Shadow none */

.borderShadowNone{
      border: none !important;
    box-shadow: none !important;
    background: none !important;
    width: 36px;
    height: 36px;
}
.borderShadowNone:focus, .borderShadowNone:active{
   background: none !important;
   box-shadow: none !important;
   outline: 0 !important;
}
.borderShadowNone:hover{
      border: none !important;
    box-shadow: none !important;
}
.borderShadowNone i{
  position: relative;
  top: 5px;
}



/* Notification Animation */


.notifiAnim
{ 
max-width: 100%;
    background: #fe573c;
    border-radius: 50%;
    height: 5px;
    width: 5px;
    position: absolute;
    left: 53%;
    top: 32%;
}

.notifiAnim:after
{
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border:2px solid #fe573c;
  display:inline-block;
  animation: notifiAnim 3s ease-out;
  animation-iteration-count: infinite;
  opacity: 0.0;
  margin: -10px 0 0 -14px;
}

@keyframes notifiAnim
{
  0%
  {
    transform: scale(0.2 ,0.2);
    opacity: 0;
  }
  50%
  {

    opacity: 1.0;
  }
  100%
  {
    transform: scale(0.9 ,0.9);
    opacity: 0;
  }

}

/* MainNavBar */
.MainNavBar li.nav-item{
  margin:0 15px;

}

.dropdown-profileMenu{
  border-left: 1px solid #e5e5e5;
  padding-left: 10px;

}
.dropdown-profileMenu .pImage{
      max-width: 34px;
    height: 34px;
    border-radius: 150px;
    margin-right: 10px;
        display: inline-block;
}
.dropdown-profileMenu i{
      position: relative;
    top: 9px;
}
.dropdown-profileMenu .dropdown-toggle::after{
  border:0;
}
.blueText{
  color:#18a0ff; 

}
.orangeText{
  color:#ffa442; 

}
.ResShow{
  display: none;
}
.deskShow{
      display: inline-block;
}
.profileMenuName.ResShow{
     padding: 15px;
    background: #0c6dff;
    color: #fff;
}









/************ DATA TABLE STARTS  ********************/
.dataTables_length {
float: left;
}
.dataTables_filter {
float: right;
}
.dataTables_length .btn-group .bootstrap-select {
width: 50px;
}
table.dataTable {
clear: both;
margin-top: 6px !important;
margin-bottom: 6px !important;
max-width: none !important;
border-collapse: separate !important;
border: none !important;
}
table.dataTable td, table.dataTable th {
-webkit-box-sizing: content-box;
box-sizing: content-box
}
table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty {
text-align: center
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length label {
font-weight: normal;
text-align: left;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_length select {
width: 75px;
display: inline-block
}
div.dataTables_wrapper div.dataTables_filter {
text-align: right
}
div.dataTables_wrapper div.dataTables_filter label {
font-weight: normal;
white-space: nowrap;
text-align: left
}
div.dataTables_wrapper div.dataTables_filter input {
margin-left: 0.5em;
display: inline-block;
width: auto
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0.85em;
white-space: nowrap
}
div.dataTables_wrapper div.dataTables_paginate {
margin: 0;
white-space: nowrap;
text-align: right
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
margin: 2px 0;
white-space: nowrap;
justify-content: flex-end
}
div.dataTables_wrapper div.dataTables_processing {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
margin-left: -100px;
margin-top: -26px;
text-align: center;
padding: 1em 0
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
padding-right: 30px
}
table.dataTable thead>tr>th:active, table.dataTable thead>tr>td:active {
outline: none
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
cursor: pointer;
position: relative
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
position: absolute;
bottom: 0.9em;
display: block;
opacity: 0.3
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:before {
right: 1em;
content: ""
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
right: 0.5em;
content: ''
}
table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_desc:after {
opacity: 1
}
table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
opacity: 0
}
div.dataTables_scrollHead table.dataTable {
margin-bottom: 0 !important
}
div.dataTables_scrollBody table {
border-top: none;
margin-top: 0 !important;
margin-bottom: 0 !important
}
div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after {
display: none
}
div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td {
border-top: none
}
div.dataTables_scrollFoot>.dataTables_scrollFootInner {
box-sizing: content-box
}
div.dataTables_scrollFoot>.dataTables_scrollFootInner>table {
margin-top: 0 !important;
border-top: none
}
table.dataTable.table-sm>thead>tr>th {
padding-right: 20px
}
table.dataTable.table-sm .sorting:before, table.dataTable.table-sm .sorting_asc:before, table.dataTable.table-sm .sorting_desc:before {
top: 5px;
right: 0.85em
}
table.dataTable.table-sm .sorting:after, table.dataTable.table-sm .sorting_asc:after, table.dataTable.table-sm .sorting_desc:after {
top: 5px
}
table.table-bordered.dataTable th, table.table-bordered.dataTable td {
border-left-width: 0
}
table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child {
border-right-width: 0
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
border-bottom-width: 0
}
div.dataTables_scrollHead table.table-bordered {
border-bottom-width: 0
}
div.table-responsive>div.dataTables_wrapper>div.row {
margin: 0
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child {
padding-left: 0
}
div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child {
padding-right: 0
}
/************ DATA TABLE ENDS  ********************/
/************ DATA TABLE FIX HEADER STARTS  ********************/
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
background-color: white;
margin-top: 0 !important;
margin-bottom: 0 !important
}
table.dataTable.fixedHeader-floating {
position: fixed !important
}
table.dataTable.fixedHeader-locked {
position: absolute !important
}
/************ DATA TABLE FIX HEADER ENDS  ********************/
/************ RESPONSIVE DATA TABLE STARTS  ********************/
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty {
cursor: default !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before {
display: none !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role='']>td:first-child, table.dataTable.dtr-inline.collapsed>tbody>tr[role="search"]>th:first-child {
position: relative;
padding-left: 30px;
cursor: pointer
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="\2191"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="\2193"]>th:first-child:before {
top: 9px;
left: 4px;
height: 14px;
width: 14px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: "row";
background-color: #337ab7
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
content: "row";
background-color: #d33333
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child {
padding-left: 27px
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before, table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before {
top: 5px;
left: 4px;
height: 14px;
width: 14px;
border-radius: 14px;
line-height: 14px;
text-indent: 3px
}
table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control {
position: relative;
cursor: pointer
}
table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before {
top: 50%;
left: 50%;
height: 16px;
width: 16px;
margin-top: -10px;
margin-left: -10px;
display: block;
position: absolute;
color: white;
border: 2px solid white;
border-radius: 14px;
box-shadow: 0 0 3px #444;
box-sizing: content-box;
text-align: center;
text-indent: 0 !important;
font-family: 'Courier New', Courier, monospace;
line-height: 14px;
content: "row";
background-color: #337ab7
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before, table.dataTable.dtr-column>tbody>tr.parent th.control:before {
content: "row";
background-color: #d33333
}
table.dataTable>tbody>tr.child {
padding: 0.5em 1em
}
table.dataTable>tbody>tr.child:hover {
background: transparent !important
}
table.dataTable>tbody>tr.child ul.dtr-details {
display: inline-block;
list-style-type: none;
margin: 0;
padding: 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
border-bottom: 1px solid #efefef;
padding: 0.5em 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child {
padding-top: 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child {
border-bottom: none
}
table.dataTable>tbody>tr.child span.dtr-title {
display: inline-block;
min-width: 75px;
font-weight: bold
}
div.dtr-modal {
position: fixed;
box-sizing: border-box;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 100;
padding: 10em 1em
}
div.dtr-modal div.dtr-modal-display {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 50%;
height: 50%;
overflow: auto;
margin: auto;
z-index: 102;
overflow: auto;
background-color: #f5f5f7;
border: 1px solid black;
border-radius: 0.5em;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6)
}
div.dtr-modal div.dtr-modal-content {
position: relative;
padding: 1em
}
div.dtr-modal div.dtr-modal-close {
position: absolute;
top: 6px;
right: 6px;
width: 22px;
height: 22px;
border: 1px solid #eaeaea;
background-color: #f9f9f9;
text-align: center;
border-radius: 3px;
cursor: pointer;
z-index: 12
}
div.dtr-modal div.dtr-modal-close:hover {
background-color: #eaeaea
}
div.dtr-modal div.dtr-modal-background {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
background: rgba(0, 0, 0, 0.6)
}
/************ RESPONSIVE DATA TABLE ENDS  ********************/




/*********** TABLE CSS STARTS  ****/
.table{
border-collapse: separate;
border-spacing: 0px 15px;

}
.table thead th {

border-bottom: 3px solid #FE573C;
background-color: #EAF4FB;
}
.table td,.table th {
border-top: 0px solid #dee2e6;
}
tr{
box-shadow: 0px 2px 6px -2px rgba(153,153,153,0.5);
background-color: #fff;
}
.table td, .table th {
padding: 1rem;
vertical-align:middle;
border-top: 0px solid #dee2e6;
line-height: 18px;
}
.table-bordered td, .table-bordered th {
border: 0px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: rgb(255, 255, 255) !important;
}
tr>th{
background-color: white !important;
}
.dataTables_length,.dataTables_info{
float: left !important;
}
.table-bordered {
border: 0px solid #dee2e6 !important;
}
div.dataTables_wrapper div.dataTables_info {
padding-top: 0em !important;
white-space: nowrap;
}
span>a{
border: 0px solid #8a8a8a !important;
}
div >a {
border: 0px solid #8a8a8a !important;
}
input[type="search"]{
border: 1px solid #FE573C;
}
#example_filter .form-control {
position:relative;
border-bottom: 2px solid #0c6dff !important;
}
#example_filter i{
position: relative;
top: 8px;
}
table.dataTable {
font-size: 14px;
}
div.dataTables_wrapper div.dataTables_length label {
margin-top: 10px;
}
.table thead tr:first-child th{
      background: #f1f5f7 !important;

}
.dtp table.dtp-picker-days tr > th {
  background: none !important;
}
.table thead tr{
box-shadow: none;
background: #eaf4fb !important;
}
table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
background:none !important;
}
#example_filter{
float: right;
}
#example_filter label{
display: flex;
}

/*********** TABLE CSS ENDS  ****/

/************ PAGINATION STARTS  ********************/
.page-item .page-link:focus {
outline: none;
box-shadow: none !important;
color: #3e3c3c;
}
.page-item .page-link:active {
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
outline: none;
color: #3e3c3c;
}
.paginate_button {
position: relative;
display:inline-block;
padding: 0;
margin: 0 5px !important;
line-height: 1.25;
color: #3e3c3c;
background-color: #fff;
border: none !important;
height: 36px;
line-height: 36px;
text-align: center;
width: 36px;
border-radius: 150px;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .08), 0 0px 6px 0 rgba(0, 0, 0, 0.08) !important;
cursor: pointer;
}
.dataTables_wrapper .page-link {
display: inline-block !important;
}
.dataTables_wrapper .page-link.btn-danger {
color: #fff;
}
.paginate_button.current , .paginate_button.current:hover{
background: #39b54a !important;
border-color: #39b54a !important;
box-shadow: none !important;
height: 46px;
line-height: 46px;
width: 46px;
margin-top: -7px !important;
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
color: #fff !important;
cursor: pointer;
}
.page-item.active .page-link:active, .page-item.active .page-link:focus {
box-shadow: 0 6px 4px -2px rgba(0, 0, 0, .20), 0 0px 6px 0 rgba(0, 0, 0, 0.20) !important;
outline: none;
color: #fff !important;
}
.page-link i {
line-height: 40px;
}
.page-item:last-child .page-link, .page-item:first-child .page-link {
border-radius: 150px;
}
.paginate_button i{
  position: relative;
  top: 5px;
}


/***** DATA TABLE OVERRIDE *****/

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
    border: none;
    border-bottom: 1px solid #ccc;
    height: 34px;
    padding-left: 35px;
}
.dataTables_filter i{
      margin: 0 -35px 0 10px;
    position: relative;
    z-index: 3;
    top: 6px;
}
.dataTables_wrapper{
  margin-bottom: 50px;
}
a.cirIcon{
  width: 36px;
  height: 36px;
  border:2px solid #ccc;
  border-radius: 150px;
  text-align: center;
  line-height: 36px;
  display:inline-block;
  margin-right: 15px;
}
a.cirIcon i{
  position: relative;
  top: 3px;
  font-size: 20px;
}
a.cirIcon.icon-Add, a.cirIcon.icon-Add:hover{
  color: #0196fd !important;
  border:2px solid #0196fd  !important;
}
a.cirIcon.icon-Delete, a.cirIcon.icon-Delete:hover{
  color: #f00 !important;
  border:2px solid #f00  !important;
}
a.cirIcon.icon-Edit, a.cirIcon.icon-Edit:hover{
  color: #39b54a !important;
  border:2px solid #39b54a !important;
}
a.cirIcon.icon-Solved, a.cirIcon.icon-Solved:hover{
  color: #39b54a !important;
  border:2px solid #39b54a  !important; 
}
a.cirIcon.icon-UnSolved, a.cirIcon.icon-UnSolved:hover{
  color: #f00 !important;
  border:2px solid #f00  !important;
}
a.cirIcon.icon-Cancel, a.cirIcon.icon-Cancel:hover{
  color: #f00 !important;
  border:2px solid #f00  !important;
}
a.cirIcon.icon-View, a.cirIcon.icon-View:hover{
  color: #3824f3 !important;
  border:2px solid #3824f3  !important;
}
a.cirIcon.icon-Completed, a.cirIcon.icon-Completed:hover{
  color: #39b54a !important;
  border:2px solid #39b54a  !important;
}
a.cirIcon.icon-NotCompleted, a.cirIcon.icon-NotCompleted:hover{
  color: #f00 !important;
  border:2px solid #f00  !important;
}

.admin-Container{
  padding:80px 15px 0 80px;
}
.admin-Container .title-Head .title {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    padding: 0 40px 0 0;
    white-space: nowrap;
    text-align: center;
    line-height: 42px;
}
.admin-Container .title-Head{
  margin-bottom: 10px;

}
.addNewButton{
      display: flex;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 15px;
}
.addNewButton a{
    display: block;
    padding: 10px 25px;
    background: #39b54a;
        color: #fff !important;
        display: flex;
        font-weight: 600;

}
.addNewButton a i{
  position: relative;
  top: -2px;
  margin-right: 10px;

}







/********* upload control **********/

.uploadControl-File input {
        cursor: pointer;
        height: 100%;
        right: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 4;
        }
        .uploadContainer-File .uploadContainer-Input {
        box-sizing: border-box;
        width: calc(100% - 32px);
        }
        .uploadContainer-File .uploadControl-File {
        right: 0;
        }
        .uploadContainer {
        position: relative;
        font-size: 16px;
        display: inline-block;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        width: 100%;
        }
        .uploadContainer-File .uploadContainer-Input {
        box-sizing: border-box;
        width: calc(100% - 32px);
        }
        .uploadContainer-Input {
        border: none;
        border-bottom: 1px solid rgba(0,0,0,.12);
        display: block;
        font-size: 16px;
        margin: 0;
        padding: 4px 0;
        width: 100%;
        background: 16px;
        text-align: left;
        color: inherit;
        }
        .uploadContainer-File .uploadControl-File {
        right: 0;
        }
        .uploadContainer .uploadControl-btn {
        position: absolute;
        bottom: 0;
        }
        .uploadControl-btnIcon {
        border-radius: 50%;
        font-size: 24px;
        height: 32px;
        margin-left: 0;
        margin-right: 0;
        min-width: 32px;
        width: 32px;
        padding: 0;
        overflow: hidden;
        color: inherit;
        line-height: normal;
        }
        .uploadControl-btn {
        background: 0 0;
        border: none;
        border-radius: 2px;
        color: #000;
        display: block;
        position: relative;
        height: 36px;
        min-width: 100%;
        padding: 0 8px;
        display: inline-block;
        font-family: 'Roboto','Helvetica','Arial',sans-serif;
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 0;
        overflow: hidden;
        will-change: box-shadow,transform;
        -webkit-transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
        transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
        outline: none;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        line-height: 36px;
        vertical-align: middle;
        }
        .uploadControl-btnIcon .material-icons {
        position: absolute;
        top: 50%;
        right:0%;
        -webkit-transform: translate(4px,-12px);
        -ms-transform: translate(4px,-12px);
        transform: translate(4px,-12px);
        line-height: 24px;
        width: 24px;
        color: #7d8094;
        }
        .uploadControl-btn:hover i{
        color: #0c6dff !important;
        }
        .uploadControl-File input {
        cursor: pointer;
        height: 100%;
        right: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 4;
        }
        .uploadControl-btn:hover ~ .form-controlBrd{
        background-size: 100% 2px, 100% 1px;
        -moz-background-size: 100% 2px, 100% 1px;
        -webkit-background-size: 100% 2px, 100% 1px;
        -ms-background-size: 100% 2px, 100% 1px;
        }



.propertyTitle {
        font-family: 'Poppins', sans-serif;
    width: 100%;
   
    margin-bottom: 25px;
    color: #000;
    font-weight: 300;
    font-size: 32px;
    line-height: 45px;

}
.propertyView h3{
  font-size: 20px;
  margin-bottom: 10px;

}
.propertyDetails .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
    background: #fff;
    justify-content: space-evenly;
    margin-bottom: 25px;
}
.propertyDetails .nav-tabs .nav-item {
    margin-bottom: -1px;
    justify-content: space-around;
    display: block;
    width: 100%;
    text-align: center;
    color: #000;
}
.propertyDetails .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    height: 50px;
    line-height: 30px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 0;color: #000;
}
.propertyDetails{
  width: 100%;
  display: flex;
  flex-flow: column;
}
.propertyDetails .col-sm-12{
  margin-bottom: 30px;
  font-size: 15px;
  font-weight: 600;
}

.propertyDetails .col-sm-12 label{
  font-size: 14px;
}
.propertyDetails .col-sm-12 .pvalue{
  font-size: 16px;
  color: #000;
}

.notification {
    display: flex;
}
.notification i {
    font-size: 14px;
    margin-right: 16px;
    color: #7d8094;
    margin-right: 20px;
}
.notification .notification-details {
    flex-flow: column;
}
.notification-details h6 {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 700;
}
.notification-details p {
    font-size: 14px;
    color: #7d8094;
    line-height: 22px;
        white-space: normal;
        margin-bottom: 0;

}
.adminNav .dropdown-menu{
  width: 300px;
  right:0 !important;
  max-height: 300px;
  overflow: auto;
  overflow-x: hidden;
  left:auto !important;

}


.alertBox{
    position: fixed;
    right: 20px;
    /* top: 30%; */
    z-index: 9898;
    width: 360px;
    bottom: 0;
    padding: 30px;
    box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.1);

}
.alertBox {
  
    -webkit-animation-name: zoomIn;
-webkit-animation-duration: .70s;
-moz-animation-name: zoomIn;
-moz-animation-duration: .70s;
animation-name: zoomIn;
animation-duration: .70s;
}
@keyframes cssAnimation {
  from{
     width: 360px;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
  }
    to {
        width:0;
        height:0;
        overflow:hidden;
        padding: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
-moz-transform: scale3d(0.3, 0.3, 0.3);
    }
}

/**** ALERTS **/
.alert-primary {
background-color: rgba(12, 109, 255, 1);
color: white;
}
.alert-secondary {
background-color: rgba(138, 138, 138, 1);
color: white;
}
.alert-success {
background-color: rgba(67, 188, 64, 1);
color: white;
}
.alert-danger {
background-color: rgba(254, 87, 60, 1);
color: white;
}
.alert-warning {
background-color: rgba(255, 151, 27, 1);
color: white;
}
.alert-info {
background-color: rgba(3, 165, 238, 1);
color: white;
}

.dashboard-box{
  background: #fff;
  height:auto;
}
.dashboard-boxStats .iconStat i{
      font-size: 60px;
    width: 90px;
}
.dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(4) .iconStat i, .dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(4) .count{
  color: #0e94f7;

}
.dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(5) .iconStat i, .dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(+) .count{
  color: #ff0097;

}
.dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(6) .iconStat i, .dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(6) .count{
  color: #4335b3;

}
.dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(7) .iconStat i, .dashStats .col-lg-4.col-md-6.col-sm-12:nth-child(7) .count{
  color: #862a58;

}

.form-group .btn.dropdown-toggle.btn-default {
    background: #f1f5f7 !important;
  }

@media(min-width: 320px) and (max-width: 575px){
  .ml-auto.MainNavBarContainer {
    padding-left: 60px !important;
    width: 100%;
    margin: 0;
}
  #slide {
    font-size: 30px;
    cursor: pointer;
    /* margin-left: 250px; */
    position: absolute;
    left: 255px;
    color: #0c6dff;
    top: 0;
    right: 0;
    left: auto !important;
}
.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    flex-flow: nowrap;
    justify-content: flex-end;

}

.dropdown-profileMenu{
  position: relative;
}
.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    left: auto !important;
    right: 0 !important;
}
.deskShow{
  display: none;
}
.ResShow{
  display: block;
}
}


@media(min-width: 576px) and (max-width: 767px){
  .navbar-nav {
   
    flex-flow: wrap;
}
.deskShow{
  display: none;
}
.ResShow{
  display: block;
}

.dropdown-profileMenu{
  position: relative;
}
.navbar-nav .dropdown-menu {
    position: absolute;
    float: none;
    left: auto !important;
    right: 0 !important;
}
}


input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      background-color:transparent !important;
    
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
      background-color:transparent !important;
}
.editForm .form-label{
    top: 0px;
    color: #aeafb9;
    font-size: 13px;
}


.icon22{
  z-index: 2;
}





/******** newly added file control *******/

.relatedBox {
     background: #e5ebef;
}
.rdButtons{
  display: flex;
  margin-bottom: 10px;
}
   .file_input_div {
  width: 100%;
  height: 40px;
  /*display: flex;*/
}

.file_input {
      float: left;
          position: relative;
    z-index: 2;
}

#file_input_text_div {
         width: 100%;
    margin-top: -49px;
    margin-left: 0;
    float: left;
    padding-left: 55px;
        z-index: 1;
}

.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
   
        padding: 16px 0 !important;
    height: 76px !important;
}
.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid #6876a4 !important;
    display: inline-block;
    font-size: 16px;
    margin: 0;
    padding: 0px 0 6px 50px !important;
    width: 100%;
    background: 16px;
    text-align: left;
    color: inherit;
    height: 40px !important;
}
.mdl-button--fab.mdl-button--colored {
    background: rgb(57, 181, 74) !important;
    color: rgb(255,255,255);
}
.none {
  display: none;
}
.mdl-textfield__label:after {
    background-color:#6876a4 !important;
        bottom: 13px !important;
    height: 1px !important;
  }
    


    .tooltip-inner {http://localhost/public/property-pics/KUpP5vWMxqw2v5Oqs4gKQuILA3CV8HfE.jpg
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.editImgPreview{
      display: flex;
    width: 100%;
    margin-bottom: 30px;
}
.imgThumbPreview{
    width: 100px;
    height: 80px;
    background: #ccc;
    box-shadow: 0px 27px 62px -32px rgba(0, 0, 0, 0.90);
    position: relative;
    margin-right: 15px;
}
.imgThumbPreview img{ 
  width:100%;
  height:100%;
  object-fit: cover;
  cursor:pointer;
}
.imgThumbPreview  a.cirIcon.icon-Delete{
   color: #fff !important;
    background: #f00;
    position: absolute;
   top: -10px;
    right: -10px;
    margin: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
}
a.cirIcon.icon-Delete, a.cirIcon.icon-Delete:hover{
  color: #f00 !important;
  border:2px solid #f00;
}


.showImg{
    z-index: 999;
    display: none;
}
.showImg .overlay{
        width: 100%;
    height: 100%;
    background: rgba(0,0,0,.66);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 98989;
}
.showImg .img-show{
       width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 9898998;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-show span.close{
        position: absolute;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
    color: #fff;
}
.img-show span.close i{
  font-size: 36px;
  }
.img-show img{
        max-width: 90%;
    max-height: 90%;
    top: 0;
    left: 0;
    object-fit: contain;
}
.normalLbl{
font-size: 13px;
    color: #526798;
}
.form-ControlTextArea60{
  min-height: 70px !important;
  max-height: 70px !important;
  padding: 30px 0 0 0 !important;
}
.form-groupTextArea60{
    min-height: 70px !important;
}
.form-ControlTextArea60 + label.form-label {
    position: absolute;
    top: 40px;
    }

  input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      background-color:transparent !important;
    
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
      background-color:transparent !important;
}
.editForm .form-label{
    top: 0px !important;
    color: #aeafb9 !important;
    font-size: 13px !important;
}
.btn-secondary{
  background: #fff !important;
  color: #000 !important;
}
.mainNav .dropdown-menu {
    position: relative !important;
    transform: translate3d(-5px, -16px, 0px) !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 3px solid #ccc !important;
}
.mainNav .dropdown-profileMenu {
    border-left: 0 !important;
    padding-left: 0 !important;
    position: relative;
    display: flex;
    width: 100%;
    flex-flow: column;
}
.mainNav .dropdown-profileMenu li a{
    padding-left: 35px !important;

}
.mainNav .dropdown-menu li:last-child a{
  border-bottom: none !important;
}
.mainNav .dropdown-menu a.dropdown-item {
    font-size: 14px;
   
}
.mainNav .subnavAnc i{
  color: #000;
}

.mainNav  .dropdown>a{
  border-bottom: 1px solid #d1d4da !important;
}

.subnavAnc .arrowIcon{
      float: right;
}
.subnavAnc.collapsed .arrowIcon{
  transform: rotate(-270deg);
}

.sidenav.bar-width  .subnavMenu {
    padding-left: 25px;
}

.sidenav:hover  .subnavMenu {
    padding-left: 25px;
}

.mainNav .subnavMenu {
    padding-left: 0;
}



/******* NEWLY ADDED *****/

.timeLine ul li:before {

    background: #f1f5f7 url(../images/sprites.png) -150px -2px no-repeat;
}

.dt-buttons{
        float: left;
    margin: 15px 0 0 0;
  }
.dt-button {
    background: none;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 8px 10px;
    font-weight: 600;
    float: left;
    width: 90px;
    cursor:pointer;
    margin-right: 10px;
}
.dt-button.buttons-copy{
      border: 1px solid #ee5621;
}
  .dt-button.buttons-copy span{
    background: url(../images/sprites.png) -215px -188px no-repeat;
    width: 20px;
    height: 20px;
    padding-left: 30px;
    
    display: block;
  }
     .dt-button.buttons-excel{
      border: 1px solid #2c8758;

     }
    .dt-button.buttons-excel span{
    background: url(../images/sprites.png) -215px -117px no-repeat;
    width: 20px;
    height: 20px;
    padding-left: 30px;
    
    display: block;
  }
  .dt-button.buttons-csv {
      border: 1px solid #93c372;

  }
    .dt-button.buttons-csv span{
    background: url(../images/sprites.png) -215px -141px no-repeat;
    width: 24px;
    height: 20px;
    padding-left: 30px;
    
    display: block;
  }
    .dt-button.buttons-pdf span{
    background: url(../images/sprites.png) -215px -165px no-repeat;
    width: 20px;
    height: 20px;
    padding-left: 30px;
    
    display: block;
  }

   .dt-button.buttons-pdf {
        border: 1px solid #eb5f4f;
  }
     .dt-button.buttons-print span{
    background: url(../images/sprites.png) -215px -212px no-repeat;
    width: 20px;
    height: 21px;
    padding-left: 30px;
    
    display: block;
  }
  .dt-button.buttons-print{
        border: 1px solid #2e3094;
  }

  .inlineBlock{
    display: inline-block;
  }

  .pagination .page-link{
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
  }
  .paginate_button i {
    position: relative;
    top: -2px;
  }