@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap');
body{
    font-family: 'Montserrat', sans-serif !important;
}
select, input, textarea, select.form-control, input.form-control{
    border-radius: 25px !important;
}
#TillDate, #FromDate{
    border-radius: 0  25px 25px 0 !important;
}
.user.user-menu .dropdown-toggle span{
    position: relative;
    padding-left: 3px;
    font-size: 12px;
}
.user.user-menu .dropdown-toggle span img{
    padding-right: 5px;
}
/*.user.user-menu .dropdown-toggle span:before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 28px;*/
/*    height: 28px;*/
/*    border-radius: 50%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    background :#000;*/
/*}*/
.skin-blue .sidebar a {
    color: #fff;
    background-color: transparent;
}
.skin-blue .left-side,
.left-side.sidebar-offcanvas{
     background: #021b36 !important;
}
.skin-blue .sidebar > .sidebar-menu > li {
    border-color: #0d2948;
}
.skin-blue .sidebar {
    border-color: #0d2948;
}
.skin-blue .sidebar > .sidebar-menu > li > a{
    padding: 12px 10px 12px 50px;
    text-align: left;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover .sidetab-title{
    color: #fff;
}
.skin-blue .sidebar > .sidebar-menu > li > a img {
    max-width: 30px;
    object-fit: cover;
    object-position: center;
    padding-right: 10px;
}
.sidebar .sidebar-menu .treeview-menu > li > a {
    padding: 7px 5px 7px 10px;
    font-size: 11px;
    margin: 0px !important;
}
#labelimp2 {
    background-color: transparent;
    transition: all 0.3s;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: #33383b;
}
/*#labelimp2:hover{*/
/*    background: #4a4a4b !important*/
/*}*/
.box.box-success {
    border-top-color: #0857cb;
}
.box.box-primary {
    border-top-color: #0857cb;
}
.box .box-header > .fa, .box .box-header > .glyphicon, 
.box .box-header > .ion, .box .box-header .box-title {
    font-size: 16px;
}
.graph-box .box-footer{
    background-color: #e7e8e8 !important;
}
.graph-box .box-footer thead{
    background: #091829;
}
.calendar-box{
    background-color: #ffffff !important;
    color: #343a40 !important;
}
.calendar-box #calendar .fc-day{
    transition: all 0.3s;
}
.calendar-box #calendar .fc-day:hover{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    color: #fff;
}
.calendar-box .fc-content{
    background: #fbfbfb;
}
.calendar-box .fc-first.fc-last{
    color: #343a40;
}
.annual-leaves-box .box-header,
.casual-leaves-box .box-header{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    color: #fff !important;
}
.annual-leaves-box .box-body,
.annual-leaves-box .box-footer,
.casual-leaves-box .box-body,
.casual-leaves-box .box-footer{
    background: #fbfbfb !important;
    color: #343a40 !important;
}
/*.annual-leaves-box .box-footer button,*/
/*.casual-leaves-box .box-footer button{*/
/*    border: 1px #00a5d2 solid !important;*/
/*    color: #343a40 !important;*/
/*}*/
.notification-box .box-header,
.notification-box .box-header{
    /*background: #33383b !important;*/
    background: #091829 !important;
}
.chat-wrapper .box-header{
    background-color: #00a5d2 !important;
}
.bg-theme-color{
    background-color: #00a5d2 !important;
}


/* header New CSS  FrontEnd start */

