.mainMenuHold {
    position: absolute;
    left: -500px;
    transition: all 500ms ease;
}

.mainRight {
    margin-left: 250px;
    left: 0;
    width: auto;
    padding: 0 20px;
    float: none;
    background-color: #eceff1;
    padding-right: 19px;
}

.tableHold {
    width: auto;
}

.show-main-menu .mainMenuHold {
    left: 0px;
}

.subMenuHold {
    position: absolute;
    width: 250px;
    background-color: #fff;
    border: 0;
}
.user-dropdown-hader.btCreateNewField{
    color: rgba(0,0,0,0.38);
    font-size: 12px;
    border: 0;
    background-color: #fff;
}
.subMenuHold > ul li, .subMenuHold #menuSub > ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.mainMenuHold .sidebar-elements > ul {
    width: 250px;
}

.mainMenuHold .sidebar-elements > ul:hover {
    width: 250px;
}

.subMenuHold li a {
    padding: 1px 0 0 65px;
}
.subMenuHold li a:before {
    width: 60px;
    height: 40px;
    content: '';
    left: 0;
    position: absolute;
}
.user-dropdown .createdCircles li a,.subMenuHold li a{
font-size: 14px;
    font-weight: 500;
}
.user-dropdown .createdCircles li a{
    background-image: url(../images/svg/circle.svg);
    background-repeat: no-repeat;
    background-size: 21px;
}
.user-dropdown-hader.btCreateNewField{
    text-transform: uppercase;
}
.icon-users {
    background-image: url("../images/svg/console.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-users.active {
    background-image: url("../images/svg/console_select.svg");
}

.icon-orgChart {
    background-image: url("../images/svg/teamview.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-orgChart.active {
    background-image: url("../images/svg/teamview-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-designations {
    background-image: url("../images/svg/designation.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-designations.active {
    background-image: url("../images/svg/designation-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-departments {
    background-image: url("../images/svg/department.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-departments.active {
    background-image: url("../images/svg/department-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-circles {
    background-image: url("../images/svg/circles.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-circles.active {
    background-image: url("../images/svg/circles-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}
.icon-profiles-tracking.active{
    background-image: url("../images/svg/timeline-blue.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.icon-profiles-tracking{
    background-image: url("../images/svg/timeline-black.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

/*.createdNodes li{
    background-image: url("../images/svg/folder.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}*/

.icon-circles {
    background-image: url("../images/svg/circles.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.subMenuHold ul .iconAdded {
    left: 215px;
}

.left {
    width: 250px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.breadcrumb li+li:before {
    content: url("../images/right_arrow.jpg");
    vertical-align: text-top;
    padding-right: 15px;
}

.breadcrumb li {
    font-size: 16px;
    color: #323232;
}

.breadcrumb {
    display: none;
}

.text-header {
    margin-top: 15px;
}
.mainMenuHold .sidebar-elements > ul li{
    background-image: none;
}
.mainMenuHold .sidebar-elements > ul li:before{
    width: 60px;
    height: 40px;
    content: '';
    left: 0;
    position: absolute;
    height: 60px;
}
.createdNodes li > a{
}
.subMenuHold ul .heading{
    background-color: #fafafa;
    font-size: 14px;
    background-size: 20px;
}

.createdNodes li > a {
    background-image: url("../images/svg/custom_field.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.createdNodes li > a.active {
    background-image: url("../images/svg/custom_field_active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainIcon-People {
    background-image: url("../images/svg/people_main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-people.hvr-icon-forward:before {
    background: url("../images/svg/people.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-apps.hvr-icon-forward:before {
    background: url("../images/svg/profile.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainIcon-Profiles {
    background: url("../images/svg/profile-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-dashboard.hvr-icon-forward:before,
.icon-dashboard:hover {
    background: url("../images/svg/dashboard.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainIcon-Dashboard {
    background: url("../images/svg/dashboard-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-system.hvr-icon-forward:before {
    background-image: url("../images/svg/appstudio.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainIcon-AppStudio {
    background-image: url("../images/svg/appstudio-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-accounts.hvr-icon-forward:before {
    background-image: url("../images/svg/accounts.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-mis.hvr-icon-forward:before {
    background-image: url("../images/svg/mis-icon.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 25px;
}
.icon-tracking.hvr-icon-forward:before {
    background-image: url("../images/svg/trip_meter_main_icon.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 25px;
}

.mainIcon-Account {
    background-image: url("../images/svg/accounts-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-social.hvr-icon-forward:before {
    background-image: url("../images/svg/social.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainIcon-Social {
    background-image: url("../images/svg/social-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-settings.hvr-icon-forward:before {
    background-image: url("../images/svg/setting.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.mainMenuHold .sidebar-elements > ul li a {
    padding: 10px 0px 0 65px;
}

.subMenuHold ul .heading {
    padding-left: 65px;
    pointer-events: none;
}
.subMenuHold #menuSub > ul li:before{
    width: 60px;
    height: 36px;
    content: '';
    left: 0;
    position: absolute;
}

.icon-acc-profiles {
    background-image: url("../images/svg/admin.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-acc-profiles.active {
    background-image: url("../images/svg/admin-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-compInfo {
    background-image: url("../images/svg/company.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-compInfo.active {
    background-image: url("../images/svg/company-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-ownerInfo {
    background-image: url("../images/svg/ownersinfo.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-ownerInfo.active {
    background-image: url("../images/svg/ownersinfo-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-acc-settings {
    background-image: url("../images/svg/change-password.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-acc-settings.active {
    background-image: url("../images/svg/change-password-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-profiles {
    background-image: url("../images/svg/holiday.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-profiles.active {
    background-image: url("../images/svg/holiday-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-workingDays {
    background-image: url("../images/svg/working-days.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-workingDays.active {
    background-image: url("../images/svg/working_days-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-myReports {
    background-image: url("../images/svg/overview.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-myReports.active {
    background-image: url("../images/svg/overview-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-appstudioStandard {
    background-image: url("../images/svg/standard_apps.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-appstudioStandard.active {
    background-image: url("../images/svg/standard_apps-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-appstudioCustom {
    background-image: url("../images/svg/custom_app.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-appstudioCustom.active {
    background-image: url("../images/svg/custom_app-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-channels {
    background-image: url("../images/svg/orgchannel.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-channels.active {
    background-image: url("../images/svg/orgchannel-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-profiles-leave {
    background-image: url("../images/svg/leave_mgt.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    content: '';
}

.icon-profiles-leave.active {
    background-image: url("../images/svg/leave_mgt-activity.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-profiles-reimbursement {
    background-image: url("../images/svg/reimbursement.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-profiles-reimbursement.active {
    background-image: url("../images/svg/reimbursement-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}

.icon-leaveReports {
    background-image: url("../images/svg/leave_mgt.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-leaveReports.active {
    background-image: url("../images/svg/leave_mgt-activity.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-reimbursementReports {
    background-image: url("../images/svg/reimbursement.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-reimbursementReports.active {
    background-image: url("../images/svg/reimbursement-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-attendanceReports {
    background-image: url("../images/svg/working-days.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-attendanceReports.active {
    background-image: url("../images/svg/working_days-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.icon-field-settings  {
    background-image: url("../images/svg/field_setting.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-field-settings.active  {
    background-image: url("../images/svg/field_setting_active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-profile-settings{
    background-image: url("../images/svg/field_setting.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.icon-profile-settings.active  {
    background-image: url("../images/svg/field_setting_active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.icon-members-directory{
    background-image:  url("../images/svg/admin.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.icon-members-directory.active  {
    background-image: url("../images/svg/admin-active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-channel-admins  {
    background-image: url("../images/svg/org-chanel.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}

.icon-channel-admins.active  {
    background-image: url("../images/svg/org-chanel_active.svg");
    background-repeat: no-repeat;
    background-position: 20px;
    background-size: 23px;
}
.mainIcon-Settings {
    background-image: url("../images/svg/setting-main.svg");
    background-repeat: no-repeat;
    background-position: 20px;
}
.user-dropdown .createdCircles li a.active{
    background-image: url("../images/svg/circles_active.svg");
}

.place-change-newUI {
    display: block;
    float: right;
    position: relative;
    top: -60px;
    background-image: url("../images/svg/add.png");
    background-repeat: no-repeat;
    background-position: 15px;
    background-color: #228CE6;
    color: white;
}

.place-change-newUI:hover {
    background-color: #228ce6;
}

.select-box {
    left: 103px;
}

.select-boxTV {
    left: 127px;
}

.h-r {
    border-bottom: 1px solid #c2c5c8;
    position: relative;
    z-index: 10;
    top: 107px;
    margin-left: 249px;
    margin-right: 5px;
    display: none;
}

.right .rHeader h3 {
    font-size: 20px;
    margin-left: 20px;
    height: 60px;
    line-height: 60px;
    font-family: "roboto";
}

.place-change {
    padding-left: 35px;
    margin-right: 30px;
}

.console-BT {
    margin-top: 0;
}

.text-haeader {
    margin-top: 10px;
    margin-left: 20px;
}

.newNode {
    margin-top: 0;
}

.nodeHeader {
    border: 0;
}

.newNode .bt2 {
    background-color: #228ce6 !important;
    color: white;
}

.change-nodeRemove-newUI {
    margin-top: 9px;
}

.popupHold .header {
    background-color: #e7e7e7;
    color: #323232;
}

.header .btClose {
    color: #323232;
}

.addMember {
    border-color: #cacaca;
    left: 8%;
}

.addMember .table-footer {
    background-color: #f6f6f6;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}

.addMember .contentHold {
    padding-right: 0;
    padding-left: 0;
}

.addMember .table-body {
    padding-left: 10px;
    padding-right: 10px;
}

.addMember .actionBtHold {
    margin-right: 10px;
    margin-left: 10px;
    width: 95%;
}

.change-newUI-holiday {
    font-size: inherit;
    font-family: "robotomedium";
    min-width: 100px;
    height: 37px;
    line-height: 37px;
    padding: 0 20px;
    margin: 0 2px;
    font-family: "robotomedium";
    background: #e0e0e0;
    color: rgb(50, 50, 50);
    border: 1px solid #cccccc;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
}

.change-newUI-holiday:hover {
    background-color: #228ce6;
    cursor: pointer;
}

.change-newUI-menu-right-holiday li {
    display: inline-block;
}

.managerHold {
    background: #e0f7fa;
;
}

.right .rHeader {
    width: auto;
    border-bottom: 1px solid #c2c5c8;
    margin-left: -20px;
    margin-right: -20px;
    height: 60px;
    display: block;
}

.loaderFull {
    width: 90%;
}

#myDropdown {
    display: none;
}

.editPage .rHeader {
    border-bottom: 0;
}

.divHold {
    margin: 15px 20px;
    margin-right: 20px;
}

.rtPanel {
    height: 95%;
}

.appsContentSection {
    padding-right: 20px;
    padding-left: 20px;
}

.leftSectionUM {
    margin-left: 20px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: 0;
}

.nav-tabs .active {
    border-bottom: 3px solid #1e88e5;
}

.managerHold .userHold:hover {
    cursor: default;
}

.appsContentSection h2 {
    font-size: 1.5em;
}

.appsHeaderText {
    margin-top: 20px;
}


/*.holiday .rHeader,#contentBody .rHeader{
    border-color: transparent;
}*/

.headerTab {
    border-bottom: 1px solid #c2c5c8;
    width: 103%;
    margin-left: -20px;
}

.headerTab .nav-tabs {
    border: 0;
    float: right;
}

.holiday .nav > li > a {
    margin-top: 6px;
}

.rHeader .divHold .containt > h3 {
    display: inline;
}

.editOn input {
    width: 50%;
}

.headerTab .breadcrumb {
    display: block;
    margin: 0;
    padding: 10px;
    display: inline-block;
    padding-left: 20px;
}

.newNode .nodeHeader,
.newNode .fieldHold,
.newNode .btHold {
    margin-left: 20px;
    margin-right: 30px;
}

.subMenuHold ul .active,
.subMenuHold ul .active:hover {
    background-color: transparent;
    color: #37ADE7;
    font-family: robotomedium;
}
.subMenuHold .active a{
    font-family: robotomedium;
}

.subMenuHold #menuSub > ul li:hover, .subMenuHold .createdNodes > ul li:hover {
    background-color: #eeeeee;
    cursor: pointer;
}
.createdCircles li:hover{
    background-color: #eeeeee;
    cursor: pointer;
}

.contentHold {
    border: 0;
}

.contentHold input {
    width: 100%;
}

.breadcrumb li {
    background-image: url("../images/svg/arrow right.svg");
    background-repeat: no-repeat;
    background-position: 0px 9px;
}

.breadcrumb a {
    padding: 20px;
}

#editSection {
    display: none;
}

.appStudio .appDetails {
    display: block;
    width: auto;
    margin: 20px;
    margin-right: 30px;
}

.appStudio .mainContentSection {
    width: auto;
    margin: 20px;
    margin-right: 30px;
}

.fieldHold {
    margin: 0;
}

.org-channels h3 {
    margin-left: 20px;
    display: inline;
    line-height: 60px;
    font-size: 17px;
}

.org-channels-social,
.holidy-profile-edit,
.workingday-profile-edit,
.leave-profile-edit {
    padding-left: 20px;
    padding-right: 21px;
}

.workingday-profile-edit {
    padding-top: 20px;
}

.rHeader .divHold .header > h3 {
    display: none;
}

.divHold .header {
    height: 0;
    display: inline-block;
    border: 0;
    border-radius: 0;
    line-height: 0;
}

#usersHoldDiv .addUsers {
    position: initial;
}

.divHold {
    border: 0;
    border-radius: 0;
    margin-top: 0;
}

.edit .actionBtHold {
    padding: 0;
    margin: 0;
}

#editButton {
    display: inline-block;
}

.tabSection .table-header {
    border: 0;
    background-color: white;
    padding: 0;
}

.appSettingHeaderBar,
.mainAppSettingContentSection .appSettingBody,
.appSettingFooterBar {
    margin-left: 20px;
}

.appSettingHeaderBar .appHeading h1 {
    line-height: 26px;
}

.app-studio-text {
    padding-left: 20px;
    display: none;
}

.app-studio-page {
    padding-left: 20px;
    padding-right: 30px;
}

.holiday .nav > li > a:hover {
    background-color: transparent;
    color: #fff;
}

.rHeader.edit .headerTab {
    padding-right: 30px;
    padding-left: 20px;
}


/*.containt .searchHold{
    float: none;
    position: initial;
}*/

.headerTab ul {
    margin-right: 20px;
}

.text-haeader h4 {
    line-height: 40px;
}

.personal-edit-user {
    margin-top: 130px;
}

.team-view-users {
    margin-top: 109px;
}

.holidayProfileEdit .rHeader,
.workingDay_editProfile .rHeader,
.appStudioPopulate .rHeader,
.channels .rHeader {
    border-color: transparent;
}

.appStudioViewPageStandard .rHeader,
.appStudioViewPage .rHeader {
    height: 44px;
}

.editUser .rHeader {
    height: 50px;
}

.editUser .personal-edit-user {
    width: 100%;
}

.workingDays .bt {
    background-color: #e0e0e0;
}

.workingDays .bt.place-change-newUI {
    display: block;
    float: right;
    position: relative;
    top: -60px;
    background-image: url("../images/svg/add.png");
    background-repeat: no-repeat;
    background-position: 15px;
    background-color: #228CE6;
    color: white;
}

.timeLineBody::-webkit-scrollbar,
.trendingDeptBoxBody::-webkit-scrollbar,
.mostUsedAppsBoxBody::-webkit-scrollbar,
.fullScreenPopup>div::-webkit-scrollbar,
.new-ui-table::-webkit-scrollbar,
.orgchart::-webkit-scrollbar,
.appholder-new-ui::-webkit-scrollbar,
.dashboard-newui::-webkit-scrollbar,
.newheight-edituser::-webkit-scrollbar,
.appstudio-create-newui::-webkit-scrollbar,
.line-table tbody::-webkit-scrollbar,
.workflow .overscroll::-webkit-scrollbar,
.workflow .addfield-scroll::-webkit-scrollbar,
.ButtonType::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
    height: 5px;

}

.timeLineBody::-webkit-scrollbar-thumb,
.trendingDeptBoxBody::-webkit-scrollbar-thumb,
.mostUsedAppsBoxBody::-webkit-scrollbar-thumb,
.fullScreenPopup>div::-webkit-scrollbar-thumb,
.new-ui-table::-webkit-scrollbar-thumb,
.orgchart::-webkit-scrollbar-thumb,
.appholder-new-ui::-webkit-scrollbar-thumb,
.dashboard-newui::-webkit-scrollbar-thumb,
.newheight-edituser::-webkit-scrollbar-thumb,
.appstudio-create-newui::-webkit-scrollbar-thumb,
.line-table tbody::-webkit-scrollbar-thumb,
.workflow .overscroll::-webkit-scrollbar-thumb,
.workflow .addfield-scroll::-webkit-scrollbar-thumb,
.ButtonType::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #727272;
}

.timeLineBody::-webkit-scrollbar-track,
.trendingDeptBoxBody::-webkit-scrollbar-track,
.mostUsedAppsBoxBody::-webkit-scrollbar-track,
.fullScreenPopup>div::-webkit-scrollbar-track,
.new-ui-table::-webkit-scrollbar-track,
.orgchart::-webkit-scrollbar-track,
.appholder-new-ui::-webkit-scrollbar-track,
.dashboard-newui::-webkit-scrollbar-track,
.newheight-edituser::-webkit-scrollbar-track,
.appstudio-create-newui::-webkit-scrollbar-track,
.line-table tbody::-webkit-scrollbar-track,
.workflow .overscroll::-webkit-scrollbar-track,
.workflow .addfield-scroll::-webkit-scrollbar-track,
.ButtonType::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.appStudioEditPage .rHeader,
.appStudioCreatePage .rHeader {
    height: 40px;
}

.appStudioLeave .rHeader ul,
.appStudioReimbursement .rHeader ul,
.appStudioAttendance .rHeader ul {
    float: right;
    margin-right: 20px;
}


/*.nav-tabs{
    border-color: white;
}*/

.nav > li > a {
    border: 0;
}

#myDropdown {
    display: none;
}

.searchHold.moreOption.select-box.fr >div.dn {
    display: inline;
}

.addUsers .vLine {
    position: relative;
    vertical-align: top;
    top: 10px;
}

.addUsers .icon-add_user_list,
.addUsers .searchInputHold {
    margin-top: 0;
}

.hover-search {
    float: right;
    display: none;
}

.hover-search .icon-search {
    position: relative;
    top: 10px;
    border: 1px solid;
    padding: 8px;
    height: 38px;
    right: 0;
}

.nav-tabs>li>a:hover {
    background-color: white;
}

.table > tbody > tr > td {
    padding: 0 2%;
}

tbody .squaredThree {
    left: 0;
    top: 5px;
}

.appUsers .header {
    display: none;
}

.editUser .leftSectionUM h3 {
    margin-left: 5px;
}

.userDetails .headerMenu {
    top: 25px;
}

.change-newUI-holiday {
    background-image: url("../images/svg/add.png");
    background-repeat: no-repeat;
    background-position: 15px;
    background-color: #228CE6;
    color: white;
    padding: 0 20px;
    padding-right: 10px;
    display: block;
    float: right;
    position: relative;
    top: -60px;
    left: 310px;
}

.table.noHover .table-hover tbody > tr:hover,
.table-hover>tbody>tr:hover {
    background-color: rgba(3, 155, 229, .1);
}

.holidayCreate .personal-edit-user {
    margin: 0;
}

.newNode h1 {
    font-size: 17px;
    line-height: 60px;
}

.appStudioLeave .change-newUI-holiday,
.appStudioAttendance .change-newUI-holiday,
.appStudioReimbursement .change-newUI-holiday {
    display: block;
    float: right;
    position: relative;
    top: 0px;
    left: 0px;
}

.appStudioLeave .nav-tabs,
.appStudioAttendance .nav-tabs,
.appStudioReimbursement .nav-tabs {
    border-color: #ccc;
}
.nav-tabs>li{
    margin-bottom: 0;
}
.appsetting .formHold {
    margin-top: 0;

}

.addMember .actionBtHold {
    width: 97.7%;
}

.channels .addUsersSection {
    padding-right: 20px;
    padding-left: 20px;
}

.headerTab {
    width: auto;
    margin-right: -20px;
}

.tableHolder-padding {
    padding: 0;
}

.channels .headerTab h3 {
    margin-left: 40px;
}

.edit-acc-profile .headerTab {
    margin-right: -20px;
}

.popupHold .header,
.divHold .popupHold .header {
    background-color: transparent;
    color: #323232;
}

.tabSection .divHold .popupHold .header {
    background-color: #e7e7e7;
}

#usersHoldDiv .addUsers {
    position: absolute;
    top: 15px;
}

.holidayProfileEdit #usersHoldDiv .addUsers,
.workingDay_editProfile #usersHoldDiv .addUsers,
.appStudioAttendance #usersHoldDiv .addUsers,
.leaveProfileEdit #usersHoldDiv .addUsers,
.reimbursementProfileEdit #usersHoldDiv .addUsers,
.channels #usersHoldDiv .addUsers {
    right: 13px;
    top: 13px;
}

.channels .containt .addUsers {
    display: none;
}

.actionBtHold .addUsers {
    display: none;
}

#usersHoldDiv .addUsers .vLine {
    vertical-align: top;
    top: 5px;
    height: 27px;
}

.appUsers .header {
    display: inline-block;
}

.workingDays .OptionHold li:nth-child(1) {
    background-color: transparent;
}


.mainRight::-webkit-scrollbar {
    display: none;
}


.new-ui-table,.orgchart,.appholder-new-ui,.appstudio-create-newui{
    overflow-x: hidden;
    height: 840px;
    margin-right: -20px;
    padding-right: 15px;
}
.dashboard-newui{
    overflow-x: hidden;
    height: 930px;
}
.popupHold .actionBtHold{
    width: 97.8%;
}
/*.edit-designation .new-ui-table,.edit-department .new-ui-table,.workingDay_editProfile .new-ui-table,.edit-circles .new-ui-table{
    margin-right: -15px;
}*/
.popupHold .new-ui-table{
    padding-right: 10px;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 55px;
}
.addMember .contentHold{
    overflow: hidden;
    padding-top: 0;
}
.appStudioPopulate .mainRight::-webkit-scrollbar {
    display: block;
}

@-moz-document url-prefix() {
    .mainRight {
        overflow: hidden;
    }
}



/*.actionBtHold{
    box-shadow: 0px 8px 8px -8px rgba(0,0,0,0.5);
    padding-bottom: 10px;
}*/

.app-permision {
    display: inline-block;
    float: right;
}

.rtPanel .txtHeadRP,
.rtPanel .txtRP {
    display: inline-block;
}

.rtPanel .txtHeadRP {
    width: 49%;
}

.rtPanel .txtRP {
    width: 50%;
    text-align: right;
}

#mobile {
    left: 0;
}

.text-haeader {
    margin-top: 0;
}


/*.workingDay_editProfile .tableHold{
    padding: 20px;
    display: none;
}*/

.workingday-profile-edit .actionBtHold {
    box-shadow: none;
}

.workingDay_editProfile .actionBtHold {
    box-shadow: none;
    border: 0;
    overflow: visible;
    background-color: transparent;
}

.workingDay_editProfile .actionBtHold.newtab {
    box-shadow: none;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
    background-color: transparent;
}
.workingDay_editProfile .actionBtHold.newtab.showNewDelete{
    background-color: #039be5;
}
.workday-dropdown li {}

.searchHold,
.addUsers .searchHold,
#usersHoldDiv .addUsers {
    transition-timing-function: ease;
    width: auto;
}

#usersHoldDiv .actionBtHold .searchHold {
    white-space: nowrap;
}

.hover-search {

}

.hover-search .icon-search {
    border: 0;
    border-left: 1px solid;
    border-color: #cccccc;
    top: 11px;
    transition-timing-function: ease;
}

#usersHoldDiv .addUsers {
    right: 40px;
}

.hover-search .icon-search:hover {
    cursor: pointer;
}

.userMgmtPeople .actionBtHold .searchHold {
    left: 235px;
}

.orgChartRootUsers .actionBtHold .searchHold {
    left: 7px !important;
}
.orgChartRootUsers.bulkUpload .contentHolder .rHeader{
    height: 45px;
}
.popupHold .actionBtHold .searchHold {
    left: 0;
}

.logo-menu {
    background-image: url("../images/svg/menu.svg");
    width: 18px;
    height: 12px;
    margin: 14px 18px;
}

.subMenuHold ul .iconAdded {
    left: 220px;
}

.myReports .subMenuHold ul .active,
.userMgmtPeople .subMenuHold ul .active,
.allholidayprofiles .subMenuHold ul .active,
.appStudioViewPageStandard .subMenuHold ul .active,
.edit-acc-profile .subMenuHold ul .active,
.channels .subMenuHold ul .active,
.dpage .subMenuHold ul .active,
.orgChartRootUsers .subMenuHold ul .active,
.designation .subMenuHold ul .active,
.department .subMenuHold ul .active,
.circles .subMenuHold ul .active,
.workingDays .subMenuHold ul .active,
.profiles-allleave .subMenuHold ul .active,
.profiles-allreimbursement .subMenuHold ul .active,
.appStudioViewPage .subMenuHold ul .active,
.companyInfo .subMenuHold ul .active,
.accOwnersInfo .subMenuHold ul .active,
.changePassword .subMenuHold ul .active {
    pointer-events: none;
}

.appStudioLeave .actionBtHold .searchHold,
.appStudioReimbursement .actionBtHold .searchHold {
    left: 0;
    max-width: 100%;
}

.appStudioAttendance .actionBtHold .searchHold {
    left: 100%;
}

.appStudioPopulate .breadcrumb {
    display: block;
    height: 29px;
}

.appStudioPopulate .rHeader {
    border-color: #c2c5c8;
    height: 0;
}

.appStudioPopulate .appDetails {
    padding-top: 20px;
}

.appStudioEditPage h1.appsetting-new-ui,
.appStudioCreatePage h1.appcreate-new-ui {
    display: block;
}

.appStudioEditPage h1.appcreate-new-ui,
.appStudioCreatePage h1.appsetting-new-ui {
    display: none;
}

.reimbursementProfileEdit .actionBtHold div:nth-child(3) {
    display: none;
}

.editUser h4.createuser-new-ui,
.personal h4.editeuser-new-ui {
    display: none;
}

.editUser h4.editeuser-new-ui,
.personal h4.createuser-new-ui {
    display: inline-block;
}

.editUser .text-haeader {
    margin-top: 10px;
}

.personal .text-haeader {
    padding-top: 10px;
}

.dpage .createdNodes li > a.active,
.createdNodes li > a.active:hover {
    cursor: default;
}

.dpage .createdNodes > ul li {
    cursor: default;
}

.dusers .createdNodes li > a.active,
.dusers .createdNodes li > a.active:hover {
    cursor: pointer;
}

.editUser .editPage .rHeader.edit {
    height: 100%;
}

.editUser #editSection {
    display: block;
}

.editUser .user-form .page-body .rHeader.holiday {
    display: none;
}

.editUser #mobile {
    left: -27px;
}

.appStudioPopulate .styled-select select {
    padding: 0 5px;
    width: 101%;
}

.invalid .styled-select select:focus {
    outline: none;
}

.editUser .editPage .header h3 {
    display: inline-block;
}

.appStudioAttendance .rHeader h3,
.appStudioLeave .rHeader h3,
.appStudioReimbursement .rHeader h3,
.holidayCreate .rHeader h3 {
    display: none;
}

.appStudioAttendance .rHeader .breadcrumb,
.appStudioLeave .rHeader .breadcrumb,
.appStudioReimbursement .rHeader .breadcrumb {
    display: inline-block;
    padding-left: 20px;
    padding-top: 15px;
    margin-top: 0;
}

.holidayCreate .rHeader .breadcrumb {
    display: inline-block;
    padding-left: 20px;
}

.appStudioEditPage .rHeader .breadcrumb,
.appStudioCreatePage .rHeader .breadcrumb {
    display: inline-block;
    margin: 0;
    margin-top: -10px;
}

.breadcrumb a {
    font-size: 20px;
    line-height: 20px;
    padding-left: 30px;
}

.headerTab .breadcrumb {
    padding-top: 15px;
    text-shadow: none;
    font-family: robotolight;
    text-transform: capitalize;
}

.breadcrumb li {
    background-position: 0px 7px;
}


/*.profiles-allreimbursement .actionBtHold .searchHold,.profiles-allleave .actionBtHold .searchHold,.allholidayprofiles .actionBtHold .searchHold{
    max-width: 100%;
}*/

.info02 .headerMenu.js-tooltip .arrowUp {
    right: -323px;
}

.appStudioPopulate .breadcrumb {
    height: 39px;
    margin-top: 0;
    padding-top: 15px;
}

#usersHoldDiv .addUsers {
    transition-timing-function: ease;
}

.appStudioAttendance .actionBtHold .searchHold {
    left: 0;
}

#usersHoldDiv .addUsers .icon-search,
#usersHoldDiv .addUsers .btTrans {
    display: none;
}

.addUsers .icon-add_user {
    border: 0;
    height: 35px;
}

#usersHoldDiv .addUsers .searchHold input {
    border: 0;
    width: 270px;
    height: 35px;
    border-radius: 5px;
}

#usersHoldDiv .addUsers .searchHold input[type=text]:focus {
    outline: none;
    box-shadow: none;
}

#usersHoldDiv .addUsers {
    border: 1px solid rgb(204, 204, 204);
    border-radius: 4px;
    height: 37px;
}

.addUsers .icon-add_user_list {
    height: 35px;
}

.addUsers .icon-add_user_list:hover {
    border-radius: 0;
}

.editUser #usersHoldDiv .addUsers {
    top: 75px;
    right: 10px;
}
.personal #usersHoldDiv .addUsers {
    right: 55px;
}

.editUser #editSection {
    margin-left: 10px;
}

.editUser .editPage #reporteeSection .header h3 {
    margin-left: -10px;
}

.editUser .rHeader .divHold {
    border-bottom: 1px solid #ccc;
}

.popupHold .rHeader {
    height: 0;
}

.appStudioPopulate #usersHoldDiv .addUsers {
    top: 8px;
}

.appStudioPopulate .contentHold .actionBtHold input {
    width: 300px;
}

.newNode h1 {
    font-size: 21px;
    font-family: "roboto";
}

/*.appStudioPopulate .left,
.appStudioCreatePage .left,
.appStudioEditPage .left {
    width: 0;
}

.appStudioPopulate .subMenuHold,
.appStudioCreatePage .subMenuHold,
.appStudioEditPage .subMenuHold {
    width: 0;
}

.appStudioPopulate .loaderFull,
.appStudioCreatePage .loaderFull,
.appStudioEditPage .loaderFull {
    width: 100%;
    left: 0;
}*/

@keyframes mymove {
    0% {
        top: -48px;

    }
    100% {
        top: 0px;
        height: 100%;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/*.editUser .mainRight ,.personal .mainRight,.appStudioPopulate .mainRight,.appStudioCreatePage .mainRight,.appStudioEditPage .mainRight{
    animation: mymove 500ms;
    position: absolute;
    z-index: 20;
    background: white;
    width: 90%;
    margin: 1% 5%;
    box-shadow: 0px 5px 10px 5px #888888;
}*/


/*.editUser .mainRight ,.personal .mainRight,.appStudioPopulate .mainRight,.appStudioCreatePage .mainRight,.appStudioEditPage .mainRight{
    animation: mymove 500ms;
    animation: fadein 1s;
    position: absolute;
    z-index: 999;
    background: white;
    width: 98%;
    margin: 1% 1%;
    box-shadow: 0px 5px 10px 5px #888888;
    top: 0;
}*/

/*.appStudioPopulate .mainRight,
.appStudioCreatePage .mainRight,
.appStudioEditPage .mainRight {
        animation: mymove 500ms;

    animation: fadein 1s;
    margin-left: 0;
    transition-timing-function: ease;
    width: 100%;
}*/

.close-newui-edituser {
    list-style: none;
    float: right;
    background-image: url("../images/ic_close.png");
    background-repeat: no-repeat;
    font-size: 21px;
    background-position: 0px 10px;
    cursor: pointer;
}

.close-newui-edituser a {
    padding-right: 20px;
    padding-left: 20px;
}

.editUser .nav-tabs a,
.personal .nav-tabs a {
    padding-left: 0;
}

.editUser .nav-tabs>li#editUser > a::before,
.personal .nav-tabs>li#editUser > a::before {
    content: "1";
    background-color: #b7b7b7;
    padding: 6px 10px;
    border-radius: 50%;
    margin-right: 10px;
    color: white;
}

.editUser .nav-tabs > li.active#editUser > a::before,
.personal .nav-tabs > li.active#editUser > a::before {
    background-color: #1e88e5;
}

.editUser .nav-tabs>li#organization > a::before,
.personal .nav-tabs>li#organization > a::before {
    content: "2";
    background-color: #b7b7b7;
    padding: 6px 10px;
    border-radius: 50%;
    margin-right: 10px;
    color: white;
}

.editUser .nav-tabs > li.active#organization > a::before,
.personal .nav-tabs > li.active#organization > a::before {
    background-color: #1e88e5;
}

.editUser .nav-tabs>li#apps > a::before,
.personal .nav-tabs>li#apps > a::before {
    content: "3";
    background-color: #b7b7b7;
    padding: 6px 10px;
    border-radius: 50%;
    margin-right: 10px;
    color: white;
}

.editUser .nav-tabs > li.active#apps > a::before,
.personal .nav-tabs > li.active#apps > a::before {
    background-color: #1e88e5;
}

.editUser .nav-tabs>li#profiles > a::before,
.personal .nav-tabs>li#profiles > a::before {
    content: "4";
    background-color: #b7b7b7;
    padding: 6px 10px;
    border-radius: 50%;
    margin-right: 10px;
    color: white;
}

.editUser .nav-tabs > li.active#profiles > a::before,
.personal .nav-tabs > li.active#profiles > a::before {
    background-color: #1e88e5;
}

.personal #mobile {
    left: -27px;
}

.personal .personal-edit-user {
    margin-top: 0px;
}

.appStudioLeaveCreate .personal-edit-user {
    margin: 0;
}

.rtPanel .reportee,
.rtPanel .app {
    border: 0;
}

.app-permision {
    font-family: robotobold;
}

.createWorkingDaysProfile .nodeHeader h1,
.appStudioLeaveProfileCreate .nodeHeader h1,
.createHolidayProfile .nodeHeader h1 {
    display: none;
}

.createWorkingDaysProfile .breadcrumb,
.appStudioLeaveProfileCreate .breadcrumb,
.createHolidayProfile .breadcrumb,
.appStudioReimbursementProfileCreate .breadcrumb {
    display: inline-block;
}

.createWorkingDaysProfile .right .rHeader,
.createHolidayProfile .right .rHeader {
    height: 5px;
}

.appStudioReimbursementProfileCreate .right .rHeader {
    height: 4px;
}

.appStudioLeaveProfileCreate .right .rHeader {
    height: 5px;
}

.appStudioReimbursementProfileCreate .nodeHeader h1 {
    display: none;
}

.createWorkingDaysProfile .newNode,
.createWorkingDaysProfile .nodeHeader,
.appStudioLeaveProfileCreate .newNode,
.createHolidayProfile .newNode {
    margin-bottom: 0px;
}

.appStudioReimbursementProfileCreate .newNode {
    margin-bottom: 0;
}

.createWorkingDaysProfile .nodeHeader,
.appStudioLeaveProfileCreate .nodeHeader,
.createHolidayProfile .nodeHeader,
.appStudioReimbursementProfileCreate .nodeHeader {
    display: none;
}

.createWorkingDaysProfile .fieldHold,
.createNewNode .fieldHold,
.editNewNode .fieldHold,
.createDepartment .fieldHold,
.createCircles .fieldHold,
.appStudioLeaveProfileCreate .fieldHold,
.createDesignation .fieldHold,
.createHolidayProfile .fieldHold,
.appStudioReimbursementProfileCreate .fieldHold {
    margin-top: 20px;
}

.appStudioLeave .breadcrumb {
    margin: 0;
}

.breadcrumb a::after {
    margin: -20px;
}


/*.appStudioEditPage .appSettingBody .bodyPart2,.appStudioEditPage .appSettingBody .bodyPart1,.appStudioEditPage .appSettingFooterBar{
    width: 60%;
    margin: 0 20%;
}*/

.editUser .nav-tabs>li,
.personal .nav-tabs>li {
    margin-right: 30px;
}

.editUser .user-form .tabHold.personal-edit-user {
    margin: 0;
}

.subMenuHold ul .iconAdded,
.subMenuHold ul .iconAdded:hover {
    cursor: pointer;
}

.channels .rHeader {
    border-color: #c2c5c8;
}

.appStudioLeaveCreate .nodeHeader h3 {
    display: none;
}

.appStudioLeaveCreate .nodeHeader .breadcrumb {
    display: inline-block;
    margin-left: 20px;
}

.appStudioReimbursement .rHeader .breadcrumb {
    margin: 0;
}

.createDesignation .rHeader .nodeHeader h1,
.editNewNode .rHeader .nodeHeader h1,
.createDepartment .rHeader .nodeHeader h1,
.createCircles .rHeader .nodeHeader h1 {
    display: none;
}

.createDesignation .rHeader .nodeHeader,
.createDepartment .rHeader .nodeHeader,
.createCircles .rHeader .nodeHeader,
.editNewNode .rHeader .nodeHeader {
    display: none;
}

.createDesignation .rHeader,
.createDepartment .rHeader,
.createCircles .rHeader,
.editNewNode .rHeader {
    height: 14px;
}

.createDesignation .breadcrumb,
.createDepartment .breadcrumb,
.createCircles .breadcrumb,
.editNewNode .breadcrumb {
    display: inline-block;
}

.appStudioLeaveEdit .nodeHeader h3 {
    display: none;
}

.appStudioLeaveEdit .nodeHeader .breadcrumb {
    display: inline-block;
    margin-left: 20px;
}

.appStudioLeaveEdit .personal-edit-user {
    margin-top: 0;
}

.createHolidayProfile .breadcrumb a {
    line-height: 35px;
}

.appStudioReimbursementProfileCreate .breadcrumb a {
    line-height: 36px;
}

.createHolidayProfile .breadcrumb li,
.appStudioReimbursementProfileCreate .breadcrumb li {
    background-position: 0px 14px;
}

.workingDay_editProfile .arrowUp {
    border-right: 7px solid rgba(0, 0, 0, 0);
    border-bottom: 7px solid #e0f7fa;
    border-left: 7px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    left: 50px;
    position: absolute;
    background: transparent;
    top: 3px;
    width: 0;
    z-index: 0;
}

.createNewNode .nodeHeader {
    display: none;
}

.createNewNode .breadcrumb {
    display: inline-block;
}

.createNewNode .rHeader {
    height: 14px;
}

.info02 .headerMenu.js-tooltip .arrowUp {
    right: -84%;
}

.logo-menu-align,
.logo-name {
    display: inline-block;
}

.logo-name {
    vertical-align: top;
}

.bulkUploadButton {
    float: right;
    display: inline-block;
    left: 118px;
    position: relative;
}

.headerSvn_textHolder {
    display: none;
}

.bulkUpload .breadcrumb {
    display: inline-block;
}

.bulkUpload .rHeader {
    height: 14px;
}

.headerTab .hide-link {
    position: absolute;
    padding: 30px;
    padding-left: 0;
    width: 50%;
    top: 0px;
    margin-left: 40px;
}

.hide-link {
    position: absolute;
    padding: 30px;
    padding-left: 0;
    width: 50%;
    top: 0px;
    margin-left: 20px;
}

.breadcrumb a:hover {
    color: #323232;
}

.holidayEdit .nodeHeader h3 {
    display: none;
}

.holidayEdit .nodeHeader .breadcrumb {
    display: inline-block;
    margin-left: 20px;
}

.holidayEdit .personal-edit-user {
    margin-top: 10px;
}

.leftPart {
    max-width: 100%;
}

.text-haeader h4 {
    display: none;
}

.appStudioPopulate .tableHolder02 {
    border: 1px solid #ccc;
}

.subMenuHold ul .iconAdded {
    left: 82%;
}

.createWorkingDaysProfile .right .rHeader {
    height: 14px;
}

.dcreate .breadcrumb {
    display: inline-block;
}

.dcreate .nodeHeader {
    display: none;
}

.dcreate .rHeader {
    height: 14px;
}

.dcreate .fieldHold {
    margin-top: 20px;
}

.fullScreenPopupbg {
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
    opacity: 0.5;
    top: 0;
    z-index: 999;
}

.fullScreenPopup>div,.fieldpopup>div {
    position: absolute;
    z-index: 999;
    top: 0px;
    background-color: white;
    width: 96%;
    margin: 0.5% 2%;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
    animation: fadein 1s;
    overflow-x: hidden;
    padding: 0 20px;
    height: 98%;
    transition: all 500ms ease;
}

.fullScreenPopup.personal .personal-edit-user {
    margin-top: 0;
}

.personal .fullScreenPopupbg,
.editUser .fullScreenPopupbg {
    display: block;
}

.close-newui-edituser {
    width: 30px;
    height: 30px;
}

.personal .tabHold {
    width: 100%;
}

.personal .tableHold svg {
    position: fixed;
    top: 40%;
    left: 47%;
}

.personal .popupBg,
.editUser .popupBg {
    z-index: 999;
    top: 0;
}

.personal .popupHold,
.editUser .popupHold {
    z-index: 9999;
}

.personal .addMember,
.editUser .addMember {
    top: 9%;
}

.editUser .actionBtHold .searchHold {
    left: 0;
}

.change-nodeRemove-newUI {
    margin-right: 20px;
    margin-top: -37px;
}

.editUser .editPage #editSection > div {
    background-color: #f5f5f5;
    border-radius: 2px;
}

.editUser #editSection,
.editUser .rHeader .divHold {
    margin-right: 0;
    margin-left: 0;
}

.custCss {
    background-color: white;
}

.editUser .text-haeader {
    margin-left: 0;
}

.editUser .editPage #reporteeSection .header h3 {
    margin-left: -20px;
}

.btClose {
    left: -20px
}

.rtPanel .txtHeadRP {
    vertical-align: top;
}

.app-studio-page {
    margin-top: 0;
}

.newNode .bt.change-nodeRemove-newUI {
    margin-right: 20px;
}

.tableHold {
    text-transform: none;
}

.subMenuHold li a {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    height: 36px;
    padding-right: 0;
}
.subMenuHold .createdCircles li a{
padding-right: 60px;
}
.user-dropdown li{
    height: 36px;
}

.createdNodes li {
    position: relative;
}

.createdNodes li > a {
    width: 100%;
    overflow: visible;
}

.close-newui-edituser {
    left: 20px;
    position: relative;
    z-index: 10;
}

.signin .login-block input#user {
    text-transform: none;
}

.editUser .tableHold svg,
.personal .tableHold svg {
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
}

.editUser .tableHold .loaderFull {
    width: 101%;
    top: 240px;
}

.personal-right-tab .txtHeadRP {
    width: 35%;
}

.rtPanel .txtRP.per-tab-rig {
    text-align: left;
    width: 64%;
}
.rtPanel .txtRP.per-tab-rig-sub2{
    text-align: left;
    margin-left: 0;
}
.tableInsideHolderAP .txtHeadRP{
    width: 34%;
}
#mobile {
    left: -27px;
}

.createdNodes > ul li {
    height: 36px;
}

.createdNodes li > a {
    padding-right: 50px;
    overflow: hidden;
}

.createdNodes {
    overflow: visible;
}

.as-star::before,
.as-bulb2::before,
.as-cart::before,
.as-briefcase2::before,
.as-books::before,
.as-education::before,
.as-calendar3::before,
.as-delivery2:before,
.as-delivery2::before,
.as-pen::before,
.as-buy::before,
.as-purchase::before,
.as-newspaper::before,
.as-like::before,
.as-delivery::before,
.as-pacage::before,
.as-businesscard::before,
.as-calculator::before,
.as-diamond::before,
.as-barchart::before,
.as-alert::before,
.as-calendar3::before,
.as-document::before,
.as-clock5::before,
.as-handshake4::before {
    content: none;
}

.selectIcon i {
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

i.as-star,i.as-pacage,i.as-alert,.as-star {
    background-image: url("../images/svg/star.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-books,i.as-delivery2,i.as-barchart,i.as-handshake4,.as-handshake {
    background-image: url("../images/svg/handshake.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

i.as-bulb2,i.as-pen,i.as-businesscard,i.as-document,.as-bulb {
    background-image: url("../images/svg/bulb.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-cart,i.as-purchase,i.as-calculator,.as-cart {
    background-image: url("../images/svg/chart.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-briefcase2,i.as-newspaper,i.as-diamond,.as-key{
    background-image: url("../images/svg/key.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-education,i.as-like,i.as-buy,.as-badge,i.as-badge{
    background-image: url("../images/svg/badge.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-calendar3,i.as-calendar3,.as-leave{
    background-image: url("../images/svg/icon-leave.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-delivery,.as-reimbursement{
    background-image: url("../images/svg/icon-reimbursment.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
i.as-clock5,.as-clock{
    background-image: url("../images/svg/icon-attendance.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}
.imgIconArea i {
    margin: 0 auto;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-position: center;
}

.appStudioPopulate .appIcon i {
    margin: 0 auto;
}
.appStudioViewPage .appIcon i{
    margin: 0 auto;
    background-position: center center;
}
.appStudioEditPage .imgIconArea i,.appStudioCreatePage .imgIconArea i{
    margin-top: 0;
}
.rightSection
{
    height: 114px;
}
.appStudioViewPageStandard .badgeIcon i{
    background-size: 30px;
}
.appListSection table td .badgeIcon i{
    height: 100%;
    background-size: 30px;
}
.companyInfo .iconInfo,.accOwnersInfo .iconInfo{
    background-image: url("../svg/info-white.svg");

}
.rHeader .leftSectionUM h3{
    font-size: 24px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.userDetail_hold{
    width: 80%;
}

.personal #mobile {
    width: 353px;
    left: 0;
    padding-left: 5px;
}
#myDropdown li ,#myDropdown label{
    cursor: pointer;
}
.right .userHold span:first-child{
    display: inline-block;
}
.searchNullDisplay span{
    text-transform: none;
}
.txtSrch .name {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
}
.txtSrch{
    width: 70%;
}
.pathnew {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1100;
    animation: dashs 900ms linear forwards infinite;
    animation-delay: 100ms;
}

@keyframes dashs {
    to {
        stroke-dashoffset: 0;
    }
}
.createNewNode .fieldHold.error-msg input{
    border-color: red;
    width: 59%;
}
.createNewNode .fieldHold.error-msg .errorTxt{
    display: inline-block;
    width: 37%;
    vertical-align: bottom;
}
.newnode-body .searchInputHold{
    vertical-align: middle;
    display: block;
}
.newnode-body li{
    padding: 10px;
    display: inline-block;
    padding-left: 0;
    margin-left: 14px;
    padding-right: 0;
}
.newnode-body{
    background: white;
}
.newnode-body input{
    width: 200px;
    border-radius: 4px;
    margin-right: 7px;
}
.newnode-body .formDropDown{
    display: block;
}
.newnode-body .styled-select{
    min-width: 200px;
}
.fieldSettings .switch,.createNewNode-popup .switch{
    margin-top: 12px;
}
.newnode-body .footer{
    padding: 10px;
    border-top: 1px solid #ccc;
    margin-top: 15px;
    position: relative;
}
.fieldSettings .error-msg input,.createNewNode-popup .error-msg input{
    border-color: red;
}

.newnode-header{
    font-size: 21px;
    padding: 10px;
    background-color: #e7e7e7;
    color: #323232;
}
.fieldSettings  .popupCreate{
    top: -280px;
}
.createNewNode-popup .fullScreenPopup>div,.fieldSettings .fieldpopup>div{
    width: 910px;
    height: 385px;
    border-radius: 4px;
    top: 0;
    opacity: 0;
    animation-name: swashIn;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    animation-duration: 500ms;
    animation-fill-mode: both;
    background-color: #fafafa!important;
    padding: 10px 20px;
}
.createNewNode-popup.popup-box-Circle .fullScreenPopup>div{
    transform: translate(0,0) scale(1);
}



.fieldSettings .fieldpopup>div{
    height: 355px;
    top:-450px;

    opacity: 0;
}

.db{
    display: block;
}

.createNewNode-popup .newNode .fieldHold,.fieldSettings .newNode .fieldHold{
    margin-right: 0;
    margin-left: 0;
    display: block;
    margin-bottom: 20px;
}
.createNewNode-popup .newNode .btHold,.createNewNode-popup .newNode .nodeHeader,.newNode .fieldHold .newNode .nodeHeader{
    margin-right: 0;
    margin-left: 0;
}
.createNewNode-popup .newNode .nodeHeader,.fieldSettings .newNode .nodeHeader{
    background-color: transparent;
    color: #323232;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
}
.createNewNode-popup .newNode input:focus,.fieldSettings .newNode input:focus{
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
}
.createNewNode-popup .newNode input,.fieldSettings .newNode input{
    border: 0;
    border-radius: 0;
    box-shadow: 0 0 0 transparent inset, 0 0 0 1px #e0e0e0 inset;
    box-sizing: border-box;
    padding: 8px!important;
    transition: box-shadow .15s;
    vertical-align: middle;
    -webkit-appearance: none;
    max-height: 36px;
    font-family: robotolight;
}
.newNode .bt{
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,0.54);
    min-width: 88px;
    opacity: 1;
    transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
}
.newNode .bt2{
    color: rgb(255,255,255);
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.newNode .bt2:hover{
    background-color: #0388ca!important;
}
.newNode .bt:disabled{
    background-color: rgba(0,0,0,0.12);
    color: rgba(0,0,0,0.38);
    cursor: default;
    box-shadow: none;
}
.newNode .bt2:disabled{
    background-color: rgba(0,0,0,0.12) !important;
    color: rgba(0,0,0,0.38);
    cursor: default;
    box-shadow: none;
}
.newNode .bt:focus{
    outline: none;
}
.newNode .bt:hover{
    background: rgba(0,0,0,.06);
}

.createNewNode-popup .newNode,.fieldSettings .newNode{
    margin-bottom: 10px;
}
.createNewNode-popup .newNode h1,.fieldSettings .newNode h1{
    line-height: 50px;
}
.appIconView .appName{
    text-transform: none;
}
.fullScreenPopup>div.h365{
    height: 565px;
}
.createNewNode-popup #settings>div,.fieldSettings #settings>div{
    display: inline-block;
}
.createNewNode-popup .fullScreenPopupbg{
    display: block;
}
.fieldSettings .fullScreenPopupbg{
    z-index: 99;
}
.createNewNode-popup .newNode  .btHold,.fieldSettings .newNode  .btHold{
    position: relative;
    padding: 20px;
    margin-top: 20px;
    border-top: 0px solid #ccc;
    margin-right: -20px;
    margin-left: -20px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.fieldpopup>div.top-60{
    top:-60px;
}
.z9999{
    z-index: 9999;
}
.editNewNode .switch {
    margin-left: 20px;
    margin-top: 10px;
}
.right .userHold span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.fieldpopup .rHeader{
    border: 0;
    margin-right: 0;
    margin-left: 0;
}
.fieldSettings .table > tbody > tr > td{
    cursor: default;
}
.personal .holidayDate .wid,.editUser .holidayDate .wid{
    width: 240px;
}
.ui-datepicker{
    z-index: 9999 !important;

}
.dropdown-menu{
    width: 240px;
}
.datepicker .prev, .datepicker .next{
    background: #eeeeee !important;
}
.createNewNode-popup .fullScreenPopup>div,.fieldSettings .fieldpopup>div.opacity1{
    opacity: 1;
}
.designation.createNewNode-popup.popup-box-Designation .fullScreenPopup>div,.department.createNewNode-popup.popup-box-Department .fullScreenPopup>div{
    height: 224px;
    width: 500px;
}
.circles.createNewNode-popup.popup-box-Circle .fullScreenPopup>div{
    height: 244px;
}
.holidayDate .removeField{
    top:7px;
    left: 370px;
    z-index: 10;

    position: absolute;
}
.control.el-type.holidayDate{
    position: relative;
}
.userDetails .headerMenu{
    color: #323232;
}
.personal .otherInfo,.editUser .otherInfo{
    padding: 10px 0;
}
.save-cancel-footer{
    position: fixed;
    bottom: 10px;
    display: block;
    background-color: #F6F6F6;
    padding: 10px;
    z-index: 11;
    width: 50%;
    margin-left: -20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    min-width: 1000px;

}
.save-cancel-footer .bt{
    float: right;
}
.time_pick input{
    width: 240px;
}
.editUser .top65{
    top: 20px !important;
}
.contentHoldSrch:hover{
    background: none repeat scroll 0 0 #b2ebf2;
}
.personal .popupLoaderFull,.editUser .popupLoaderFull{
    display: none !important;
}
.editNewNode.createNewNode-popup .fullScreenPopup>div,.dpage.createNewNode-popup.popup-box-Node-Item .fullScreenPopup>div,.channels.createNewNode-popup.popup-box-Channel .fullScreenPopup>div{
    height: 310px;
}
.formHold{
    margin-bottom: 25px;
}
.personal .formHold{
    margin-bottom: 80px;
}
.addUsers .holdSrch{
    top: 35px;
}
#editSection .addUsers .holdSrch{
    top:51px;
}
.userHold2{
    text-transform: none;
}
.companyInfo .rtPanel .desig{
    width: 100%;
    height: 20px;
    display: inline-block;
    padding-left: 20px;
    background-size: 15px;
    background-position: 1px;
}
.popupButtons .btColor02{
    color: #fff;
    background-color: #228CE6;
}
.companyInfo .rtPanel .txtHeadRP{
    width: 35%;
}
.companyInfo .rtPanel .txtRP{
    text-align: left;
}
.editUser .el-mobile .errorTxt{
    position: relative;
    left: -27px;
}
.rootUser{
    margin: 10px 0;
}


.awesome-cropper .modal.in .modal-dialog {
    position:absolute;
    width:auto;
    left:50%;
    transform: translateX(-50%);
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: 15px;
    background: #e0e0e0;
    color: rgb(50, 50, 50);
    border: 1px solid #cccccc;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #fff;
    background-color: #81D4FA !important;
    border-color: #71c4df;
}
.btColor02{
    color: white;
    background-color: #228ce6;
}

#usersHoldDiv{

}
.awesome-cropper .modal, .awesome-cropper .modal.fade.in{
    top: 0;
}
.createNewNode-popup .fullScreenPopupbg{
    top: 48px;
}
.fullScreenPopup .nodeHeader {
    display: block !important;
}
.fullScreenPopup .nodeHeader h1{
    display: block !important;
}
.personal .tableHold .loaderFull,.editUser .tableHold .loaderFull{
    position: absolute;
    width: 96%;
    left: 2%;
    top: 2%;
    height: 100% !important;
}
.dpage.createNewNode-popup.popup-box-Node-Item .fullScreenPopup>div{
    height: 244px;
    width: 500px;
}
.editNewNode .switch{
    margin-left: 0;
}
.appStudioEditPage .formHold,.appStudioCreatePage .formHold{
    margin-bottom: 20px;
}
.addIcon.popupHold{
    left: 35%;
}
.appStudioPopulate .hold02 label{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 75px;
    text-align: start;
}
.appStudioPopulate .dropdownItem{
    vertical-align: top;
}
.appStudioPopulate .leftPart .card01 .hold02.fr{
    right: 2px;
    float: left;
}
.appStudioPopulate .uploadOptionBar .checkList .checkbox{
    display: none;
}
.appStudioPopulate .contentHold02 .checkboxHold{
    margin-left: 38px;
    padding-top: 20px;
}
.appStudio .tableHolder02 .loaderFull{
    width: 100%;
}
.appStudio .tableHolder02 .loaderFull svg{
    top: 29% !important;
    width: 65px !important;
}
.appStudioPopulate .editPage .tableHold .loaderFull{
    height: 400px;
}

.mT10{
    margin-top: 11px;
}
.appStudioAttendance .mT10,.appStudioLeave .mT10,.appStudioReimbursement .mT10{
    margin-top: 10px;
}
.leaveProfileEdit #usersHoldDiv,.reimbursementProfileEdit #usersHoldDiv{
    margin-top: 0;
}
.apps-table-footer{
    height: 60px;
}
.footerTab{
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-right: -30px;
    margin-left: -25px;
    padding-left: 25px;
}
.datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active:hover.active{
    background: rgba(0, 184, 212, .4);
    color: #323232;
    border-radius: 0;
}
.holidy-profile-edit .table-container .loaderFull,.workingday-profile-edit .table-container .loaderFull,
.leave-profile-edit .table-container .loaderFull{
    position: fixed;
    opacity: 1;
    width: 85%;
    left: 13.6%;
    top: 108px;
    background-color: transparent;

}
.appStudioPopulate .right .formsloader .loaderFull{
    top: 27%;
    left: 7%;
}
.appStudioPopulate .tableHold .loaderFull{
    position: fixed;
    background-color: #fff;
    top: 32%;
    left: 8%;
}
.popupHold .tableHold .loaderFull svg,.popupHold .tableHold .loaderFull svg{
    left: 47% !important;
    top: 52% !important;
}
.select2-container .select2-selection--single{
    height: 33px;
    background-color: #f7f7f7;
    border-radius: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 31px;
}
.styled-select{
    background-color: #f7f7f7;
}
.popupHold .firstTimeHold{
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: 50%;
}
.head > div{
    height: 50px;
}
.contentHoldSrch .icon-male, .contentHoldSrch .icon-female{
    background-color: #fff;
    width: 40px;
    height: 40px;
    margin: 0;
    margin-right: 5px;
    border-radius: 50%;
}
.searchHold .clearable{
    padding-right: 25px;
}
.editUser .styled-select{
    width: 240px;
}
.user-profiles .name{
    text-transform: capitalize;
}
.editDialog .fieldSettings .fieldpopup>div{

}
.channels.createNewNode-popup.popup-box-Channel .fullScreenPopup>div{
    height: 430px;
    width: 610px;
}
.popupCreate, .popupDelete{
    transition: none;
    left: 34%;
}
.appStudio .tableHolder02 .loaderFull{
    top: 276px;
    height: 70%;
}
.datepicker td span.active.active{
    background: rgba(0, 184, 212, .4);
    color: #323232;
}
.createNewNode-popup .main-header{
    pointer-events: none;
}
.datepicker:before{
    content: none;
}
.datepicker:after{
    content: none;
}
.editUser .divHold .table,.personal .divHold .table{
    margin-bottom: 30px;
}
.editUser .divHold .table,.personal .divHold .table{
    margin-bottom: 30px;
}
.utActive{
    border-bottom-color: #eee;
}
.userTabHold{
    border: 0;
}
.userTab{
    padding: 0 21.8px;
}
#managerDisplay .contentHoldSrch:hover{
    background-color: #fff;
}
.control label{
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 15px;
    width: 190px;
}
.invalid .countrycode{
    border-color: #ccc;
}
.row td{
    white-space: pre !important;
}
.infoHold{
    width: 80%;
}
.leftSection .descrption{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    height: 50px;
}
.monitorHold{
    width: 223px;
}
.appFieldHold li{
    text-overflow: ellipsis;
    overflow: hidden;
    /* width: 216px; */
    white-space: nowrap;
    padding-right: 10px;
}
.styled-select{
    width: 240px;
}
.styled-select select{
    padding-right: 25px;
}
.appStudioPopulate .styled-select select{
    padding-right: 25px;
}
#leftTopLbl .dropdownItem{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.rightSection .descrption{
    float: right;
    text-align: right;
    padding-right: 20px;
}
.loaderFull svg{
    position: absolute;
    left: 45%;
    top: 42%;
}
.breadcrumb{
    white-space: pre;
}
.userMgmtPeople .place-change-newUI{
    color: rgb(255,255,255);
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.userMgmtPeople .bulkUploadButton{
    top: -60px;
}
.datepicker td.day.disabled:hover{
    background-color: transparent;
    cursor: default;
}
.datepicker td span.disabled{
    cursor: default;
    color: #eee;
}
.datepicker td span.disabled:hover{
    background-color: transparent;
    cursor: default;
}
.table-container .loaderFull{
    background-color: transparent;
    position: fixed;
    left: 13%;
    top: 11%;
}
.table-container .loaderFull svg{
    left: 43%;
    top: 33%;
}
.subMenuHold > ul li.btCreateNewField:hover{
    background-color: #eceff1;
}
.userMgmtPeople .table-container .loaderFull svg{
    top: 35%;
}
.newNode h1{
    font-size: 17px;
}
#editDialog .popupHold .contentHold input{
    width: 58%;
    border-radius: 4px;
}
.popupHold .table-container .loaderFull{
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
}
.changePassword .control label{
    text-overflow: initial;
    overflow: hidden;
    width: 190px;
    padding-left:0px;
}
.dpage .firstTimeHold .hding > h4,.dpage .firstTimeHold .bdyDv > p,.dpage .adBtn{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dpage .adBtn{
    width: 150px;
}
#originalTableHeader th{
    border-top: 0;
}
.table-header{
    border-bottom: 1px solid #ccc;
}
.mainRight{
    overflow: hidden;
}
.popupHold .table-header{
    margin-right: 25px;
    margin-left: 10px;
}
.popup-box-Holiday-Profile.createNewNode-popup .fullScreenPopup>div,.popup-box-Working-Day-Profile.createNewNode-popup .fullScreenPopup>div{
    height: 224px;
    width: 400px;
}
.designation .place-change-newUI,.department .place-change-newUI{
    background-position: 25px;
    padding-left: 30px;
    margin-right: 15px;
}
.allholidayprofiles .change-newUI-holiday,.workingDays .change-newUI-holiday,
.profiles-allleave .change-newUI-holiday,.profiles-allreimbursement .change-newUI-holiday{
    background-position: 25px;
    padding-right: 10px;
}
.appStudioPopulate .mainRight::-webkit-scrollbar {
    display: block;
}
.appStudioPopulate .mainRight{
    overflow: auto;
    overflow-x:hidden;
}
.appStudioEditPage .mainRight::-webkit-scrollbar {
    display: block;
}
.appStudioEditPage .mainRight{
    overflow: auto;
    overflow-x:hidden;
}
.appStudioCreatePage .mainRight::-webkit-scrollbar {
    display: block;
}
.appStudioEditPage .mainRight{
    overflow: auto;
    overflow-x:hidden;
}
.accOwnersInfo .mainRight::-webkit-scrollbar {
    display: block;
}
.accOwnersInfo .mainRight{
    overflow: auto;
    overflow-x:hidden;
}
.appStudioCreatePage .mainRight::-webkit-scrollbar {

}
.appStudioCreatePage .mainRight{
    overflow: auto;
    overflow-x: hidden;
}

.design div{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}

.fullScreenPopup>div, .fieldpopup>div{
    overflow: hidden;
}
.fullScreenPopup>div .tableHold, .fieldpopup>div .tableHold{
    overflow-x: hidden;
    margin-right: -21px;
    padding-right: 0;
}
.editUser .table-footer,.personal .table-footer{
    position: relative;
    top: -23px;
}
.editUser .popupHold .table-footer,.personal .popupHold .table-footer{
    position: absolute;
    top: inherit;
}

#appPanel .appholder-new-ui{
    height: 770px;
}
.tabSection .table-header{
    border-bottom: 1px solid #ccc;
}
.changePassword .formHold{
    margin-bottom: 20px;
}
.changePassword .bt{
    margin-left: 20px;
}
.edit-acc-profile .divHold,.channelAdmins .divHold,.fieldSettings .divHold{
    margin-right: 21px;
}
.reimbursementProfileEdit th._id{
    width: 2%;
}
.breadcrumb li{

}
.right .rHeader h3{
    white-space: pre;
    text-transform: none;
}
.createdNodes li{
    text-transform: none;
    white-space: pre;
}
.type-chanel{
    margin: 10px 0;
}
.channel-description{
    display: block;
}
.channel-description textarea{
    width: 80%;
    height: 70px;
    border-color: #ccc;
}
.popupHold .btClose{
    z-index: 999999;
    color: #323232;
}
#mainPageSection.team-view-users .outSideRightPanel{
    margin-right: -20px;
}
.editUser .header input.cmn-toggle-round:checked + label:before{
    background-color: #42a5f5;
    border: 1px solid #42a5f5;
}
.editUser .header input.cmn-toggle-round + label:before{
    background-color: #9c9898;
    border: 1px solid #9c9898;
}
.personal .header input.cmn-toggle-round:checked + label:before{
    background-color: #42a5f5;
    border: 1px solid #42a5f5;
}
.personal .header input.cmn-toggle-round + label:before{
    background-color: #9c9898;
    border: 1px solid #9c9898;
}
.ownerInfoHold .phone::before{
    margin-top: 8px;
    transform: rotate(136deg);
}
.appIcon i{
    background-size: 50px;
}
.selectIcon i{
    background-size: 50px;
}
.imgIconArea i{
    background-size: 50px;
}
.subMenuHold #menuSub > ul li.active:hover{
    background-color: #eeeeee;
}
.fieldTxt, .number{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}
.appIcon i.as-bulb,.appIcon i.as-bulb2{
    background-size: 40px;
}
.appStudioPopulate .new-ui-table{
    overflow: hidden;
    height: auto !important;

}
.appStudioPopulate .firstTimeHold{
    margin-top: 10%;
    transform: translatey(-10%);
}
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
    z-index: 9;
    background-image: url("../images/svg/icon-alert.svg");
    width: 17px;
    height: 17px;
    top: 10px;
    font-weight: normal;
    font-family: roboto;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color:#763262;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    left: 24px;
    top: -5px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
.fieldSettings .place-change-newUI{
    background-color: #228CE6 !important;
    color: transparent !important;
}
.empty-list .table-header{
    border: 0;
}
.appStudio .tableHolder02 .loaderFull.loaderCustomPopup {
    top: 0;
    height: 100%;
}
.appStudio .tableHolder02 .loaderFull.loaderCustomPopup svg{
    top: 40% !important;
}
.edit-name{
    margin-bottom: 5px;
    margin-left: 1px;
}
.popupHold .contentHold span {
    margin-bottom: 5px;
    margin-left: 1px;
}
.edit-node-type{
    display: block;
}
.popupCreate, .popupDelete{
    top: -256px;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #763262 transparent transparent;
}
.el-577135add517f041597a94c9 .tooltip{
    top: -3px;
}
.el-577135add517f041597a94c9 .tooltip .tooltiptext{
    top: 6px;
}
.orgChartRootUsers input.loader{
    background-size: 18px;
}

.appStudioPopulate .newheight .loaderFull{
    display: none;
}
.popupHold .contentHold span.loader{
    display: none;
}
.workingDays .bt.place-change-newUI{
    background-position: 25px;
    padding-left: 30px;
}
.el-577135add517f041597a94c9 .tooltip .tooltiptext{
    top: -5px;
}
.personal .tableHold.initial-loader .loaderFull, .editUser .tableHold.initial-loader  .loaderFull{
    position: fixed;
    height: 95% !important;
    width: 50%;
    left: 0;
    top: 2%;
    margin: auto;
}
.tableHold .initial-loader .loaderFull{
    display: none;
}
.login-block input[type=text]:focus{
    border: 1px solid #228CE6;
}
.channels .place-change-newUI{
    padding-left: 30px;
    background-position: 25px;
}
.rtPanel #email:hover{
    text-decoration: underline;
    color: #67BCDB;
}
.dpage .place-change-newUI{
    padding-left: 30px;
    background-position: 25px;
    margin-right: 15px;
}
.reporteesHold .loaderFull{
    width: 395px;
    left: -3%;
    top: 48%;
    background-color: transparent;
    height: 40%;
    position: absolute;
}
.workingDays .bt li{
    background-color: #e0f7fa;
}
.workingDays .bt li.js-fullActive {
    background-color: #88dce9;
}
/*
.workingDays .bt:hover .OptionHold {
    display: inline-block;
}
*/
.editUser .rHeader #reporteeSection .divHold{
    border: 0;
}
.fieldHold{
    width: 275px;
}

.edit-channel .headerTab .nav-tabs{
    margin-bottom: -20px;
    margin-top: 18px;
}
.fieldHold.channel-description{
    width: auto;
}
.designation th.name,.department th.name,.dpage th.name,.channels th.name{
    width: 30%;
}
/*.dpage .table-header,.dusers .table-header,.holidayProfileEdit .table-header,
.leaveProfileEdit .table-header,.reimbursementProfileEdit .table-header{
    margin-right: -5px;
}
.edit-channel .table-header{
    margin-right: -5px;
}*/
.channels.channel-editBox .fullScreenPopup>div, .channels .fieldpopup>div{
    width: 615px;
    height: 430px;
    margin: 0 22%;
    border-radius: 0 0 4px 4px;
    animation: none;
    top:-600px;
    opacity: 1;
    transition: none;
}
.channels.createNewNode-popup.popup-box-Org-Channel .fullScreenPopup>div{
    height: 530px;
}
.channels .edit-hashtag{
    margin: 0;
}
.channels.channel-editBox .fieldpopup>div.top-60{
    top: -60px;
    display: block;
}
.channels.channel-editBox .newNode .nodeHeader{
    background-color: transparent;
    color: #323232;
    margin-right: -20px;
    margin-left: -20px;
    padding-left: 20px;
}
.channels.channel-editBox .newNode .btHold {
    position: relative;
    padding: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
    margin-right: -20px;
    margin-left: -20px;
    padding-bottom: 0;
    margin-bottom: 10px;
}
.channels.channel-editBox .fieldHold{
    margin-right: 0;
    display: block;
    margin-left: 0;
    margin-bottom: 20px;
}
.close-newui{
    list-style: none;
    float: right;
    background-image: url("../images/ic_close.png");
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    background-size: 11px;
    top: 12px;
    left: 19.5%;
}
#usersHoldDiv .addUsers{

}
.empty-list .line-table{
    border: 0;
}
.searchNullDisplay{
    border:0;
}
.searchNullDisplay .apps-table-footer{
    display: none;
}
.appSettingFooterBar{
    position: absolute;
    bottom: 0px;
    margin-left: 0;
    padding-left: 20px;
    background-color: #f1f1f1;
}
.custom-fields-rightPanel{
    display: block;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    background: #e7e5e5;
    padding: 0 20px;
    vertical-align: middle;
    border-top: 1px solid #cccccc;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    font-size: 12px;
    color: #666666;
}
.appStudioCreatePage .panel-title a,.appStudioEditPage .panel-title a{
    padding: 10px 15px;
    display: block;
}
.appStudioCreatePage .panel-heading,.appStudioEditPage .panel-heading{
    padding: 0;
}
.appStudioPopulate .tableHold .loaderFull.formsloader{
    top: 46%;
}
.appStudioPopulate .tableHold .loaderFull.formsloader svg{
    top: 23%;
}
.appSettingFooterBar{
    width: 100%;
    padding-right: 20px;

}
.mainAppSettingContentSection .appSettingBody{
    margin-left: 25px;
}
.selectIcon i.as-bulb,.selectIcon i.as-badge{
    background-size: 40px;
}
.appSettingBody .bodyPart1{
    position: absolute;
    left: 230px;
    top: 65px;
}
.panel-collapse .inputHold02{
    margin-bottom: 10px;
}
.appStudioEditPage .formHold, .appStudioCreatePage .formHold{
    margin-bottom: 15px;
}
.appSettingBody .inputHold02 textarea{
    height: 80px;
}
.imgIconArea{
    margin-top: 5px;
}
.appSettingBody .bodyPart1 .formHold.app-task{
    display: inline-block;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.appSettingBody .bodyPart1 .formHold.app-location{
    display: inline-block;
    width: auto;
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
}
.appSettingBody .bodyPart1 .formHold.app-description{
    margin-bottom: 0;
}
.accOwnersInfo #email:hover {
    text-decoration: underline;
    color: #67BCDB;
}
.linetest{
    position: absolute;
    height: 1px;
    border-top: 1px solid;
    top: 10px;
    width: 100%;
}
.rtPanel .tableInsideHolderAP{
    float: none;
}

.appsHeaderText{
    height: 80px;
    line-height: 80px;
    background-color: #f1f1f1;
    padding-left: 0px;
    display: none;
}
.app-line{
    background-color: #ccc;
    width: 20px;
    height: 100%;
    display: inline-block;
}
.appsHeaderText div{
    display: inline-block;
    vertical-align: top;
}
.popupCreate, .popupDelete{
    left: 50%;
    transform: translateX(-50%);
}
.profiles-allleave.popup-box-Leave-Profile.createNewNode-popup .fullScreenPopup>div,
.popup-box-Reimbursement-Profile.createNewNode-popup .fullScreenPopup>div{
    height: 244px;
}
.hubbler-log{
    background-image: url("../images/svg/logo-hubbler.svg");
    width: 150px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: 20px 20px;
    position: fixed;
    padding-left: 20px;
    color: #fff;
    font-size: 10px;
    bottom: 20px;
}
.orgChartRootUsers input.loader{
    background-position: 93% 50%;
}
.profiles-allleave #editDialog .popupHold .contentHold span,.allholidayprofiles #editDialog .popupHold .contentHold span,
.profiles-allreimbursement #editDialog .popupHold .contentHold span{
    display: block;
}
.fieldSettings .fieldpopup>div{
    position: fixed;
    top: 0 !important;
    height: 565px !important;
    width: 500px !important;
    left: 0 !important;
}
.fieldSettings .fieldpopup>div.top-60{
    display: block;
}
.leftSection .descrption.open{
    position: absolute;
    width: 58%;
    overflow: inherit;
    z-index: 999;
    background-color: #fff;
    height: auto;
    padding: 20px;
    box-shadow: 0px 0px 10px -1px #333;
    border-radius: 4px;
    padding: 20px;
    white-space: normal;
}
.disable{
    cursor: url(../images/svg/cusor.png), auto;
}
.edit-acc-profile .containt .bt.btColor02{
    color: #fff;
}
.disabled{
    opacity: 0.5;
}
.mainMenuHold{
    background-color:#353847;
}
.mainMenuHold .sidebar-elements > ul li:hover {
    background-color: rgba(0, 0, 0, 0.25);
}
.mainMenuHold .sidebar-elements > ul li.active{
    background-color: rgba(0, 0, 0, 0.25);
}
.mainMenuHold .sidebar-elements > ul li a{
    border: 0;
}
.rtPanel .txtHeadRP,.rtPanel .txtRP{
    word-wrap: break-word;
}
.appStudioPopulate .tableHold .loaderFull.formsloader{
    top: 330px;
}
.bulkUpload .mainRight{

}
.bulkUpload .mainRight::-webkit-scrollbar {
    display: block;
}
.bulkUpload .mainRight{
    overflow: auto;
    overflow-x:hidden;
}
.fileUploadButton{
    color: #fff;
    background: #1891E2;
    margin-right: 20px;
    border-color: #1891E2 !important;
}
.fileUploadButton.bt.disable{

}
.fileUploadButton.bt:hover{
    background-color: rgba(24, 145, 226,0.8);
}
.fileChooseHolder .fileName{
    left: 135px;
}
.bulk-header{
    background-color: rgba(176, 190, 197,0.5);
    color: #323232;
    font-size: 17px;
    height: 48px;
    text-align: start;
    line-height: 48px;
    padding-left: 20px;
}
.loaderPage>div{
    background: #fff;
    height:315px;
}
.success-view .secondScreen{
    padding: 0;
}
.abort{
    top: 105px;
}
.bulkUpload .mainMiniLoader.loaderFull svg{
    left: 41%;
}
.blurBackground{
    opacity: 0.5;
}
.loaderPage{
    border: 0;
    background: #fff;
    position: absolute;
    width: 100%;
    height: 200px;
    left: 0;
    right: 0;
    top: 0;
}
.rBody{
    margin: 0;
    margin-top: 10px;
}
.recordHolder{
    width: 100%;
}
.bulkUpload .rfooter{
    height: 60px;
}
.bulkUpload .createButton{
    background-color: rgba(24, 145, 226,.8) !important;
    color: #fff;
    margin-right: 0px;
    border-color: #1891E2 !important;
}
.bulkUpload .select2-container{
    top: 0;
}
.bulkUpload .fileChangeButton{
    display: inline-block;
    color: #323232;
    cursor: pointer;
    float: right;
    height: 37px;
    text-align: center;
    background-color: #e0e0e0;
    width: auto;
    line-height: 37px;
    border-radius: 4px;
    margin-bottom:10px;
    min-width: 100px;
    padding: 0 20px;
    font-family: "robotomedium";
    border: 1px solid #cccccc;
}
.bulkUpload .fileChangeButton:hover{
    background-color: #cecece;
}
.fileNameHolder .fileName{
    line-height: 35px;
}
.tickHolder{
    vertical-align: bottom;
    display: none;
}
.boundary{
    width: 100%;
}
.fileOprerationHolder{
    width: 100%;
}
.ec-checkboxticksvg:before{
    color: #00ae52;
}
.fileChooseHolder{
    height: 37px;
    display: inline-block;
    margin: 50px 20px;
}
.errorResponse {
    left: 20px;
    top: 100px;
}
.fileChooseButton{
    height: 35px;
    line-height: 35px;
}
.fileChooseButton.bt:hover {
    background-color: #cecece !important;
    cursor: pointer;
}
.fileChooseHolder .fileName{
    font-size: 15px;
    margin: 0;
    top: 5px;
}
.bulkUpload .rfooter .bt{
    height: 37px;
    line-height: 37px;
    width: auto;
    font-size: 13px;
}
.bulkUpload .createButton,.bulkUpload .cancelButton{
    float: right;
}
.firstScreen  .bt{
    line-height: 37px;
    height: 37px;
    min-width: 100px;
    width: auto;
    font-size: 13px;
}
.bulkUpload .createButton.bt:hover{
    background-color: rgba(24, 145, 226, 1) !important;
}
.successResponse,.failResponse{
    color: #323232;
    margin: 0;
    height: auto;
    line-height: inherit;
    border-radius: 4px;
    font-size: 14px;
}
.successResponse{
    margin: 0;
}
.responseHolder .btClose{
    position: absolute;
    left: 470px;
    top: 10px;
    display: none;
    color: #888;
}
.headerMenu .arrowUp{
    right: -145.5px;
}
.responseHolder{
    height: 137px;
}
/*.downloadbulk{
    height: 37px;
    float: left;
    margin-right: 20px;
    margin-left: 20px;
    background-color: #e0e0e0;
    width: auto;
    font-family: robotomedium;
}
*/
.okbulk{
    float: left;
    background-color: rgba(24, 145, 226,.8);
    color: #fff;
    margin-left: 20px;
    border-color: #1891E2 !important;
}
.okbulk.bt:hover{
    background-color: rgba(24, 145, 226,1);
}


.footer-bulk{
    margin-top: 9px;
    padding-bottom: 12px;
    border-top: 1px solid #ccc;
    padding-top: 12px;
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: #FFFFFF;
}
.bulkUpload .fullScreenPopup>div{
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    width: 640px;
    height: 260px;
    left: 50%;
    transform: translateX(-50%);
    top: 48px;
    margin: 0;
}
.userMgmtPeople.bulkUpload .fullScreenPopup>div{
    height: 260px;
}
.bulkUpload-view.bulkUpload .fullScreenPopup>div{
    width: 96%;
    height: 97%;
    top: 0;
    margin: 0.5% 2%;
    left: 0;
    transform: translateX(0%);
}
.bulkUpload .fullScreenPopup>div{
    width: 96%;
    top: 0;
    margin: 0.5% 2%;
    left: 0;
    transform: translateX(0%);
    transition: all 500ms ease;
}
@media (max-width: 1366px) and (min-width: 1264px){
    .userHold {
        width: 231px;
    }
}
.importSvnHolder{
    display: none;
}
.headerSvn_textHolder{
    display: block;
    background-color: rgba(176, 190, 197,0.5);
    color: #323232;
}
.importSvnHolder{
    display: none;
}
.bulkUpload .rHeader{
    height: auto;
}
.importTextHolder>div{
    margin: 0;
}
.importTextHolder{
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
}
.footer-buttons{
    border-top: 1px solid #ccc;
    padding: 10px;
    position: absolute;
    bottom: 0%;
    width: 100%;
    background-color: #FFFFFF;
}
.bulkUpload .breadcrumb{
    display: none;
}
.bulkUpload .fullScreenPopupbg.dn{
    display: block;
}
.secondScreen {
    padding: 0 20px;
}
.bulkUpload .close-newui-edituser{
    background-image: url("../images/svg/close-black.svg");
    left: 5px;
    top: 5px;
    background-size: 15px;
}
.bulkUpload .loaderFull{
    width: 100%;
    left: 0%;
    opacity: 1;
}
.errorResponse{
    color: #323232;
}
.success-view.bulkUpload-view.bulkUpload .fullScreenPopup>div{
    height: 97%;
}
.success-view .headerSvn_textHolder{
    display: none;
}
.default-row{
    pointer-events: none;
    opacity: 0.5;
}
.cancelButton,.fileUploadButton{
    float: right;
}
.downloadbulk{
    position: absolute;
    left: 270px;
    top: 97px;
}
.error-response .responseHolder{
    border: 1px solid #ccc;
    border-radius: 4px;
}
.error-Response-header{
    border-bottom: 1px solid #ccc;
    text-align: start;
    padding: 10px 20px;
    font-size: 21px;
    display: none;
}
.error-response .error-Response-header{
    display: block;
}
.tryAgain{
    position: absolute;
    bottom: 20px;
    left: 20px;
    border: 1px solid #1891E2;
    background-color: #1891E2;
    color: #fff;
}
.response-cancel{
    position: absolute;
    bottom: 20px;
    left: 140px;
}
.tryAgain.bt:hover {
    background-color: #228ce6;
    cursor: pointer;
}
/*.notiAlertHold{
    left: 50%;
    width: 60%;
    transform: translateX(-50%);
    right: 0;
    top: -50px;
    height: 50px;
    min-height: 50px;
    z-index: 1;
    transition: all 500ms ease;
    animation: none;
    opacity: 1;
    display: block;
}

.topnot48px{
    top: 48px;
    transition: all 500ms ease;
}
.editUser .topnot48px{
    top: 10px;
}
.notiAlertText>h5{
    display: inline-block;
    font-family: robotomedium;
}
.error .icon-alert, .info .icon-alert{
    background-position:center;
}
.notiAlertText p{
    line-height: 50px;
    display: inline-block;
}
.notiAlertHold .btClose{
    top: 12px;
}
.success .icon-alert{
    top: 10px;
}
*/
@media (min-width: 1280px) and (max-width:1366px){
    .appStudioPopulate .tableHold .loaderFull.formsloader {
        top: 360px;
    }

}
.abort{
    cursor: default;
}
/*.bulkUpload .table>thead>tr>th:hover {*/
/*background-color: #f1f1f1;*/
/*}*/
.successResponse a:hover, .successResponse a:focus {
    color: #323232;
}
.failResponse a:hover, .failResponse a:focus {
    color: #323232;
}
.downloadbulk{
    cursor: pointer;
    background-image: url("../images/svg/download04.svg");
    width: 25px;
    height: 25px;
    display: block;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    top: 90px;
}
.lnr-arrow-down:before {
    content: "";
}
textarea {
    resize: none;
}
.loaderFull{
    background-image: url("../images/svg/loader-black.svg");
    background-size: 70px;
    background-position: center;
    background-repeat: no-repeat;
    left: 251px;
    top: 0;
    right: 0;
    width: auto;
}
.table-container .loaderFull{
    background-image: url("../images/svg/loader-black.svg");
    background-size: 70px;
    background-position: center;
    background-repeat: no-repeat;
    left: 250px;
    top: 0;
    right: 0;
    width: auto;
}
.loaderFull svg{
    display: none;
}
.holidy-profile-edit .table-container .loaderFull, .workingday-profile-edit .table-container .loaderFull, .leave-profile-edit .table-container .loaderFull{
    top: 170px;
    width: auto;
    left: 252px;
    bottom: 0;
    background-color: transparent !important;
    height: 80%;
}
.holidy-profile-edit .table-container .line-table .loaderFull, .workingday-profile-edit .table-container .line-table .loaderFull, .leave-profile-edit .table-container .line-table .loaderFull{

}
.appStudioPopulate .tableHold .loaderFull.formsloader{
    left: 250px;
    top: 323px;
    height: 65%;
}
.holidayDate .removeField{
    top: 39px;
    left: 198px;
}
@media (max-width: 1366px) and (min-width: 1280px){
    .appStudioPopulate .tableHold .loaderFull.formsloader {
        top: 360px;
    }
}
@media (max-width: 1366px) and (min-width: 1264px){
    .infoHold {
        width: 60%;
    }
}
.appStudioPopulate .leftPart .card01 .hold02.fr{
    text-align: left;
}
.appStudioPopulate .hold02 label{
    display: block;
}
.bulkUpload-view.bulkUpload .fullScreenPopup>div{
    overflow: hidden;
}
.recordHolder{
    overflow: hidden;
}
.bulkUpload .rfooter{
    position: fixed;
    bottom: 0;
    background-color: #FFFFFF;
    border-top: 1px solid #ccc;
    width: 100%;
    margin-left: -20px;
    padding: 10px 20px;
}
.bulkUpload-view .popupBg{
    top: 0;
}
.bulkUpload-view .top65{
    top: 0 !important;
}
.importTextHolder{
    width: 100%;
    text-align: start;
}
.importTextHolder>div{
    display: inline-block;
}
.bulkUpload .btClose{
    position: static;
    float: right;
    color: #323232;
}

.btn-group>.btn:last-child:not(:first-child){
    background-color: #228CE6 !important;
}
.testing{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    transition: all 500ms ease;
    opacity: 1;
}
.login .testing{

}
.scroll-view{
    font-family: roboto;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    font-size: x-large;
    z-index: 2;
    height: 40px;
    overflow: hidden;
    width: 300px;
}
.mask-loading{
    background: linear-gradient(to bottom, #f9f9f9 10%, #eeeff3 100%);
    width: 100%;
    height: 100%;
    z-index: 1;
}
.list-of-items{
    position: relative;
    top: 40px;
    animation-name: list-amimation;
    animation-duration: 15s;
    animation-iteration-count: infinite;
}
@keyframes list-amimation {
    0%   {top: 20px}
    5%{top: -8px}
    4%{display: none;}
    15%{display: block;}
    16.5%  {top: -84px}
    8%{display: none;}
    30%{display: block;}
    33%  {top: -140px}
    35%{display: none;}
    45%{display: block;}
    49.5% {top: -215px}
    51%{display: none;}
    63%{display: block;}
    66% {top: -275px}
    69%{display: none;}
    81%{display: block;}
    82.5% {top: -340px}
    86%{display: none;}
    97%{display: block;}
    100% {top: -410px}
}
.firstScreen .bt.downloadExcel{
    padding: 0
}
.firstScreen .bt.downloadExcel a{
    padding: 10px 20px;
}
.firstScreen .bt.downloadExcel a:hover, .firstScreen .bt.downloadExcel a:focus {
    color: #323232;
}
.edit-apps.searchNullDisplay{
    height: 200px;
    transform: translatey(10%);
    background-position: center 25px;
}
.edit-apps.searchNullDisplay p{
    bottom: -130px;
}
.fileName{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 450px;
}

.loading-text{
    position: absolute;
    left: 41.5%;
    top: 44%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 30px;
    font-family: roboto;
}
.bulkUpload-view .headerSvn_textHolder .btClose{
    display: none;
}
.bulkUpload-view.error-response .btClose{
    display: block;
    z-index: 9999;
    position: relative;
    left: 0;
    top: 0;
}
.bulkUpload-view.error-response .responseHolder .btClose{
    display: none;
}
.bulkUpload-view.success-view .responseHolder .btClose.closebt{
    display: block;
    position: relative;
    left: -20px;
    top: 0;
}
.bulkUpload-view.success-view .rBody .btClose{
    display: none;
}
.rBody .btClose{
    position: relative;
    left: -15px;
    top: -50px;
}
.wdt-loading-phrase:before{
    border: 0;
}
.wdt-loading-phrase:after{
    border: 0;
}
.wdt-loading-phrases{
    width: 500px;
}
.wdt-loading-phrase{
    font-family: robotolight;
    font-size: 18px;
    height: 40px;
    line-height: 18px;
    padding: 0;
}
.loader-logo{
    background-image: url("../img/favicon.png");
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 125px;
}
.loader-logo2{
    background-image: url("../img/logo-hubler.png");
    width: 120px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 90px;
}
.CompanyLog .loader-logo{
    background-image: url("../img/favicon.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.CompanyLog .loader-logo2{
    background-image: url("../img/logo-hubler.png");
    width: 70%;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 60px;
}
.signin .footer{
    color: #4D4F53;
    top: 75%;
    position: absolute;
    width: 100%;
    font-size: 13px;
}
.signin .login-block{
    height: 100%;
    border-radius: 10px;
    border: 0;
}
.signin{
    background-color: #fff;
}
.signin .right{
    height: 100%;
}
.loader-logo{
    bottom: 0;
    top: 10px;
}
.loader-logo2{
    top: 100px;
    bottom: 0;
}
.signin .logo{
    height: 135px;
}
/*.cover-image{
    background-image: url("../images/banner-img.png");
    width: 300px;
    height: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
}*/
#taskAppChecked{
    margin-left: 25px;
}
.appSettingFooterBar{
    padding: 10px;
    height: auto;
}
.personal .tableHold .loaderFull, .editUser .tableHold .loaderFull{
    position: absolute;
    width: 101%;
    left: 0%;
    top: 0%;
    height: 100% !important;
}
.text-logo{
    text-align: center;
}
.url-erorr{
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    z-index: 9999999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.appStudioPopulate .searchNullDisplay{
    height: 100px;
    margin-top: 115px;
}
.workflow .left{
    left: -250px;
    transition: all 500ms ease;
}
.workflow.show-main-menu .left{
    left: 0;
}
.url-erorr .bt{
    position: absolute;
    bottom: -11%;
    left: 50%;
    transform: translateX(-50%);
}
.appSettingBody .bodyPart1{
    padding-bottom: 50px;
}
.appSettingFooterBar{
    position: fixed;
    padding-left: 270px;
    right: 0;
}
.icon-error:before{
    font-family: 'eiris-fonts';
}
.appStudio .errorTxt{
    font-family: Roboto;
}
#qrParent{
    height: 100%;
    background-color: #FAFAFA;
    width: 40%;
    border-radius: 10px 0px 0px 10px;
}
#qrParent,.CompanyLog{
    display: inline-block;
}
.CompanyLog{
    width: 60%;
    transform: translateY(-50%);
    position: relative;
    top: 50%;
    float: right;
}
.UserText{
    text-align: center;
    margin: 20px 0;
    font-family: roboto;
    font-size: 12px;
    position: absolute;
    width: 310px;
}
.topText.UserText{
    top: 15px;
}
.UserText.bottomText{
    bottom: 15px;
    cursor: pointer;
}
.login-password .UserText.bottomText{
    width: 230px;
}
.orgChartRootUsers.bulkUpload .fullScreenPopup>div{
    height: 325px;
}
.orgChartRootUsers.bulkUpload-view.bulkUpload .fullScreenPopup>div{
    height: 97%;
}
.login-password .login-block{
    display: inline-block;
}
.login-password .login-block.dn{
    display: inline-block;
}
.login-password #qrParent{
    display: none;
}
.tryAgain,.response-cancel{
    position: static;
}
.userMgmtPeople.success-view .bulkResponse{
    height: 150px;
    padding: 50px 20px;
}
.userMgmtPeople.success-view .bulkResponse#responseTbody{
    display: none;
}
.userMgmtPeople.success-view .bulkResponse.dn{
    display: block;
}
.success-view.bulkUpload-view.bulkUpload.userMgmtPeople .fullScreenPopup>div{
    height: 260px;
}
.chkboxHolder{
    background-color: rgba(207, 216, 220, 0.4)
}
.importTextHolder >div{
    font-size: 17px;
}
.chkboxHolder div{
    font-size: 14px;
}
.recordCountHolder{
    font-size: 15px;
    font-weight: normal;
}
.recordCountHolder span{
    font-size: 16px;
}
.orgChartRootUsers.success-view .bulkResponse{
    height: 150px;
    padding: 50px 20px;
}
.orgChartRootUsers.success-view .bulkResponse.dn{
    display: block;
}
.success-view.bulkUpload-view.bulkUpload.orgChartRootUsers .fullScreenPopup>div{
    height: 260px;
}
.orgChartRootUsers.bulkUpload .fullScreenPopup>div {
    height: 260px;
}
.orgChartRootUsers.success-view .bulkResponse#responseTbody{
    display: none;
}
.recordHolder .table > thead > tr > th {
    background-color: rgba(207, 216, 220, 0.4);
    border-left-color: #b7b4b4;
}
.recordHolder tbody tr:nth-child(even) {
    background-color: rgba(207, 216, 220, 0.1)
}
.bulkUpload .table>thead>tr>th:hover {
}
.workflow .buttonShowPart .switchCase .cmn-toggle + label{
    float: none;
    margin-right: 0;
    width: 30px;
    height: 15px;
}
.workflow .buttonShowPart .switchCase input.cmn-toggle-round + label:after{
    width: 13px;
}
.workflow .buttonShowPart .switchCase input.cmn-toggle-round:checked + label:after{
    margin-left: 15px;
}
.addActionLevel:hover{
    background-color: #07B0EF;
    cursor: pointer;
    color: #fff;
}
.addActionLevel:hover .AddRule{
    background-image: url(../images/workflow-images/svg/add-white.svg);
    border-color: #fff;
}
.assignAs li,.buttonShow .manager, .buttonShow .custom{
    cursor: pointer;
    text-transform: capitalize;
}
.RuleButtons .addOver.buttonActionName{
    text-transform: capitalize;
}
select{
    cursor: pointer;
}
.icon-mis{
    background-position: 8px;
}
#officeNameSpan{
    font-family: robotobold;
}
.view-on-map{
    background-color: #fff;
    color: #3F9BEC;

}
.ButtonRuelsItems div.addOver.dn{
    display: none;
}
.edit-circles .breadcrumb li{
    background-image: none;
    pointer-events: none;
}
.edit-circles .breadcrumb a{
    padding-left: 0;
}
.noLevel.avtionLevel .LineDepth{
    display: none;
}
.circle-part{
    position: relative;
    min-height: 80px;
}
.circle-part #noResult{
    position: absolute;
    top: 60%;
    margin: 0;
    height: auto;
    left: 0;
    right: 0;
}
.new-node-part{
    position: relative;
    min-height: 80px;
}
.new-node-part #noResult{
    position: absolute;
    top: 60%;
    margin: 0;
    height: auto;
    left: 0;
    right: 0;
}
.createdCircles.loader{
    background-image: url(../images/svg/loader-black.svg);
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center 20px;
}
.createdCircles{

}
.createdNodes.loader{
    background-image: url(../images/svg/loader-black.svg);
    background-repeat: no-repeat;
    background-size: 36px;
    background-position: center 20px;
}
.fieldHold label{
    color: rgba(0,0,0,0.54);
    display: block;
    font-size: 13px;
    padding-bottom: 8px;
    margin: 0;
}
.popupHold .header{
    background-color: #fff;
    border-radius: 4px 4px 0 0;
}
.popupHold .contentHold span{
    color: rgba(0,0,0,0.54);
    display: block;
    font-size: 13px;
    padding-bottom: 8px;
    margin: 0;
}
.popupHold .contentHold input{
    border: 0;
    box-shadow: 0 0 0 transparent inset, 0 0 0 1px #e0e0e0 inset;
    box-sizing: border-box;
    padding: 8px!important;
    transition: box-shadow .15s;
    vertical-align: middle;
    -webkit-appearance: none;
    max-height: 36px;
    border-radius: 0 !important;
}
.popupHold .contentHold input:focus{
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
}
.popupHold .contentHold input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,0.3)
}
.popupHold .contentHold input::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,0.3)
}
.popupHold .contentHold input:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,0.3)
}
.popupHold .contentHold input:-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,0.3)
}
.popupHold .bt{
    background-color: transparent;
    border: 0;
    color: rgba(0,0,0,0.54);
    min-width: 88px;
    opacity: 1;
    transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
}
.popupHold .btColor02{
    color: rgb(255,255,255);
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.popupHold .btColor02:hover{
    background-color: #0388ca!important;
}
.popupHold .btColor02:disabled{
    background-color: rgba(0,0,0,0.12);
    color: rgba(0,0,0,0.38);
    cursor: default;
}
.popupHold .btColor02:disabled{
    background-color: rgba(0,0,0,0.12) !important;
    color: rgba(0,0,0,0.38) !important;
    cursor: default;
    box-shadow: none;
}
.popupHold .bt:focus{
    outline: none;
}
.popupHold .bt:hover{
    background: rgba(0,0,0,.06);
}
.popupHold{
    top:0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: none;
    height: 220px;
    transform: none;
    border-radius: 4px;
    padding: 10px 10px;
}
.popupHold.top65{
    display: block;
    animation-duration: 500ms;
    animation-fill-mode: both;
    animation-name:swashIn;
}
.popupHold .footer{
    border: 0;
}
.popupHold .contentHold{
    padding: 0 20px;
}
.popupHold.popupDelete{
    height: 250px;
}

.popupHold b {
    word-break: break-all;
}

.tabSection .divHold .popupHold .header{
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    position: static !important;
}
.rHeader .divHold p{
    height: 60px;
    line-height: 60px;
}
.popupHold p{
    padding: 20px;
}
.styled-select select:focus {
    outline: none !important;
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
}
.styled-select select{

}
.bt{
    text-transform: uppercase;
}
.createNewNode-popup.popup-box-nodeDelete .fullScreenPopup>div{
    transform: none;
    left: 0;
    height: 220px;
}
.createNewNode-popup.popup-box-nodeDelete .fullScreenPopup>div .popupHold{
    transform: none;
    left: 0;
    height: 220px;
    animation: none;
}
.createNewNode-popup.popup-box-Circle .fullScreenPopup>div{
    height: 245px;
    padding: 20px 20px;
}
.bulkUploadButton{
    background-color: rgba(0,0,0,0.12);
    border: 0;
    color: rgba(0,0,0,0.54);
    min-width: 88px;
    opacity: 1;
    transition: box-shadow .4s cubic-bezier(0.25,0.8,0.25,1),background-color .4s cubic-bezier(0.25,0.8,0.25,1);
}
.bulkUploadButton:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    background: #e0e0e0 !important;
}
.place-change-newUI.bulkUploadButton:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    background: #e0e0e0 !important;
}
.place-change-newUI:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    background-color: #0388ca!important;
}
.change-newUI-holiday:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    background-color: #0388ca!important;
}
.change-newUI-holiday{
    color: rgb(255,255,255);
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.channels .place-change-newUI{
    color: transparent !important;
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.bt.disable{
    opacity: 1;
    background: rgba(0,0,0,0.12);
    color: rgba(0,0,0,0.38);
    cursor: default;
}
.bt{
    border-radius: 2px;
    border: 0 !important;
}
.bt:hover{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
}
.btCreateNewField .icon-add2:hover:after{
    animation-name:swashIn;
    display: block;
}
/*.btCreateNewField .icon-add2:after{
    content: 'Create Circle';
    position: absolute;
    width: 75px;
    line-height: 9px;
    font-size: 11px;
    color: #fff;
    background-color: rgb(97,97,97);
    left: -58px;
    top: 35px;
    white-space: nowrap;
    padding: 5px;
    border-radius: 4px;
    opacity: 0.9;
    font-family: roboto;
    animation-duration: 500ms;
    animation-fill-mode: both;
    display: none;
    z-index: 9;
}*/
/*.user-dropdown .searchHold:after{
    content: 'Search';
    position: absolute;
    width: 55px;
    line-height: 9px;
    font-size: 11px;
    color: #fff;
    background-color: rgb(97,97,97);
    left: -30px;
    top: 35px;
    white-space: nowrap;
    padding: 5px;
    border-radius: 4px;
    opacity: 0.9;
    font-family: roboto;
    animation-duration: 500ms;
    animation-fill-mode: both;
    display: none;
    z-index: 9;
}*/
.place-change-newUI:focus, .change-newUI-holiday:focus, .fileUploadButton:focus{
    outline: none;
}
.user-dropdown .searchHold:hover:after{
    animation-name:swashIn;
    display: block;
}

.user-dropdown .openSearchPart .searchHold:after{
    display: none;
}
.main-header{
    background-color: #0288d1;
    box-shadow: 0 3px 4px 0 rgba(0,0,0,0.14), 0 3px 3px -2px rgba(0,0,0,0.12), 0 1px 8px 0 rgba(0,0,0,0.2);
}
.table > thead > tr > th{
    line-height: 31px;
}
thead .squaredThree{
    top: 0;
}
.squaredThree label{
    width: 18px;
    height: 18px;
    border-color: rgba(0,0,0,0.38);
    border-width: 2px;
    border-radius: 3px;
}
.squaredThree label:after{
    top: 6px;
    box-shadow: none;
    left: 3px;
}
td .squaredThree label.checked:after{
    left: 2px;
}
.table > tbody > tr > td{
    line-height: 46px;
}
.squaredThree label.checked{
    background-color: rgba(3,155,229,0.87);
    border-color: rgba(3,155,229,0.87);
}
.squaredThree label.checked:after{
    border-color: #fff;
}
thead .squaredThree label.checked{
    background-color: rgba(3,155,229,0.87);
    border-color: rgba(3,155,229,0.87);
}
thead .squaredThree label:after{
    left: 6px;
}
.place-change-newUI,.change-newUI-holiday,.holiday .table .bt.createNewBt{
    position: fixed;
    width: 60px;
    height: 60px;
    right: 70px;
    bottom: 135px;
    top: inherit;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    line-height: initial;
    padding: 0;
    background-position: center !important;
    background-size: 15px;
    left: inherit;
    z-index: 9;
    color: transparent;

}
.loaderFull{
    z-index: 99;
}
.headerTab{
    background: transparent;
    border: 0;
}
.tableHold{
    width: 100%;
    margin: 0 auto;
    margin-top: 2Vmax;
}
.line-table tr{
    border: 1px solid #ccc;
    border-top: 0;
}
.line-table tbody tr{
    border: 1px solid #ccc;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.actionBtHold{
    width: 100%;
    padding: 10px 0 10px 0px;
    height: 60px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
    position: relative;
    display: block;
    overflow: hidden;
}
.actionBtHold .searchHold{
    float: none;
    position: absolute;
    top: 0;
    left: 50px !important;
    width: 500px;
    height: 100%;
    padding: 0;
}
.showNewSearch.actionBtHold .searchInputHold{
    display: inline-block;
}
.dd-select{
    border: 0 !important;
    display: none;
}
.actionBtHold .searchInputHold input{
    border: 0;
    background-color: transparent;
    padding-left: 30px;
    font-size: 14px;
}
.bulkUploadButton{
    top: 0 !important;
    right: 0;
    left: inherit;
    position: relative;
    margin-right: 20px;
    z-index: 11;
}
.actionBtHold .bt.disable{
    opacity: 0.5;
}
.actionBtHold .searchHold .icon-search{
    left: 0;
    font-size: 20px;
    right: inherit;
}
.showNewSearch.actionBtHold .searchHold .icon-search{
    font-size: 20px;
    right: 10px;
    left: inherit;
    display: none;
}
.showNewSearch.actionBtHold{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    background-color: #fff;
    overflow: visible;
    z-index: 99;
}
.showNewSearch .bulkUploadButton{
    z-index: -1;
    opacity: 0;
}
.showNewSearch .dd-select{
    display: block;
}
.showNewSearch.actionBtHold .searchHold{
    z-index: 999;
}
.showNewSearch.actionBtHold .searchHold input{
    padding-left: 5px;
}
.actionBtHold .vLine:before{
    position: absolute;
    display: block;
    content: attr(title);
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    z-index: 9;
    line-height: 60px;
    padding-left: 50px;
    font-size: 13px;
    color: rgba(0,0,0,0.38);
    background-image: url(../images/workflow-images/svg/search.svg);
    background-repeat: no-repeat;
    background-position: center left 10px;
    background-size: 20px;
    top: 0;
    left: 0;
}
.holiday .table .bt#addButton.addFromList{
    position: relative;
    width: auto;
    height: auto;
    line-height: 35px;
    top: 10px;
    bottom: inherit;
    right: 10px;
    z-index: 99;
    border-radius: 0;
    padding: 0 20px;
    color: rgba(0,0,0,0.38);
}
.createNewBt{
    background-color: rgb(3,155,229) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
    background-image: url(../images/svg/add.png);
    background-repeat: no-repeat;
    background-position: center;
}
.actionBtHold .vLine.dn{
    display: block;
    border: 0;
    padding: 0;
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
}
.showNewSearch.actionBtHold .vLine:before{
    display: none;
}
.showNewSearch.actionBtHold .vLine.dn{
    width: 20px;
    height: 20px;
    display: inline-block;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px 0;
    cursor: default;
    pointer-events: none;
    background-size: 20px;
}
.showNewSearch  .selected-cross{
    display: none;
}
.line-table .tableFoot{
    background-color: #f5f5f5;
    height: 60px;
    border: 1px solid #ccc;
    padding: 15px 20px;
}
.addMember .line-table .tableFoot{
    padding: 0;
    height: initial;
    border: 0;
}
.table{
    margin-bottom: 0;
}
.line-table thead{
    width: 100% !important;
}
.line-table tbody{
    width: 100% !important;
}
.showNewDelete.actionBtHold{
    background-color: #039be5;
    padding: 12px 20px;
    z-index: 99;
    overflow: visible;
}
.popupBg{
    z-index: 999;
}
.popupHold{
    z-index: 999;
}
.showNewDelete .vLine:before{
    display: none;
}
.showNewDelete.actionBtHold .searchHold{
    display: inline-block;
    left: 250px !important;
    position: static;
    vertical-align: top;
    width: auto;
}
.showNewSearch.showNewDelete.actionBtHold .searchHold input{
    height: 35px;
    line-height: 30px;
    background-color: #fff;
    border-radius: 4px;
}
.showNewDelete.actionBtHold .searchHold input{
    height: 35px;
    line-height: 30px;
    background-color: #fff;
    border-radius: 4px;
}
.searchHold.moreOption.select-box.fr >div.dn{
    display: none;
}
.showNewDelete .searchHold .dd-select{
    display: block;
    height: 35px;
    line-height: 35px;
}
.showNewDelete .dd-pointer{
    top: 15px !important;
    border-top-color: #fff !important;
}
.showNewDelete .dd-selected{
    line-height: 35px !important;
}
.actionBtHold.showNewDelete .searchHold .icon-search{
    height: 35px;
    line-height: 35px;
    left: 5px;
    font-size: 16px;
}
.showNewDelete .dd-container .dd-select label{
    color: #fff;
}
.showNewDelete .bulkUploadButton{
    display: none;
}
.showNewDelete.actionBtHold .bt{
    background-color: transparent;
    color: #fff;
}
.showNewDelete.actionBtHold .bt:hover{
    background-color: rgba(255,255,255,0.122);
    box-shadow: none;
}
.showNewDelete.actionBtHold .vLine{
    display: inline-block;
    border-color: rgba(255,255,255,0.38);
    vertical-align: top;
}
.actionBtHold .searchInputHold input:focus{
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
}
.showNewDelete.actionBtHold .vLine.dn{
    display: none;
}
.right .rHeader{
    background: transparent;
    border: 0;
}
.right .rHeader h3{
    color: #323232;
}
.reimbursementCreateType{
    font-size: 15px;
    line-height: 38px;
    color: #1a75ff;
    text-transform: capitalize;
    float: right;
    cursor: pointer;
}
.headerTab .nav-tabs{
    display: block;
    float: none;
    color: #fff;
    font-size: 14px;
    font-family: robotolight;
}
.breadcrumb a:hover{
    color: #323232;
}
.breadcrumb li{
    color: #323232;
}
.holiday .nav > li.active > a{
    background-color: transparent;
    color: #fff;
}
.nav-tabs .active{
    border-color: #fff;
}
.nav-tabs>li{
    margin: 0;
}
.workingday-profile-edit .actionBtHold{

}
.editPage .actionBtHold{
    margin: 0;
}
.containt .tableHold{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.rHeader .divHold .containt{
    margin-top: 20px;
}
.holiday .table .bt#addButton{
    position: fixed;
    width: 60px;
    height: 60px;
    right: 70px;
    bottom: 85px;
    top: inherit;
    border-radius: 50%;
    min-width: 20px;
    min-height: 20px;
    line-height: initial;
    padding: 0;
    background-position: center;
    background-size: 15px;
}
.line-table .dd-select{
    display: block;
}
.actionBtHold .vLine{
    display: none;
}
.popupDelete .footer .bt.btColor02{
    background-color: #ff5252 !important;
}
.popupDelete p{
    background-color: #fbe9e7;
    color: #d50000;
    width: auto;
    margin: 15px;
}
.popupHold{
    width: 400px;
}
.userDetails .headerMenu{
    width: 310px;
    position: fixed;
    height: inherit;
    top: 46px;
    right: 6px;
    z-index: 9;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
}
.headerMenu .arrowUp{
    display: none;
}
.userDetails .headerMenu .userImage{
    width: 56px;
    height: 56px;
    margin: 10px;
    margin-left: 0;
    border: 1px solid #d7d7d7;
}
.user-icon-part,.user-logout-part{
    display: inline-block;
}
.userDetails .headerMenu ul{
    top:0;
}
.userDetails .headerMenu li{
    height: auto;
    line-height: normal;
    color: rgba(0,0,0,0.87);
    padding: 0 10px;
    font-family: robotomedium;
    background-color: #fff;
}
.logout-user{
    padding: 0;
    font-size: 12px;
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6 !important;
    color: #323232;
    text-transform: uppercase;
    letter-spacing: .53px;
    font-family: Roboto;
}
.userDetails .headerMenu li.logout-li{
    text-align: right;
    padding: 5px;
    border-top: 1px solid #ccc;
    background-color: #f8f6f6;
}
.userDetails .userName{
    font-family: robotomedium;
}
.user-logout-part{
    vertical-align: middle;
}
.userDetails .downArrow{
    display: none;
}
.userDetails .headerMenu.magictime{
    animation-duration: 500ms;
}
.userDetails .headerMenu li:first-child:hover{
    background-color: #fff;
    cursor: default;
}
.userDetails .headerMenu li:nth-child(2):hover{
    background-color: #f8f6f6;
    cursor: default;
}
.logout-user:hover{
    cursor: pointer;
}
.header .userDetails{
    padding: 5px;
    margin-right: 10px;
}
.userDetails:hover{
    border-radius: 50%;
}
.fullScreenPopup>div{

}
.popup-box-editNode.createNewNode-popup .fullScreenPopup>div{
    height: 385px;
}
.popup-box-editNode .popupHold{
    display: none !important;
}
.popup-box-editCircle.createNewNode-popup .fullScreenPopup>div{
    height: 235px;
}
.createNewNode-popup.popup-box-editCircle .fullScreenPopup>div .newNode  .btHold{
    border: 0 !important;
}
.popup-box-editCircle .popupHold{
    display: none !important;
}
.dd-selected-value{
    position: absolute;
    width: 30px !important;
    border: 0 !important;
    pointer-events: none;
    color: transparent !important;
    height: 35px !important;
    background-color: transparent !important;
}
.searchHold .dd-select{
    line-height: 59px;
    background: transparent;
    height: 59px;
}
.dd-pointer{
    top:25px !important;
}
.actionBtHold .searchInputHold input{
    height: 59px;
    border: 0;
    width: 100%;
    border-radius: 0;
    vertical-align: top;
    margin-bottom: 0;
}
.actionBtHold .searchInputHold input:focus{
    box-shadow: none;
}
.actionBtHold .searchInputHold{
    width: 300px;
    vertical-align: top;
}
.actionBtHold .searchHold .icon-search{
    height: 59px;
    line-height: 59px;
}
.dd-options{
    top: -20px !important;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2), 0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12) !important;
    border: 0 !important;
    width: 165px !important;
    padding: 10px 0 !important;
}
.dd-option{
    border: 0 !important;
    padding: 0 16px !important;
}
.right .rHeader.edit{
    background-color: transparent;
}
.popupHold.holidays{
    display: block !important;
    animation-name: swashIn;
    animation-duration: 500ms;
    animation-fill-mode: both;
}
.table-footer .dd-options{
    height: 140px;
    top: -50px !important;
}
.table-footer .dd-pointer{
    top:15px !important;
}
.edit-channel .headerTab .nav-tabs{
    display: inline-block;
    float: right;
}
.edit-channel .nav-tabs>li.active>a{
    color: #fff;
    background-color: transparent;
}
.fieldSettings .fieldpopup>div{
    display: none;
}
.addMember.popupHold{
    padding: 0;
    height: 85.5%;
    overflow: visible;
    z-index: 99;
    top: 50px !important;
}
.popupHold.addMember .contentHold{
    padding: 0;
    height: 100% !important;
}
.popupHold.addMember .table-header{
    position: relative;
    margin: 0 10px;
}
.popupHold.addMember .actionBtHold{
    width: auto;
    top: 0px;
    margin: 0;
    right: 0;
    border-bottom: 0;
    margin-right: -5px;
    background-color: #fff;
    border: 0;
    overflow: visible;
}
.popupHold.addMember .actionBtHold .searchHold{
    display: block;
    left: 0 !important;
    width: 450px;
}
.popupHold.addMember  .dd-select{
    display: block;
}
.popupHold.addMember .actionBtHold .searchInputHold{
    display: block;
    width: 300px;
}
.popupHold.addMember .actionBtHold .searchHold .icon-search{
    right: 0;
    left: inherit;
}
.popupHold.addMember .actionBtHold .searchInputHold input{
    max-height: none;
    border: 0;
    box-shadow: none;
}
.popupHold.addMember .tableHold{
    margin-top: 0;
}
.addMember .table-footer{
    border: 0;
    background-color: transparent;
}
.popup-container .popupBg{
    z-index: 99;
}
.fullScreenPopup>div .tableHold, .fieldpopup>div .tableHold{
    width: 100%;
    margin-top: auto;
    margin: auto;
    overflow: hidden;
}
.new-ui-table, .orgchart, .appholder-new-ui, .appstudio-create-newui{
    margin-right: -15px;
}
.showNewDelete #usersHoldDiv .addUsers{
    display: none;
}
.popupHold.addMember .table-body{
    padding: 0;
}
.popupHold .line-table tr{
    border-left: 0;
    border-right: 0;
}
.popupHold .dd-options{
    left: 10px !important;
    top: 10px !important;
}
.popupHold .table-footer .dd-options{
    top: -50px !important;
}
.holiday .table .showNewSearch .bt#addButton.addFromList{
    display: none;
}
.circle-bgImg{
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #f5f5f5;
    display: inline-block;
    margin: 5px;
}
.orgChartRootUsers .actionBtHold{
    overflow: visible;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    border-bottom: 1px solid #ccc;
}
.orgChartRootUsers .actionBtHold .searchInputHold{
    display: block;
}
.orgChartRootUsers .bulkUploadButton{
    width: auto;
    border-radius: 4px;
    height: auto;
    line-height: 40px;
}
.orgChartRootUsers .tableHold{
    margin: 0 auto;
    padding-right: 0;
}
.orgChartRootUsers .tableHolder{
}
.orgChartRootUsers .userSection{
    border-radius: 0;
    border-color: #ccc;
}
.orgChartRootUsers .addUs{
    bottom: 60px;
}
.newNode .btHold{
    border: 0 !important;
}
.createNewNode-popup.popup-box-editNode .fullScreenPopup>div .newNode  .btHold{
    border: 0 !important;
}
.workflowCreatePage .rightpart{
    padding-top:0;
}
.nav>li>a{
    color: rgba(255,255,255,.7);
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
    color: #fff !important;
    line-height: normal !important;
    height: 39px !important;
}
.workflowCreatePage .nav-tabs > li > a:hover{
    color: #fff;
}
.workflowCreatePage .addUsersSection.tabSection{
    margin-top: 5%;
}
.line-table tbody{
    border: 1px solid #ccc;
    border-top: 0;
    border-bottom: 0;
}
.addUsersSection .table-container .loaderFull{
    z-index: 99;
    background-color: #fff;
}
.workflowCreatePage .close-newui-edituser{
    top: 5px;
    background-image: url("../images/workflow-images/svg/close-white.svg") !important;
}
.workflowCreatePage #usersHoldDiv .addUsers{
    right: 12px;
    top: 12px;
}
.headerTab .breadcrumb{
    color: #323232;
}
.teamviewPartsearch{
    padding: 0 20px;
}
.LoderIcon{
    display: none;
}
/*
.js-pageFooterParts.text{
    display: none !important;
}
.popupPagination.dropDownHold{
    display: none !important;
}
.navArrowRt,.navArrowLt{
    width: auto;
    height: auto;
    background-image: none;
    background-color: transparent;
    border: 0;
}
.navArrowLt{
    position: absolute;
    right: 0;
}
.line-table .table-footer{
    height: auto;
    padding: 0;
}
.line-table .tableFoot{
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.tableFoot .text.popupPagination{
    position: absolute;
    padding: 0;
    padding-left: 10px;
}
.fr.navArrowHold{
    float: none;
}
.navArrowLt:hover, .navArrowRt:hover {
    background-color: transparent;
    cursor: pointer;
}*/
.dd-option-selected{
    color: rgb(3,169,244) !important;
}
.holiday .nav > li > a{
    line-height: normal;
}
.editUser .nav-tabs>li.active>a,.editUser .nav-tabs>li.active>a:hover,.editUser .nav-tabs>li.active>a:focus{
    color: #323232 !important;
}
.editUser .nav>li>a{
    color: #323232 !important;
}
.editUser .nav-tabs .active {
    border-color: #1e88e5;
}
.editUser .fullScreenPopup>div{
    width: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    min-width: 1000px;
}
.editUser .popup-container .popupBg{
    z-index: 999;
    width: auto;
    margin: auto;
    right: 0px;
    top: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0.3;
}
.editUser .addMember.popupHold{
    z-index: 999;
    width: 48%;
    top: 10px !important;
}




.personal .nav-tabs>li.active>a,.personal .nav-tabs>li.active>a:hover,.personal .nav-tabs>li.active>a:focus{
    color: #323232 !important;
}
.personal .nav>li>a{
    color: #323232 !important;
}
.personal .nav-tabs .active {
    border-color: #1e88e5;
}
.personal .fullScreenPopup>div{
    width: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.personal .popup-container .popupBg{
    z-index: 999;
    width: 50%;
    margin: auto;
    right: 0;
    top: 0;
    bottom: 0;
    height: 98%;
}
.personal .addMember.popupHold{
    z-index: 999;
    width: 40%;
}
.newNode .bt2.disable{
    background: rgba(0,0,0,0.12) !important;
}
.channels .fieldpopup>div{
    width: 450px;
    height: 535px;
    border-radius: 4px;
    top: 0 !important;
    opacity: 0;
    animation-name: swashIn;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    animation-duration: 500ms;
    animation-fill-mode: both;
    background-color: #fafafa!important;
    padding: 10px 20px;
    position: fixed;
    z-index: 999;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.2);
    overflow-x: hidden;
    transition: all 500ms ease;
    display: none;
}
.popupHold.addMember{
    width: 84%;
}
.edit-acc-profile .divHold .tableFoot{
    margin: 0;
}
.addUsers .holdSrch{
    width: 270px;
    background-color: #fff;
    height: auto;
}
.addUsers .icon-add_user{
    display: none;
}
.contentHoldSrch .icon-general{
    border-radius: 50%;
    margin: 0;
    background-size: 30px;
    height: 40px;
    width: 40px;
    margin-right: 5px;
    background-position: center top 2px;
}
.holdSrch .contentHoldSrch, .reportingto .contentHoldSrch{
    padding: 5px;
    height: auto;
}
.txtSrch{
    height: auto;
    margin: 0;
}
.holdSrch .contentHoldSrcHover{
    background: rgba(3, 155, 229, .3);
}
.searchHold .loader{
    background-image: url("../images/svg/rolling-blue.svg");
    background-size: 20px;
    height: 35px;
}
.rtPanel{
    border: 0;
}
.userHoldSection{
    float: none;
    position: relative;
    height: auto;
}
.userHold2{
    width: 100%;
}
.rtPanel .userPicHold{
    float: none;
    margin: 0 auto;
    display: block;
    border-radius: 50%;
    background-size: cover;
}
.userHold2 h3{
    float: none;
    width: 100%;
    text-align: center;
    padding: 0;
}
.rtPanel .userHold2 h4{
    float: none;
    width: 100%;
    text-align: center;
}
.rtPanel .userHold2 h4{
    width: 100%;
    text-align: center;
}
.userDetailHold .bt{
    top: 0;
    right: 0;
    position: absolute;
}
.userHoldSection{
    background-color: #507DA1;
    color: #fff;
    border: 0;
    box-shadow: none;
}
.headerUD{
    background: #3D607E;
}
.userTabHold{
    background-color: transparent;
}
.utActive{
    background-color: transparent;
    border: 0;
}
.slider {
    margin: 0;
    top: 192px;
    height: calc(100% - 205px);
    width: 100%;
    background-color: #fff;
    background-image: url("../images/svg/rolling-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    display: none;
}
.userTabHold{
    float: none;
    height: auto;
    background-color: #507DA1;
    color: #fff;
    padding: 20px;
    margin-left: 0;
    padding-bottom: 70px;
}
.utActive{
    position: relative;
}
.utActive:before{
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    bottom: -4px;
    left: 0;
}
.userTab{
    text-align: center;
    padding: 0 17px;
    border: 0;
}
.udContent{
    position: relative;
    top: -60px;
    margin: 10px;
    float: none;
    width: auto;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 5.9px 0.8px rgba(1, 2, 2, 0.29);
    height: calc(100% - 290px);
}
.reporteeDisp{
    background-color: #fff;
}
.userDetailContent>div,.appshow{
    height: 100%;
}
.userDetailContent{
    float: none;
}
.rtPanel .tableInsideHolderAP{
    width: auto;
    background-color: #fff;
}
body{
    font-size: 12px;
}
.rtPanel .icon-general{
    background-size: 70%;
}
.companyInfo .userHold2{
    padding-bottom: 70px;
}
.companyInfo .userHold2 h3{
    padding: 10px;
}
.orgChartRootUsers .quickSearch{
    right: 0;
    left: 0;
    top: 55px;
}
.searchHold .loader{
    width: 20px;
    right: 27px;
}
.orgChartRootUsers .searchHold .loader{
    height: 55px;
}
.actionBtHold .searchHold .icon-search {
    height: 55px;
    line-height: 59px;
    pointer-events: none;
    width: 20px;
}
#usersHoldDiv .addUsers{
    right: 13px;
    top: 38px;
}
.popupHold .footer{
    position: absolute;
    bottom: 0;
    right: 20px;
    left: 0;
}
.divHold .tableFoot{
    margin: 0;
}
.squaredThree{
    height: 20px;
    margin: 0 auto;
    top:0;
}
.mnDv{
    background-color: #fff;
}
.popupHold .line-table tbody{
    padding-bottom: 3px;
}
.popupHold .container-fluid{
    height: 100%;
}
.popupHold .row.no-gutter{
    height: 100%;
}
.popupHold .col-md-12{
    height: 100%;
}
.showNewDelete.actionBtHold .bt.place-change-newUI{
    background-color: #228CE6;
    color: transparent;
}
.bulkUpload .fullScreenPopup .popupHold{
    transform: initial;
    left: 0;
    right: 0;
    width: 440px;
}
.dd-container label{
    cursor: pointer;
}
.actionBtHold.dn{
    display: none;
}
.editUser .newheight-edituser .actionBtHold .searchHold{
    left: 45px !important;
}
.appsTable .table > tbody > tr.header > td{
    line-height: 30px;
}
.appsTable input.cmn-toggle-round + label{
    margin: auto;
}
.appsTable .header .id{
    min-width: 70px !important;
    max-width: 120px;
    width: 90px !important;
}
.appsTable .table > tbody > tr > td{
    line-height: 45px;
}
.user-form{
    height: 100%;
}
.user-form>div{
    height: 100%;
}
.fullScreenPopup>div .tableHold.appsTable{
    overflow: scroll;
    height: calc(100% - 100px);
}
.form-container{
    height: calc(100% - 45px);
    overflow: scroll;
}
.custCss{
    padding: 5px;
    position: relative;
}
.contentHoldSrch .closeIc{
    float: none;
    position: absolute;
    right: 3px;
    top: 7px;
    height: 20px;
    line-height: normal;
    width: 20px;
}
.contentHoldSrch .btClose{
    top: 0;
    left: 0;
}
.user-form .mnDv{
    margin-top: 0;
}
.user-form .rHeader .divHold p{
    line-height: inherit;
}
.user-form .page-body{
    height: calc(100% - 45px);
    overflow: scroll;
}
.holiday .table .showNewDelete .bt#addButton.addFromList{
    opacity: 0;
}
.edit-designation #usersHoldDiv .addUsers{
    top: 38px;
}
.addMember .table > thead > tr > th.order-asc {
    background: url(../images/sort.png) no-repeat scroll 94% -30px #e9eded;
}
.workflow .fullScreenPopup .popupHold.list{
    width: auto;
    left: 0;
    top: 50%;
    /* right: 50%; */
    transform: inherit;
    display: block;
    margin: auto;
    height: 100%;
    background-color: transparent;
}
.appBox {
    height: 365px;
    width: 600px;
    background-color: #b2b2b2;
    padding: 5px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.workflow .btCreateList.bt{
    box-shadow: none;
}
.personal .fullScreenPopup>div{
    min-width: 1000px;
}
.edit-acc-profile #usersHoldDiv .addUsers{
    top:38px;
}
.rHeader .divHold .popupHold p{
    height: auto;
}
.pageReload .mainMiniLoader.dn{
    left: 0 !important;
    display: block;
}
.pageReload .mainMiniLoader.loaderFull{
    left: 0 !important;
    display: block;
}
.logout-user.bt:hover{
    box-shadow: none;
    background-color: #f8f8f8;
}
.line-table .table > tbody > tr > td{
    font-size: 13px;
    color: rgba(0,0,0,0.54);
}
.line-table .table > thead > tr > th{
    color: rgba(0,0,0, 0.64);
    border-right: 0;
}
#originalTableHeader th{
    border: 0;
    border-top: 1px solid #c7cccb;
}
.createdNodes li:hover .iconAdded{
    background: url(../images/svg/gear02.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center;
}
.workflowCreatePage .right .rHeader{
    background-color: #039be5;
}
.workflowCreatePage .right .rHeader h3{
    color: #fff;
}
.holidayProfileEdit .headerTab{
    background-color: #039be5;
}
.holidayProfileEdit .breadcrumb li{
    color: #fff;
    background-image: url("../images/svg/arrow_white.svg");
}
.holidayProfileEdit .breadcrumb a:hover{
    color: #fff;
}
.mobile-number{
    padding: 0 10px;
    margin-top: 4px;
    opacity: 0.5;
}
.navArrowLt,.navArrowRt{
    background-color: transparent;
    border: 0;
}
.table > thead > tr > th.order-dsc,.addMember .table > thead > tr > th.order-dsc{
    background: url(../images/sort.png) no-repeat scroll 94% 8px #e9eded;
}

.list-users-part th.order-dsc{
    background: url(../images/sort.png) no-repeat scroll 94% 12px #e9eded;
}
.list-users-part th.order-asc {
    background: url(../images/sort.png) no-repeat scroll 94% -27px #e9eded;
}
.addfield-popup .searchInputHold{
    width: 100%;
}
.countrycode::before{
    content: '+91';
    padding: 0 5px;
}
.editUser .formHold input:focus{
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
    border: 0;
}
.editUser .formHold input{
    box-shadow: 0 0 0 transparent inset, 0 0 0 1px #e0e0e0 inset;
    border: 0;
}
.personal .formHold input:focus{
    box-shadow: 0 -2px 0 #039be5 inset, 0 0 0 1px #e0e0e0 inset;
    border: 0;
}
.personal .formHold input{
    box-shadow: 0 0 0 transparent inset, 0 0 0 1px #e0e0e0 inset;
    border: 0;
}
.office-address .config-bssid .btCreateList.bt:hover{
    box-shadow: none;
}
.bulkUploadButton.dn{
    display: none;
}
.showNewSearch.actionBtHold .bt.disable{
    display: none !important;
}
.Reimbursement-type-popup{
    position: fixed;
    bottom: 200px;
    z-index: 999;
    right: 80px;
    width: 150px;
    /* height: 200px; */
    background-color: #fff;
}
.Reimbursement-type-popup li{
    padding: 10px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    font-family: robotomedium;
    background-image: url(../images/svg/Reimbursement/001-motorcycle.svg);
}
.Reimbursement-type-popup li:last-child{
    border: 0;
}
.Reimbursement-type-popup ul{
    border: 1px solid #ccc;
}
.select-icon-popup li,.Reimbursement-icon{
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 4px;
    border-radius: 50%;
    cursor: pointer;
}
.select-icon-popup li>div{
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.contentHold input[type=number]::-webkit-outer-spin-button,
.contentHold input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
  .contentHold input[type=number] {
      -moz-appearance:textfield;
  }
.select-icon-popup li:hover{
    background-color: #f1f1f1;
}
.select-icon-popup{
    position: relative;
}
.Reimbursement-icon{
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 0;
    width: 70px;
    height: 70px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #f1f1f1;
}
.select-icon-popup .select-popup-body{
    position: absolute;
    width: 280px;
    height: 140px;
    left: 80px;
    top: -89px;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0, 0.4);
    border-radius: 4px;
    z-index: 9;
}
.select-icon-popup li>div.big{
    background-size: 30px;
}
.Reimbursement-icon.big{
    background-size: 40px;
}
.select-icon-popup li.active{
    border: 1px solid #ccc;
    border-radius: 50%;
    background-color: rgba(3, 155, 229, 0.34);
}
.select-icon-popup li:last-child{
    display: block;
    width: 330px;
    height: auto;
    margin: 0;
    text-align: right;
    margin-right: 12px;

}
.showNewSearch .bt{
   display: none;
}
.showNewSearch.showNewDelete  .selected-cross{
    display: inline-block;
}
.showNewSearch.showNewDelete .bt{
    display: inline-block;
}
.select-icon-popup li:last-child:hover{
    background-color: transparent;
}
.save-icon{
    background-image: url(../images/workflow-images/svg/icon-tick-blue.svg);
    background-repeat: no-repeat;
    display: block !important;
    width: 30px;
    height: 30px;
    float: right;
    margin-top: 3px;
    cursor: pointer;
}
.select-icon-popup li.save-icon:hover{
    background-color: transparent;
}
.reimbursementPopup .popupHold{
    height: 450px;
    transition: height 500ms ease;
    display: block;
}
.reimbursementPopup.kilometre .popupHold{
    transition: height 500ms ease;
    height: 560px;
}
.popupHold .contentHold input[type='radio']{
    -webkit-appearance: radio;
    box-shadow: none;
    width: auto;
    min-height: inherit;
    padding: 0 !important;
    vertical-align: baseline;
    margin-right: 5px;
    height: auto;
    line-height: normal;
}
.popupHold .contentHold input[type='checkbox']{
    -webkit-appearance: checkbox;
    box-shadow: none;
    width: auto;
    min-height: inherit;
    padding: 0 !important;
    vertical-align: baseline;
    margin-right: 5px;
    height: auto;
    line-height: normal;
}
.popupHold .contentHold.linkedPart{
    margin: 0;
}
.popupHold .contentHold.amount-part{
    margin: 0;
    margin-bottom: 20px;
}
.edit-trackingProfile .rHeader .divHold .containt{
    margin-top: 10px;
}
.edit-trackingProfile #usersHoldDiv .addUsers{
    top: 28px;
}
.SumoSelect{
    display: block;
    line-height: 27px;
    background-color: #fff !important;
    border-radius: 4px;
    -webkit-appearance: none;
    border-color: #ccc;
    max-width: 300px;
    min-width: 270px;
    background-image: url(../images/down_arrow_small.svg);
    background-repeat: no-repeat;
    background-position: center right 10px;
    margin: 10px;
    margin-left: 0;
    margin-top: 0;
}
.SumoSelect:focus{
    outline: none;
}
.SumoSelect select{
    display: none !important;
}
.notiAlertText h5{
    margin: 0 !important;
}
.reimbursements .rHeader.edit .headerTab {
    padding: 0;
    margin: 0;
}
.right .userHold span{
    font-size: 12px !important;
    display: block !important;
    margin: 0 !important;
    line-height: 20px !important;
}
#emp-id{
    font-family: robotomedium;
}
.userContent .mT15{
    margin-top:5px
}
.managerHold div, .subSection div{
    vertical-align: top;
}
.rtPanel .name{
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.manger .emp_id{
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    color: #666666;
}
.rtPanel .reportee .designation{
    width: 120px;
}
.rtPanel .reportee .name{
    width: 130px;
}
.reportee .emp_id{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    float: right;
}
.listComponent .rightListPart ul{
    height: calc(100% - 55px);
    overflow: scroll;
}
.workflowCreatePage  .addUsersSection.tabSection{
    margin: 0;
}
.ownersName .dib{
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: top;
}

@font-face {
    font-family: "Flaticon";
    src: url("font/Flaticon.eot");
    src: url("font/Flaticon.eot?#iefix") format("embedded-opentype"),
    url("font/Flaticon.woff") format("woff"),
    url("font/Flaticon.ttf") format("truetype"),
    url("font/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}
.showNewDelete.actionBtHold .bt.dn{
    display: none;
}
.reimbursementProfileEdit .adLnk{
    display: none;
}
.reimbursementProfileEdit .holiday .table .bt.createNewBt{
    display: none;
}
.icon-leaderboard.hvr-icon-forward:before{
    background-image: url("../images/svg/LeaderBoard.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.icon-roles_policies.hvr-icon-forward:before{
    background-image: url("../images/svg/roles&policies.svg");
    background-repeat: no-repeat;
    background-position: center;
}
.mainIcon-Leaderboard {

}
.icon-audit_trail.hvr-icon-forward:before {
    background-image: url(../images/svg/icon-audit_trail.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.mainIcon-AuditTrail {
    background: url(../images/svg/icon-audit_trai_dark.svg);
    background-repeat: no-repeat;
    background-position: 30px !important;
}

.modal-root{
    z-index: 99999;
}

.reimbursementPopup .content-holder-wrap{
    display:flex;
    margin-top: 20px;
}
.reimbursementPopup .popupHold .contentHold{
    width:355px;
    position: relative;
}
.reimbursementPopup .popupHold .contentHold.content-icon-hold{
    width:auto;
}
.reimbursementPopup .popupHold .header{
    font-family: proximabold;
    font-size: 17px;
}
.reimbursementPopup .popupHold .link-to-trip-meter{
    display: block;
}
.reimbursementPopup .popupHold .rupee{
    position:absolute;
    color:#323232;
    left: 30px;
    top: 37px;
    font-family: proximabold;

}

.reimbursementPopup .popupHold .kilometer-field .contentHold input{
    padding-left: 25px !important;
}
.reimbursementPopup .popupHold .kilometer-field .contentHold.maxKm-part input{
    padding-left: 10px !important;
}
.reimbursementPopup .popupHold .card-details{
    margin-left: 110px;
}