@media (min-width: 300px) and (max-width: 575px) {
  .new_design .navbar-nav {
    margin: 7.5px 0px;
  }
  .new_design .navbar-header .navbar-toggle {
    margin-right: 2px;
  }
  #new_design_wrapper {
    padding-left: 0px;
    transition: all 0.4s ease 0s;
  }
  #content_pag{
    padding-top: 54px;
  }
  /* #sidebar-wrapper {
		left: 70px;
	} */
  .new_design .sidebar-nav {
    width: 100%;
  }
  .new_design ul.sidebar-navigation-link li {
    width: 100%;
  }
  .new_design #sidebar_menu li a,
  .new_design .sidebar-nav li a {
    width: 100%;
  }
  .new_design .sidebar-nav {
    width: 100%;
  }
  #new_design_wrapper.active {
    padding-left: 0px;
  }
  #new_design_wrapper.active #sidebar-wrapper {
    /* left: 86px;
    width: 70%; */
    margin-left: 0px;
    left: 0px;
    width: 180px;
    transition: all 0.4s ease 0s;
  }
  .new_design .right-contract-lg .btn-theme-transparent {
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 10px 26px;
  }
  .new_design .right-contract-lg .btn-theme-warning {
    margin-bottom: 10px;
  }
  .new_design .nav > li > a {
    padding: 15px 26px;
    font-size: 12px;
    letter-spacing: 1px !important;
  }
  .new_design nav ul.navbar-right li.action-menu-dropdown {
    display: inline-block !important;
  }
  .new_design .user-detail-listings ul li.right-section-lg {
    font-size: 14px;
  }
  .new_design .date-time-picker .header-left input::placeholder {
    font-size: 12px !important;
    padding-left: 5px;
  }
  .new_design .date-time-picker .header-left input {
    padding-left: 5px !important;
  }
  .new_design .middle-section-listings p label {
    font-size: 12px;
  }
  .new_design .middle-section-listings p {
    font-size: 14px;
  }
  .new_design .middle-section-listings p {
    font-size: 12px;
  }
  .new_design #sidebar_menu li a,
  .new_design .sidebar-nav li a span {
    color: #054a61;
    background: transparent;
    border-top: none;
    border-bottom: none;
  }
  .new_design .sidebar-nav-navigation {
    /* margin-top: -45px; */
    margin-left: 52px;
    background: transparent;
  }
  .new_design #sidebar-wrapper {
    margin-left: -286px;
    margin-top: 7px;
  }
  .new_design #sidebar-wrapper #main_icon {
    float: right;
    padding-right: 0px;
    padding-top: 9px;
  }
  .new_design .contract-detail-lg {
    margin-top: 0rem !important;
  }
  .new_design #sidebar-wrapper {
    position: absolute;
    z-index: 98;
  }
  .new_design .user-profile-details {
    padding: 15px;
  }
  .new_design .date-time-picker .header-left input {
    width: 100%;
  }
  #new_design_wrapper.active {
    padding-left: 0px;
  }
  .new_design #sidebar-wrapper {
    left: 40px;
  }
  .new_design .border-data {
    width: 100%;
    margin-top: 21px;
    margin-bottom: 13px;
  }
  .new_design .border-sidebar_menu {
    border: none;
  }
  .new_design .user-head-top-lg {
    height: 77vh !important;
  }
  .new_design form .input-search-form {
    width: 73%;
    display: inline-block;
  }
  .new_design .container-timeline ul.timeline {
    padding-left: 0px !important;
  }
  .new_design .container-timeline .timeline li {
    width: 70px;
    font-size: 10px;
  }
  .new_design .container-timeline .timeline li:before {
    width: 15px;
    height: 15px;
  }
  .new_design .container-timeline .timeline li:after {
    top: 7px;
  }
  .new_design .panel-default > .panel-heading {
    font-size: 12px !important;
  }
  .new_design .container-body-timeline .btn-theme-transparent {
    margin-left: 0px;
  }
  .new_design .sidenav-left-menu {
    /* display: none;
     */
    margin-left: 4.7rem;
  }
  .new_design .container-body-content .well {
    padding: 20px;
  }
  .new_design .user-contract-form-right .users-form-checked {
    padding-bottom: 1rem;
  }
  .new_design .middle-section-listings-lg p.date-to-date {
    max-width: 50%;
  }
  .new_design .order-display-count {
    display: none;
  }
  .new_design .order-display-count-one {
    display: block;
  }
  .new_design .login-form-logo span.user-logo-registered {
    width: 200px;
  }
  .new_design .login-form {
    padding: 18px;
  }
  .new_design .login-form input {
    min-height: 40px;
  }
  .new_design button.btn-theme--change {
    min-height: 40px;
  }
  .new_design .user-navbar-view-sm {
    display: block;
  }
  .new_design .user-navbar-view-lg {
    display: none;
  }
  .new_design nav ul.navbar-top-heading-lg li.sub-menu-header a {
    margin-top: 0px;
  }
  .new_design .table-data--responsive-lg table thead tr {
    display: none;
  }
  .new_design .table-data--responsive-lg table tbody tr td.table-user-text {
    font-size: 14px;
    min-width: 227px;
  }
  .new_design .table-data--responsive-lg table tbody tr td.table-detail-button .btn-theme-warning {
    font-size: 14px;
  }
  .new_design .container-body-timeline .btn-theme-transparent,
  .new_design .container-body-timeline .btn-theme-warning {
    font-size: 14px;
  }
  .new_design .table-data--responsive-lg table tbody tr {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ddd;
  }
  .new_design .table-data--responsive-lg table tbody tr td {
    border: none;
  }
  .new_design .table-data--responsive-lg table tbody tr td.table-detail--sm {
    margin-left: 25px;
  }
  .new_design .table-data--responsive-lg table tbody tr td.table-detail-content {
    display: none;
  }
  .new_design .table-data--responsive-lg table tbody tr td span.table-count-detail {
    display: inline-block;
    color: #054a61;
  }
  .new_design .user-left-profile-section .user-profile-feedback ul li.listing-left-section,
  .new_design .user-left-profile-section .user-profile-feedback ul li.listing-left-section-md {
    font-size: 14px;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form {
    min-height: 60px !important;
  }
  .new_design .sidenav-left-menu {
    border-left: 0px transparent;
    margin-top: 11rem !important;
    position: absolute;
    height: 94.2vh;
    margin-left: 14.9rem;
  }
  .new_design .account-login {
    width: 100%;
  }
  .new_design .account-login form.login-form .user-form-group-lg span.field-icon {
    margin-top: -29px;
  }

  .new_design .account-login form.login-form .remember label.user-form-label,
  .new_design .account-login form.login-form .remember a {
    font-size: 12px;
  }
  .new_design .login-form-logo {
    margin-bottom: 25px;
  }
  .new_design .add-view-collapse--close {
    left: 40px;
  }
  .new_design .add-view-collapse {
    left: 90px;
  }
  .new_design .user-profile-details {
    margin-top: 0rem;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .new_design .footer .footer-bottom-align {
    text-align: center;
  }
  .new_design .user-basic-footer .right-contract-lg .btn-theme-transparent {
    margin-bottom: 0px;
    padding: 13px 35px;
  }
  .new_design .user-basic-footer .right-contract-lg .btn-theme-warning {
    margin-bottom: 0px;
    padding: 13px 35px;
  }
  .new_design .custom-checkbox {
    font-size: 12px !important;
  }
  .new_design .user-click-change {
    display: none;
  }
  .new_design .user-click-change--sm {
    display: block;
    margin-left: 0px;
    display: inline-block;
  }
  .new_design a.go-back-link-add {
    padding-left: 14px !important;
  }
  .new_design .user-left-profile-section .user-profile-feedback ul {
    padding: 0rem !important;
  }
  .new_design nav ul.navbar-top-heading-lg li.sub-menu-header-lg a {
    font-size: 12px;
    padding-bottom: 0px;
    padding-left: 10px !important;
    margin-left: 25px !important;
  }
  .new_design nav ul li.sub-menu-header-lg a.go-back-link-add::before {
    left: -13px;
    top: 21px;
  }
  .new_design .user-profile-section-left {
    text-align: center;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .panel-heading a {
    font-size: 12px !important;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form
  .panel-default.panel-accordion-form
  form
  .form-inline
  .form-group
  .form-input-text.form-input-text-left {
    width: 100%;
  }
  .new_design .user-basic-footer .right-contract-lg .btn-theme-transparent {
    margin-left: 0px;
  }
  .new_design .user-basic-footer .right-contract-lg span .btn-theme-warning {
    margin-right: 0px;
  }
  .new_design .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right li a {
    padding: 0px;
  }
  .new_design  form .user-left-collapse-fields {
    padding: 15px !important;
  }
  .new_design .btn-order-user-performance {
    padding: 13px 16px !important;
    font-size: 16px !important;
  }
  .new_design .btn-order-user-performance-ml {
    margin-left: 40px ;
  }
  .new_design .nopadding-twenty {
    padding-right: 15px !important;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent {
    margin-left: 15px;
  }
  .new_design ul.sidebar-navigation-link {
    padding-left: 0px;
    text-align: left;
  }
  .new_design ul.sidebar-navigation-link li {
    line-height: 25px;
  }
  .new_design ul.sidebar-navigation-link li a {
    margin: 0px;
    margin-left: -10px;
    font-size: 10px;
    display: inline-block;
    color: white;
  }
  .new_design ul.sidebar-navigation-link li a span {
    color: white;
  }
  .new_design #sidebar-wrapper ul li span.sub_icon {
    height: 46px;
    margin-right: 0px;
    padding: 0px;
    top: -9px;
  }
  .new_design .user-employees-table {
    padding-left: 0px;
  }
  .new_design .table-responsive-overflow .data-table-responsive.user-table-pagination--lg {
    min-width: 1445px;
  }
  .new_design .table-header-pagination .user-employees-button .btn-theme-warning,
  .new_design .table-header-pagination .user-employees-button .btn-background-theme {
    padding: 10px 10px !important;
    font-size: 12px;
  }
  .new_design .filters-search--container {
    padding: 15px !important;
  }
  .new_design .filters-search--container .filters-search--lg {
    text-align: center;
  }
  .new_design .filters-search-performance--container {
    padding: 0px 15px 0px 15px !important;
  }
  .new_design .filters-search-performance--feedback {
    padding: 0px 15px 0px 15px !important;
  }
  .new_design .user-employees-button--feedback {
    padding: 0px !important;
  }
  .new_design .user-left-collapse-fields--feedback {
    padding: 15px 15px 15px 0px;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .users-table--dropdown a.user-filters-collapse::after {
    /* right: 35px; */
    left: auto;
  }
  .new_design .table-header-pagination .user-employees-button .btn-theme-warning,
  .new_design .table-header-pagination .user-employees-button .btn-background-theme {
    padding: 10px 26px !important;
    font-size: 16px;
  }
  .new_design ul.sidebar-navigation-link li a span.sidebar-label--responsive:hover,
  .new_design ul.sidebar-navigation-link li a span.sidebar-label--responsive:focus {
    color: #ff851a !important;
  }
  .new_design .sidenav-left-menu a.menu-header-text {
    margin-top: -20px;
    margin-bottom: 10px;
  }
  .new_design .leave-application-section .vacation-section-vector {
    display: block;
  }
  .new_design .timeoff-leave-container
  .table-bottom-leave--accordion
  ul
  li
  .accordion-dropdown-form
  a.user-filters-collapse::after {
    right: 3px !important;
  }
  .new_design .custom-library-container {
    display: block;
    justify-content: center;
    text-align: center;
  }
  .new_design .custom-library-container .custom-library-right span {
    display: flex;
  }
  .new_design a.employee-user-filter-collapse::after {
    right: 160px;
    position: absolute;
    display: none !important;
    top: 0px;
    margin-top: 36rem;
  }
  .new_design .panel-accordion-employees-list {
    padding-top: 24rem;
  }
  .new_design .user-action-management-tools .dropdown-down {
    margin-left: -10px;
  }
  .new_design .user-action-management-tools .dropdown-down::before {
    right: -10px;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .users-table--dropdown--custom a.user-filters-collapse::after {
    right: 75px;
  }
  .new_design .user-employees-button {
    display: grid;
  }
  .new_design a.username-label--lg,
  .new_design .table-responsive-lg table tbody tr td.table-user-name--lg {
    font-size: 14px;
  }
  .new_design .table-responsive-overflow
  .data-table-responsive.user-table-pagination--lg
  table
  tbody
  tr
  td
  span.user-profile--label {
    width: 50px;
  }
  .new_design ul.sidebar-navigation-link label.r-st {
    display: none !important;
  }
  .new_design .sidebar-left-label--sm {
    text-align: left;
    left: 0px;
    margin-left: -11rem;
    margin-top: -3rem;
    font-size: 10px;
    display: block;
    text-transform: uppercase;
    color: #f1f8fc;
  }

  .new_design .user-click-change--sm:focus + .sidebar-left-label--sm,
  .new_design .user-click-change--sm:hover + .sidebar-left-label--sm,
  .new_design .user-click-change--sm:active + .sidebar-left-label--sm {
    color: #e86e13;
    fill: #e86e13;
    stroke: #e86e13;
  }
  .new_design .onboarding-table--head {
    display: block;
  }
  .new_design .onboarding-table--right {
    margin-top: 15px;
  }
  /* .tooltiptext-top {
  display: none;
} */
  .new_design .btn-theme-custom--apply {
    margin-left: 0px !important;
  }
  .new_design .users-table--dropdown--custom {
    padding: 20px 50px !important;
    padding-left: 0px !important;
  }
  .new_design .users-table--dropdown--custom--responsive {
    padding: 20px 80px !important;
    padding-left: 0px !important;
    margin-left: 10px !important;
  }
  .new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg {
    overflow: hidden;
  }
  .new_design .onboarding-table--head
  .onboarding-table--left.onboarding-table--selected
  .user-action-management-tools
  .dropdown-down::before {
    right: 3px;
  }
  .new_design .onboarding-table--head .onboarding-table--left.onboarding-table--selected {
    display: flex;
    justify-content: space-between;
  }
  .new_design .payroll-slips--container {
    height: 100%;
  }
  .new_design .payroll-slips--container .payrol-payslips-schedule {
    margin-top: 0px;
  }
  .new_design .payroll-slips--container .payrol-payslips-schedule ul li.payrol-slip--table {
    display: block;
    border: none;
    position: relative;
  }
  .new_design .payroll-slips--container .payrol-payslips-schedule ul li.payrol-slip--table::after {
    content: "";
    border: solid #054A61;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    position: absolute;
    left: 55px;
    top: 10px;
    transform: rotate(45deg);
  }
  .new_design .user-payroll-states--sm {
    display: block !important;
  }
  .new_design .payroll-aditing-xs {display: none;}
  .new_design a.payroll-filters-collapse {
    font-size: 16px !important;
    color: #054A61;
    font-weight: 600;
    width: 60px;
  }
  .new_design .add-column-count--responsive {
    /* display: grid; */
  }
  .new_design #myDiv1 {
    order: 1;
  }
  .new_design #myDiv2 {
    order: 2;
  }

  .new_design #myDiv4 {
    order: 3;
  }
  .new_design #myDiv5 {
    order: 4;
  }
  .new_design #myDiv6 {
    order: 5;
  }

  .new_design #myDiv3 {
    order: 6;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li {
    padding: 15px;
    padding-top: 0px;
    padding-left: 0px;
  }
  .new_design .accordion-dropdown-lg #accordion .panel, .accordion-dropdown-lg #accordion1 .panel {
    margin-bottom: 0px;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg {
    width: 200px;
    display: inline-block;
  }
  .new_design .timeoff-leave-medical-payroll--accordion {
    width: 208px !important;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .timeoff-leave-medical-payroll--accordion a.user-filters-collapse::after {
    right: 35px;
  }
  .new_design .collapse.in {
    display: inline-block;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li.color-theme__blue {
    width: 200px;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .users-table--dropdown a.user-filters-collapse::after {
    right: -10px;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form .panel-default.panel-accordion-form .panel-heading-transparent.panel-heading-transparent--lg a.timeoff-collapse-accordion .timeoff-heading--lg ul.user-leave-order--list li {
    padding: 11px;
    padding-left: 0px;
    padding-top: 0px;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .users-table--dropdown a.user-filter-collapse--companyx::after {
    right: 35px !important;
  }
  .new_design #myDiv3 {
    display: none;
  }
  .new_design #myDiv7 {
    display: block;
  }
  .new_design li.pie-chart-description--responsive {
    display: none !important;
  }
  .new_design .tabs-jobs-pie--value {display: inline-block !important;}
  .new_design .users-pie-chart ul li {
    padding: 13px;
  }
  .new_design .users-pie-chart ul li .clien-service {
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 5px;
    text-align: left;
    letter-spacing: 0px;
    color: #054A61;
    font-weight: 500;
  }
  .new_design .form-inline .form-group {
    display: block !important;
  }
  .new_design .user-custom-checkbox--contract label {
  }
  .new_design .btn-theme-background--contract {
    margin-left: 0px !important;
  }
  .new_design .sidebar-label--responsive{
    font-size: 10px;
  }

  .new_design li.submenu-back-links--lg a.payroll-payslips-employees::before {
    left: 10px !important;
    top: 32px !important;
    position: absolute;
    content: "";
  }
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span .btn-primary {
    margin-bottom: 10px;
  }
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span {
    margin-left: 0rem;
  }
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align--changes span {
    margin-left: 2rem;
  }
  .new_design .modal.quick-chnages-modal .modal-dialog-centered {
    width: 100%;
  }
  .new_design .modal-dialog-centered {
    margin: 0px;
  }
  .new_design .modal.quick-chnages-modal .modal-dialog-centered .modal-content-section .modal-body-section p {
    max-width: 100%;
  }
  .new_design  .table-head-column-fixed {
    height: 14.7vh;
  }
  .new_design .modal.quick-chnages-modal .modal-dialog-centered.modal-dialog-centered--documents {
    width: 100%;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  p {
    text-align: left;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li.user-documents-input--fields
  .user-management-formgroup,
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li
  .user-management-formgroup {
    padding-left: 0px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  .contracts-popup-right--section
  ul {
    padding-left: 8px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  .contracts-popup-right--section
  ul
  li {
    padding-bottom: 6rem;
  }
  .modal-content-footer span .footer-modal-close--btn {
    margin-bottom: 0px;
  }
  .new_design .wizard-footer-fixed
  .user-basic-footer
  .footer-bottom-align.footer-basic-time--timesheet
  .custom-library-right--sheet
  .onboarding-table--head
  .onboarding-table--selected {
    display: inline-block !important;
  }
  .new_design .wizard-footer-fixed
  .user-basic-footer
  .footer-bottom-align.footer-basic-time--timesheet
  .datatable-navigations-container
  .datatable-navigations
  ul.datatable-navigations--right {
    text-align: center;
  }
  .new_design .wizard-footer-fixed
  .user-basic-footer
  .footer-bottom-align.footer-basic-time--timesheet
  .datatable-navigations-container {
    margin-left: 0rem;
  }
  .new_design .onboarding-table--head
  .onboarding-table--left.onboarding-table--selected
  .user-action-management-tools
  .dropdown-down--latest::before {
    right: 3px !important;
  }
  .new_design .wizard-footer-fixed
  .user-basic-footer
  .footer-bottom-align.footer-basic-time--timesheet
  .custom-library-right--sheet
  .onboarding-table--head
  .onboarding-table--selected
  .table-header-pagination
  .user-employees-button
  .btn-background-theme.btn-theme-transparent {
    margin-bottom: 10px;
  }
  .new_design .user-actions--icons--changes {
    position: relative !important;
  }
  .new_design .user-companies-listing--lg span.tooltip-top-titles {
    margin-right: 67px;
  }
  .new_design .user-companies-listing--lg.user-companies-listing--first {
    margin-bottom: 4rem;
  }
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align.footer-bottom-align--sheet span {
    text-align: center;
  }
  .new_design .accordion-dropdown-form--timesheet {
    margin-bottom: 0px !important;
  }
  .new_design .right-contract-timesheet--schedule .custom-library-center span p.calendar-sheet-center {
    display: none;
  }
  .new_design .custom-library-center span p.calendar-sheet-center {
    display: none;
  }
  .new_design .custom-library-center span.span--sm {
    margin-left: 10px;
    margin-top: 15px;
  }
  .new_design .right-contaract-timesheet--edit {
    text-align: left;
    margin-left: 10px;
  }
  .new_design .datatable-navigations--responsive {
    display: none;
  }
  .new_design .datatable-navigations-align-center--timesheet {
    display: none;
  }
  .new_design span p.timesheet--type--options {
    display: none;
  }
  .new_design .custom-library-right--sheet span.timesheet--type--options {
    display: none;
  }
  .new_design .right-contract-timesheet--schedule .right-contract-buttons .btn-theme-active {
    display: block;
  }
  .new_design .btn-transparent-timesheet--veiw {
    padding-left: 0px !important;
  }
  .new_design .onboarding-table--head .onboarding-table--left.onboarding-table--selected {
    margin-left: 0px !important;
  }
  .new_design .btn-footer--fixed--align {
    display: none;
  }
  .new_design .btn-footer--fixed--align {
    display: none;
  }
  .new_design .dropdown-down--latest--timesheet::before {
    right: 3px !important;
    border: 2px solid #f1f8fc !important;
    border-top: 0px !important;
    border-right: 0px !important;
  }
  .new_design .dropdown-down--latest--timesheet .btn-theme-transparent--downloads {
    background-color: #ff851a;
    color: #f1f8fc;
  }
  .new_design .data-wizard--changes.data-wizard--changes--wizard {
    margin-bottom: 0rem;
  }
  .new_design .table-import--listings .user-detail-listings ul li {
    display: inline-block;
    /* width: 100%; */
  }
  .new_design .payroll-setari-calculate__90 {
    height: 100%;
  }
  .new_design .user-basic-footer .footer-bottom-align--setari {
    text-align: center !important;
  }
  .new_design .table-header-pagination--organizations {
    display: inline-block;
  }
  .new_design .opartional-vector-group {
    width: 277px;
    height: 240px;
    display: inline-block;
  }
  .new_design .opartional-vector-group img  {
    width: 100%;
    object-fit: contain;
    display: inline-block;
    text-align: center;
  }
  /* .gldp-default .monyear, .gldp-default .monyear select {
    width: 100% !important;
  } */
  /* .gldp-default {
    width: 100% !important;
  } */
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align span.job-offer-add .btn-primary.btn-theme-warning--company {
    margin-left: 0px !important;
  }
  .new_design .wizard-footer-fixed .user-basic-footer .footer-bottom-align {
    text-align: center;
  }
  .new_design .table-header-pagination.table-header-feedback .user-employees-button form .user-left-collapse-fields .user-management-formgroup .form-input-text-left.form-input-text-left--value {
    width: 180px;
  }
  .new_design .user-organization-roles--card {
    margin-bottom: 20px !important;
  }
  .new_design .payroll-setari-form .payroll-table-search--btn .payroll-search--table form {
    margin: 20px 0px 20px 0px;
  }
  .new_design .well.performance-assessments-card {
    height: 100%;
    margin-bottom: 40px;
  }

}

@media (min-width: 576px) {
  .new_design .sub_icon img {
    width: 56px !important;
    height: 54px !important;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  .new_design .navbar-nav {
    margin: 7.5px 0px;
  }
  .new_design .right-contract-lg .btn-theme-transparent {
    margin-left: 0px;
    margin-bottom: 10px;
    padding: 10px 26px;
  }
  .new_design .right-contract-lg .btn-theme-warning {
    margin-bottom: 10px;
  }
  .new_design .nav > li > a {
    padding: 15px 26px;
    font-size: 12px;
  }
  .new_design nav ul.navbar-right li.action-menu-dropdown {
    display: inline-block !important;
  }
  .new_design .user-detail-listings ul li.right-section-lg {
    font-size: 12px;
  }
  .new_design .middle-section-listings p label {
    font-size: 12px;
  }
  .new_design .middle-section-listings p {
    font-size: 14px;
  }
  .new_design .middle-section-listings p {
    font-size: 12px;
  }
  .new_design #sidebar-wrapper {
    z-index: 98;
  }
  .new_design .bar1-md {
    background-color: #f1f8fc !important;
  }
  .new_design form .input-search-form {
    width: 80%;
    display: inline-block;
  }
  .new_design .container-timeline ul.timeline {
    padding-left: 0px !important;
  }
  .new_design .container-timeline .timeline li {
    width: 85px;
    font-size: 11px;
  }
  .new_design .container-timeline .timeline li:before {
    width: 15px;
    height: 15px;
  }
  .new_design .container-timeline .timeline li:after {
    top: 8px;
  }
  .new_design .contract-detail-lg {
    margin-top: 0rem !important;
  }
  .new_design #sidebar-wrapper {
    margin-top: 7px;
  }
  .new_design .sidenav-left-menu {
    margin-top: 6.8rem !important;
  }
  .new_design .accordion-dropdown-lg #accordion .panel .panel-heading a::after,
  .new_design .accordion-dropdown-lg #accordion1 .panel .panel-heading a::after {
    right: -30px;
  }
  .new_design .timeoff-leave-container .time-off-employee-table .user-table-pagination--lg {
    overflow: hidden;
  }
  .new_design li.submenu-back-links--lg a.payroll-payslips-employees::before {
    left: 10px !important;
    top: 32px !important;
    position: absolute;
    content: "";
  }
  .new_design .active-tl img {
    left: 8.3rem;
    top: 3.4rem;
    width: 8px;
  }
  .new_design .table-import--listings .user-detail-listings ul li .right-contract-lg .btn-theme-transparent--quick {
    font-size: 14px !important;
    padding: 10px 25px;
  }
  .new_design .opartional-vector-group {
    width: 277px;
    height: 240px;
    display: inline-block;
  }
  .new_design .opartional-vector-group img  {
    width: 100%;
    object-fit: contain;
    display: inline-block;
    text-align: center;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .new_design .navbar-nav {
    margin: 7.5px 0px;
  }
  .new_design .navbar-header .navbar-collapse ul.navbar-nav > li {
    float: none !important;
    display: inline-block;
  }
  .new_design #sidebar-wrapper {
    margin-top: 6.5rem;
  }
  .new_design .contract-detail-lg {
    margin-top: 6.7rem !important;
  }
  .new_design form .input-search-form {
    width: 80% !important;
  }
  .new_design .container-card-right {
    margin-top: 26px !important;
  }
  .new_design .container-timeline ul.timeline {
    padding-left: 0px !important;
  }
  .new_design .container-timeline .timeline li {
    width: 120px;
    font-size: 11px;
  }
  .new_design .navbar-collapse.collapse ul li.dropdown a {
    margin: 0px;
  }
  .new_design .nav > li > a {
    font-size: 12px;
    padding: 15px 7px;
  }
  .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-right {
    width: 30% !important;
  }
  .new_design .navbar-nav > li > ul.dropdown-menu-right li a {
    font-size: 12px;
  }
  .new_design .navbar-brand-logo img {
    margin-top: 1rem;
  }
  .new_design .nav > li > a {
    letter-spacing: 0px;
  }
  .new_design .table-import--listings .user-detail-listings ul li .right-contract-lg .btn-theme-transparent--quick {
    font-size: 14px !important;
    padding: 10px 25px;
  }
}
@media (max-width: 991px) {
  .new_design .form-inline .form-group {
    /* width: 100%; */
    display: inline-block;
  }
  .new_design .right-section-padding-lg .nopadding {
    padding: 7px !important;
  }
  .new_design .sidenav-left-menu {
    margin-top: 11.7rem;
  }
  .new_design .container-body-content .user-contract-form-right {
    margin-bottom: 10rem !important;
  }
  .new_design .sort_dashboard{
    column-count: 1;
    clear: both;
  }
  .new_design .onboarding-table--head .onboarding-table--left.onboarding-table--selected {
    margin-left: 25px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .new_design .navbar-nav {
    margin: 7.5px 0px;
  }
  .new_design .contract-detail-lg {
    margin-top: 6.8rem !important;
  }
  .new_design #sidebar-wrapper {
    margin-top: 6.8rem;
  }
  .new_design .nav > li > a {
    font-size: 12px;
    padding: 15px 7px;
  }
  .new_design .navbar-brand-logo {
    height: 65px;
  }
  .new_design .container-timeline .timeline li {
    width: 130px;
    font-size: 12px;
  }
  .new_design ul.navbar-right-menu li a.svg-icon-transparent {
    margin-left: 24px !important;
  }
  .new_design .sidenav-left-menu {
    margin-top: 11.8rem;
  }
  .new_design .navbar-brand-logo img {
    margin-top: 1rem;
  }
}
@media (min-width: 1105px) and (max-width: 1140px) {
  .new_design .contract-detail-lg {
    margin-top: 6.8rem !important;
  }
  .new_design #sidebar-wrapper {
    margin-top: 6.8rem !important;
  }
}
@media (min-width: 1300px) and (max-width: 1800px) {
  .new_design .action-menu-dropdown {
    margin: 4px;
    margin-top: 0px;
  }
}
@media (min-width: 1510px) and (max-width: 1800px) {
  .new_design .nav > li > a {
    padding: 15px 15px;
  }
  .new_design .well.performance-assessments-card {
    height: 70vh;
  }
}
@media (min-width: 1450px) and (max-width: 2500px) {
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li.user-documents-input--fields
  .user-management-formgroup
  .form-input-text-left {
    width: 530px;
  }
}
@media (min-width: 876px) and (max-width: 991px) {
  .new_design #sidebar-wrapper {
    margin-top: 6.7rem;
  }
  .new_design .contract-detail-lg {
    margin-top: 6.7rem !important;
  }
}
/* @media (min-width: 1200px) and (max-width: 1300px) {
  .nav > li > a {
    font-size: 11px;
  }
  #sidebar-wrapper {
    margin-top: 57px;
  }
} */
@media (min-width: 1280px) and (max-width: 1348px) {
  .new_design ul.navbar-right-menu li a {
    margin-left: 35px;
  }
}
@media (min-width: 1300px) and (max-width: 1348px) {
  .new_design .contract-detail-lg {
    margin-top: 5.4rem !important;
  }
  .new_design #sidebar-wrapper {
    margin-top: 53px;
  }
}
@media (min-width: 1200px) and (max-width: 1340px) {
  .new_design .user-detail-listings ul li.user-section-right {
    width: 17%;
  }
  .new_design form .input-search-form {
    max-width: 72% !important;
  }
}
@media (min-width: 1341px) and (max-width: 1430px) {
  /* .user-detail-listings ul li.user-section-right {
    width: 83%;
  } */

  /* form .input-search-form {
    max-width: 72% !important;
  } */
}
@media (min-width: 1138px) and (max-width: 1200px) {
  .new_design .contract-detail-lg {
    margin-top: 5.4rem !important;
  }
  .new_design #sidebar-wrapper {
    margin-top: 53px;
  }
}
@media (min-width: 1138px) and (max-width: 1220px) {
  .new_design ul.navbar-right-menu li a {
    margin-left: 31px;
  }
}
@media (min-width: 577px) and (max-width: 640px) {
  .new_design .user-head-top-lg {
    height: 70vh !important;
  }
}
@media (min-width: 300px) and (max-width: 400px) {
  .new_design .onboarding-table--head
  .onboarding-table--left.onboarding-table--selected
  .user-action-management-tools
  .dropdown-down--latest::before {
    right: 3px !important;
  }
  .new_design .table-header-pagination .user-employees-button .btn-theme-warning,
  .new_design .table-header-pagination .user-employees-button .btn-background-theme {
    padding: 10px 26px !important;
    font-size: 16px;
  }
  .new_design .container-timeline .timeline li {
    float: none;
  }
  .new_design .container-timeline .timeline li:after {
    display: none;
  }
  .new_design .user-head-top-lg {
    height: 77vh !important;
  }
  .new_design .container-timeline .timeline li {
    /* width: 70px; */
    font-size: 10px;
    margin-bottom: 30px;
    width: 100%;
  }
  .new_design .container-timeline .timeline li:before {
    width: 25px;
    height: 25px;
    margin-bottom: 10px;
  }
  .new_design .accordion-dropdown-lg.accordion-dropdown-form
  .panel-default.panel-accordion-form
  .panel-heading-transparent.panel-heading-transparent--lg {
    width: 200px;
  }
  .new_design .onboarding-table--head .onboarding-table--left.onboarding-table--selected {
    display: inline-block;
  }
  .new_design .btn-theme-light-transparent {
    margin-left: 10px !important;
  }
  .new_design .user-action-management-tools .dropdown-down .options {
    width: 200px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li
  .user-management-formgroup
  .form-input-text-left {
    width: 240px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li.user-documents-input--fields
  .user-management-formgroup
  .form-input-text-left {
    width: 240px;
  }
  .new_design .table-import--listings .user-detail-listings ul li {
    display: inline-block;
    width: 100%;
  }
  /* .gldp-default {
    width: 100% !important;
  } */
  .new_design .monyear {
    width:114px !important;

  }
  .new_design .dow {
    width: 49.5px !important;
  }
  .new_design .gldp-default {
    left: 8px !important;
    width: 95% !important;
  }

}
@media (min-width: 300px) and (max-width: 370px) {
  .new_design .btn-order-user-performance-ml {
    margin-left: 0px !important;
  }
}
@media (min-width: 401px) and (max-width: 575px) {
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li
  .user-management-formgroup
  .form-input-text-left {
    width: 340px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li.user-documents-input--fields
  .user-management-formgroup
  .form-input-text-left {
    width: 340px;
  }
}

@media only screen and (min-width: 768px) {
  .new_design .dropdown:hover .dropdown-menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .new_design .navbar-header button span#main_icon {
    padding-top: 0px;
    padding-right: 0px;
  }
  .new_design .navbar-header button span#main_icon.glyphicon {
    font-size: 20px;
    color: #054a61;
  }
  .new_design .bar1,
  .new_design .bar2,
  .new_design .bar3 {
    background-color: #054a61;
  }
  .new_design ul.time-dropdown-menu {
    margin-left: 0px !important;
  }
  .new_design .user-head-top-lg {
    height: 70vh;
  }
  .new_design .user-head-top-lg .nav > li {
    display: inline-block;
  }
  .new_design .user-head-top-lg .nav > li > a {
    padding-left: 9px;
  }
  .new_design .head-top-bar .btn.btn-theme-warning {
    font-size: 11px;
    font-weight: 500;
  }
  .new_design nav ul.navbar-top-heading-lg li.sub-menu-header a {
    letter-spacing: 0px;
    padding-left: 0px !important;
  }
  .new_design nav ul.navbar-top-heading-lg li.sub-menu-header-lg a {
    letter-spacing: 0px;
    padding-left: 0px !important;
  }
  .new_design nav ul.navbar-top-heading-lg li a span,
  .new_design nav ul.navbar-top-heading-lg li i span{
    margin: 3px;
  }
  .new_design .user-profile-details h6 {
    font-size: 13px;
  }
  .new_design .right-contract-lg .btn-theme--transparent,
  .new_design .right-contract-lg .btn-theme--default {
    font-size: 13px;
    font-weight: 600;
  }
  .new_design .user-profile-details {
    margin-left: 0px !important;
  }
  .new_design #sidebar-wrapper ul li span.sub_icon {
    padding-top: 0px !important;
  }
  .new_design nav ul.navbar-top-heading-lg li.sub-menu-header a {
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .new_design .container-timeline .timeline li {
    letter-spacing: 0px;
  }
  .new_design .li.submenu-back-links--lg a.payroll-payslips-employees::before {
    left: 10px !important;
    top: 32px !important;
    position: absolute;
    content: "";
  }
  .new_design .wizard-footer-fixed {
    position: absolute;
    height: 100%;
  }
  .new_design .wizard-footer-fixed
  .user-basic-footer
  .footer-bottom-align.footer-basic-time--timesheet
  .custom-library-right--sheet
  .onboarding-table--head
  .onboarding-table--selected {
    display: block;
  }
  .new_design .onboarding-table--head
  .onboarding-table--left.onboarding-table--selected
  .user-action-management-tools
  .dropdown-down--latest::before {
    right: 22rem;
  }
  .new_design .well.performance-assessments-card {
    height: 100%;
    margin-bottom: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1920px) {
  .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-center {
    float: none !important;
    width: 77% !important;
    padding-top: 4px;
  }

  .new_design .clendar-recrutare .list_day li a,
  .new_design .clendar-recrutare .list_day li i{
    font-size: 12px;
  }
}
@media (min-width: 1920px) {
  .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-center {
    float: none !important;
    width: 100% !important;
    padding-top: 4px;
  }

  .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-center li {
    margin-left: 30px;
  }

  .new_design nav.navbar .navbar-collapse-container ul.navbar-listing-center .dropdown-menu  li {
    margin-left: 0px;
  }
  .new_design .container-card-right-lg ul li.user-section-right ul.right-section--listings li {
    width: 98%;
  }
}
@media (min-width: 1701px) and (max-width: 2320px) {
  .new_design .form-inline .form-group {
    display: block;
  }
  .new_design .form-inline .user-management-formgroup {
    display: inline-block;
  }
  .new_design .form-inline .form-control {
    width: 79%;
  }
  .new_design .datatable-navigations-container .datatable-navigations ul.datatable-navigations--right li a {
    padding: 5px;
  }
}
@media (min-width: 1921px) and (max-width: 2720px) {
  .new_design .form-inline .form-control {
    width: 100%;
  }
  .new_design .form-inline .form-group {
    /* width: 100%; */
  }
}
@media (min-width: 1400px) and (max-width: 4920px) {
  .new_design .accordion-dropdown-lg.accordion-dropdown-form {
    min-height: auto !important;
  }
}
/* @media (min-width: 1340px) and (max-width: 1372px) {
  #sidebar-wrapper {
    margin-top: 60px !important;
}
.contract-detail-lg {
  margin-top: 6rem !important;
}
} */
@media (max-width: 1340px) {
  .new_design .container-card-right {
    margin-top: 40px;
  }
  .new_design .clendar-recrutare-title{
    margin-top: 14px;
  }
  .new_design .clendar-recrutare{
    margin-bottom: 0px !important;
    margin-top: 12px;
  }
  .new_design .right-section-padding-lg br{
    display: none;
  }
  .new_design .payroll-slips--container {
    height: 100%;
    text-align: center;
    padding: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1342px) {
  .new_design .contract-detail-lg {
    margin-top: 5.4rem !important
  }
  .new_design #sidebar-wrapper {
    margin-top: 53px;
  }
  .new_design #sidebar-wrapper {
    margin-top: 107px;
  }
  .new_design .modal.quick-chnages-modal
  .modal-dialog-centered
  .modal-content-section
  .modal-body-section.modal-body-section--documents
  ul
  li
  .user-management-formgroup
  .form-input-text-left {
    width: 170px;
  }
}
@media (min-width: 600px) and (max-width: 1200px) {
  .new_design .container-timeline .timeline.timeline-wizard--changes li {
    width: 175px;
  }
}
@media (min-width: 401px) and (max-width: 600px) {
  .new_design .container-timeline .timeline.timeline-wizard--changes li {
    width: 115px;
  }
  .new_design .active-tl img {
    left: 5.3rem;
    top: 3.4rem;
    width: 8px;
  }
}
@media (min-width: 767px) and (max-width: 1200px) {
  .new_design .active-tl img {
    left: 8rem;
  }
}

@media (min-width: 300px) and (max-width: 992px) {
  .new_design .right-contract-timesheet--schedule {
    display: block;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .new_design .table-import--listings .user-detail-listings ul li .right-contract-lg .btn-theme-transparent--quick {
    font-size: 12px !important;
    padding: 10px 8px;
  }
}
@media (min-width: 1150px) and (max-width: 1300px) {
  .new_design .well.performance-assessments-card {
    height: 88vh;
  }
}