.header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #ffffff;
    padding: 40px 30px;
}
.header .header-left {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.header-left .sidebar-toggle {
    width: 40px;
    height: 40px;
    z-index: 9999;
    position: relative;
    background: #f1f4fb;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px 0 0;
    border-radius: 7px;
    transition: all 0.5s ease-in-out;
}
.header-left .sidebar-toggle:hover{
    background: #0967d0;
    transition: all 0.5s ease-in-out;
}
.header-left .sidebar-toggle:hover span{
    color: #fff;
    transition: all 0.5s ease-in-out;
    transform: scale(1.3);
}
.header-left .sidebar-toggle span {
    font-size: 14px;
    color: #0967d0;
    transform: scale(1);
}
.header-left .welcome-text{
    font-size: 17px;
    font-weight: 500;
    color: #282828;
}

.header .navbar{
    margin: 0;
}
.header ul,
.header p{
    margin: 0 !Important;
}

.corp-directory-search {
    width: 260px;
    padding: 10px;
    background: #f1f4fb;
    border-radius: 5px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.corp-directory-search span{
    margin-right: 10px;
}
.corp-directory-search input{
    border: none;
    background: transparent;
    font-size: 14px;
    color: #565454;
    outline: none;
    box-shadow: none;
    height: 30px;
    width: 100%;
}
.corp-directory-search input::placeholder{
    font-size: 12px;
    font-weight: 600;
    color: #565454;
}
.navbar-right ul.navbar-nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.navbar-right .user-menu .dropdown-toggle {
    display: flex;
    align-items: center;
    height: 50px;
    width: 260px;
    padding: 0px !important;
    overflow: hidden;
    background: #f1f4fb;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 15px;
}
.dropdown-toggle .user-profile-img {
    width: 50px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #0967d0;
    margin-right: 5px;
}
.dropdown-toggle .user-profile-dropdown{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.dropdown-toggle .user-profile-dropdown .user-name {
    font-size: 14px !important;
    font-weight: 500;
    display: block;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.navbar-right .dropdown-toggle .profile-edit {
    max-width: 32px;
    object-fit: cover;
    object-position: center;
    padding: 0;
}
.messages-menu .dropdown-toggle {
    height: 50px;
    padding: 0;
    width: 50px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0967d0;
    margin-right: 15px;
}
.messages-menu .dropdown-toggle i{
    font-size: 21px;
    color: #f7e249;
}
.messages-menu .label-success {
    background-color: #f1416a !important;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1 !important;
    font-size: 9px !important;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: absolute;
    top: 15%;
    right: 20%;
    z-index: 9999;
}
.profileThumb img{
    display: block;
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    object-fit: cover;
    object-position: center;
    border-radius: 5px;
}
/* header New CSS  FrontEnd Ends */

/* Side Bar New Css Starts */
.sidebar-menu .company-logo a {
    background: #011832;
    padding: 10px !important;
}

.sidebar-menu .company-logo a img {
    max-width: 230px;
    min-width: 230px;
    max-height: 85px;
    min-height: 85px;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
}
.sidebar-menu .profileDetails {
    padding: 40px 0 40px;
    text-align: center;
}
.sidebar-menu .profileDetails .imgcover {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 0 auto 20px auto;
    border: 2px solid #0967d0;
    background: #dee5f7;
}
.sidebar-menu .profileDetails .imgcover img{
    object-fit: cover;
    object-position: center;
    max-width: 100px;
    max-height: 100px;
}
.sidebar-menu .profileDetails .name {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fff;
}
.sidebar-menu .profileDetails .designation {
    font-size: 12px;
    color: #fff;
    text-transform: capitalize;
}
.sidebar-menu .profileOptions{
    position: relative;
    margin-bottom: 30px;
}
.profileOptions .optionSlider a{
    display: block;
}
.profileOptions .optionSlider a:hover{
    background: transparent;
}
.profileOptions .optionSlider .optIcon {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0967d0;
    border-radius: 5px;
    margin: 0 auto;
}
.profileOptions .optionSlider .optIcon img {
    max-width: 15px;
    min-width: 15px;
    min-height: 15px;
    max-height: 15px;
    object-fit: cover;
    object-position: center;
}
.optionSlider .optTitle {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    margin: 15px 0 0 0;
}
.optionSlider .owl-item.active.center .optIcon {
    height: 50px;
    width: 50px;
}
.optionSlider .owl-item.active.center .optIcon img {
    max-width: 22px;
    min-width: 22px;
    min-height: 24px;
    max-height: 24px;
    transform: scale(1.15);
}
.sidebar-menu .profileOptions .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    bottom: 45%;
    font-size: 25px;
}.sidebar-menu .profileOptions .owl-carousel .owl-nav button{
    margin: 0;
}
.sidebar-menu .profileOptions .owl-carousel .owl-nav .owl-prev span{
    background: #0967d0;
    display: block;
    height: 30px;
    width: 13px;
    font-size: 20px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.sidebar-menu .profileOptions .owl-carousel .owl-nav .owl-next span {
    background: #0967d0;
    display: block;
    height: 30px;
    width: 14px;
    font-size: 20px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}
/* Side Bar New Css Ends */

/*Dashboard-mid-content-css-start*/
.canvas-con-inner {
    width: 200px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.oil-wrap {
    height: 300px;
    width: 220px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-wrap{
        display: flex;
    justify-content: left;
    align-items: inherit;
    padding: 40px 20px 30px 20px;
    margin-left: 6px;
}
.right-content{
    display:flex;
}


.right-content2 {
        z-index: 9999;
    position: fixed;
    right: -38px;
    top: 31%;
    width: 0;
}


.right-content2 img {display: block;
    margin: 13px 0;
    width: 36px;}

.content-wrap .right-content .btn {
    width:170px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    background-color: #091829 !important;
    border-color: #091829 !important;
}
.content-wrap .right-content .btn:hover{
    background-color:#0967d0;
    border-color: #0967d0 !important;
    outline:none !important;
} 
.depart-text{
    color:#011832;
    font-size:28px;
    font-weight:400;
}
.creat-text{
    color:#437fd6;
    font-size:17px;
    font-weight:400;
} 
.policy-btn {
    margin-left: 15px;
}
.mark-btn {
    margin-left: 15px;
}
.cal-wrap {
    width:180px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
.dash-cal .calendar-icon{
    color:#106bd1;
    font-size: 15px;
}
.cal-list .cal-select {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 20px 0px 12px;
    color: #292929;
    font-size: 16px;
    font-weight: 600;
}
.dash-cal {
    padding: 0 15px;
    border-right: 1px solid #9abcea;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.department-tabs .teams-wrap {
    padding: 10px 0px 20px 0px;
}
.leaves-table .table-content {
    padding: 0px 0px 0px 10px;
}
.teamsDetails .teams-name .name{
    color:white;
    font-size:18px;
    font-weight:600;
    margin-bottom: 0;
}
.teamsDetails .teams-name .designation{
    color:#1870d3;
    font-size:16px;
    font-weight:600;
    margin-bottom: 0;
}
.teamsDetails {
    display: flex;
    align-items: center;
}
.teams-name {
    margin-left: 15px;
}
.teams-wrap .teamsDetails .teamimg img {
    object-fit: cover;
    object-position: center;
    max-width: 100px;
    max-height: 100px;
}
.teams-wrap .teamsDetails .teamimg {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d2d0d0;
    background: #dee5f7;
}
.team-lead-wrap .teams-wrap .teamsDetails .teamimg img {
    object-fit: cover;
    object-position: center;
    max-width:65px;
    max-height:65px;
}
.team-lead-wrap .teams-wrap .teamsDetails .teamimg {
    width:65px;
    height:65px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d2d0d0;
    background: #dee5f7;
}
.team-lead-wrap  .teamsDetails .teams-name .name{
    color:#282828;
    font-size:14px;
    font-weight:600;
    margin-bottom: 0;
}
.team-lead-wrap  .teamsDetails .teams-name .designation{
    color:#1870d3;
    font-size:12px;
    font-weight:600;
    margin-bottom: 0;
}
.team-lead-wrap  .teamsDetails  .teams-name {
    margin-left: 5px;
}
.team-lead-wrap  .teamsDetails .teams-name .lead-text{
    color:#282828;
    font-size:12px;
    font-weight:600;
}
.team-lead-wrap{
    display:flex;
    justify-content:space-between;
}
.dashboard-wrap-1 .team-lead-wrap {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
}
.dashboard-wrap-1 .teams-wrap {
    padding-left: 20px;
}
.team-slider .owl-dots{
    display:none;
} 
.sec-team-slider .owl-dots{
    display:none;
} 
.team-lead-wrap .team-lead-memb  .teams-wrap .teamsDetails .teamimg img {
    object-fit: cover;
    object-position: center;
    max-width:40px;
    max-height:40px;
}
.team-lead-wrap .team-lead-memb  .teams-wrap .teamsDetails .teamimg {
    width:40px;
    height:40px;
    border-radius: 50%;
    overflow: hidden;
    background: #dee5f7;
    border:none;
}
.team-slider .teams-wrap{
    margin:0px;
    padding:0px;
}
.team-slider .teams-wrap .teamsDetails .teams-name .designation {
    font-size: 11px;
    width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.team-slider .teams-wrap .teamsDetails .teams-name .name{
    font-size:11px;
}
.sec-team-slider .teams-wrap{
    margin:0px;
    padding:0px;
}
.sec-team-slider .teams-wrap .teamsDetails .teams-name .designation{
    font-size:11px;
     width: 125px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sec-team-slider .teams-wrap .teamsDetails .teams-name .name{
    font-size:11px;
}
.team-lead-memb {
    background: #ffffff;
    max-width: 975px;
    max-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px 0 0px 15px;
    padding: 0px 0px 0px 35px;
}
.dashboard-sec-1 {
    background: #f1f4fb;
}
.team-nameslider {
    max-width: 930px;
}
.team-detailhead{
    max-width: 370px;
    background: #fff;
    border-radius: 10px;
}
.team-info {
    padding: 0 0px 0 20px;
}
.detailhead-content {
    padding: 20px 0 15px 20px;
    display: flex;
    margin-bottom: 20px;
    border-bottom: 7px solid #f7f7f7;
    border-radius: 0 0 22px 22px;
    align-items: center;
    position: relative;
}
.cake-text {
    color: #011832;
    font-size: 24px;
    font-weight: 600;
    line-height: 27px;
    margin-left: 20px;
    margin-bottom: 0;
}
.cake-icon img {
    max-width: 25px;
    max-height: 25px;
}
.cake-icon {
    background: #f1f4fb;
    width: 54px;
    height: 54px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-dates{
    display: flex;
    justify-content: space-between;
    padding: 15px 0px 15px 0px;
    border-bottom: 2px solid #f1f4fb;
}
.team-info-name{
    color: #031c36;
    font-weight: 700;
    font-size: 15px;
    width: 185px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
}
.team-info-date{
    color:#0967d0;
    font-weight:700;
    font-size: 12px;
    margin:0;
}
.team-nameswrap {
    padding: 0px 10px 15px 20px;
    height: 270px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: 8px;
}
.scroll-wrap {
    border-top: 2px solid #f1f4fb;
    padding:20px 0;
}
.team-infowrap {
    padding: 60px 0;
}
.call-wrap .cal-wrap {
    width: 190px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
.cke-blur {
    position: absolute;
    right: 0px;
    max-width: 65px;
    bottom: -3px;
}
.work-box {
    position: absolute;
    right: 0px;
    max-width: 65px;
    bottom: 3px;
}
.present {
    position: absolute;
    right: 0px;
    max-width: 60px;
    bottom: 3px;
}
/*scroll-start*/
#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #f1f4fb;
	border-radius:10px;
}

#style-4::-webkit-scrollbar
{
	width:3px;
	background-color: #f1f4fb;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #0967d0;
	border: 2px solid #0967d0;
}

.card-carousel .owl-dots {
    display: none;
}
/*scroll-end*/
.cake-date img {
    max-width: 15px;
    max-height: 15px;
    margin-left: 10px;
}

/* Bar Chart Wrap CSS */
.barChartWrap{
    /*padding: 0 20px 30px 20px;change*/
}
.barChartWrap .report-chart {
    min-height: 500px;
    background: #fff;
    padding: 20px;
    border-radius: 0 0 20px 20px;

}
.report-catwrap{
    background: #fff;
    height: auto;
    border-radius: 20px;
}
.report-img img {
    max-width: 25px;
    max-height: 25px;
}
.report-cat {
    background: #dee5f7;
    padding: 15px 20px;
    border-radius: 20px 20px 0px 0px;
}
.report-text {
    margin: 0;
    display: flex;
    align-items: center;
    color: #282828;
    font-weight: 600;
    font-size: 17px;
}
.report-img {
    margin-right: 12px;
}
.report-contentext{
    color:#091829;
    font-size:16px;
    font-weight:400;
     margin: 0;
}
.report-content {
    padding: 10px 15px 0 15px;
}
.report-contentwrap {
    padding-bottom: 10px;
    border-bottom: 1px solid #e6f0fa;
    padding: 9px 0;
}
.report-contentext:hover {
    color: #0967d0;
    font-weight: 500;
}
.barChartWrap .bar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #021b36;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
.employ-graphteam .oil-wrap.my-wrap-team {
    height: 400px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
canvas#myChart-001 {
    height: 430px !important;
    width: 95% !important;
    margin: 0 auto;
}
.btn-style{
    background-color: #FFFFFF !important;
    color: #000 !important;
}
.employ-graphteam .oil-wrap.oil-wrap-team {
    height: 540px;
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.date-texts{
    font-size:14px;
    font-weight:600;
    color: white;
}
.date-range-wrapper{
    display:flex;
    justify-content:center;
    align-items: baseline;
}
.date-text-wrap {
    margin: 0 7px;
}
.date-range-wrapper .mark-btn {
    padding: 10px 50px;
}
.date-filter-wrapper{
    
}
.graphs-datawrap .month-input-wrapper.filter-wraps.date-filter-wrapper {
    justify-content: flex-end;
}
.bar.organ-bar-report {
    flex-direction: column;
}
.date-organiz-wrap {
    margin: 0px 0 15px 0;
}
.date-range-wrapper .select-wrapp select {
    background-color: #dee5f7;
    color: #000;
    font-size: 14px;
    border: none !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 12px 10px;
    outline: none;
    width: 190px !important;
    margin-left: 10px;
    font-weight: 600;
}
.date-range-wrapper .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #513e2f;
    width: 190px;
    height: 40px;
}
.orgn-head{
    display:flex;
    justify-content:space-between;
    width:100%;
    align-items:baseline;
}
/*organization-modal-start*/
.organiz-report-modal .modal-dialog {
    width: 1040px;
}
.box-wrapper {
    min-height: 450px;
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.box-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #1d65cf;
}

.box-wrapper::-webkit-scrollbar
{
	width: 5px;
   background-color: #1d65cf;
}

.box-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	 background-color: #1d65cf;
}
/*pagin-start*/
.pagin-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
@media (max-width: 767px) {
  .pagination {
    width: 100%;
    border-radius: 0px;
  }

  .pagination > li > a,
  .pagination > li > span {
    width: 50%;
    display: block;
    text-align: center;
    border-radius: 0px;
    margin-left: 0px;
    border-width: 1px 0 0 1px;
  }

  .pagination.even > li:nth-child(even) > a,
  .pagination > li:nth-child(even) > span {
    border-right: solid 1px #dddddd;
  }

  .pagination.even > li:first-child > a,
  .pagination > li:first-child > span {
    border-radius: 4px 0px 0px 0px;
  }

  .pagination.even > li:nth-child(2) > a,
  .pagination > li:first-child > span {
    border-radius: 0px 4px 0px 0px;
  }

  .pagination.even > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom: solid 1px #dddddd;
    border-radius: 0px 0px 4px 0px;
  }

  .pagination.even > li:nth-last-child(2) > a,
  .pagination > li:nth-last-child(2) > span {
    border-bottom: solid 1px #dddddd;
    border-radius: 0px 0px 0px 4px;
  }

  .pagination.odd > li:nth-child(odd) > a,
  .pagination > li:nth-child(odd) > span {
    border-right: solid 1px #dddddd;
  }

  .pagination.odd > li:first-child > a,
  .pagination > li:first-child > span {
    border-radius: 4px 4px 0px 0px;
    border-bottom: 0px;
    width: 100%;
  }

  .pagination.odd > li:last-child > a,
  .pagination > li:last-child > span {
    border-bottom: solid 1px #dddddd;
    border-radius: 0px 0px 4px 0px;
  }

  .pagination.odd > li:nth-last-child(2) > a,
  .pagination > li:nth-last-child(2) > span {
    border-bottom: solid 1px #dddddd;
    border-radius: 0px 0px 0px 4px;
  }
}

/*pagin-end*/
/*organization-modal-end*/

/***** New graph screen start *****/

.graphs-datawrap .barChartWrap .report-chart {
    background: #fff;
    padding: 20px;
    border-radius: 0 0 20px 20px;
    min-height: unset;
}
.graphs-datawrap {
    padding: 50px 0;
}
.employ-graphteam .oil-wrap {
    height: 400px;
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.employ-graphteam {
    background: #fff;
    border-top: 1px solid #cccccc4f;
    padding: 10px 10px;
    border-radius: 0 0 15px 15px;
}
.grap-dataright.barChartWrap .bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 0px;
    background: #021b36;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
.grap-dataright .ml-20 {
    margin-left: 10px;
}
.grap-dataleft.barChartWrap {
    padding: 0 0px 30px 20px;
}
.bar .teamsDetails .teams-name .designation.break-txt {
    color: #6c6b6b;
    font-weight: 500;
    font-size: 16px;
}
.grap-dataright.barChartWrap {
    padding: 0 0px 30px 20px;
}
.pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
    height: 500px;
    width: 65%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grap-dataright .select-wrapp select {
    background-color: #dee5f7;
    color: #000;
    font-size: 14px;
    border: none !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 12px 10px;
    outline: none;
    width: 140px;
    margin-left: 10px;
    font-weight: 600;
}
.graphs-datawrap .month-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: 310px;
    width: 100%;
}
.grap-dataleft.barChartWrap.company-reports-wrap,
.grap-dataright.barChartWrap.company-reports-wrap
{
    padding: 0 20px 30px 20px;
}    

/*.graphs-datawrap .month-input-wrapper.filter-wraps {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: baseline;*/
/*    max-width: 820px;*/
/*    width: 100%;*/
/*}   */
.graphs-datawrap .month-input-wrapper.filter-wraps {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.grap-dataright.company-reports-wrap .month-input-wrapper.filter-wraps {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: 760px;
    width: 100%;
}
.grap-dataright.barChartWrap .bar.team-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 0px;
    background: #021b36;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    flex-direction: column;
    text-align: center;
}
.barChartWrap .bar.team-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background: #021b36;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    flex-direction:column;
    text-align:center;
}
.name-report{
    color: white;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.designation-report{
    color: white;
    font-weight: 500;
    font-size: 16px;
    margin: 0;
}
.bar-report-chart {
    max-width: 1050px;
    margin: 0 auto;
}
.team-pie.employ-graphteam {
    background: #fff;
    border-top: 1px solid #cccccc4f;
    padding: 10px 10px;
    border-radius: 0 0 15px 15px;
    min-height: 550px;
    max-height: 550px;
}
.employ-graphteam .oil-wrap.oil-wrap-team.team-pie-inner {
    height: 540px;
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.distribution-btn  .mark-btn {
    padding: 10px 40px;
}
.distribution-btn .select-wrapp select {
    background-color: #dee5f7;
    color: #000;
    font-size: 15px;
    border: none !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 12px 10px;
    outline: none;
    width: 150px;
    margin-left: 10px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.distribution-btn .select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #513e2f;
    width: 150px;
    height: 40px;
}
.distribution-btn .ml-20 {
    margin-left: 10px;
}
.team-report-bar{
    padding-bottom:0 !important;
}
/*shift-table-start*/
    .table.table-shift .table-header {
        background-color: #f5f5f5;
        color: #333;
    }
    .table.table-shift .table-header .cell{
        padding:20px;
    }
    .table-shift {
        width: 100%;
        background: #fff;
        margin: 0;
        overflow: hidden;
    }
    .table-content-wraps {
        border: 1px solid #ccc;
        padding: 0;
        border-radius: 15px 15px 0px 0px;
        overflow: auto;
        border-bottom: none !important;
        max-height: 350px;
        margin-top: 20px;
    }
    .timing-routine.timing-text {
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    /*
 *  STYLE 2
 */

    #style-shift::-webkit-scrollbar-track
    {
    	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    	border-radius: 10px;
    	background-color: #F5F5F5;
    }
    
    #style-shift::-webkit-scrollbar
    {
    	width: 12px;
	    height: 8px;
    	background-color: #F5F5F5;
    }
    
    #style-shift::-webkit-scrollbar-thumb
    {
    	 border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
        background-color: #021b36a1;
    }

/*shift-table-end*/
.mbb-10{
    margin-bottom:10px;
}
.table.table-shift .table-header .cell {
    padding: 20px 15px;
    border-right: 1px solid #ccc;
}
.table-shift tr td {
    border-right: 1px solid #ccc;
}
.shift-table-wrap {
    padding: 0 20px 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    padding: 0 20px;
    background: #fff;
}
.team-report-status .shift-table-wrap {
    padding: 0 20px 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0px 15px 15px;
    padding: 0 0px;
    background: unset;
}
.entire-report-status .shift-table-wrap {
    padding: 0 20px 0 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 0px 15px 15px;
    padding: 0;
    background: unset;
}
.grap-dataright.barChartWrap.team-report-status .bar.team-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px 10px 0px;
    background: #021b36;
    overflow: hidden;
    border-radius: 15px;
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid #cccccca6;
}
.grap-dataright.barChartWrap.entire-report-status .bar.team-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    background: #021b36;
    overflow: hidden;
    border-radius: 15px;
    flex-direction: column;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.timing-routine {
    font-size: 14px;
    color: #000;
    width: 60px;
    white-space: nowrap;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto;
}
.table-shift tr td {
    background-color:#ecf3fd;
}
.table-shift tr th:first-child {
    border-top: none;
    border-top-left-radius: 5px;
}
.table-cells th {
    padding: 10px 10px !important;
    border-right: 1px solid #ccc;
}
.grap-dataright.barChartWrap.team-report-status {
    padding: 0 20px 0px 0px;
}
.grap-dataright.barChartWrap.entire-report-status {
    padding: 0 20px 0px 0px;
}
    
/***** New graph screen End *****/

/***** select-start *****/

.select-wrapp select {
    background-color: #dee5f7;
    color: #000;
    font-size: 15px;
    border: none !important;
    border-radius: 10px !important;
    width: 100%;
    padding: 12px 10px;
    outline: none;
    width: 150px;
    margin-left: 10px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-wrapp select:focus {
  border: solid 1px #adadad7d;
}
.select-wrapp .select-styled {
    display: none;
}
.graphs-datawrap .month-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: baseline;
    max-width: 330px;
    width: 100%;
}
.ml-20{
    margin-left:20px;
}
/***** select-end *****/
.leave-quota img {
    max-width: 65px;
    max-height: 65px;
}
.bar .teams-wrap {
    padding: 10px 10px;
}
.bar .teamsDetails .teams-name .designation {
    color: white;
    font-weight:500;
    font-size:18px;
}
.input-date {
    outline: none;
    background: #dee5f7;
    padding: 15px 15px;
    border: none;
    font-weight: 600;
}
.bar-cal input {
    border-radius: 10px !important;
}
/*.input-date:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    background:url(images/calendar.png);*/
/*    height: 25px;*/
/*    width: 25px;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*    right: 13px;*/
/*    top: 11px;*/
/*}*/
.bar-cal {
    position: relative;
}
a.report-contentwrap {
    text-decoration: none;
}
.bar-icon {
    position: absolute;
    right: 15px;
    top: 13px;
}

.bar-cal input[type="date"] {
  position: relative;
  padding: 10px;
  cursor: pointer;
}
.bar-cal input[type="date"]::-webkit-calendar-picker-indicator {
  color: transparent;
  background: none;
  z-index: 1;
}
.bar-cal input[type="date"]:before {
    content: '';
    position: absolute;
    right: 10px;
    width: 21px;
    height: 23px;
    top: 10px;
    background: url(../images/calendar.png);
    background-repeat: no-repeat;
    cursor: pointer;
}
.pie-wrap {
    background: #fff;
    padding: 20px 20px;
    border-radius: 20px;
}
.employee-content{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.emp-text{
    display:block;
}
.emp-textwrap {
    color: #011832;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.employee-wrap {
    padding: 0 20px 0px 0px;
    border-right: 1px solid #dcdbdb;
}
.pie-chart {
    padding: 20px 20px 30px 20px;
}
.report-contentwrap a {
    text-decoration: none;
}
.activeTab.active p{
    color: #0967d0 !Important;
    font-weight: 500 !Important;
}
.foot-wrap .teams-wrap {
    padding: 0;
}
.foot-wrap .teamsDetails {
    display: flex;
    flex-direction: column;
}
.foot-wrap {
    display: flex;
    justify-content: space-between;
}
.foot-wrap .teams-wrap .teamsDetails .teamimg img {
    min-width: 70px;
    max-width: 70px;
    min-height: 70px;
    max-height: 70px;
    object-fit: cover;
    object-position: center;
}
.foot-wrap .teams-wrap .teamsDetails .teamimg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d2d0d0;
    background: #dee5f7;
} 
.foot-wrap .teams-wrap .teams-name .name {
    color:#011832;
    font-size: 16px;
    font-weight:500;
    padding: 6px 0 0 0;
}
.foot-wrap .teams-wrap .teams-name .designation{
    color:#0967d0;
    font-size:25px;
    font-weight:700;
    text-align: center;
}
.foot-wrap .teams-wrap .teamsDetails .teams-name {
    margin: 0;
}
.pie-wrap .cal-wrap {
    width: 170px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
.employee-wrap .cal-list .cal-select {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 10px 0px 10px;
    color: #292929;
    font-size: 14px;
    font-weight: 600;
}
.employee-wrap  .cal-wrap {
    width: 195px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
.employee-wrap  .dash-cal {
    padding: 0 13px;
    border-right: 1px solid #9abcea;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.employee-wrap-2 .cal-wrap {
    width: 155px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
/*select-start*/
.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 16px;
    color: #513e2f;
    width: 140px;
    height: 40px;
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #282828 !important;
    font-weight: 600;
    background-color: #dee5f7;
    padding: 8px 0px 0 10px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 2px;
}
.select-styled:hover {
    background-color: #dee5f7;
}
.select-styled:active, .select-styled.active {
      background-color: #dee5f7;
}
.select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #000 transparent;
}
.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 5px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #dee5f7;
    border-radius: 0 0 10px 10px;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  font-size: 12px;
  border-bottom: 1px solid #f1f4fb;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
  border: none;
}
.select-options li:hover, .select-options li.is-selected {
  color: #c0392b;
  background: #fff;
}
.select-options li[rel="hide"] {
  display: none;
}
.employee-wrap.employee-wrap-2  .cal-list .cal-select {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 10px 0px 10px;
    color: #292929;
    font-size: 5px;
    font-weight: 600;
}
.all-emp-wrap .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: -6px;
}
.select-options li:hover, .select-options li.is-selected {
    color: #fff;
    background: #021b36;
}
.dashboard-contentwrap .row {
     margin-right: 0px;
}
/*guage-css-start*/
#my-guage{
    width: 330px;
    height: 300px;
    margin: 0 auto;
}
#my-guage-license-text{
    display:none;
}
#my-guage-top{
    width: 325px !important;
    height: 370px !important;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
#my-guage-img {
    display: none;
}
/*guage-css-end*/
/*select-end*/

/*dashboard-wrap-3-css-start-1*/
.dashboard-wrap-3 .dashboard-contentwrap .teams-wrap {
    display: flex;
    max-width: 80%;
    justify-content: space-between;
}
.dashboard-wrap-3 .dashboard-contentwrap .teams-wrap.teams-lead {
    margin-top: 20px;
    margin-bottom: 25px;
}

.sec-teamwrap-3 .team-lead-wrap .team-lead-memb {
    background: #ffffff;
    max-width: 100%;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 15px 0 0px 15px;
    padding: 0px 60px 0px 35px;
    position: relative;
}
.sec-teamwrap-3 .team-lead-wrap .team-nameslider {
    max-width: 100%;
}
.sec-teamwrap-3  .team-lead-wrap .team-nameslider {
    max-width: 100%;
}
.sec-team-2 .teams-wrap{
    margin:0px;
    padding:0px;
}
.sec-team-2 .teams-wrap .teamsDetails .teams-name .designation{
    font-size:11px;
    width: 115px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sec-team-2 .teams-wrap .teamsDetails .teams-name .name{
    font-size:11px;
}
.events-heading {
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 20px;
}
.events-heading p{
    color:#011832;
    font-size:22px;
    font-weight:600;
    margin-bottom:0;
}
.team-infowrap.teams-3 {
    padding: 35px 0;
}
.teams-wrap.teams-lead .teamsDetails .teamimg {
    width: 80px;
    height: 80px;
}
.teams-wrap.teams-lead .teamsDetails .teamimg img {
    max-width: 80px;
    max-height: 80px;
}
/*dashboard-wrap3-css-end-1*/
/*dashboard-wrap-4-start*/
.pie-wrap.pie-wrap-2{
    background: #fff;
    padding: 20px 20px;
    border-radius: 20px;
}
.depart-text.organ-text {
    color: #011832;
    font-size: 28px;
    font-weight: 500;
}
.content-wrap.content-wrap-2{
    align-items:baseline;
}
.content-wrap.content-wrap-2{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding: 40px 20px 30px 20px;
}

.cal-2-wrap .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: -6px;
}
 .employee-wrap.employee-wrap-2  .cal-list .cal-select {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 10px 0px 10px;
    color: #292929;
    font-size: 5px;
    font-weight: 600;
}
.employee-wrap-2 .cal-wrap {
    width: 155px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}

.employee-wrap-3 .cal-wrap {
    width: 195px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    align-items: center;
    background-color: #dee5f7!important;
    border-color: #dee5f7 !important;
}
.employee-wrap-3 .dash-cal {
    padding: 0 13px;
    border-right: 1px solid #9abcea;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.employee-wrap-3 .cal-list .cal-select {
    outline: none;
    border: none;
    background: transparent;
    padding: 0 10px 0px 10px;
    color: #292929;
    font-size: 14px;
    font-weight: 600;
}
/*custom-select-start*/
.custom-select {
  position: relative;
  font-family: Arial;
}
.custom-select select {
  display: none; 
}
.select-selected {
  background-color: DodgerBlue;
}
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}
.select-items {
  position: absolute;
  background-color: DodgerBlue;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}
.select-hide {
  display: none;
}
.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}
/*custom-select-start*/
.list-calendar .select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.list-calendar .select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #fff;
  width: 130px;
  height: 40px;
}

.list-calendar .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #dee5f7;
  padding: 12px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
.list-calendar .select-styled:after {
  content: "";
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  top: 18px;
  right: 10px;
}
.list-calendar .select-styled:hover {
     background-color: #dee5f7;
}
.list-calendar .select-styled:active, .select-styled.active {
    background-color: #dee5f7;
}
.list-calendar .select-styled:active:after, .select-styled.active:after {
  top: 9px;
  border-color: transparent transparent #000 transparent;
}

.list-calendar .select-options {
   display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #dee5f7;
  color: #000;
  font-weight: 400;
}
.list-calendar .select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
   border-top: 1px solid #dee5f7;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in;
}
.list-calendar .select-options li:hover, .select-options li.is-selected {
    color: #fff !important;
    background: #000 !important;
}
.list-calendar .select-options li[rel="hide"] {
  display: none;
}

/*custom-select-end*/
.content-wrap-2 {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px 20px;
}
.content-wrap-2 .right-content .btn {
    width: 170px;
    height: 50px;
    border-radius: 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: auto;
    background-color: #091829 !important;
    border-color: #091829 !important;
}
.dotss-image {
    min-height: 25px;
    max-width: 4px;
    min-width: 4px;
    max-height: 25px;
    object-fit: cover;
    object-position: center;
    margin-top: 15px;
    margin-left: 10px;
    cursor:pointer;
}
.punctual-wrap .teamsDetails  img {
    max-width: 85px;
    max-height: 85px;
    border-radius: 50%;
    overflow: hidden;
    object-fit: cover;
    object-position: center;
}
.punctual-wrap .teamsDetails .col-green {
    border: 3px solid #009933;
}
.align-cent{
    display:flex;
    justify-content:center;
    align-items: flex-start;
}
.round-count {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    color: #000;
    right: -5px;
    font-weight: 700;
    background: #fff;
}
.round-col-green{
    border: 3px solid #009933;
}
.circle-wrap{
    position:relative;
}
.punc-text-bold{
    color: #0066cc;
    font-weight: 500;
    font-size: 20px;
    width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.punc-text-light{
    color: #666666;
    font-size: 17px;
    font-weight: 500;
    line-height: 10px;
}
.punc-text-black {
    color: #003333;
    font-size: 14px;
    font-weight: 600;
}
.punctual-wrap .teamsDetails .col-yellow {
    border: 3px solid #ff9900;
}
.round-col-yellow {
    border: 3px solid #ff9900;
}
.punctual-wrap .teamsDetails .col-pur {
    border: 3px solid #ff0099;
}
.round-col-pur {
    border: 3px solid #ff0099;
}
.punctual-wrap .teamsDetails .col-red {
    border: 3px solid #cc3300;
}
.round-col-red {
    border: 3px solid #cc3300;
}
.punctual-wrap .teamsDetails .col-blue {
    border: 3px solid #0066cc;
}
.round-col-blue {
    border: 3px solid #0066cc;
}
@media only screen and (max-width:1680px){
    .punc-text-bold {
        font-size: 14px;
    }
    .progress > .progress-completed {
        top: 5px !important;
    }
}
@media only screen and (max-width:1630px){
    .progress > .progress-completed {
        right: -10px !important;
    }
    .punc-text-bold {
        font-size: 13px;
        font-weight:600;
    }
    .punc-text-light {
        font-size: 15px;
    }
    .punc-text-black {
        font-size: 13px;
    }
}
@media only screen and (max-width:1440px){
    .dashboard-wrap-1 .teamsDetails {
        margin-bottom: 20px;
    }
    .sec-teamwrap-3 .team-lead-wrap .team-lead-memb {
        padding: 30px 60px 0px 35px;
    }
    .dashboard-wrap-1 .team-lead-memb {
        padding: 20px 0 0;
    }
    .dashboard-wrap-1 .teamsDetails {
        margin-bottom: 20px;
    }
   .round-count {
        width: 25px;
        height: 25px;
    }
    .punctual-wrap .teamsDetails img {
        max-width: 65px;
        max-height: 65px;
    }
    .punc-text-light {
        font-size: 13px;
    }
    .punc-text-bold {
        font-size: 12px;
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .punc-text-black {
        font-size: 12px;
    }
}
@media only screen and (max-width:1366px){
   .round-count {
        width: 25px;
        height: 25px;
    }
    .punctual-wrap .teamsDetails img {
        max-width: 65px;
        max-height: 65px;
    }
    .punc-text-light {
        font-size: 13px;
    }
    .punc-text-bold {
        font-size: 12px;
        width: 90px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .punc-text-black {
        font-size: 12px;
    }
    .align-cent {
        flex-direction: column;
    }
    .bar-wrap {
        margin-top: 10px;
    }
}
/*progress-bar-start*/
.bar-wrap{
     position: relative;
     max-width: 230px;
     width: 100%;
}
.progress {
    height: 16px;
    width: 100%;
    border-radius: 50px !important;
    border: 4px solid #bce8f166;
}
.progress > .progress-type {
	position: absolute;
	left: 0px;
	font-weight: 800;
	padding: 3px 30px 2px 10px;
	color: rgb(255, 255, 255);
	background-color:#0066cc;
}
.progress > .progress-completed {
	position: absolute;
	right: 0px;
	top: 15px;
	font-weight: 800;
	padding: 3px 10px 2px;
	
}
.mbb-40{
    margin-bottom:40px;
}
/* progress-bar-end */
/*dashboard-wrap-4-end*/
/*slider-start-name-description*/
 .sec-team-2 .owl-next {
    position: absolute;
    background: #f1f4fb !important;
    width: 50px;
    height: 50px;
    right: -60px;
    color: #000 !important;
    font-weight: 700 !important;
    top: -10px;
    border-radius: 10px !important;
}
 .sec-team-2 .owl-nav .owl-prev {
    display: none !important;
    visibility: hidden;
}

 .sec-team-2.owl-carousel .owl-dots.disabled, .sec-team-2.owl-carousel  .owl-nav.disabled {
    display: block;
}
/*slider-end*/

/*screen-5-start*/
.dashboard-wrap-5 .events-heading {
    margin-top: 40px;
    margin-bottom: 0;
    padding-left: 20px;
}
.dashboard-wrap-5 .events-heading p {
    color: #011832;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
}
.dashboard-wrap-5 .content-wrap-2 {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 30px 20px;
}
.adjust-text{
    color:#0066cc;
    font-size:26px;
    font-weight:600;
}
.pr-text{
    color:#000033;
    font-weight:500;
    font-size:15px;
}
.dashboard-wrap-5 .teams-wrap {
    padding: 0px 20px 40px 20px;
}
.dashboard-wrap-5 .teams-wrap .teamsDetails {
    display: flex;
    align-items: center;
}
.dashboard-wrap-5 .teams-wrap .teamsDetails .teamimg {
    width: 125px;
    height: 125px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #d2d0d0;
    background: #dee5f7;
}
.dashboard-wrap-5 .teams-wrap .teamsDetails .teamimg img {
    max-width: 125px;
    max-height: 125px;
    object-fit: cover;
    object-position: center;
}
.dashboard-wrap-5 .teams-wrap .teamsDetails .teams-name  {
    margin-left: 25px;
}
.dashboard-wrap-5 .teams-wrap .teamsDetails .teams-name .designation {
    color: #0066cc;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.dashboard-wrap-5 .btn {
    border-radius: 50px !important;
    min-width: auto;
    background-color: #091829 !important;
    border-color: #091829 !important;
    padding: 10px 35px;
    text-align: end;
}
.cta-btn {
    text-align: end;
    padding: 0 0px 10px 0;
}
.dashboard-wrap-5 {
    padding: 20px 20px 20px 20px;
}
.table-content-1{
    color:#000033;
    font-size:20px;
    font-weight:500;
}
.table-content {
    padding:0px 0px 30px 20px;
}
.leaves-table .table-content {
    padding: 0px 0px 10px 10px;
}
.table-header {
    background-color: #ffffff;
    color: #0066cc;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    border-top: 1px solid #0066cc;
    border-top-left-radius:15px;
}
.table-dash tr .head-2 {
    width: 12% !important;
    min-height: 40px;
    padding: 15px 0 !important;
}
.table-dash tr .head-1 {
    width: 14% !important;
    padding: 15px 0 !important;
}
.text-1{
    color:#000033;
    font-size:12px;
    font-weight:500;
    padding: 15px 16px !important;
}

.table-header tr th{
    text-align:center;
}
.col-green{
    color:#339900;
    font-weight:600;
}
.col-red{
    color:#990000;
    font-weight:600;
}
.table-header tr th:first-child{
    border-top:none;
    border-top-left-radius:5px;
}
.table-rad {
    border-radius: 1.2em;
}
.table-rad .table-bordered>tbody>tr>th {
    border-bottom: none !important;
    border: 1px solid #ddd;
}
.table-rad {
    background: #ecf3fd;
    border-top: 1px solid #0066cc;
    padding: 0px 0px 0px 0px;
    box-shadow: 0 0 5px 0 #ccc;
}
.table.table-dash {
    margin-bottom: 0px;
}
.head-3{
    width:8%;
}
.table.table-dash tr td {
    border: 1px solid #ccc;
    border-bottom: none;
}
.table.table-dash tr th {
    border: 1px solid #ccc;
}
.table.table-dash {
    margin-bottom: 0px;
    border: 1px solid #ccc;
    border-bottom: none;
}
.day-timing {
    color: #9999ff;
    font-weight: 500;
    font-size: 13px;
}
@media only screen and (max-width:1440px) {
    .table-header tr th {
        font-size: 12px;
    }
}
@media only screen and (max-width:1366px) {
      .text-1 {
        font-size: 10px;
    }
    .table-header tr th {
        font-size: 10px;
    }
        .report-contentext {
        font-size: 13px;
    }
    .depart-text {
        font-size: 18px;
    }
    .creat-text {
        font-size: 14px;
    }
    .emp-textwrap {
        font-size: 14px;
    }
    .team-info-name {
        font-size: 12px;
    }
    .team-info-date {
        font-size: 10px;
    }
}

/*screen-5-end*/



/*responsive-css-start*/
@media only screen and (max-width:1600px){
    g#my-guage-trigger-c {
        display: none;
    }
}
@media only screen and (max-width:1540px){
     .org-txt{
        font-size:15px !important;
    }
    .break-txt{
        font-size:14px !important; 
    }
}
@media only screen and (max-width:1440px){
    .report-contentext {
        font-size: 14px;
    }
    .report-content {
        padding: 10px 10px 0 10px;
    }
    .report-text {
        font-size: 15px;
    }
    .employee-wrap .cal-wrap {
        width: 170px;
        height: 50px;
    }
    .employee-wrap  .select {
        width: 128px;
        height: 40px;
    }
    .emp-textwrap {
        font-size: 16px;
        line-height: 18px;
    }
    #my-guage {
        width: 295px;
        height: 272px;
        margin-bottom: 30px;
    }
    .foot-wrap .teams-wrap .teams-name .name {
        font-size: 14px;
    }
    .team-lead-memb {
        max-width: 98%;
        max-height: 90px;
        padding: 20px 20px;
    }
    .team-lead-wrap {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .depart-text {
        font-size: 22px;
    }
    .teamsDetails .teams-name .name {
        font-size: 16px;
    }
    .grap-dataright.barChartWrap .bar {
        flex-direction: column;
    }
     .grap-dataleft.barChartWrap .bar {
        flex-direction: column;
    }
    .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 540px;
        width: 100%;
    }
    .pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 490px;
        width: 90%;
    }
    .employ-graphteam .oil-wrap.my-wrap-team {
        height: 490px;
        width: 90%;
    }
    .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 490px;
        width: 90%;
    }

}
/*responsive-css-end*/
.department-info-wrapper #wrap {
    position: absolute;
}
.department-info-wrapper select {
  font-size:18px;
  cursor:pointer;
  appearance: none;
  -webkit-appearance: none;
  outline:none;
  padding:0 10px;
}
.department-info-wrapper select::-ms-expand {
    display:none;
}
.department-info-wrapper .select-styled {
    border-radius: 5px;
    padding: 10px 0px 0 10px;
}
.department-info-wrapper .select {
    height: 42px;
    padding: 0 95px;
     margin-top: 0px;
}
.department-info-wrapper select {
    display: none;
}
.department-info-wrapper .select .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #000 transparent transparent transparent;
    position: absolute;
    top: 16px;
    right: 12px !important;
}
.leaves-table .table.table-dash {
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
}
.leave-table-wraps {
    padding: 40px 30px 0 0 !important;
}
.department-tabs {
    padding: 0px 30px 10px 30px !important;
}
.department-tabs .nav-tabs {
    border-bottom: none;
}
.department-tabs .panel-heading {
    padding: 18px 15px 0;
}
.department-tabs .panel-default>.panel-heading {
    background-color: #ecf3fd;
    border-radius: 10px 10px 0 0;
    border-bottom: none;
}
.department-tabs .panel-default {
    border: none;
}
.leaves-table .table-content {
    padding: 0;
}
.department-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border-bottom: none;
}
.department-tabs .panel-body {
    padding: 15px 0;
}
/*.department-info-wrapper .select-styled:after {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border: 7px solid transparent;*/
/*    border-color: #000 transparent transparent transparent;*/
/*    position: absolute;*/
/*    top: 16px;*/
/*    right: 12px;*/
/*}*/
.leaves-table  .table-content {
    padding: 0px 0px 10px 10px;
}
.leave-rightwrap {
    max-width: 360px;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.info-employess {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cccccc4d;
    padding-top: 15px;
}
.department-tabs .nav-tabs>li {
    margin: 0 10px 0 0;
    background: #ecf3fd;
    border-radius: 10px 15px 0 0;
}
.department-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    cursor: default;
    border: none;
    background: #0267d1;
}
.department-tabs .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 15px 15px 0 0;
}
.empolyee-detail-wrapper {
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 430px;
    padding: 0 25px 0 0px !important;
}
/*scroll-bar-start*/
.empolyee-detail-wrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #ecf3fd;
}

