body{font-family: 'Inter', sans-serif;}
p{ margin: 0px;}
ul{ padding: 0px; margin: 0px; list-style: none;} 
:hover{ transition: all 1s linear; }    


a{ display:inline-block;}
a:hover{ text-decoration: none;}


.warpper{ background: #efefef; height: 100%;}


.loginbox{height: 100vh;}
.loginobxinner{  background: #fff; padding: 40px; box-shadow: 0 1px 5px 1px #e7e7e7; width: 78%; margin: 0 auto;  border-radius: 5px;}
.loginright{ position: relative;}
.loginright::before{ content: ""; display: block; width: 1px; height: 273px; background:url(../img/right_line.png) no-repeat center center;
position: absolute; left: -80px;}
.loginright h1{ font-size:20px; color: #121212; text-align: center; padding: 15px 0 40px 0;}
.loginright .form-control{ margin-bottom: 15px; height: 47px;}
.btn-light{ background: #dfdfdf; border: #dfdfdf solid 1px; color: #515151;}
.btn{ padding: 7px 30px; font-size: 20px;}


.dashleft{ background: #fff; height:100%; box-shadow: 4px 0px 8px #dcdcdc; position: relative; z-index: 1;}
.avataricon h3{ font-size: 22px; padding-top:15px; font-weight: 500;}
.avataricon h3 span{ display: block; color: #5d5d5d; font-size: 16px; font-weight: 400; padding-top: 5px;}


.icons{ background:url(../img/icons.png) no-repeat; display: inline-block; vertical-align: middle;}

.dashboard_links{ padding-top: 40px;}
.dashboard_links ul li a{  color: #000000; border-left: #fff solid 3px; padding: 20px 15px; width: 100%; transition: all 0.5s ease-in-out; }
.dashboard_links ul li a:hover{ background: #e5f4eb;border-left: #00963f solid 3px; transition: all 0.5s ease-in-out;}
.dashboard_links ul li a.active{background: #e5f4eb;border-left: #00963f solid 3px; }
.dashboard_links ul li a i{ margin: 0 7px 0 0; display: inline-block;}


.vertical .menu-li.parent-li {
    position:relative;
}
.vertical .menu-li.parent-li a{
    padding-left:56px !important;
}
.vertical .menu-li.parent-li i{
    position:absolute;
    top:17px;
    left:15px;
    background:url(../img/icons.png) no-repeat; 
    display: inline-block; 
    vertical-align: middle;
}

.dashboard_links .menuicons-1{ background-position: -16px -15px; width: 26px; height: 21px;} 
.dashboard_links .menuicons-2{ background-position: -15px -54px; width: 28px; height: 28px;} 
.dashboard_links .menuicons-3{ background-position: -15px -95px; width: 39px; height: 36px;} 
.dashboard_links .menuicons-4{ background-position: -16px -146px; width: 26px; height: 30px;} 
.dashboard_links .menuicons-5{ background-position: -16px -198px; width: 26px; height: 26px;} 
.dashboard_links .menuicons-6{ background-position: -12px -246px; width: 33px; height: 32px;}
.dashboard_links .menuicons-7{ background-position: -15px -300px; width: 28px; height: 25px;}
.dashboard_links .menuicons-8{ background-position: -19px -347px; width: 20px; height: 25px;}
.dashboard_links .menuicons-9{ background-position: -14px -394px; width: 30px; height: 31px;}
.dashboard_links .menuicons-10{ background-position: -15px -447px; width: 27px; height: 27px;}
.dashboard_links .menuicons-11{ background-position: -12px -496px; width: 33px; height: 28px;}


/*.vertical .menu-li.parent-li i.dashboard{
    background-position: -16px -15px; width: 26px; height: 21px;
}
.vertical .menu-li.parent-li i.attendance{
    background-position: -19px -347px; width: 20px; height: 25px;
}
.vertical .menu-li.parent-li i.organization{
    background-position: -15px -95px; width: 39px; height: 36px;
}
.vertical .menu-li.parent-li i.payroll{
    background-position: -15px -300px; width: 28px; height: 25px;
}
.vertical .menu-li.parent-li i.department{
    background-position: -15px -95px; width: 39px; height: 36px;
}
.vertical .menu-li.parent-li i.designation{
    background-position: -16px -146px; width: 26px; height: 30px;
}
.vertical .menu-li.parent-li i.employees{
    background-position: -16px -198px; width: 26px; height: 26px;
}
.vertical .menu-li.parent-li i.profile{
    background-position: -12px -246px; width: 33px; height: 32px;
}
.vertical .menu-li.parent-li i.leave{
    background-position: -14px -394px; width: 30px; height: 31px;
}
*/



.topheader{ background: #fff;}
.topheader{box-shadow: 0px 8px 8px #dcdcdc;  }
.topheader ul{ display: flex;}
.topheader ul li a{ display: inline-block; color: #121212; font-size: 18px; font-weight: 400; padding: 29px 20px; 
    border-bottom: #fff solid 2px;}
    .topheader ul li a.active{border-bottom: #f07c01 solid 2px;}
.topheader ul li a:hover{ border-bottom: #f07c01 solid 2px;}


.seachbox{ width: 300px; margin: 0px 15px;}
.seachbox input[type=text] { background:url(../img/icons.png) no-repeat; display: inline-block; vertical-align: middle; background-position: -10px -540px; padding-left: 30px; width: 30px; transition: width 0.4s ease-in-out;}
  .seachbox input[type=text]:focus { width: 100%;}

.mainpage{ width: 100%;}

.innerpage{ width: 90%; margin: 0 auto;box-shadow: 8px 8px 8px #dcdcdc;
     background: #fff; border-radius: 3px; margin-top: 80px; padding: 25px 50px 25px 50px;}
 .department_info ul li{ padding: 15px 0px;}

.innerpage h3{ font-size: 20px; font-weight: 500; padding-bottom: 25px;}

.innerfild .form-control{ margin: 15px 0px; padding: 22px 10px;}

.department_name{padding-top: 80px;}
.department_name ul li{ padding: 15px 0px;}
.department_name ul li label{ width: 35%;}
.department_name ul li span input[type="radio"]{ margin: 0px 10px;}

.form-group{ position: relative;}
.form-group i{ position: absolute; top: 46px; right: 15px;}
.cal-icons{background-position: -16px -604px; width: 25px; height: 20px; }

.actionsfilter{ border-bottom: #ccc solid 1px; padding-bottom: 40px;}
.actionsfilter ul{ display: flex; justify-content: space-between; }
.actionsfilter ul li select{ height: 46px; border: #ccc solid 1px; border-radius: 3px;}
.actionsfilter ul li [type="text"]{height: 46px; border: #ccc solid 1px; border-radius: 3px; padding: 0px 10px; width: 95%;}

.table thead tr th{ background: #f2faf5; color: #525252; font-weight: normal;padding: 14px 15px; border: none; font-size: 16px;}
.edit_icons{ background-position: -14px -646px; width: 25px; height: 17px;}
.delete_icons{ background-position: -13px -684px; width: 26px; height: 18px;}
.table-striped tbody tr:nth-of-type(2n+1){ background: #fbfbfb;}
.table td, .table th{ padding: 20px 15px; }
.table th{font-weight: 600;}
.form-control{ height: 46px;}

.logoutbtn{  background-position: -20px -789px; width: 18px; height: 20px; margin-right: 5px;}



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

.applybuttons .applybtn { background-position: -18px -731px;width: 22px; height: 22px; margin-right: 7px; }

/*** 21/10/2020 ****/
.menu-wrap nav.vertical {
    display: block !important;
    width: 25% !important;
}
.wrap > div {
    width: 75% !important;
    float: right !important;
}

@media only screen and (max-width: 600px) {

    .loginobxinner{ width:95%; padding: 20px 30px;}
    .loginright::before { display: none;}
    .loginright h1{ padding: 30px 0px;}
    .btn-success{ font-size: 17px;}

  }