@media screen and (max-width:1600px) {
  .applyleavemodal .modal-dialog, .leavedetailmodal .modal-dialog , .applyrequestmodal .modal-dialog { width: 80%; }
  .dashboard-main .emplyee-status-box .inner-box .cols .inner-col{height:65px; width:65px;}
  .dashboard-main .emplyee-status-box .inner-box .cols .inner-col .number{font-size:20px;}
  .dashboard-main .last-col-box .img-box img{border-radius:50%; width:35px; height:35px;}
   .dashboard-main .last-col-box .text{display:block; width:100%; margin-top:-40px; padding-left:52px;}
  /* .dashboard-main .inner-box canvas{width:80px; height:80px;}
  .dashboard-main .inner-box .percent{width: 80px !important; line-height: 80px !important;} */
  .applyleavemodal .leave-table-box table tr td:nth-child(4) {width: 530px;}
  .activation-modal .modal-dialog{width:70%;}
  .activation-modal .wizard-box .container{width:100%; padding-left:0; padding-right:0;}
  .activation-modal .wizard-box .navbar ul{padding-left:0;}
    .activation-modal .wizard-box .navbar ul li {margin-right:20px;}
    .activation-modal .wizard-box .navbar ul li::after {width:25px;}
    .activation-modal .wizard-box .navbar ul li:last-child::after{display:none;}
    
}
@media screen and (max-width:1280px) {
.dashboard-main .emplyee-status-box .inner-box .cols {width:32.5%;min-height: 100px; padding: 5px 0;}
.dashboard-main .last-col-box .text{padding-left: 42px;}
}
@media screen and (max-width:1179px) {
.first-column, .second-column , .third-column{width:100%;}
.dashboard-main .emplyee-status-box .inner-box .cols {width: 16.5%;}
.emplyee-status-box .inner-box{height:auto;}
.employee-detail-box .box-two{width:50%;}
.employee-detail-box .box-one{width:25%;}
.third-column .box-three{width:33.33%}
/* .bottom-table-box {margin-top: 45px;} */
.leave-table-box .dataTables_filter { padding-right: 0px;}
.applyleavemodal .leave-table-box table tr td:nth-child(4) { width:auto;}
.applyleavemodal .leave-table-box table tr td:nth-child(1) {width:auto;}
.aside-close{display: none;}
.pin-it .notification-nav.role-text-box{position: absolute; left: -22px;}

}
@media screen and (max-width:1000px) {
  .widget-block { padding: 10px;}
  .table-responsive {border:none;}
 /*  .footer-container { position:fixed; } */
  .pin-it .footer-container { padding-left: 0px }
  .mobile-tabs li { float: none; }
  .mobile-tabs ul { position: absolute; top: 50px; right: 10px; border: 1px solid #eee; z-index: 123456789; background: #fff; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -ms-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -o-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .mobile-tabs ul li { display: none; }
  .mobile-tabs ul li a { padding: 10px; }
  .mobile-tabs button { display: block; float: right; margin-top: 10px; margin-right: 10px; }
  .open-mobile-tab .mobile-tabs ul li { display: block; }
  .open-mobile-tab .mobile-tabs ul li a { margin-right: 0px; }
  .applyleavemodal .modal-dialog, .leavedetailmodal .modal-dialog, .applyrequestmodal .modal-dialog{width: auto;}
  .widget-container { height: auto; }
  .top-aside-right{position:relative; top:0; right:0;}
  .top-bar .notification-nav {float:right;}
  .top-right-side-box ul{padding-left: 10px;}
  .top-bar{padding-left:0px; position:relative;}
  .left-aside{position:absolute; left:0; top:0;}
  .pin-it .top-bar{padding-left:0px; position:relative;}
  .main-container {margin-top: 0px; margin-bottom:0px;}
  /* .footer-container {position:relative;} */
  /* .aside-close{display: block;} */
  .notification-nav.role-text-box{position: absolute; left: -22px;}
  .desktop-view.left-aside .left-navigation ul li .nav-icon img {width: 20px;}
  .desktop-view .iconic-logo{display: block;}
  .dashboard-main, .page-content{padding: 0; padding-top: 5px;}
  .page-content{padding-bottom: 60px !important;}
  .common-right-panel-profile{ width: 90%; height: calc(100vh - 0px);}
  .footer-container{padding: 10px 15px;}
  .login-page .inner-box{
    width:100%;
  }
  .modal-dialog.first-tab .leave-list{width: 100%; overflow:auto; max-height: 400px;}
.modal-dialog.first-tab .leave-list table{margin-bottom: 0px;}
.modal-dialog.first-tab .leave-list td{min-width: 170px;}
/* .punch-in-out-btn{position: absolute; right:188px;} */
.filter-expand-box.filter-expand-boxddl .cols{display: none !important;}
.leave-table-box .dataTables_filter{  padding-right: 45px !important;}
.table-search-filter-box{width: 320px;}
.generate-leave-box .col-md-2 .btn{margin-bottom: 20px;}
.footer-meta{
  display: none;
}
.dataTables_filter{
  display: none;
}
.list-page-breadcrumb{
  display: none;
}
.page-breadcrumb {
  margin-bottom: 5px;}
  .common-right-panel-profile, .right-employee-import{
    width: 75%;
  }
.report-side-left{width:300px !important;}
.report-side-right{margin-left: 295px !important; width:calc(100% - 290px) !important; }
.report-side-left .btn-close{left:290px !important;}
}

@media screen and (max-width:992px) {
.employee-detail-box .box-two{width:100%;}
.assign-leave-box .col-sm-1 {text-align:center; margin-bottom:10px; }

}
@media screen and (max-width:768px) {
.dashboard-main .employee-detail-box .box-one{width:50% !important;}
.third-column .box-three{width:50%}
/* .responsive-fix{width:50%; float:left;} */
div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {text-align: left;}
table.dataTable > tbody > tr.child ul {width: 100%; text-align: left;}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {text-align:left;}
.filter-expand-box .dropdown-menu {right: auto !important; left: 0 !important;}
/* table.dataTable > tbody > tr.child ul .dtr-data{width:40%; display:inline-block; overflow:hidden;} */
.applyleavemodal .leave-table-box table tr td{min-width:150px;}
.applyleavemodal .modal-body ,.leavedetailmodal .modal-body{padding: 15px 10px;}
.applyleavemodal .generate-leave-box{margin-bottom:20px;}
.modal-footer .note-text {color: #7cb342;text-align: left;display: block;width: 100%;position: relative;left:auto;top:auto;}
.applyleavemodal .bottom-table-box .leave-table-box .col-sm-12{overflow:hidden;}
.user-nav .dropdown-menu{right: 0; left: auto;}
.common-right-panel-profile{display: none;}
.open-profile-detail .common-right-panel-profile{display: block;}
.right-profile-detail .right-bottom-box{padding-bottom: 120px;}
.pin-it .notification-nav.role-text-box, 
.notification-nav.role-text-box{position: relative; left: auto;}
.notification-nav .dropdown-menu {right: 0;left: auto;}
.right-profile-detail .right-bottom-box .tab-content .cols{width: 100%; float: none;}

.common-right-panel-profile .work-experience-table{overflow: auto; width: 100%;}
.common-right-panel-profile .work-experience-table .table{width: 150%; overflow: auto;}
.common-right-panel-profile .work-experience-table .table thead tr th{white-space: nowrap;}
.common-right-panel-profile .work-experience-table .detail-btn, 
.common-right-panel-profile .work-experience-table .edit-btn, 
.common-right-panel-profile .work-experience-table .delete-btn{white-space: nowrap;}
.right-profile-detail .right-bottom-box .tab-content .cols::after{display: none;}
.modal-dialog.first-tab{width:auto !important;}
.user-nav .user-info { display: none !important;}
.assign-by{
  width: 100% !important;
}
.dataTables_length{opacity: 0;}
.right-fix-btn{position: relative !important; margin-top: 10px;}
/* .leave-table-box tr th{min-width: 80px;}
.leave-table-box tr td{min-width: 80px;} */
.report-side-left{width:100% !important; position: relative !important;
  left: 0 !important;
  margin-bottom: 10px; height:auto !important;}
  .report-side-left .inner-report{
    min-height: 200px !important;
    height: auto !important;
  }
  .report-side-left .btn-center-group{margin-bottom: 10px;}
.report-side-right{margin-left: 0 !important; width:100% !important; display: block; position: relative; }
.report-side-left .btn-close{left:92% !important;}

}
@media screen and (max-width:767px){
  .footer-left{padding-left:0; text-align:center;}
  .footer-right{padding-left:0; text-align:center;}
  div.dataTables_wrapper > div.row > div, div.dataTables_length, div.dataTables_filter, div.dataTables_info, div.dataTables_paginate {
    text-align: left;
}
.leave-box-col{display: block; width: 100%;}
.leave-box .cols p{
  width:80px; margin-bottom: 5px;
}
.leave-box .cols{width:85px}
.attandance-main .week-month-section{margin-top: 10px;}
.checkin-btn{top:33px !important;}
.status-middle-all{
  bottom: auto !important;
}
.noUi-horizontal{display: none;}
.status-indigation-col{text-align: left !important;}
.status-indigation-col ul{padding-left: 0px;}
.status-indigation-col ul li{margin-right: 10px !important;}
.page-content {
    height: 100vh;
    overflow: scroll;
}
.main-row .employee-name-txt, .main-row .demo{
  display: block !important;
  width: 100% !important;
}
.main-row .demo.text-right{text-align: center !important;}
.top-header-section .inner-date-box{
width: 33% !important;
margin-bottom: 5px;
    padding: 0px 8px;
}
}
@media screen and (max-width:640px) {
  .leave-box { float: left !important; margin-left: -15px; margin-right: -15px; }
  /* .leave-box .cols { width: 60px; vertical-align: top; margin-right: 0px; } */
  /* .leave-box .cols p { font-size: 18px; height: 50px; width: 50px; padding-top: 7px; } */
  .leave-box .cols span { font-size: 8px; }
   .dashboard-main .emplyee-status-box .inner-box .cols {width:33.3%;}
  .dashboard-main .employee-detail-box .box-one {width: 100% !important;}
  .dashboard-main .third-column .box-three{width: 100% !important;}
  .user-nav .user-info { display: none !important;}
  .top-right-side-box ul li{margin-right: 0px;}
  /* .login-page .inner-box { position:relative; width:100%; height:100%; top:0; right:0;} */
  .notification-nav .dropdown-menu {
    right: -85px;
}
.dashboard-main .dboard-leave-box h4{
  width:100%;
}
.right-align-text .right-nav-box{
  display: none;
}
.page-breadcrumb .breadcrumb-titles{
  margin-top: 10px;
}
.page-breadcrumb .col-xs-4{width:50%;}
.page-breadcrumb .col-xs-8{width: 50%;}
.right-align-text .apply-btn-box{
  margin-top: 5px;
}
}
@media screen and (max-width:480px) {
  .responsive-fix{width:100%;}
  /* .user-nav .user-info { display: inline-block!important;} */
  .user-nav {float: right;}
  .news-inner-box .left-box{width:100%;}
  .news-inner-box .left-box img{width:40%;}
  .news-box .right-box {width:100%; margin-top:10px;}
  .notification-nav{
    margin-left: 5px;
    margin-right:5px;
  }
  .login-page .login-container{
    padding: 20px;
  }
  .login-page .logo-box{
    margin: 0 0 10px 0;
  }
  .login-page .login-welcome-text{
    margin: 0 0 15px 0;
  }
  .login-page .login-container img{
    width:75px;
  }
  .login-page .link-box{
    padding: 10px 0 0 0;
  }
  .table-search-filter-box {
    width: 290px;
}
  
}

/*only for model */
@media screen and (min-width: 600px) {
  .modal-dialog{margin: 66px auto;
  }
}