.empolyee-detail-wrapper::-webkit-scrollbar
{
	width: 7px;
	background-color: #0267d1;
	border-radius:10px;
}

.empolyee-detail-wrapper::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #0267d1;
}

/*scroll-bar-end*/
.department-tabs .teamsDetails .teams-name .designation {
    font-size: 12px;
}
.department-tabs .pr-text {
    color: #000033;
    font-weight: 500;
    font-size: 12px;
}
.department-tabs .teams-wrap .teamsDetails .teamimg {
    width: 60px;
    height: 60px;
}
.department-tabs  .teams-wrap .teamsDetails .teamimg img {
    max-width: 60px;
    max-height: 60px;
}
.col-red{
    color:#ff0000 !important;
    font-weight: 600 !important;
}
.col-green{
    color:#11eb00 !important;
    font-weight: 600 !important;
}
.month-wrapper .name {
    text-align: center;
    margin: 0px 10px;
}
.month-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
/*search-btn-start*/
#search-box {
    position: relative;
    margin: 0 10px;
    border: 1px solid #ccc;
    padding: 3px;
    border-radius: 8px;
}
#search-form {
    height: 40px;
    background-color: #fff;
    overflow: hidden;
}
#search-text {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
    line-height: 15px;
}
#search-box input[type="text"] {
    width: 86%;
    padding: 10px 10px 5px 10px;
    color: #333;
    outline: none;
}
#search-button {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 30px;
    width: 30px;
    color: #fff;
    text-align: center;
    border-width: 0;
    background-color: #05b2c4;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 3px;
    outline: 0;
}
#search-button:hover {
    background: #333;
}
.month-input-wrapper {
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.payroll-input-wrapper .name{
    margin:0 10px;
}
/*search-btn-end*/
@media only screen and (max-width:1440px){
    .month-wrapper .month-input-wrapper {
        flex-direction: column;
    }
}
.width-len .teams-wrap{
    max-width:100% !important;
}
.department-tabs.prr-0{
    padding: 0px 30px 10px 0px !important;
}
.dashboard-wrap-1 .width-len .teams-wrap {
    padding-left: 0;
}
.bar-cal.cal-type2 input[type="date"]:before {
    content: '';
    position: absolute;
    right: 10px;
    width: 21px;
    height: 22px;
    top: 15px;
    background: url(../images/calendar.png);
    background-repeat: no-repeat;
    cursor: none;
}
.bar-cal.cal-type2 input[type="date"] {
    position: relative;
    padding: 15px;
    cursor: pointer;
}
.tracking-wrapper{
    display:flex;
    align-items:baseline;
}

@media only screen and (max-width:1660px){
    
    .pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 420px;
        width: 65%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .team-pie.employ-graphteam {
        background: #fff;
        border-top: 1px solid #cccccc4f;
        padding: 10px 10px;
        border-radius: 0 0 15px 15px;
        min-height: 464px;
        max-height: 464px;
    }
    .employ-graphteam .oil-wrap.oil-wrap-team.team-pie-inner {
        height: 450px;
        width: 70%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
   /*.team-report-status .shift-table-wrap {*/
   /*     min-height: 315px;*/
   /* }*/
    /*.entire-report-status .shift-table-wrap {*/
    /*    min-height: 310px;*/
    /*    background: unset;*/
    /*}*/
}

@media only screen and (max-width:1540px){
    .bar .teamsDetails .teams-name .designation {
        color: #6c6b6b;
        font-weight: 500;
        font-size: 14px;
    }
    .activeTab.active p {
        font-size: 14px;
    }
    .report-contentext {
        font-size: 14px;
    }
    
}
@media only screen and (max-width:1440px){
    .pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
        width: 75%;
    }
}
@media only screen and (max-width:1366px){
    .barChartWrap .bar {
        flex-direction: column;
    }
    .month-wrapper .month-input-wrapper {
        flex-direction: unset;
    }
    .teamsDetails {
        margin-bottom: 5px;
    }
    .report-contentext {
        font-size: 13px;
    }
    .activeTab.active p {
        font-size: 12px;
    }
    .report-text {
        font-size: 14px;
    }
    .distribution-btn .select-wrapp select {
        width: 130px;
    }
    .distribution-btn .select {
        width: 130px;
    }
    .pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 400px;
        width: 80%;
    }
    .employ-graphteam .oil-wrap.oil-wrap-team.team-pie-inner {
        height: 450px;
        width: 90%;
    }
    .graphs-datawrap .month-input-wrapper.filter-wraps.date-filter-wrapper {
        justify-content: center;
    }
    .date-range-wrapper .select-wrapp select {
        width: 150px !important;
    }
    .date-range-wrapper .select {
        width: 150px;
    }
        
}    
 @media only screen and (max-width:1280px){   
    .employ-graphteam .oil-wrap.my-wrap-team {
        height: 450px;
        width: 90%;
    }
    .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 450px;
        width: 100%;
    }
    .pie-wrapper-left .employ-graphteam .oil-wrap.oil-wrap-team {
        height: 450px;
        width: 100%;
    }
    .distribution-btn .mark-btn {
        padding: 10px 20px;
    }
 }
/*Dashboard-mid-content-css-End*/



body > .header .navbar .sidebar-toggle {
    margin-top: 2px;
}
body > .header .navbar {
    height: 55px;
}
body > .header .logo {
    line-height: 55px;
    height: 55px;
}
.left-side {
    top: 0px;
}
th {
    font-weight: 500;
}
.box.box-info {
    border-top-color: #0857cb;
}
/***EMPLOYEES PAGE***/
.employees-pg-wrap button,
.employees-pg-wrap .btn,
.attendance-pg-wrap button,
.attendance-pg-wrap .btn,
.rosters-pg-wrap button,
.rosters-pg-wrap .btn{
    background-color: #091829 !important;
    border-color: #091829 !important;
    /*background-color: #33383b !important;*/
    /*border-color: #33383b !important;*/
    color: #fff !important;
    /*transition: all 0.3s;*/
    cursor: pointer;
}
button, .btn,.btn.btn-default{
    /*background-color: #33383b !important;*/
    /*border-color: #33383b !important;*/
    background-color: #091829 !important;
    border-color: #091829 !important;
    color: #fff !important;
    /*transition: all 0.3s;*/
    cursor: pointer;
    border-radius: 25px !important;
    outline: none !important;
}
button:hover, .btn:hover, .btn.btn-default:hover,
button:focus, .btn:focus, .btn.btn-default:focus,
button:active, .btn:active, .btn.btn-default:active{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    /*background-color: #00a5d2 !important;*/
    /*border-color: #00a5d2 !important;*/
    border-color: #0855ca !important;
}
.user-footer button:hover,.user-footer  .btn:hover{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    /*background-color: #00a5d2 !important;*/
    border-color: #0855ca !important;
}
.login-pg-wrap{
    background: none;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.login-main-wrap{
    max-width: 800px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.login-main-wrap .login-welcome{
    width: calc(100% - 415px);
    height: calc(100% + 80px);
    position: absolute;
    top: 50%;
    left: 25px;
    transform: translateY(-50%);
    background:linear-gradient(45deg, #0d99e0, #0855ca);
    background-size: cover;
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
        -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.36);
}
.login-welcome-text h1{
    font-size: 33px;
    line-height: 1;
    margin: 0;
    margin-bottom: 10px;
    color: #fff;
}
.login-welcome-text h2{
    font-size: 20px;
    line-height: 1.1;
    margin: 0;
    margin-bottom: 15px;
    color: #fff;
}
.login-welcome-text p{
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    color: #fff;
}
.login-welcome-text a{
    background: #982b68;
    border-color: #982b68;
    max-width: 180px;
    width: 100%;
    border-radius: 25px;
    text-decoration: none;
    color: #fff;
    outline: none;
    box-shadow: none;
    margin-top: 20px !important;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.35s;
        padding: 10px 5px;
}
.login-main-wrap .form-box{
    margin: 0;
}
.login-pg-wrap .header{
    text-align: center;
    padding: 0px;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.login-pg-wrap .header img{
    max-width: 130px;
    margin: 0 auto;
}
.login-pg-wrap form .body.bg-gray{
     background: transparent !important;
     padding-bottom: 0 !important;
}
.login-pg-wrap .bg-login-blue{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
}
.login-pg-wrap .form-box{
    /*background: #fff;*/
    /*border-radius: 15px;*/
    /*box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);*/
    /*padding: 10px 0;*/
    margin-right: 20px;
}
.login-pg-wrap form .input-group input{
    border-radius: 0 10px 10px 0 !important;
}
.login-pg-wrap form .input-group span{
    border-radius:10px 0 0 10px !important;
}
.login-pg-wrap .form-box .footer{
    padding-bottom: 0 !important;
}
.login-pg-wrap .form-box .footer button{
    border-radius: 25px !important;
    border-color: #00a5d2 !important;
        display: inline-block;
    width: auto;
    padding: 8px 80px;
}
.user-footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.user-footer div{
    float: none !important;
    width: 50%;
    margin: 0 !important;
    padding: 5px;
}
.user-footer div:nth-of-type(3){
    width: 100%;
}
.user-footer div a{
    width: 100%;
}
.navbar-right .dropdown  a.dropdown-toggle:hover,
.navbar-right .dropdown  a.dropdown-toggle:active,
.navbar-right .dropdown  a.dropdown-toggle:focus{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
}
.navbar-right .dropdown  a.dropdown-toggle .label-success{
    /*background-color: #f67f0c !important;*/
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1 !important;
    font-size: 9px !important;
}
.box .box-body .table {
    margin-bottom: 0;
    font-size: 13px;
}
.box {
    border-top: 2px solid #0857cb !important;
}
.pagination>.active>a, .pagination>.active>span,
.pagination>.active>a:hover, .pagination>.active>span:hover,
.pagination>.active>a:focus, .pagination>.active>span:focus {
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    border-color: #00a5d2;
}
.my-profile-pg-wrap .box .bg-box-blue{
    background-color: #00a5d2 !important;
}
a.no-print, div.no-print{

}
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}
.box{
    padding: 5px 15px !important;
}
td .fa.fa-check-circle{
   color: #00a5d2; 
}
.dashboard-square .btn{
    border-radius: 4px !important;
    display: inline-flex;
    align-items: center;
    padding: 10px 5px;
    margin: 0 0 10px 5px;
    height: 40px;
}
.dashboard-square .btn i{
    padding-right: 5px;
    font-size: 15px !important;
}
.form-control {
    height: 40px !important;
}
.select2-container .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    border-radius: 50px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.apply-filter-btn,
.content form button[type=submit]{
    height: 40px !important;
}
.box-header.bg-box-blue{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
    /*background-color: #00a5d2 !important;*/
}

.nav-tabs-custom .nav.nav-tabs li a{
    font-size: 16px !important;
}
.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #0857cb;
}
.right-side > .content-header{
    color: #33383b !important;
    /*background: #f9f9f9 !important;*/
    background: #fff !important;
    box-shadow: none !important;
}
.content {
    /*background: #f9f9f9;*/
    background: #fff;
}
.right-side > .content-header > h1 {
    color: #0857cb;
}
.emp-details-box{
    border-radius: 15px;
}
.profile-box {
    /*background: #f5f5f5;*/
    /*padding: 8px;*/
    /*margin: 10px 0;*/
    /*border-radius: 8px;*/
    /*line-height: 24px;*/
    /*position: relative;*/
    /*box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);*/
    background: #f5f5f5;
    padding: 8px;
    margin: 10px 0;
    border-radius: 8px;
    line-height: 24px;
    position: relative;
    box-shadow: 0px 4px 0px #eaeaea;
    border: 1px solid #eee;
}
/*.profile-box:before{*/
/*  content: "";*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  right: 0;*/
/*  width:100%;*/
/*  height: 100%;*/
/*  box-shadow: 5px 5px 8px 0px rgba(0,0,0,0.15);*/
/*}*/

table#dataTable .thumbnail {
    border-radius: 100px;
    filter: grayscale(100%);
    height: 60px;
    width: 60px !important;
    padding: 2px;
    margin: 0;
}
table#dataTable .thumbnail:hover{
    max-width: 100px;
    transition-duration: 0.2s;
    box-shadow: 0px 0px 5px #333;filter: grayscale(0%);
}
.skin-blue .treeview-menu > li > a:hover{
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
}
.skin-blue .treeview-menu > li > a{
    color: #fff;
    transition: all 0.25s;
}

.navbar-right ul.nav.navbar-nav{
    margin-top: -7px;
}
.dropdown.user.user-menu .dropdown-toggle{
    padding-bottom: 13px;
}

/***DASHBOARD REVAMP***/
.left-side {
    WIDTH: 330px;
}
.left-side.sidebar-offcanvas.collapse-left{
    width: 80px !important;
    left: 0 !important;
}
.left-side.collapse-left .sidebar-menu .profileDetails .imgcover {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 0 auto 20px auto;
    border: 2px solid #0967d0;
    background: #dee5f7;
}
.left-side.collapse-left .sidebar-menu .profileDetails .imgcover img {
    object-fit: cover;
    object-position: center;
    max-width: 50px !important;
    max-height: 50px !important;
}
.left-side.collapse-left .sidebar-menu .profileDetails .name {
    font-size: 10px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #fff;
}
.left-side.collapse-left .sidebar-menu .profileDetails .designation {
    font-size: 11px;
    color: #fff;
    text-transform: capitalize;
}
.left-side.collapse-left .sidebar-menu .company-logo a img {
    max-width: 50px !important;
    min-width: 80px !important;
    max-height: 30px !important;
    min-height: 30px !important;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    margin-left: 10px;
}
.left-side.collapse-left .profileOptions .optionSlider .optIcon {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0967d0;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    margin-left: 25px;
}
.left-side.collapse-left .optionSlider .optTitle {
    margin-right: 20px;
}
.right-side {
    margin-left: 330px;
}
.right-side.strech{
    margin-left: 80px;
}
.left-side .sidebar-menu > li > .treeview-menu{
    left: 320px !important;
}
.left-side.collapse-left .sidebar-menu > li > .treeview-menu{
    left: 80px !important;
}
.left-side.collapse-left .sidetab-title{
    display: none;
}
.left-side.collapse-left  .sidebar > .sidebar-menu > li > a{
    text-align: center;
    justify-content: center;
}
.left-side .sidebar-menu > li > .treeview-menu .treeview-menu-title{
    display: none;
    padding: 7px 5px 7px 10px;
    font-size: 12px;
    font-weight: 600;
    margin: 0px !important;
    color: #fff;
    background: linear-gradient(45deg, #0d99e0, #0855ca);
    height: 44px;
    align-items: center;
    line-height: 1;
}
.left-side.collapse-left .sidebar-menu > li > .treeview-menu .treeview-menu-title{
   display: flex;
}


.skin-blue .navbar {
    background-color: #fff;
}
.skin-blue .logo {
    background-color: #e6e6e6;
    /*color: #f9f9f9;*/
}
.dashboard-square .btn{
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
    display: flex;
    justify-content: center;
    align-items : center;
    min-width: auto;
    position: relative;
}
.dashboard-square .btn i{
    padding-right: 0px;
    font-size: 22px !important;
}
.dashboard-square .btn span{
    display: none;
    position: absolute;
    bottom: -38px;
    border-radius: 4px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0,0,0,0.7);
    padding: 5px;
    font-size: 13px;
    color: #ffff;
}
.dashboard-square .btn:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #000 transparent;
    display: none;
    opacity: 0;
}
.dashboard-square .btn:hover:before{
    display: block;
    opacity: 0.7;
}
.dashboard-square .btn:hover span{
    display: block;
}
.box-body.dashboard-square{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.skin-blue .sidebar > .sidebar-menu > li > a:hover, .skin-blue .sidebar > .sidebar-menu > li.active > a {
    background: #0967d0;
}
.skin-blue .treeview-menu > li > a {
    background-color: #091829;
}
.sidebar-menu .user-info{
    background-color: #091829;
    padding: 15px 10px !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
}
.sidebar-menu .user-info span:nth-of-type(1){
    width: 50px;
}
.sidebar-menu .user-info span:nth-of-type(1) img{
    max-width: 50px;
    border-radius: 100%;
    border: 3px solid #0965cf;
}
.sidebar-menu .user-info span:nth-of-type(2){
    padding-left: 10px;
}
.sidebar-menu .user-info span:nth-of-type(2) .status{
    position: relative;
    margin: 0;
    font-size: 10px;
    padding-left: 12px;
}
.sidebar-menu .user-info span:nth-of-type(2) .status:before{
    content: '';
    position: absolute;
    left: 0;
    top: 3px;
    background: #00a65a;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    
}
.left-side.collapse-left .sidebar-menu .user-info span:nth-of-type(2){
    display: none;
}
.left-side.collapse-left .sidebar-menu .user-info {
    justify-content: center;
}
table#dataTable td,
table#dataTable th{
    vertical-align: middle !important;
}
.box {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.30);
}
.chart text{
    font-family: 'Montserrat', sans-serif !important;
}

/*NEW LOGIN SCREEN*/
.login-body{
    min-height: 100vh;    
}
.login-wrap{
    display: flex;
    flex-wrap: wrap;
    min-height: inherit;
    min-height: 100vh;
}
.login-wrap .login-banner{
    width: calc(100% - 550px);
    position: relative;
    background: url(images/login-banner.jpg);
    background-size: cover;
}
.login-wrap .login-banner:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.71);
}
.login-wrap .form-box{
    width: 550px;
    padding-left: 70px;
    background: #fefefe;
    background: url(images/form-bg-img.jpg);
    margin-top: 0;
    padding-top: 100px;
    position: relative;
}
.login-wrap .form-box:before{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 158px;
    background: #0b5fcd;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.login-wrap .form-box .copy-right{
    color: #606161;
    font-size: 12px;
    position: absolute;
    bottom: 15px;
}
.form-box-inner{
    max-width: 320px;
}
.form-box-inner .form-logo{
    padding-bottom: 25px;
}
.form-box-inner .form-title{
    font-size: 20px;
    font-weight: 600;
    color: #606161;
    line-height: 1;
}
.form-box-inner .body {
    background: transparent;
    padding: 0;
}
.form-box-inner .body .input-group{
    width: 100%;
}
.form-box-inner .body .input-group input{
    background: #fff;
    border-radius: 6px !important;
    height: 45px;
    border: 1px solid #cdcdcd;
}
.form-box-inner .login-footer button{
    border-radius: 10px !important;
  background-image: -moz-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
   width: auto;
    height: 45px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 40px;
    display: inline-block;
}
.form-box-inner .bottom-actions{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-box-inner .bottom-actions .remember-me{
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    color: #282828;
    font-size: 14px;
}
.form-box-inner .bottom-actions a{
    color: #282828;
    font-size: 14px;
    font-weight: 500;
}
.form-box-inner .remember-me input{
    margin-top: -1px;
    margin-right: 5px;
}
/*FORGOT PASSWORD MODAL*/
#forgot-modal.fade.in, #reset-modal.fade.in, #expired-modal.fade.in, #success-modal.fade.in {
    display: flex !important;
    align-items: center;
}
#forgot-modal .modal-dialog, #reset-modal .modal-dialog, #expired-modal .modal-dialog, #success-modal .modal-dialog {
    width: 400px;
}
#forgot-modal .form-group input, #reset-modal .form-group input, #expired-modal .form-group input, #success-modal .form-group input{
    background: #fff;
    border-radius: 6px !important;
    height: 45px;
    border: 1px solid #cdcdcd;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    vertical-align: middle;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
#forgot-modal .modal-footer button, #reset-modal .modal-footer button, #expired-modal .modal-footer button, #success-modal .modal-footer button{
    border-radius: 10px !important;
    background-image: -moz-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(10,79,199) 0%, rgb(13,122,214) 100%);
    width: auto;
    height: 40px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 24px;
    display: inline-block;
}
#forgot-modal .modal-header, #reset-modal .modal-header, #expired-modal .modal-header, #success-modal .modal-header {
    display: flex;
    position: relative;
}
#forgot-modal .modal-header img, #reset-modal .modal-header img, #expired-modal .modal-header img, #success-modal .modal-header img{
    max-width: 40px;
    margin-right: 10px;
}
#forgot-modal .modal-header .modal-title, #reset-modal .modal-header .modal-title, #expired-modal .modal-header .modal-title, #success-modal .modal-header .modal-title{
    color: #0857cb;
    font-size: 26px;
    font-weight: 600;
}
#forgot-modal .modal-header .close, #reset-modal .modal-header .close, #expired-modal .modal-header .close, #success-modal .modal-header .close {
    margin-top: -2px;
    position: absolute;
    right: 0;
    right: -15px;
    width: 40px;
    height: 40px;
    opacity: 1;
    top: -10px;
    font-size: 25px;
    background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
}
#forgot-modal .modal-footer, #reset-modal .modal-footer, #expired-modal .modal-footer, #success-modal .modal-footer {
    padding: 0px 20px 20px;
    margin-top: -5px;
    border-top: none;
}
/*FORGOT PASSWORD MODAL*/
@media only screen and (max-width: 991px){
    .login-wrap .login-banner{
        display: none;
    }
    .login-wrap .form-box{
        position: relative;
        background: url(images/login-banner.jpg);
        background-size: cover;
        background-position: center;
        width: 100%;
        padding: 0 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .form-box-inner .body .form-group:nth-of-type(1){
        margin-top: 0;
    }
    .form-box-inner .form-title {
        font-size: 18px;
    }
    .form-box-inner{
        max-width: 400px;
        width: 100%;
        background: #fff;
        border-radius: 15px;
        box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.2);
        padding: 20px 25px;
        position: relative;
        z-index: 1;
    }
    .form-box-inner .form-logo img {
        max-width: 160px;
        margin: 0 auto;
    }
    .login-wrap .form-box:before{
        display: none;
    }
    .login-wrap .form-box:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.71);
    }
    .login-wrap .form-box .copy-right {
        color: #ffffff;
        z-index: 3;
    }
}
@media only screen and (max-width: 860px){
    .login-pg-wrap{
        justify-content: center;
    }
    .login-main-wrap{
        margin: 0 15px;
    }
}
@media only screen and (max-width: 767px){
    .login-main-wrap {
        max-width: 400px;
    }   
    .login-main-wrap .login-welcome{
        display: none;
    }
    .login-pg-wrap .form-box {
        max-width: 100%;
    }
}
@media only screen and (max-width: 440px){
    .login-main-wrap{
        justify-content: center;
    }
    .login-pg-wrap .form-box {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
    }
}





/* CSS */
.btn-graph {
    appearance: none;
    background-color: #FFFFFF;
    border-radius: 40em;
    border-style: none;
    box-shadow: #ADCFFF 0 -12px 6px inset;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: -apple-system,sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -.24px;
    outline: none;
    padding: 1rem 1.3rem;
    quotes: auto;
    text-align: center;
    text-decoration: none;
    transition: all .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 180px;
    margin-left: 15px;
    height: 43px;
  }
  
  .btn-graph:hover {
    background-color: #0967d0;
    box-shadow: #ffffff 0 -6px 8px inset;
    transform: scale(1.125);
  }
  
  .btn-graph:active {
    transform: scale(1.025);
  }
  
  @media (min-width: 768px) {
    .btn-graph {
      font-size: 1.5rem;
      padding: .75rem 2rem;
    }
  }
  
  /* www dashboard new*/
   #labelimp {
            background-color: #428BCA;
            padding: 4px;
            color: white;
            font-size: 20px;
            width: 100%;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            padding-left: 5px;
        }

        .treeWrap {
            position: relative;
            padding: 50px 0;
        }

        /***************** Dashboard-New-Screen-Start  *****************/
        .name.reporttexts {
            color: #282828 !important;
        }

        .designation.workingtext {
            color: #6c6b6b !important;
        }

        .graph-dataleft.barChartWrap.reportchartwrapper .bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 10px 15px;
            background: #fff;
            overflow: hidden;
            border-radius: 20px 20px 0 0;
        }

        .time-box1 {
            text-align: center;
            border-radius: 5px;
            padding: 10px 22px;
        }

        .bar-txt1 {
            color: #ffffff;
            font-weight: 600;
            font-size: 15px;
            margin: 0;
        }

        .timer-wrapped {
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: #fff;
            width: 100%;
            padding: 0 120px;
            padding-top: 20px;
        }

        .bck-greens {
            background: #40ac78;
        }

        .bck-pinks {
            background: #f2828c;
        }

        .bck-sky {
            background: #3ea9ff;
        }

        .bck-light {
            background: #5adac2;
        }

        .bck-reds {
            background: #e34a4d;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e34a4d+0,8e2f38+100 */
background: #e34a4d; /* Old browsers */
background: -moz-linear-gradient(45deg,  #e34a4d 0%, #8e2f38 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #e34a4d 0%,#8e2f38 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #e34a4d 0%,#8e2f38 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e34a4d', endColorstr='#8e2f38',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        }
        
        .bck-darkblues{background:#091829 ;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#091829+0,164366+100 */
background: #091829; /* Old browsers */
background: -moz-linear-gradient(45deg,  #091829 0%, #164366 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #091829 0%,#164366 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #091829 0%,#164366 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#091829', endColorstr='#164366',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
        

        .bck-blues {
            background: #0967d0
        }

        .date-texts.to-text {
            font-size: 14px;
            font-weight: 600;
            color: #000;
        }

        .filters-btn {
            width: 160px;
            height: 45px;
            border-radius: 10px !important;
            background-color: #091829 !important;
            color: #fff;
        }

        .filters-btn:hover {
            background: linear-gradient(45deg, #0d99e0, #0855ca) !important;
            border: #0855ca;
        }

        .select-wrapp .sel-box.select-orgg select {
            background-color: #dee5f7;
            color: #000;
            font-size: 15px;
            border: none !important;
            border-radius: 10px !important;
            width: 100%;
            padding: 10px;
            outline: none;
            width: 100%;
            font-weight: 600;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .select-wrapp .sel-box.select-orgg .select {
            cursor: pointer;
            display: inline-block;
            position: relative;
            font-size: 16px;
            color: #513e2f;
            width: 100%;
            height: 40px;
        }

        .sel-box.select-orgg {
            margin-bottom: 15px;
        }

        .orgn-head.orgn-head-2 {
            background: #021b36;
            margin: 0 !important;
            text-align: left;
            display: flex;
            justify-content: flex-start;
            align-items: baseline;
            border-radius: 10px 10px 0 0;
            padding: 0px 0;
        }

        .dashboard-wrap-3 .dashboard-contentwrap .orgn-head.orgn-head-2 .teams-wrap {
            display: flex;
            max-width: 100%;
            justify-content: space-between;
        }

        .barChartWrap-two {
            padding: 0 20px 30px 0px;
        }

        .barChartWrap-three {
            padding: 0 0px 0px 20px;
        }

        .barChartWrap-four {
            padding: 0 0px 30px 20px;
        }

        .barChartWrap-four .orgn-content {
            padding: 30px 10px 25px 10px;
            background: #fff;
            border-radius: 0 0 10px 10px;
        }

        .orgn-content {
            padding: 30px 15px 25px 0px;
        }

        .barChartWrap-two .employ-graphteam {
            background: #fff;
            border-top: 1px solid #cccccc4f;
            padding: 28px;
            border-radius: 15px;
        }

        .barChartWrap-three .bar.organ-bar-report {
            flex-direction: column;
            background: #fff;
            width: 100%;
            margin-bottom: 20px;
            border-radius: 15px;
        }

        .orgn-content .date-range-wrapper {
            display: flex;
            justify-content: flex-start;
            align-items: baseline;
            padding-left: 10px;
        }

        .orgn-btn-two {
            padding-left: 15px;
        }

        .org-image img {
            max-width: 45px;
            object-fit: cover;
            object-position: center;
        }

        .green-one {
            background: #68d38c;
            border-radius: 10px 0px 0px 10px;
        }

        .green-two {
            background: #79e19c;
            border-radius: 0px 10px 10px 0px;
        }

        .blue-one {
            background: #0b65c5;
            border-radius: 10px 0px 0px 10px;
        }

        .blue-two {
            background: #0967d3;
            border-radius: 0px 10px 10px 0px;
        }

        .pink-one {
            background: #f57a85;
            border-radius: 10px 0px 0px 10px;
        }

        .pink-two {
            background: #f2828c;
            border-radius: 0px 10px 10px 0px;
        }

        .distribute-box1 {
            padding: 35px 10px 35px 10px;
            width: 100%;
            text-align: center;
        }

        .distribute-boxwrapper {
            display: flex;
            width: 100%;
            align-items: baseline;
        }

        .report-distribute {
            background: #fff;
            width: 100%;
            padding: 40px 10px 30px 20px;
            border-radius: 0 0px 10px 10px;
        }

        .blue-one .bar-txt1 {
            color: #fff !important;
        }

        .blue-two .bar-txt1 {
            color: #fff !important;
        }

        .pink-one .bar-txt1,
        .pink-two .bar-txt1 {
            color: #fff !important;
        }

        .light-sky-one {
            background: #74d1bf;
            border-radius: 10px 0px 0px 10px;
        }

        .light-sky-two {
            background: #81ddcc;
            border-radius: 0px 10px 10px 0px;
        }

        .blue-sky-one {
            background: #7fbbec;
            border-radius: 10px 0px 0px 10px;
        }

        .blue-sky-two {
            background: #82c0f2;
            border-radius: 0px 10px 10px 0px;
        }

        .reds-one {
            background: #e34548;
            border-radius: 10px 0px 0px 10px;
        }

        .reds-two {
            background: #e34a4d;
            border-radius: 0px 10px 10px 0px;
        }

        .reds-one .bar-txt1,
        .reds-two .bar-txt1 {
            color: #fff !important;
        }

        .mbbb-20 {
            margin-bottom: 18px;
        }

        .bar.team-bar.team-rept {
            border-radius: 10px 10px 0 0px !important;
        }

        .dashboard-new-wrap .teams-wrap {
            display: flex;
            width: 100% !important;
            max-width: 100% !important;
            justify-content: space-between;
        }

        .dashboard-new-wrap .teamsDetails {
            display: flex;
            align-items: center;
            width: 100%;
            justify-content: space-between;
        }

        .dashboard-new-wrap .teams-name {
            margin-left: 15px;
            display: flex;
            align-items: baseline;
            justify-content: space-between;
            width: 100%;
        }

        .report-distribute-two .blue-sky-two {
            background: #82c0f2;
            border-radius: 10px;
        }

        .report-distribute-two .reds-two {
            background: #e34a4d;
            border-radius: 10px;
        }

        .report-distribute-two .light-sky-two {
            background: #b9efe5;
            border-radius: 10px;
        }

        .report-distribute-two .pink-two {
            background: #f2828c;
            border-radius: 10px;
        }

        .report-distribute-two .green-two {
            background: #80f9a9;
            border-radius: 10px;
        }

        .report-distribute-two .blue-two {
            background: #0967d3;
            border-radius: 10px;
        }

        .report-distribute-two.report-distribute-three .distribute-box1 {
            padding: 16px 10px 16px 10px;
            width: 100%;
            text-align: center;
        }

        /*.filters-btn.filtr-btn {*/
        /*    width: 100% !important;*/
        /*}*/
         
         .filters-btn.filtr-btn {
            width: 20% !important;
            TEXT-ALIGN: end;
            MARGIN: 0 0 AUTO;
            DISPLAY: flex;
            JUSTIFY-CONTENT: center;
        }
          
        .timer-wrapped-two {
            width: 100%;
        }

        .times-wrapped {
            padding: 0 30px;
            padding-bottom: 20px;
        }

        .timer-wrapped-two .time-box1 {
            max-width: 394px;
    width: 100%;
    padding: 20px 0;
    border-radius: 15px;
    box-shadow: 4px 5px 0px #33333324;
        }

        .mll-15 {
            margin-right: 15px;
        }

        .timer-wrapped-two .bar-txt1 {
            font-size: 20px;
        }

        .timer-wrapped-two .bck-blues {
            background: #0967d0;
            box-shadow: 0 0 3px 0 #091829;box-shadow:4px 5px 0px #33333324;
            /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0967d0+0,063b84+100 */
background: #0967d0; /* Old browsers */
background: -moz-linear-gradient(45deg,  #0967d0 0%, #063b84 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #0967d0 0%,#063b84 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #0967d0 0%,#063b84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0967d0', endColorstr='#063b84',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

        }

        .timer-wrapped-two .bck-greens {
            background: #40ac78;
            box-shadow: 0 0 10px 0 #ccc;
        }

p.depart-text{margin:0;}
        /*media queries start*/
        @media only screen and (max-width:1440px) {
            .orgn-content .date-range-wrapper {
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .date-texts.to-text {
                margin-top: 7px;
            }

            .filters-btn {
                width: 130px;
                height: 45px;
                font-size: 13px;
            }

            .barChartWrap-two .employ-graphteam {
                padding: 24px;
            }

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

            .time-box1 {
                padding: 10px 12px;
            }

            .distribute-box1 {
                padding: 35px 0px 35px 0px;
            }

            .bar-txt1 {
                font-size: 12px;
            }

            .report-distribute-two.report-distribute-three .distribute-box1 {
                padding: 16px 0px 16px 0px;
            }
        }

        @media only screen and (max-width:1280px) {
            .orgn-btn-two .filters-btn {
                width: 120px !important;
                height: 45px;
                font-size: 11px;
                font-weight: 600;
            }

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

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

            .barChartWrap-two .employ-graphteam {
                padding: 40px;
            }

            .barChartWrap-four .bar-txt1 {
                font-size: 10px;
            }
        }

        /*media queries End*/

        /***************** modal-css-start *****************/
        .bd-modal-two .modal-dialog {
            max-width: 1120px;
            width: 100%;
        }

        .table-data.table-responsive {
            display: block;
            width: 100%;
            overflow-y: scroll;
            min-height: 330px;
            max-height: 330px;
            box-shadow: 0 0 5px 0 #ccc;
            background: #fff;
    
        }

        .table-data.table-responsive tr .table-texts {
            width: 150px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
        }

        .table-data.table-responsive tr .table-texts-two {
            width: 100px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
        }

        .table-data.table-responsive tr .table-texts-th {
            width: 50px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0;
        }

        .table-data::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            background-color: #021b36;
        }

        .table-data::-webkit-scrollbar {
            width: 6px;
            height: 4px;
            background-color: #0b65c5;
            border-radius: 10px;
        }

        .table-data::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
            background-color: #0b65c5;
        }

        .table-data .table {
            width: 100%;
            margin-bottom: 0px;
        }

        /***************** modal-css-End *****************/

        /***************** Dashboard-New-Screen-End  *****************/