.workflow .btTrans.fieldListCross {
    right: 0px;
    top: 10px;
}

#multiSelectParent input.cmn-toggle-round:checked + label:before {
    background-color: #5ed876;
    border: 1px solid #5ed876;
}

.workflow .js-reqDom {
    vertical-align: top;
}

.workflowActionsButtons div.activeAction .removethis-iteam {
    z-index: 999 !important;
}

.welcomeText h2 {
    padding-top: 35px;
    padding-bottom: 5px;
    margin-top: 0;
}

.welcomeText .Logo {
    padding-bottom: 10px;
}

.welcomeText {
    padding-bottom: 30px;
}

.ImageBox {
    margin-top: 25px;
}

.boxParent {
    margin: 0px;
    position: absolute;
}

.welcomePageApp .col-md-12 {
    padding: 40px;
}

.cardOne, .cardTwo, .cardThree {
    height: 443px;
    vertical-align: text-bottom;
    float: left;
    position: relative;
    width: 295px;
    padding-top: 0;
    flex-grow: 1;
    max-width: 295px;
    margin: 1% auto;
    margin-top: 25%;
    transform: translateY(-51%);
}

.workflow.Gear-view .workflowActionsButtons div.activeAction .removethis-iteam {
    z-index: 0 !important;
}

.DateTimePro {
    padding: 8px 15px 0px;
    border-top: 1px solid #ccc;
    margin: 0px;
}

.DateTimePro .switch span {
    margin-left: 0px;
}

.requiredParentCls input.cmn-toggle-round:checked + label:before {
    background-color: #42A5F5;
    border: 1px solid #42A5F5;
}

.appNameDrpDwn .styled-select {

}

.workflow .field-properties .ms-options-wrap ul {
    width: 100%;
}

.actionButton-present .workflowActionsButtons div.default-saveButton .removethis-iteam {
    display: none;
}

.workflow .dropDownSelect .select-fields-users .btCreateList {
    top: -5px;
    left: 107px;
}

.workflow .DDItemList .styled-select {

}

.DropdownBox {
    top: -2000px;
}

.dropdownShow {
    top: 0;
}

.ms-options-wrap > .ms-options {
    height: 400px;
}

.workflow .field-properties .ms-options-wrap .SelectAllLabel input {
    font-size: 14px;
    background-color: #fff;
    color: #000;
    border-radius: 2px;
}

.workflow .rightsideDeopdown .list-of-fields {
    width: 100%;
    height: 400px;
    overflow: auto;
}

.DropdownBody {
    height: 400px;
}

.DropdownBox .list-of-fields li:hover {
    background-image: none;
}

.DropdownBox .closeButtonRule {
    margin-top: 2px;
}

.requiredConsiderHolidayCls {
}

/*new attendance location html css*/
/*11-12-2016*/
.attendanceLocation-Popup .attendance-user {
    display: inline-block;
    float: right;
    line-height: 3.9;
    border-left: 1px solid #ccc;
    padding: 0px 25px;
}

.attendanceLocation-Popup .switch-attendance {
    margin-bottom: 20px;
}

.attendanceLocation-Popup .switch-attendance .switch {
    display: inline-block;

}

.attendanceLocation-Popup .enable-text {
    display: inline-block;
    vertical-align: super;
}

.attendanceLocation-Popup .office-loaction {
    width: 86%;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin: 0px auto;
}

.attendanceLocation-Popup .location-header {
    background-color: #ECECEC;
    height: 47px;
    text-align: center;
}

.attendanceLocation-Popup .office-address {
    padding: 0;
    position: relative;
}

.attendanceLocation-Popup .office-address h3 {
    position: relative;
    margin: 0px;
    color: #323232;
}

.attendanceLocation-Popup .office-loaction ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.attendanceLocation-Popup .office-loaction ul li {
    display: block;
    background-color: #FFFFFF;
    border-bottom: 1px solid #ccc;
}

.attendanceLocation-Popup .office-loaction ul li:hover {
    background-color: #F8F8F8;
}

.attendanceLocation-Popup .office-address-name {
    display: inline-block;
    width: 69%;
}

.attendanceLocation-Popup .edit-loaction {
    float: right;
    width: 30%;
    visibility: visible;
    margin-top: 47px;
}

.attendanceLocation-Popup .edit-loaction a {
    color: #65AFED;
    cursor: pointer;
    float: right;
    margin-top: 10px;
}

.attendanceLocation-Popup .edit-loaction a.view-on-map {
    float: right;
}

.edit-loaction .cross {
    text-align: right;
    margin-top: -9px;
    margin-bottom: 7px;
}

.attendanceLocation-Popup .attendance-footer {
    padding: 15px;
    background-color: #fff;

}

.attendanceLocation-Popup .attendance-footer span {
    color: #3C9CEC;
    font-family: robotobold;

}

.attendanceLocation-Popup .attendance-footer > div {
    display: inline-block;
    cursor: pointer;
}

.attendanceLocation-Popup .office-loaction ul li:hover .edit-loaction {
    visibility: visible;
}

.attendanceLocation-Popup .map-footer .CancelBtn {
    background-color: #e0e0e0;
    color: #000;
}

.attendanceLocation-Popup .map-footer .addBtn {
    background-color: #1E88E5;
    color: #fff;
}

.attendanceLocation-Popup .map-footer .editBtn {
    background-color: #1E88E5;
    color: #fff;
}

/*---map css-----*/
/* Always set the map height explicitly to define the size of the div
      * element that contains the map. */
.attendanceLocation-Popup #map {
    height: 100%;
}

/* Optional: Makes the sample page fill the window. */
.attendanceLocation-Popup .controls {
    margin-top: 10px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 32px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.attendanceLocation-Popup #pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    z-index: 0;
    position: absolute;
    width: 98% !important;
    left: 0 !important;
    right: 0px;
    top: 0px !important;
    height: 80px;
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding-left: 300px;
    padding-right: 20px;
}

.attendanceLocation-Popup #pac-input:focus {
    border-color: #4d90fe;
}

.attendanceLocation-Popup .pac-container {
    font-family: Roboto;
    z-index: 99999;
}

.attendanceLocation-Popup #type-selector {
    color: #fff;
    background-color: #4d90fe;
    padding: 5px 11px 0px 11px;
}

.attendanceLocation-Popup #type-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.attendanceLocation-Popup #target {
    width: 345px;
}

/*----map style----*/
.attendanceLocation-Popup .fullScreenPopup.map-popup > div {
    padding: 0px;
}

.attendanceLocation-Popup .map-header {
    width: auto;
    margin: 10px;
    position: absolute;
    z-index: 1;
    right: 0;
    height: 48px;
    left: 0px;
    pointer-events: none;
    /* background-color: #fff; */
    padding: 10px;
}

.attendanceLocation-Popup .BorderShow {
    width: auto;
    height: 30px;
    border: 1px solid #ccc;
    left: 0px;
    position: absolute;
    top: 35px;
    right: 20px;
    border-radius: 2px;
}

.attendanceLocation-Popup #pac-input:focus {
    border-color: #cccccc;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.attendanceLocation-Popup .workflowCreatePage input#pac-input:focus {
    outline: none;
}

.attendanceLocation-Popup .address-cls {
    position: relative;
    left: 0px;
    top: 13px;
}

.attendanceLocation-Popup .office-name {
    position: absolute;
    display: inline-block;
    background-color: #ffffff;
    top: 63px;
    left: 15px;
    height: 69px;
    padding: 15px;
    z-index: 2;
    width: 270px;
    padding-top: 0px;
}

.attendanceLocation-Popup .abcd {
    position: absolute;
    width: auto;
    left: 300px;
    right: 10px;
    height: 78px;
    z-index: 2;
    top: 49px;
    pointer-events: none;
}

.attendanceLocation-Popup .office-name label {
    display: block;
}

.attendanceLocation-Popup .office-name input {
    width: 100%;
    height: 30px;
    border-radius: 2px
}

.attendanceLocation-Popup .map-footer {
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: #fff;
}

.attendanceLocation-Popup .map-footer div {
    display: inline-block;
    text-align: start;
}

.attendanceLocation-Popup .map-footer {
    text-align: right;
}

.attendanceLocation-Popup .officeDetails {
    border: 1px solid #ccc !important;
    width: 70% !important;
    padding-left: 4px !important;
    font-style: normal !important;
    margin-bottom: 5px;
}

.attendanceLocation-Popup .officeAddres-div {
    width: 100%;
    display: inline-block;
    margin-top: 7px;
}

.attendanceLocation-Popup .map-cls {
    width: 100%;
    padding-left: 0px;
}

.attendanceLocation-Popup #map-canvas {
    margin: 0;
    padding: 0;
    height: 100%;
}

.attendanceLocation-Popup ul li {

}

.attendanceLocation-Popup .edit-buttons {
    text-align: right;
    display: inline-block;
    float: right;
    position: relative;
    top: -5px;
}

.attendanceLocation-Popup .edit-loaction {
    margin-top: 27px;
    margin: 0;
    position: absolute;
    right: 20px;
    top: 35px;
}

.attendanceLocation-Popup .map-inside-address {
    width: 100%;
    height: 175px;
    background-repeat: no-repeat;
    background-size: 100%;
}

.attendanceLocation-Popup .cross .RemoveRule {
    float: right;
    margin-bottom: 13px;
}

.attendanceLocation-Popup .view-on-map-parent {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 1;
}

.attendanceLocation-Popup .sub-address {
    padding: 15px;
    height: 115px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    border-bottom: 20px solid #F1F1F1;
    padding-top: 0;
}

.attendanceLocation-Popup .add-newuser {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    background-color: #268BE9;
    color: #fff;
    position: relative;
}

.attendanceLocation-Popup .add-newuser:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 5px 5px;
    border: 1px solid #fff;
    border-radius: 100%;
    vertical-align: middle;
    cursor: pointer;
    background-size: 11px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/workflow-images/svg/add-white.svg);
    left: 5px;
    top: 3px;
}

.attendanceLocation-Popup .office-location {
    float: left;
    display: inline-block;
    margin-top: 13px;
    margin-left: 15px;
}

.attendanceLocation-Popup .total-location {
    margin-top: 13px;
    display: inline-block;
}

.attendanceLocation-Popup .view-on-map bt {
    background-color: #fff;
    color: #268BE9;
}

.attendanceLocation-Popup .delete-bin {
    min-width: 20px;
    height: 37px;
    vertical-align: top;
    background-color: #fff;
    background-image: url(../svg/delete_red.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.attendanceLocation-Popup #addOffice {
    padding: 0px 40px;
}

.attendanceLocation-Popup .AddRule {
    background-image: url(../images/workflow-images/svg/add-white.svg);
    border-color: #fff;
}

.attendanceLocation-Popup .location-header .add-newuser {
    padding: 0px;
}

.attendanceLocation-Popup .editAddress {

}

.show-nameAdress .address {
    padding: 5px;
    height: 33px;
    padding-left: 0;
    padding-top: 0;
}

.attendanceLocation-Popup .office-details-sub {
    position: absolute;
    top: 47px;
    left: 113px;
    border-radius: 4px;
    z-index: 90;
    width: 350px;
    right: 10px;
}

.attendanceLocation-Popup .office-sub-name {
    width: 400px;
    display: inline-block;
    margin-right: 10px;
}

.attendanceLocation-Popup .office-sub-address {
    display: inline-block;
}

.attendanceLocation-Popup .officeName-input {
    width: 300px;
    margin-top: 5px;
    border-radius: 2px;
}

.attendanceLocation-Popup .officeaddress-input {
    width: 100%;
    margin-top: 5px;
    border-radius: 2px;
    padding-right: 30px;
    background-image: url(../images/ic_close_11x11.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center right -15px;
}

.attendanceLocation-Popup .fullScreenPopup > div {
    padding: 0px;
}

/*new attendance location html css*/
.workflow .requiredParentCls .cmn-toggle + label {
    display: inline-block;
}

.workflow .requiredParentCls span {
    vertical-align: super;
}

.ButtonRuels .RuleName {
    position: relative;
}

.ButtonRuels .errorTxt {
    background: url(../images/svg/notification.svg) no-repeat scroll left center rgba(0, 0, 0, 0);
    background-size: 20px;
    position: absolute;
    right: 27px;
    top: 41px;
    background-position: right;
    width: 20px;
}

.ButtonRuels .RuleName .errorTxt {
    top: 41px;
    right: 27px;
}

.ButtonRuels [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    display: block;
    position: absolute;
    font-size: 0.8em;
    color: white;
}

.ButtonRuels [data-tooltip]:hover:before {
    border-radius: 0.2em;
    content: attr(title);
    background-color: #EA4C41;
    margin-top: -2.5em;
    padding: 0.3em;
    margin-top: -25px;
    right: -10px;
    width: auto;
    white-space: nowrap;
    height: 25px;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
}

.ButtonRuels [data-tooltip]:hover:after {
    content: '';
    margin-top: -2.1em;
    margin-left: 1em;
    border-style: solid;
    border-color: transparent;
    border-top-color: #EA4C41;
    border-width: 0.5em 0.5em 0 0.5em;
    top: 21px;
    left: -5px;
}

.buttonGoToPage {
    position: relative;
}

.ButtonRuelsList .invalid {
    border: 1px solid red;
}

.ButtonRuelsList [data-tooltip]:hover:after {
    top: 48px;
    left: -7px;
    transform: rotate(180deg);
}

.ButtonRuelsList [data-tooltip]:hover:before {
    margin-top: 30px;
    left: -88px;
}

.ButtonRuelsList .errorTxt {
    top: 0;
    height: 23px;
    right: 2px;
    position: relative;
    z-index: 9;
}

.workflow .form-properties .TextDisplay [data-tooltip]:hover:before {
    top: -3px;
    left: -107px;
    transform: rotate(360deg);
}

.workflow .form-properties .TextDisplay [data-tooltip]:hover:after {
    left: -5px;
    top: 19px;
}

.workflow .form-properties .TextDisplay .errorTxt {
    top: 4px;
    height: 23px;
    right: 30px;
}

.workflow-fullScreen .get-started #editWorkFlow {
    display: none;
}

.ButtonRuelsList.AddConditions {
    position: relative;
}

.RuleButtons .AddConditions .errorTxt {
    right: 5px;
}

.RuleButtons .AddConditions [data-tooltip]:hover:before {
    margin-top: 0;
    position: relative;
    width: 150px;
    left: -124px;
    right: 0;
    top: 28px;
}

.RuleButtons .AddConditions [data-tooltip]:hover:after {
    top: 46px;
    left: -5px;
}

.actionButton-present .ButtonRuelsList {
    cursor: default
}

.actionButton-present .tagShow {
    cursor: pointer;
    border: 0;
    background: none;
}

.actionButton-present .AddConditions {
    cursor: pointer;
}

.ButtonRuelsItems {
    cursor: default;
    position: relative;
}

.RuleItems .errorTxt {
    position: relative;
    right: -12px;
    top: -1px;
}

.RuleItems .errorTxt:hover {
    z-index: 9;
}

.RuleItems .ButtonRuelsItems [data-tooltip]:hover:before {
    position: absolute;
    width: auto;
    right: 0;
    top: 57px;
}

.RuleItems .ButtonRuelsItems [data-tooltip]:hover:after {
    top: 50px;
    left: -4px;
    transform: rotate(180deg);
}

.officeName-div {
    display: none;
}

.RuleButtons .AddConditions .errorTxt {
    right: -25px;
    top: 1px;
}

.workflowCreatePage .cmn-toggle + label {
    display: inline-block;
    width: 39px;
    height: 18px;
    margin-right: 20px;
    float: left;
}

.workflowCreatePage input.cmn-toggle-round + label:after {
    width: 15px;
}

.editmode {
    position: relative;
    right: 6px;
    top: -30px;
    color: #4C97E3;
    display: none;
    cursor: pointer;
    float: right;
}

.invoiceDetailsliste .companyLogo {
    width: 100%;
    height: 100%;
}

.view-on-map.bt:hover, .attendanceLocation-Popup .delete-bin:hover {
    background-color: #f7f7f7;
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.bt.editName-address {
    background-color: #268BE9;
    color: #fff;
}

.ButtonRuels .userCount {
    padding-top: 20px;
}

.ButtonRulesPresent .fullScreenPopup > div {
    min-height: 478px;
}

.butoonUsrerList #usersComponentRegion > div {
    height: 230px;
}

.buttonUsersDisplay {
    height: 145px;
    margin-top: 40px;
}

.ActionsOver {
    max-height: 230px;
    height: 230px;
}

.workflow .butoonUsrerList #usersHoldDiv .addUsers .searchHold input {
    border-radius: 4px;
}

.workflow .butoonUsrerList .addUsers .searchHold {
    border-radius: 4px;
}

.select2-container .select2-search--inline {
    border-radius: 4px;
}

.closeButtonRuleUser {
    background-image: url(../images/workflow-images/svg/close-black.svg);
    width: 14px;
    height: 14px;
}

.workflow .addUsersSection .searchAddedUser .icon-search {
    position: absolute;
    left: inherit;
    right: 5px;
    top: 0px;
    background-color: transparent;
}

.header .searchAddedUser input.OpenSearch {
    padding: 0 30px 0 10px;
    margin-left: 2px;
    width: 270px;
}

.workflow .searchAddedUser .btTrans.fieldListCross {
    right: 0;
    top: 0;
    height: 29px;
    width: 25px;
}

.searchAddedUser label {
    font-size: 12px;
    font-family: robotobold;
}

.app-setting-body .invoiceDetailslist {
    margin-top: 10px;
}

.invoiceDetailsHeader {
    position: relative;
}

.workflowCreatePage .invoiceDetailsHeader .errorTxt {
    right: 12px;
    top: 0px;
}

.workflowCreatePage .invoiceDetailsHeader [data-tooltip]:hover:before {
    margin-left: -150px;
}

.enabel-discount {
    margin-bottom: 20px;
}

.invoice-date .invoiceDetailslist {
    margin-left: 58px;
}

.invoiceDetailsHeader {
    padding: 4px 20px !important;
}

.viewMode .invoiceDetailslist label {
    font-family: roboto;
}

.invoiceDetailslist input {
    font-family: roboto;
}

.viewMode .invoiceDetailslist input {
    font-family: robotomedium;
    margin-top: -5px;
}

.viewMode .invoiceDetailsliste label {
    font-family: roboto;
}

.viewMode .invoiceDetailslist textarea {
    font-family: robotomedium;
    background-color: transparent;
}

.taxFields {
    margin-bottom: 25px;
}

.invoiceDetailslist {
    margin-top: 10px;
    margin-bottom: 0px;
}

.LabelHeading {
    text-transform: uppercase;
    border-bottom: 0px;
    margin: 20px 0 5px 5px;
}

.workflow .editor-left .switch {
    margin-left: 8px;
}

.invoiceDetailslist label {
    font-family: robotomedium;
}

.editor-left .invoiceDetailslist select {
    font-family: robotomedium;
}

.editor-left .invoiceDetailslist {
    margin-bottom: -1px;
}

.over-all-configure .select2-container--default .select2-search--inline .select2-search__field {
    background-color: #fff;
}

.editor-left .invoiceDetailslist label {
    padding-left: 5px;
}

.editor-left .invoiceDetailslist select {
    background: #ffffff url(../images/arrow-dropdown2.png) no-repeat scroll 96% 49%;
}

.over-all-configure .select2-container--default .select2-search--inline .select2-search__field {
    border: 0;
}

.invoice-popup .back-action {
    cursor: pointer;
    display: inline-block;
}

.active-addressConfig .company-address-to {
    cursor: pointer;
}

.company-address-to, .invoice-date-part {
    cursor: pointer;
}

.over-all-configure {
    margin-top: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    overflow: auto;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 5px 10px;
}

.taxFields.vat {
    margin-bottom: 0px;
}

.closeButtonRule {

}

.ButtonRuelsName {
    margin-left: 9px;
}

.workflow #workflow-monitorDisplayArea .fieldList-width {
    min-width: 270px;
}

.invoiceDetails {
    margin-bottom: 0px;
}

.saveOrpublish-js, .saveAndpublish-js {
    display: inline-block;
}

.tagShow input {
    width: 76%;
}

#invoiceSetting {

}

.ActionHeader .ActionHeader {
    cursor: pointer;
}

.ButtonType ul li {
    text-transform: capitalize;
}

/*media query*/
@media all and (max-width: 1183px) and (min-width: 1094px) {
    .welcomePageApp .col-md-12 {
        padding: 50px 15px;
    }

    .welcomePageApp .col-md-4 {
        padding: 8px;
    }
}

@media all and (max-width: 1093px) and (min-width: 1024px) {
    .welcomePageApp .col-md-12 {
        padding: 50px 12px;
    }

    .cardOne, .cardTwo, .cardThree {
        padding: 20px 11px;
    }

    .welcomePageApp .col-md-4 {
        padding: 6px;
    }
}

.workflowCreatePage .standardApps-View #mainPage .attendanceLocation-Popup .office-address h3 {
    height: 40px;
    line-height: 40px;
}

.attendanceLocation-Popup .office-sub-name.address {
    float: left;
    width: 50%;
    text-align: start;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.attendanceLocation-Popup .address .officeName-input {
    width: 86%;
}

.leaves .rHeader.edit .headerTab {
    padding: 0;
    margin: 0;
}

.ButtonType ul li {
    cursor: pointer;
}

.js-AddActionLevel {
    cursor: pointer;
}

.max-min-part.invalid {
    border: 0;
    position: relative;
}

.ButtonRuelsList .max-min-part .errorTxt {
    position: absolute;
    bottom: 3px;
    top: inherit;
    right: 8px;
}

.ButtonRuelsList .due-date-confi .customDate.invalid {
    border: 0;
}

.ButtonRuelsList .due-date-confi .customDate .errorTxt {
    position: absolute;
    right: 17px;
    top: 5px;
}

.ButtonRuelsList .due-date-part .errorTxt {
    position: absolute;
    right: -27px;
    top: 5px;
}

.additional-settings .No-of-day {
    border: 0 !important;
}

.ButtonRulesPresent .noPic {
    text-transform: uppercase;
}

.RuleButtons .select2-selection__arrow b {
    display: none;
}

.RuleButtons span.select2-selection.select2-selection--single {
    outline: none;
}

.edit-circles .breadcrumb li {
    background: transparent;
}

.actionType-addFollowers .buttonActionName {

}

/*.disableAddActionBtn .js-addActionCls{
	display: none;
}*/
.buttonGoToPage .min-max-div label {
    text-transform: capitalize;
}

.buttonShow #clearUser {
    width: 25px;
    height: 24px;
    cursor: pointer;
    z-index: 10;
    top: 0;
    right: 0;
}

.workflow #form-header .contentheader .dueDateCls {
    position: absolute;
    right: 6px;
    top: 3px;
    padding: 10px;
    cursor: pointer;
}

.workflow #form-header .contentheader {
    position: relative;
    cursor: auto;
}

.workflow .contentheader span {
    cursor: pointer;
}

/*
.RuleItems .ButtonRuelsItems .AddRemoveRule .AddRule{
	display: none;
}
.RuleItems #conditionList>div>div:last-child .ButtonRuelsItems .AddRemoveRule .AddRule{
	display: inline-block;
}*/
#commentSelectParent {
    overflow: scroll;
    height: 300px;
}

.workflow .contentbody .wordWrap {
    white-space: pre-wrap; /* css-3 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.workflow .textColorSelect {
    display: inline-block;
    width: 40px;
    height: 20px;
    border-radius: 8px;
}

.workflow .colorTextDiv {
    vertical-align: super;
    margin-left: 5px;
    display: inline-block;
}

#comboActionContent .invoiceDetailslist {
    margin-top: 0;
}

/*when filters comes will remove it*/
.workflow .btCreateList {

}

.app-studio-page .workflowPreview {
    height: 100%;
    width: auto;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: static;
    background-color: transparent;
    padding: 0;
}

.customer-part {
    background-color: #fff;
}

.app-studio-page .workflowPreview .total-customer {
    display: inline-block;
    margin-left: 20px;
}

.app-studio-page .workflowPreview .num-customer {
    font-size: 25px;
    padding-right: 6px;
    display: inline-block;
}

.app-studio-page .workflowPreview .contact {
    display: inline-block;
    margin-left: 50px;
}

.app-studio-page .workflowPreview .customer {
    display: inline-block;
}

.app-studio-page .workflowPreview .export-import {
    border-bottom: 1px solid #eee;
    padding: 10px;
}

.app-studio-page .workflowPreview .no-of-imports {
    font-family: inherit;
}

.ButtonRuelsList .groupUser .errorTxt {
    display: none;
}

.app-studio-page .workflowPreview .export-import-showpart {
    padding: 20px;
    padding-top: 0;
    overflow: scroll;
}

.app-studio-page .workflowPreview .imported-by .by-name {
    text-transform: capitalize;
}

.app-studio-page .workflowPreview .bt.downloadBt {
    padding: 0;
}

.app-studio-page .workflowPreview .customerList .bt.downloadBt a {
    display: inline-block;
    width: 125px;
}

.app-studio-page .workflowPreview .customerList {
    background-image: none;
    padding-left: 0px;
}

.app-studio-page .workflowPreview .importDetails {
    transition: all 500ms ease;
    overflow: hidden;
    cursor: pointer;
    background-image: url(../images/svg/import-grey.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 12px 11px;
    padding-left: 70px;
}

.app-studio-page .workflowPreview .fileDetails {
    padding-left: 70px;
    cursor: auto;
}

.workflow .circle-bgImg {
    background-image: url(../svg/circle-node.svg);
    width: 57px;
    height: 57px;
    background-repeat: no-repeat;
    display: inline-block;
    background-position: center;
}

.reminder .errorTxt {
    display: none;
}

.editor-left .invoiceDetailslist .select2-selection__choice label.noPic {
    margin-left: 0px;
}

/*emailList css*/
.emailOptionsCls .invoiceDetailslist label {
    width: 48px;
}

.editor-left .invoiceDetailslist .emailList {
    display: inline-block;
    background-color: #fff;
    width: 86%;
}

.emailOptionsCls .emailItemViewCls {
    margin-top: 0px;
}

.emailOptionsCls .invoiceDetailslist {
    border: none;
    width: 530px;
}

.email-popup .editor-right {
    left: 560px;
}

.email-popup .editor-left {
    width: 560px;
}

.emailItemViewCls .toEmail {
    width: 480px;
    margin-left: 32px;
}

.emailItemViewCls .replyToEmail {
    width: 505px;
    margin-left: 32px;
}

.emailItemViewCls .ccEmail {
    width: 505px;
    margin-left: 32px;
}

.emailItemViewCls .replyToEmail label {
    margin-left: -34px;
}

.emailItemViewCls .ccEmail .emailList {
    margin-left: -19px;
    border-radius: 4px;
}

.emailItemViewCls .toEmail select {
    margin-left: -19px;
}

.emailItemViewCls .replyToEmail .emailList {
    margin-left: 15px;
    border-radius: 4px;
}

.editor-left .invoiceDetailslist .select2-selection__choice label {
    margin: 0;
}

.fullScreenPopup > div.email-popup {
    width: 1100px;
    height: 86%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    border-radius: 4px;
}

.emailOptionsCls .emailItemViewCls .invoiceDetailslist select {
    width: 350px;
}

.emailOptionsCls .emailItemViewCls .editTextArea {
    margin-top: 6px;
}

.emailOptionsCls .emailItemViewCls .editTextArea select.selectOption {
    background: transparent;
    border: 0;
}

.emailOptionsCls .emailItemViewCls .editTextArea select.selectOption.dn {
    display: none;
}

.emailOptionsCls .emailItemViewCls .editTextArea .note-editable {
    height: 231px;
    overflow: auto;
}

.emailOptionsCls .emailItemViewCls .editTextArea label {
    margin-bottom: 8px;
}

.emailPreviewHolder .emailPreview .preview {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 2px;
    margin-top: 10px;
}

.emailPreviewHolder .emailPreview {
    width: 93%;
    margin: 0px auto;
}

.emailPreviewHolder .toPreview {
    padding-left: 29px;
}

.emailPreviewHolder .ccPreview {
    padding-left: 29px;
}

.emailPreviewHolder .emailPreview .preview .preview-show {
    display: inline-block;
    font-family: robotobold;
    margin-left: 12px;
    width: 86%;
}

.email-popup .ButtonRuelsHeader {
    background-color: #B8C6D7;
}

.workflow.ButtonRulesPresent .emailItemViewCls .select2-container {
    max-width: none !important;
    width: 100% !important;
}

.email-popup .editor-left {
    background-color: #F2F6FA;
}

.email-popup .editor-right {
    background-color: #EFECEC;
}

.emailPreviewHolder .emailPreview .preview label {
    color: #7A7979;
    vertical-align: top;
}

.emailPreviewHolder .textAreaPreview {
    width: 94%;
    padding: 10px 0px;
    margin: 0px auto;
    border: 1px solid #DEDEDE;
    background-color: #ffffff;
    border-radius: 8px;
    margin-top: 35px;
    height: 350px;
    overflow: auto;
}

.emailPreviewHolder .companyLog .loader-logo {
    position: relative;
    left: 49%;
    width: 45px;
    height: 50px;
    background-size: 45px;
    top: 0;
}

.emailPreviewHolder .companyLog .loader-logo2 {
    position: relative;
    width: 85px;
    height: 25px;
    top: 0;
}

.emailPreviewHolder .previewTextArea {
    padding: 20px 40px;
    white-space: pre-line;
}

.emailPreviewHolder h1 {
    margin-left: 17px;
    font-weight: bold;
}

.emailOptionsCls .emailItemViewCls .editTextArea .note-toolbar.panel-heading {
    background: #E3EAF3;
    padding: 15px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    background: #EFF6FF !important;;
    color: #627081;
    margin: 0px;
    margin-right: 15px;
}

.emailOptionsCls .emailItemViewCls .editTextArea .note-toolbar.panel-heading .btn-default {
    background: #EFF6FF !important;;
    color: #627081;
    margin: 0px;
    border: 0 !important;
}

.emailOptionsCls .btn-group > .btn:last-child:not(:first-child) {
    background: #EFF6FF !important;
    color: #627081;
    margin: 0px;
    border: 0 !important;
}

.emailOptionsCls .panel-heading.note-toolbar > .btn-group {
    margin: 0;
    border: 0 !important;
}

.emailOptionsCls .panel-heading.note-toolbar > .btn-group.note-view .btn-fullscreen {
    display: none;
}

.workflow.ButtonRulesPresent .emailItemViewCls #emailBody .select2-container {
    width: 188px !important;
}

.workflow.ButtonRulesPresent .previewTextArea .select2-container {
    display: none;
}

.openbraket {
    background: url(../svg/monitor/open_braket.svg);
}

.closebrakets {
    background: url(../svg/monitor/close_braket.svg);
}

/*test csss*/
.atwho-view {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    margin-top: 18px;
    background: white;
    color: black;
    border: 1px solid #DDD;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    min-width: 120px;
    z-index: 11110 !important;
}

.atwho-view .atwho-header {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    border-bottom: solid 1px #eaeff1;
    color: #6f8092;
    font-size: 11px;
    font-weight: bold;
}

.atwho-view .atwho-header .small {
    color: #6f8092;
    float: right;
    padding-top: 2px;
    margin-right: -5px;
    font-size: 12px;
    font-weight: normal;
}

.atwho-view .atwho-header:hover {
    cursor: default;
}

.atwho-view .cur {
    background: #3366FF;
    color: white;
}

.atwho-view .cur small {
    color: white;
}

.atwho-view strong {
    color: #3366FF;
}

.atwho-view .cur strong {
    color: white;
    font: bold;
}

.atwho-view ul {
    /* width: 100px; */
    list-style: none;
    padding: 0;
    margin: auto;
    max-height: 200px;
    overflow-y: auto;
}

.atwho-view ul li {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
    /* border-top: 1px solid #C8C8C8; */
}

.atwho-view small {
    font-size: smaller;
    color: #777;
    font-weight: normal;
}

.editTextArea .invoiceDetailslist textarea {
    border: 1px solid #ccc;
    padding: 15px;
    width: 100%;
    min-height: 309px;
    border-radius: 6px;
    overflow: auto;
}

.ButtonType #email {
    text-transform: capitalize;
}

.test-textArea .fr-wrapper {
    overflow: auto;
}

.previewTextArea td, th {
    border: 1px solid #ddd;
    text-transform: capitalize;
    padding-left: 3px;
}

.test-textArea .customFields {
    color: #1086E8;
    font-weight: 500
}

.previewTextArea .customFields {
    color: #1086E8;
    font-weight: 500
}

.ButtonRuels .loaderFull {
    width: 100%;
    height: 426px;
}

[data-cmd="insertVideo"], [data-cmd="insertFile"], [data-cmd="insertLink"], [data-cmd="quote"], [data-cmd="emoticons"], [data-cmd="specialCharacters"], [data-cmd="print"], [data-cmd="fullscreen"], [data-cmd="html"], [data-cmd="insertImage"], [data-cmd="inlineStyle"], [data-cmd="paragraphStyle"], [data-cmd="paragraphFormat"], [data-cmd="help"], [data-cmd="clearFormatting"], [data-cmd="selectAll"] {
    display: none;
}

.fr-counter {
    display: none;
}

.fr-separator {
    display: none;
}

.test-textArea .fr-wrapper {
    z-index: 99999;
}

.unitConverter .formBody {
    padding-left: 17px;
}

.unitConverter .formBody label {
    padding: 10px 0px 2px;
    width: 55px;
    text-align: left;
}

.unitConverter .formBody .inputHold02 {
    width: 201px;
    margin: 0px;
}

.unitConverter .formBody .inputHold02 #diplayUnitInput {
    width: 100%;
}

.unitConverter .formHold {
    margin-bottom: 25px
}

.unitConverter .diplayUnit {
    width: 201px;
    padding: 6px 6px;
    background-color: #eee;
    border-radius: 4px;
}

.workflow .divconatiner .numberUnitDisPlay {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #eee;
    padding: 2px 10px;
    border-radius: 4px;
}

.ButtonRuelsList .additional-settingsCloseTag {
    display: none;
    z-index: 99;
    position: fixed;
    left: 0;
    background-color: #fff;
    border: 1px solid #ccc;
    /* border-radius: 4px; */
    top: 0px;
    margin: 20px auto;
    min-width: 315px;
    width: 450px;
    right: 0;
    padding: 0;
    height: 438px;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.ButtonRuelsList.closeTagPopUp .additional-settingsCloseTag {
    display: block;
    animation-name: slideUpReturn;
    height: 400px;
}

.ButtonRuelsList.noCloseTagPopUp .additional-settingsCloseTag {
    display: none;
    animation-name: slideUpTwo;
    height: 400px;
}

.ButtonRuelsList .closeTagRegion ul li {
    position: relative;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: boingInUp;
    height: 35px;
    border-bottom: 1px solid #fff;
    padding-left: 5px;
    padding-top: 5;
}

.ButtonRuelsList .closeTagRegion ul li input {
    width: 76%;
    pointer-events: none;
    background-color: transparent;
    border-color: transparent;
    height: 29px;
    padding-left: 15px;
}

/*
.ButtonRuelsList .closeTagRegion ul li:hover .closeThisLevel {
	background-color: transparent;
	display: block;
}
 .ButtonRuelsList .closeTagRegion ul li:hover .edit-tag{
	 display: inline-block;
 }
.ButtonRuelsList .closeTagRegion.ShowThisLi li.editMode{
	border: 1px solid #4d90fe;
}
.ButtonRuelsList .closeTagRegion.ShowThisLi li{
	position: relative;
}*/

.ButtonRuelsList .closeTagRegion.tagShow {
    width: 100%;
}

.ButtonRuelsList .additional-settingsCloseTag.editMode .closeTagRegion.tagShow ul {
    min-height: 267px;
    overflow: scroll;
}

.ButtonRuelsList .additional-settingsCloseTag.viewMode .closeTagRegion.tagShow ul {
    min-height: 301px;
    overflow: scroll;
}

.ButtonRuelsList .closeTagRegion.tagShow ul li input[type="checkbox"] {
    width: 0;
}

.ButtonRuelsList .closeTagRegion.tagShow ul li .closeTags {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.ButtonRuelsList .closeTagRegion ul li .editMode.dn {
    display: none;
}

.ButtonRuelsList .closeTagRegion ul li .editMode {
    cursor: text;
}

.ButtonRuelsList .closeTagRegion ul li .js-editPreview.inputEdit:focus {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #3DA8E0
}

.additional-settingsCloseTag .editCloseTag {
    float: left;
}

.additional-settingsCloseTag .doneCloseTag {
    float: right;
}

.additional-settingsCloseTag.viewMode .closeTagFooter, .additional-settingsCloseTag.viewMode .closeTagRegion ul li .editMode, .additional-settingsCloseTag.viewMode .closeTagName {
    display: none;
}

.additional-settingsCloseTag.editMode .closeTagFooterEditDone, .additional-settingsCloseTag.editMode .closeTagRegion ul li .viewMode {
    display: none;
}

.additional-settingsCloseTag.viewMode .closeTagFooterEditDone, .additional-settingsCloseTag.viewMode .closeTagRegion ul li .viewMode {
    display: block;
}

.additional-settingsCloseTag.editMode .closeTagFooter, .additional-settingsCloseTag.editMode .closeTagRegion ul li .editMode, .additional-settingsCloseTag.editMode .closeTagName {
    display: block;
}

.ButtonRuelsList .closeTagView {
    margin-right: 10px;
}

.tagShow li:hover .closeThisLevel.dn {
    display: none;
}

.actionType-close .closeTagAddBtn {
    float: left;
    margin: 0 5px;
}

.fr-toolbar {
    border-top: 0;
}

.emailOptionsCls .subject-text {
    display: inline-block;
    width: 85.6%;
    margin-left: 13px;
}

.emailOptionsCls .invoiceDetailslist .subject-text textarea {
    width: 100%;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
}

.emailOptionsCls .invoiceDetailslist.subject label {
    vertical-align: top;
    margin-top: 3px;
}

.emailOptionsCls .invoiceDetailslist .logoArea {
    background-color: #e3eaf3;
    padding: 5px 11px 2px 25px;
    border-radius: 4px;
}

.emailOptionsCls .invoiceDetailslist .requiredParentCls {
    display: inline-block;
    margin: 0px;
}

.emailOptionsCls .invoiceDetailslist .logoArea .requiredParentCls label {
    width: 39px;
}

.emailOptionsCls .invoiceDetailslist .logoArea .logoPosition {
    float: right;
}

.emailOptionsCls .invoiceDetailslist .logoArea .labelLogo {
    vertical-align: top;
}

.emailOptionsCls .invoiceDetailslist .logoArea .logoPosition label {
    margin-right: 50px;
}

.emailPreviewHolder .textAreaPreview .companyLog-sub {
    width: 110px;
    margin: 0px auto;
}

.emailOptionsCls .subject-text .textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    padding: 10px;
}

.emailOptionsCls .logoPosition .whichPosition {
    display: inline-block;
    position: relative;
}

.emailOptionsCls .logoPosition .whichPosition span {
    cursor: pointer;
}

.emailOptionsCls .logoPosition .whichPosition ul {
    position: absolute;
    background: #fff;
    left: -45px;
    top: 20px;
    z-index: 9999999;
    border-radius: 2px;
}

.emailOptionsCls .logoPosition .whichPosition ul li {
    border-bottom: 1px solid #DEDEDE;
    padding: 2px 21px;
    cursor: pointer;
    text-transform: capitalize;
}

.additional-settingsCloseTag .loaderFull {
    height: 347px;
    background-size: 50px;
}

.tagShow {
    border: 0px;
}

.actionType-sendEmail .loader {
    background-image: url(../images/svg/loader-black.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right;
    width: 15px;
    height: 24px;
    display: inline-block;
}

.actionType-sendEmail .loader.dn {
    display: none;
}

.email-popup .loaderFull {
    width: 100%;
    height: 588px;
    top: 41px;
}

.emailOptionsCls .invoiceDetailslist .logoArea .requiredParentCls input.cmn-toggle-round:checked + label:before {
    background-color: #5ed876;
    border: 1px solid #5ed876;
}

.form-properties .viewPermision {
    padding-left: 16px;
    padding-bottom: 30px;
}

.emailOptionsCls .emailItemViewCls .invoiceDetailslist .whichPosition select {
    width: 63px;
    border-radius: 4px;
    height: 24px;
}

.sms-popup .ccSms .emailList {
    width: 88%;
}

.sms-popup .ccSms select {
    width: 100% !important;
}

.sms-popup .textMessage label {
    display: block;
}

.textMessage .subject-text {
    width: 100%;
    margin-left: 0;
    margin-top: 6px;
}

.sms-popup .subject-text .textarea {
    min-height: 325px;
    overflow: scroll;
}

.sms-popup .textMessage .characters {
    display: inline-block;
}

.sms-popup .textMessage .parts {
    display: inline-block;
    margin-left: 30px;
}

.sms-popup .textMessage .characters-parts {
    float: right;
    margin-top: 10px;
}

.subject-text b {
    color: #1086E8
}

.actionType-sendSms .loader {
    background-image: url(../images/svg/loader-black.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center right;
    width: 15px;
    height: 24px;
    display: inline-block;
}

.actionType-sendSms .loader.dn {
    display: none;
}

.ButtonRuelsList .emailAppSelectParent.invalid, .ButtonRuelsList .smsAppSelectParent.invalid {
    border: 0;
}

.ButtonRuelsList .emailAppSelectParent, .ButtonRuelsList .smsAppSelectParent {
    vertical-align: top;
    display: inline-block;
}

.ButtonRuelsList .emailAppSelectParent [data-tooltip]:hover:before, .ButtonRuelsList .smsAppSelectParent [data-tooltip]:hover:before {
    left: 125px;
}

/*assing user list hiding cirles for now*/
.ButtonRuels .AppUserList .contentHoldSrch.circle {
    display: none;
}

.sms-popup .emailOptionsCls .toSms .errorTxt {
    display: none;
}

.tagShow li {
    cursor: auto;
}

.closeTagRegion.tagShow ul {
    cursor: auto;
}

.tagShow {
    width: auto;
}

.reating-stars li {
    margin-right: 7px;
}

.workflow .field-properties .rating-part input {
    margin-top: 3px;
    width: auto;
}

.workflow .field-properties .rating-part .rating-label input {
    width: 200px;
}

.workflow .field-properties .rating-part .rating-label .errorTxt {
    right: 3px;
}

.reating-stars li span {
    cursor: auto;
}

.bssid-list {
    height: auto;
}

.office-address .config-bssid .btCreateList {
    float: right;
    margin-top: -7px;
}

.bssid-hover-popup {
    right: 75px;
}

.bssid-itemView {
    position: relative;
}

.bssid-itemView .icon-cross {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.bssid-hover-popup {

}

.workflow .styled-select.Rating select {
    background-image: none !important;
}

.bssid-itemView .icon-cross:before {
    display: none;
}

.bssid-itemView .icon-cross {
    background-image: url(../svg/delete_red.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    background-size: 100%;
}

.config-bssid .bssidCreateNew {
    width: 145px;
    margin-left: 10px;
    margin-top: 10px;
}

.config-bssid .wifiConfig-bssid {
    height: 325px;
    overflow: scroll;
}

.config-bssid .bssidInfo {
    margin: 10px;
    opacity: 0.5;
}

.config-bssid .ButtonRuelsHeader span {
    float: none;
    display: inline-block;
}

.workflow .field-properties .rating-part .rating-label [data-tooltip]:hover:before {
    margin-top: -24px;
    left: -90px;
}

.Ratings .formHold .topmagin label {
    width: auto;
}

.workflow .topmagin {

}

.office-address .show-nameAdress {
    margin-top: 15px;
}

.reimbursementPopup .reimTypeName {
    display: block;
    margin-top: -20px;
    font-size: 13px;
    font-family: proxima;
}

.firstTimeHold .Reimbursement-type-popup {
    /* position: fixed; */
    float: right;
    color: #000;
    position: relative;
    bottom: 200px;
    z-index: 999;
    right: -115px;
    width: 160px;
    top: -115px;
    /* height: 200px; */
    background-color: #fff;
}

.firstTimeHold .addNewType {
    float: right;
}

.createNewNode-popup.popup-box-Reimbursement .fullScreenPopup > div {
    padding: 0;
    height: 450px;
    transition: height 500ms ease;
}

.popup-box-Reimbursement .fullScreenPopup .popupHold {
    left: inherit;
    transform: none;
    overflow: scroll;
}

.createNewNode-popup.popup-box-Reimbursement.reimburesmentType-km .fullScreenPopup > div {
    height: 590px;
    transition: height 500ms ease;
}

.reimbursementPopup.kilometre .popupHold {
    height: 590px;
}

.reimbursementPopup .popupCreate .loaderFull {
    left: 0;
}

.reimbursementPopup .contentHold .traking-label {
    margin-right: 10px;
    font-size: 16px;
    font-family: proximasemibold;
}

.reimbursementPopup .invalid input {
    border: 1px solid red;
}

.reimbursementPopup .footer .btColor02.disable {
    opacity: 0.4;
}

.leaveNewScreen .leaveTypeDetails span {
    display: block;
}

.leaveNewScreen .leaveTypeDetails input {
    height: 30px;
}

.leaveNewScreen .crateLeaveNewDiv .leaveRestrictions {
    height: 30px;
    margin-top: -3px;
    margin-left: 10px;
}

.leaveNewScreen .crateLeaveNewDiv .carry_fwd_max {
    height: 30px;
}

.leaderboardView .leaderBoardTemplateImg {
    width: 35%;
}

.leader-board-body .settings-part .createFirstTime .app_id {
    display: none;
}

.leader-board-body .settings-part .typeMonitor {
    display: none;
}

.leader-board-body .settings-part .monitor_id {
    display: none;
}

.leader-board-body .settings-part .leaderBoardSlider {
    display: none;
}

.leader-board-body .settings-part .showMonitor .typeMonitor {
    display: block;
}

.leader-board-body .settings-part .showMonitor .monitor_id {
    display: block;
}

.leader-board-body .settings-part .showMonitor .leaderBoardSlider {
    display: block;
}

.leader-board-body .settings-part .editTypeMode .typeMonitor, .leader-board-body .settings-part .editTypeMode .app_id, .leader-board-body .settings-part .editTypeMode .monitor_id, .leader-board-body .settings-part .editTypeMode .leaderBoardSlider {
    display: block;
}

.leader-board-body .settings-part .hideSelectMonitor .monitor_id {
    display: none;
}

.leader-board-body .settings-part .hideSelectMonitor #monitorDisplay {
    display: none;
}

.leader-board-body .settings-part .createFirstTime .eligibility {
    display: none;
}

.leader-board-body .settings-part .createFirstTime.showEligibility .eligibility {
    display: block;
}

.leader-board-body .settings-part .editTypeMode .eligibility {
    display: block;
}

.create-leader-board .create-details .loaderFull {
    position: absolute;
    left: 0;
}

.leaderboardView .create-details {
    overflow: scroll;
}

.bssid-edit-popup .ButtonRuelsFooter button.disable {
    opacity: 0.4;

}

.reimbursementPopup a.icon-cross {
    float: right;
    margin-top: 10px;
}

.invoiceDetailsbody .gstComponent .invoiceDetailslist {
    display: inline-block;
}

.invoiceDetailsbody .gstComponent .gstNumber {
    top: -70px;
    position: relative;
}

.invoiceDetailsbody .gstComponent {
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.invoiceDetailsbody .gstComponent .closeBtn {
    top: 30px;
    position: absolute;
    background-image: url(../svg/delete_red.svg);
    min-width: 20px;
    height: 37px;
    vertical-align: top;
    background-color: #fff;
    background-image: url(../svg/delete_red.svg);
    background-repeat: no-repeat;
    background-position: center;
}

.invoiceDetailsbody .addGstBtn {
    margin-top: 15px;
    padding: 1px;
}

.invoiceDetails.viewMode .invoiceDetailsbody .gstComponent .gstNumber {
    top: -25px;
}

.invoiceDetails.viewMode .invoiceDetailsbody .closeBtn {
    display: none;
}

.invoiceDetails.viewMode .invoiceDetailsbody .addGstBtn {
    display: none;
}

.invoiceDetailslist.availableTaxes .SumoSelect {
    min-width: initial;
    width: 270px;
    display: inline-block;
    margin: 0;
    line-height: 23px;
    border-color: #DEDEDE;
}

.invoiceDetailslist.customerName .SumoSelect {
    min-width: initial;
    width: 270px;
    display: inline-block;
    margin: 0;
    line-height: 23px;
    border-color: #DEDEDE;
}

.invoiceDetailslist .SumoSelect > .CaptionCont {
    border-color: #DEDEDE;
}

.invoiceDetailslist .SumoSelect > .CaptionCont > span.placeholder {
    color: #323232;
    font-family: robotomedium;
}

.invoiceDetailslist .SumoSelect > .CaptionCont > span.placeholder {
    font-style: normal;
}

.invoiceDetailslist .SumoSelect > .CaptionCont > label > i {
    background: #ffffff url(../images/arrow-dropdown2.png) no-repeat scroll 96% 49%;
}

.invoiceDetailslist.availableTaxes .SumoSelect .SelectBox i {
    left: 85px;
}

.invoiceDetailslist.customerName .SumoSelect .SelectBox i {
    left: 85px;
}

.invoiceDetailslist .SumoSelect.open > .CaptionCont, .invoiceDetailslist .SumoSelect:focus > .CaptionCont, .invoiceDetailslist .SumoSelect:hover > .CaptionCont {
    box-shadow: none;
}

.invoiceDetailslist .SumoSelect:focus > .CaptionCont {
    outline: #4d90fe solid 1px;
}

.leaderboardView .create-leader-board .select-type .displayItems li.comingSoon {
    pointer-events: none;
}

.workingDay_editProfile .workingday-profile-edit #workDayTimings {
    position: fixed;
    width: 134px;
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    top: 230px;
    margin-left: 0;
}

.workingDay_editProfile .workingday-profile-edit #workDayTimings .timeHolder {
    display: inline-block;
}

.workingDay_editProfile .workingday-profile-edit #workDayTimings .timeHolder .form-control {
    font-size: 12px;
    width: 50px;
    height: auto;
    border: 0;
    box-shadow: none;
    background-color: #fff;
    text-align: center;
    padding: 0;
    line-height: 25px;
}

.workingDays .bt {
    width: 130px;
}

.workingDay_editProfile .workingday-profile-edit #workDayTimings .defaultTimeBox, .customTimeBox {
    /*margin: 30px;*/
}

.workingDay_editProfile .workingday-profile-edit #workDayTimings .durationCount {
    margin-left: 2px;
    margin-right: 2px;
    display: none;
}

.contentHoldSrch .icon-male, .contentHoldSrch .icon-female {
    margin-top: 6px;
}

.right .userHold .name, .right .userHold .name, .desig, .emp_id {

}

.workingDay_editProfile .workingday-profile-edit .workingDayButton {
    display: inline-block;
    position: relative;
}

.workingDay_editProfile .workingday-profile-edit .workingDayButton.full-day .timeLineParent .timeLine {
    /*height: 1px;*/
    /*border: 2px solid #CCCCCC;*/
    margin-left: 28px;
}

.workingDay_editProfile .workingday-profile-edit .workingDayButton.half-day .timeLineParent .timeLine {
    /*height: 1px;*/
    /*border: 2px solid #CCCCCC;*/
    margin-left: 28px;
}

.workingDay_editProfile .workingday-profile-edit .workingDayButton.day-off .timeLineParent .timeLine {
    /*display: none;*/
    margin-left: 48px;
}

.workingDay_editProfile .workingday-profile-edit .workingDayButton .timeLineParent {
    margin-top: 25px;
}

.timeLineParent .working-day-perDay-view {
    position: absolute;
}

.workingDay_editProfile .workingday-profile-edit {
    min-height: 300px;
    overflow: scroll;
}

.workingDay_editProfile .workingday-profile-edit .workingDays {
    min-height: 360px;
    overflow: scroll;
}

.workingday-profile-edit .footerTab {
    position: absolute;
    width: 100%;
    bottom: 0px;
    margin-right: 0;
    margin-left: -20px;
    padding: 10px;
    text-align: right;
}

.bulkUpload .fileDetails .userFieldHolder {
    overflow: hidden;
    max-width: 150px;
    text-overflow: ellipsis;
}

.bulkUpload em {
    color: #ff0000;
}

.bulkUpload .chkboxHolder.month-select .leader-label {
    margin-left: 38px;
}

.bulkUpload .chkboxHolder.month-select .CaptionCont.SelectBox {
    padding: 2px 10px;
}

.workflow .DDItemList.fields-type {
    width: 210px;
}

.workingDays .bt.js-fullActive, .workingDays li.js-fullActive {
    background-color: rgba(3, 155, 229, 0.6);
}

.workingDays .bt.js-firstActive, .workingDays li.js-firstActive {
    background: linear-gradient(to right, rgba(3, 155, 229, 0.6) 0%, rgba(3, 155, 229, 0.6) 50%, #e0f7fa 50%, #e0f7fa 100%);
}

.wifiConfig-bssid .bssid-list .bssid-input {
    width: 28px;
    display: inline;
    border: 0;
    margin: 2px;
    padding-left: 5px;
}

.wifiConfig-bssid .bssid-list .bssid-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 0.5;
}

.wifiConfig-bssid .bssid-list .bssid-input::-moz-placeholder { /* Firefox */
    opacity: 0.5;
}

.wifiConfig-bssid .bssid-list .bssid-colon-div {
    width: 5px;
    display: inline;
}

.wifiConfig-bssid .bssid-list .bssidParent {
    display: inline-block;
    border: 1px solid #CCCCCC;
    margin-bottom: 10px;
    width: 86%;
}

.ui-timepicker-wrapper.workdayTimeList {
    width: 60px;
}

.workingDays .OptionHold {
    left: 4px;
}

.workflow-field-copy {
    background-color: #fff;
    box-shadow: 0px 1px 3px 0 rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    position: absolute;
    z-index: 9;
    width: 250px;
    height: 160px;
    left: 240px;
    top: 30px;
    border: 0 !important;
}

.ButtonRuelsList .avtionLevel .buttonShow ul li:first-child #modemanually .custom:hover .closeThisLevel {
    display: none;
}

.ButtonRuelsList .buttonShow .manager:hover, .buttonShow .custom:hover {
    background-image: none;
}

.invoice-information.from-address-part.active {
    position: relative;
    border-color: #87C2F3;
}

.invoice-information.from-address-part {
    width: auto;
    border: 1px dashed #cccccc;
}

.active-fromAddressConfig .from-address-part {
    position: relative;
    border-color: #87C2F3;
}

.active-fromAddressConfig .from-address-part .border-circle {
    display: block;
}

.mis_reports .inline-popup-body {
    z-index: 9999 !important;
}

.ButtonRulesPresent .fullScreenPopup > div.invoice-popup-popup {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 90%;
    overflow: hidden;
    max-height: 842px;
    width: 720px;
    background-color: #ffffff;
    transform: none !important;
}

.field-properties .autoIncrementAdvancedSettingRegion {
    margin-top: 20px;
}

.field-properties .locationMoreFields.autoIncrement {
    margin-left: 12px;
}

.field-properties .locationMoreFields.autoIncrement .mandatory {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mandatory .autoIncrementFields {
    margin-left: 10px;
}

.createWidgetPreview-section .createWidgetPreview .column-list {
    width: calc(100% - 260px);
}

.createWidgetPreview-section .createWidgetPreview .widgetPreviewDisplay {
    width: calc(100% - 260px);
}

.mis_reports .createWidget-cls .createReport-container .createWidget-details .createWidgetPreview-section .createWidgetPreview {
    width: calc(100% - 260px);
}

.ButtonRulesPresent .actionType-linkApp .buttonGoToPage.addOver select {
    width: 150px;
    height: 25px;
    background-color: #fff;
    background-image: none;
}

.ButtonRulesPresent .actionType-linkApp .RemoveRule {
    display: none;
}

.invoiceName {
    display: inline-block;
}

.select2-container--default .select2-selection .select2-selection__rendered {
    overflow: auto;
}

.select2-container--default .select2-selection .select2-selection__choice {
    padding: 5px 10px;
}

.line-table .new-ui-table table tr td:first-child {
    width: auto !important;
}

.line-table .new-ui-table table tr td._id:first-child {
    width: 6.3% !important;
}

.line-table .new-ui-table table tr td.id:first-child {
    width: 6.3% !important;
}

.webAppStudioView .add-report-popup.auto-assign-to-group .dueDateConfiguration div.input-group.date {
    color: #0E85E8 !important;
}

.RuleButtons .ButtonRuelsList.actionType-assign .tags-allBTn {
    display: inline-block;
}

.RuleButtons .buttonGoToPage.addOver {
    border: none;
}

.RuleButtons .ButtonRuelsList .tags-allBTn {
    display: inline-block;
}

.reminder {
    vertical-align: top;
}

.workflowCreatePage .editDetailsScroll .SumoSelect .loader {
    background-position: right;
}

.workflowCreatePage .editDetailsScroll .SumoSelect p {
    width: 400px;
}

.workflowCreatePage .editDetailsScroll .SumoSelect .optWrapper.multiple {
    width: 400px;
}

.workflowCreatePage.categoriseApps .form-header {
    padding-top: 15px;
}

.workflowCreatePage.categoriseApps .app-type, .workflowCreatePage .creater, .workflowCreatePage .app-date {
    padding: 10px 0px;
}

.workflowCreatePage.categoriseApps .addNewApp {
    margin-top: 15px;
    margin-bottom: 2px;
}

.categoriseApps .searchAppWorkflow .searchHold .icon-search {
    margin-top: 10px;
}

.workflowCreatePage.categoriseApps .searchHold .clearable {
    margin-top: 10px;
}

.webAppStudioView .desktop-app-studio .repetitiveFieldsRegion ul.list li {
    display: flex;
}

.webAppStudioView .desktop-app-studio .repetitiveFieldsRegion ul.list .form-group {
    flex: 60;
}

.webAppStudioView .desktop-app-studio .js-media.image-present #preview {
    height: 75px;
    width: 75px;
    border-radius: 50%;
    margin-top: -13px;
    display: inline-block;
    margin-left: -4px;
    border: 2px solid #FFFFFF;
}

.webAppStudioView .desktop-app-studio .js-media .media-select-input {
    width: 1px;
    background-color: #0E85E8;
    height: 1px;
    visibility: hidden;
}

.webAppStudioView .desktop-app-studio .stage-name-title {
    text-transform: capitalize;
}

.auditTrail .auditTrail-container .search-filter {
    width: calc(75% + 115.5px);
}

.webAppStudioView .select2-drop-down .add-report {
    z-index: 9999;
}

.webAppStudioView .app-list-region {
    overflow-y: scroll;
}

.webAppStudioView .workflow-field-copy.report-right-click {
    width: 140px;
    height: 40px;
    left: 220px;
}

.workflowCreatePage .rightpart .financialYearParentRegion .SumoSelect.open > .optWrapper {
    width: 400px;
}

.workflowCreatePage .standardApps-View .leave-profile-edit .empty-list .mnDv .adLnk {
    display: none;
}

.webAppStudioView .desktop-app-studio .data-report-container.customersApp, .data-report-container.contactsApp {
    border: 1px solid #d7d7d7;
}

.webAppStudioView .add-report-popup .invoiceDetailslist #selectToDropDown .userDetails-additional {
    display: flex;
    vertical-align: bottom;
}

.webAppStudioView .add-report-popup .invoiceDetailslist #selectToDropDown .userDetails-additional .view-all {
    margin-left: auto;
    color: #1e88e5;
}

.webAppStudioView .add-report-popup .stage-popup-body .list .dataFetch {
    background-color: #dcdcdc2e;
}

.webAppStudioView .desktop-app-studio .summary-view.list .reassign {
    background-image: url(../images/svg/reassign.svg);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: center;
    border-radius: 50%;
    cursor: pointer;
    float: right;
}

.webAppStudioView .desktop-app-studio .summary-view.list .reportSummaryViewClass .nextStage {
    float: right;
}

.webAppStudioView .desktop-app-studio .summary-view.list .create-report-container .stage-popup-body .flatpickr-input {
    background: url(../svg/calendar-new.svg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 17px;
    cursor: pointer;
    width: 360px;
}

.userMgmtPeople.bulkUpload .footer-buttons .sampleButtonLink {
    visibility: hidden;
}

.holidayProfileEdit .holidy-profile-edit .add-holidays-from-list {
    visibility: hidden;
}

.visible-to.implies {
    height: 35px;
    width: 50px;
    background-size: 26px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/svg/long-right-arrow.svg);
}

.webAppStudioView .stageButton.loader {
    opacity: 1;
    background-image: url(../images/svg/loader-black.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 90% 50%;
}

.webAppStudioView .create-report-container .buttonList ul li.bt {
    border-radius: 0;
    text-transform: none;
    line-height: 21.5px;
    font-family: proxima;
}

.userFile {
    background-image: url("../images/svg/long-right-arrow.svg");
    background-repeat: no-repeat;
    background-position: center right 25%;
    background-size: 30px;
}

.bulkUpload .chkboxHolder.switch {
    padding: 10px;
    display: inline-flex;
}

.bulkUpload .chkboxHolder.switch span {
    margin-left: 10px;
    font-size: 15px;
}

.webAppStudioView .reportFilter {
    height: 200px;
    overflow: scroll;
}

.webAppStudioView .filterReports, .importReports {
    display: flex;
}

.webAppStudioView .report-list span.appReportsFilter {
    cursor: pointer;
    height: 54px;
    width: 50px;
    background-image: url("../svg/filter.png");
    background-repeat: no-repeat;
    background-position: center right 25%;
    background-size: 18px;
}

.webAppStudioView .report-list span.importAppReports {
    position: absolute;
    top: 3px;
    right: 30px;
    cursor: pointer;
    height: 46px;
    width: 46px;
    background-image: url(../images/import_from_sheets.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.workflow.visibility-settings .conditionRegion div > div:first-child .visible-rules:first-child li.delete-visible-rule {
    visibility: hidden;
}

.workflow.visibility-settings .selectOptions .image label {
    height: 33px;
    width: 33px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 15px;
    cursor: pointer;
}

.workflow.visibility-settings .serverSelectedOptionRegion:empty {
    visibility: hidden;
}

.workflow.visibility-settings .optionsRegion ul {
    max-height: 200px;
    overflow-y: auto;
}

.workflow.visibility-settings .selectOptions .details {
    display: flex;
    width: auto;
    overflow: hidden;
    flex-direction: column;
}

.workflow.visibility-settings .optionsRegion .selectOptions .details {
    cursor: pointer;
}

.workflow.visibility-settings .selectOptions .details label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.workflow.visibility-settings .optionsRegion .selectOptions .details label {
    cursor: pointer;
}

.workflow.visibility-settings .selectOptions .details label.designations {
    max-width: 85px;
    font-size: 11px;
    color: #7F8A90;
}

.workflow.visibility-settings .serverSelectRegion .serverSearchBoxInput {
    max-width: 160px;
    border-radius: 2px;
    height: 35px;
}

.workflow.visibility-settings .serverSelectRegion {
    display: inline-block;
    max-width: 150px;
    position: relative;
}

.workflow.visibility-settings .serverSelectedOptionRegion {
    display: flex;
}

.workflow.visibility-settings .addConditionButtonParent .addNewPopupBt {
    width: 35px;
    height: 35px;
    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);
    right: 30px;
    bottom: 30px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    z-index: 9;
    border-radius: 50%;
}

.workflow.visibility-settings .addConditionButtonParent .addVisibilityConditionText {
    margin-left: 8px;
    margin-top: 8px;
}

.workflow.visibility-settings .addConditionButtonParent {
    float: left;
    margin-left: 20px;
    display: flex;
}

.workflow.visibility-settings .addConditionButtonParent span {
    display: inline-flex;
}

.workflow.visibility-settings .optionsRegion {
    position: absolute;
    background-color: #FFF;
    z-index: 9;
    left: 0;
    right: 0;
    overflow: scroll;
    max-height: 200px;
    border: 1px solid #D8D8D8;
    border-top: 0;
}

.workflow.visibility-settings .optionsRegion ul li .selectOptions {
    display: flex;
    cursor: pointer;
}

.workflow.visibility-settings .optionsRegion ul li {
    width: 100%;
    margin: unset;
    padding: 5px;
    border-bottom: 1px solid #D8D8D8;
    cursor: pointer;
}

.workflow.visibility-settings .optionsRegion ul li:last-child {
    border: 0;
}

.workflow.visibility-settings .serverSelectedOptionRegion ul li .selectOptions {
    display: flex;
}

.workflow.visibility-settings .selectOptions .image {
    margin-right: 5px;
    cursor: pointer;
}

.webAppStudioView input {
    font-family: proxima;
}

.workflow .styled-select.Supply.Chain {
    background-image: url(../images/svg/shopping-cart.svg);
    border-color: #ccc;
    background-size: 18px;
}

.workflow .addfield-Supply.Chain div {
    background-image: url(../images/svg/shopping-cart.svg);
}

.supply-chain-types {
    position: inherit;
    top: 60px;
    left: 250px;
    width: auto;
    right: 250px;
    text-align: center;
    z-index: 0;
}

.workflow .supply-chain-types ul {
    font-size: 0;
    display: inline-block;
    border-radius: 15px;
    padding: 2px;
    background-color: #e5e5e5;
    position: relative;
}

.workflow .supply-chain-types li {
    display: inline-block;
    font-size: 13px;
    padding: 3px 30px;
    border-radius: 14px 14px 14px 14px;
    cursor: pointer;
    width: auto !important;
    margin: 0;
    border: 0;
    position: relative;
    z-index: 2;
}

.workflow .supply-chain-types li.active {
    color: #FFFFFF;
    pointer-events: none;
}

.workflow .field-properties .supply-chain-types li.active {
    background-color: #228ce6;
}

.workflow .supply-chain-types li.movingli {
    position: absolute;
    width: 105px !important;
    left: 2px;
    pointer-events: none;
    height: 27px;
    z-index: 1;
    transition: all 500ms ease;
}

.workflow .supply-chain-types li.movingli:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    background-color: #1086E8;
    height: 100%;
    border-radius: 14px 14px 14px 14px;
    z-index: 1;
}

.workflow .supply-chain-types li.movingli.active-sell {
    width: 80px !important;
    left: 100px;
}

.workflow .supply-chain-types li.movingli.active-book {
    left: 175px;
    width: 75px !important;
}

.login .footer {
    font-family: proxima;
}

.formHold label.additional-heading {
    width: 210px;
    padding: 0;
    margin-left: 10px;
}

.test-qr-logo {
    background-image: url("../img/h.png");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    width: 56px;
    height: 56px;
    position: absolute;
    background-color: #FFFFFF;
    border-radius: 50%;
    margin: auto;
    left: 10px;
    right: 0;
    top: 0;
    bottom: 0;
}

#qrParent, .signin .login-block {
    background-color: #FFFFFF;
}

.workflow .supply-chain-types.stock-visibility li.movingli {
    position: absolute;
    width: 115px !important;
    left: 2px;
    pointer-events: none;
    height: 27px;
    z-index: 1;
    transition: all 500ms ease;
}

.workflow .supply-chain-types.stock-visibility li.movingli:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    background-color: #1086E8;
    height: 100%;
    border-radius: 14px 14px 14px 14px;
    z-index: 1;
}

.workflow .supply-chain-types.stock-visibility li.movingli.active-show {
    width: 115px !important;
    left: 3px;
}

.workflow .supply-chain-types.stock-visibility li.movingli.active-hide {
    left: 102px;
    width: 115px !important;
}

.workflow .supply-chain-types.stock-visibility.edit-control li.movingli {
    position: absolute;
    width: 100px !important;
    left: 2px;
    pointer-events: none;
    height: 27px;
    z-index: 1;
    transition: all 500ms ease;
}

.workflow .supply-chain-types.stock-visibility li.movingli.active-editable {
    width: 70px !important;
    left: 3px;
}

.workflow .supply-chain-types.stock-visibility li.movingli.active-readOnly {
    left: 105px;
    width: 112px !important;
}

.workflow .formHold.additional-inventory-settings .inventory-headings {
    margin-left: 40px;
}

.workflow .formHold.additional-inventory-settings .page-options {
    width: 220px;
}

.workflow .field-properties .supply-chain-types.stock-visibility li.active {
    width: 115px !important;
}

.workflow .field-properties .supply-chain-types.stock-visibility.edit-control li.active {
    width: 105px !important;
}

.workflow .field-properties .supply-chain-types.stock-visibility #show, #editable {
    margin-left: -10px;
}

.workflow .field-properties .supply-chain-types.stock-visibility.edit-control {
    margin-top: 10px;
}

.workflow .supply-chain-types.edit-control li {
    display: inline-block;
    font-size: 13px;
    padding: 3px 15px;
    border-radius: 14px 14px 14px 14px;
    cursor: pointer;
    width: auto !important;
    margin: 0;
    border: 0;
    position: relative;
    z-index: 2;
}

.login .signin .mainRight {
    background-color: #ffffff;
    background-image: url("../img/bg-image.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.cover-image {
    background-color: transparent;
}

.CompanyLog {
    transform: translateY(-40%);
    top: 50%;
}

.QRcodeDiv {
    width: 755px;
    height: 460px;
    top: 47%;
}

.qr-container {
    position: relative;
}

#qrParent.qr-refresh .re-fresh {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    top: 0;
    left: 7px;
    margin-top: 0;
    transform: none;
    pointer-events: auto;
}

#qrParent.qr-refresh span {
    height: auto;
}

.re-icon {
    background-size: contain;
    width: 40px;
    height: 40px;
}

.topText.UserText {
    top: 37px;
    max-width: 210px;
    margin-left: 49px;
}

.CompanyLog .loader-logo {
    height: 460px;
    position: absolute;
    transform: initial;
    border-top-right-radius: 5px;
    left: 0;
    top: -302px;
}

.CompanyLog .loader-logo2 {
    margin-top: 20px;
    position: absolute;
    left: 65%;
    background-size: 200px;
}

.loader-logo2.header-hubler-logo {
    left: 7.5%;
    background-size: contain;
    top: 5%;
    z-index: 5;
    height: 35px;
}

.webAppStudioView .mainFullScreenAdditionalPopup2 .add-report-popup {
    z-index: 9999;
}

.webAppStudioView .mainFullScreenAdditionalPopup3 .add-report-popup {
    z-index: 10000;
}

.popup-box-Reimbursement .fullScreenPopup .popupHold {
    width: 100%;
    padding: 0;
}

.webAppStudioView .reportSummaryViewClass.App {
    border-radius: 10px;
}

.webAppStudioView .stage-popup-body .list li.repeating .compositeButtons .addAnotherButton {
    display: flex;
}

.webAppStudioView .stage-popup-body .list li.repeating .repeatingFieldSummary ul.summaryParent {
    display: flex;
    flex-direction: column;
}

.webAppStudioView .stage-popup-body .list li.repeating .list li.repeating .repeatingFieldSummary ul.summaryParent {
    margin: 0 15px;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails {
    display: flex !important;
    flex-direction: column !important;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerFields {
    height: 100%;
    overflow: scroll;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons {
    margin-top: auto;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons .deleteButton {
    text-align: center;
    width: 50%;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons .addAnotherButton {
    margin-left: 80px;
    width: 50%;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons .pageUpdateButton {
    float: right;
    text-align: center;
    width: 50%;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons .pageSaveButton {
    float: right;
    text-align: center;
    width: 50%;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .repeatingInnerButtons .pageCancelButton {
    margin-right: 20px;
    background-image: url(../svg/arrow-left2.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    color: transparent;
    width: 50px;
    height: 100%;
    display: inline-block;
    background-position: center;
    cursor: pointer;
}

.webAppStudioView .add-report-popup li.active.repeating .repeatingDetails .compositeButtons li.compositeHeader {
    width: 60%;
    text-align: center;
}

.workflow-field-copy li.delete {
    background-image: url("../svg/delete_red.svg");
    background-size: 15px;
}

.webAppStudioView .desktop-app-studio .add-report-popup .clear-selection {
    background-image: url("../svg/delete_red.svg");
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.webAppStudioView .add-report-popup .invoiceDetailslist.selectedItemDetailsRegion {
    overflow: scroll;
}

.webAppStudioView .desktop-app-studio .add-report-popup .clear-selection.hide {
    display: none;
}

.webAppStudioView .formView li.background {
    background-color: #f5f5f7;
    padding: 5px 15px;
}

.webAppStudioView .formView {

}

.webAppStudioView .formView li.time {

}

.anniversary-special {
    margin-left: 47%;
    vertical-align: top;
    display: none;
    cursor: pointer;
    background-image: url(../images/anniversary-gift.gif);
    width: 130px;
    height: 130px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.hubbler-anniversary-image {
    background-image: url("../images/work-anniversary.png");
    margin: 3.7%;
    margin-left: 5%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 90%;
    height: 90%;
}

.anniversary-special-close {
    margin-right: 20px;
    margin-top: 20px;
}

.webAppStudioView .displayForm .report-trail-data-display .formView .composite {
    cursor: pointer;
}

.webAppStudioView .displayForm .report-trail-data-display .formView .repeating {
    cursor: pointer;
}

.show-map {
    float: right;
}

.webAppStudioView .add-report-popup.report-trail-data-display li.repeating #repeatingFieldParent.repeating:before {
    background-color: unset !important;
    box-shadow: unset;
    background-image: unset;
}

.access-denied {
    background-image: url("../images/svg/access-denied.svg");
    background-attachment: fixed;
    background-position: center;
    height: 100%;
    width: 100%;
    background-size: 60%;
    margin: auto;
    background-repeat: no-repeat;
}

.attendanceLocation-Popup .dn.wdt-loading-screen {
    display: none !important;
}

.webAppStudioView .desktop-app-studio .stage-popup-body.add-report-popup.report-trail-data-display .formView .rate-select-layer {
    color: #FFCC00;
}

.webAppStudioView .add-report-popup.trailView .popup-header {

}

.webAppStudioView .add-report-popup.trailView li.repeating #repeatingFieldParent.repeating:before {
    background-color: unset !important;
    box-shadow: unset;
    background-image: unset;
}

.webAppStudioView .media .mediaDetailsRegion img {
    width: 100%;
    max-width: 380px;
}

.webAppStudioView .media .mediaDetailsRegion div.field_value {
    display: inline-block;
}

.webAppStudioView .media .mediaDetailsRegion span.clearMedia {
    display: flex;
}

.webAppStudioView .report-trail-data-display .formView li.itemsNotPresent {
    display: none;
}

.webAppStudioView .formView li.dd .dropDownSummaryFieldsRegion .formView, .webAppStudioView .formView li.multiSelect .dropDownSummaryFieldsRegion .formView {
    border-radius: 20px;
}

.webAppStudioView .desktop-app-studio .summary-view.list .create-report-container .stage-popup-body .flatpickr-input.date-only-field {
    width: 360px;
}

.userMgmtPeople .headerMenu .logout-user.bt.bt2.apps {
    margin-right: 85px;
}

.logout-user.bt.apps:hover {
    background-color: #228ce6;
}

.as-trip {
    background-image: url("../images/svg/trip.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.projects .as-clock {
    background-image: url("../svg/project.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.contacts .as-bulb {
    background-image: url("../images/workflow-images/appicon/as-contact_app.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.customers .as-bulb {
    background-image: url("../images/svg/appIcon/customer.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.webAppStudioView .desktop-app-studio .add-report-popup li.media .mediaType .mediaTypeOptions {
    display: flex;
}

.webAppStudioView .desktop-app-studio .add-report-popup li.media .mediaType ul.mediaTypeOptions li {
    margin-right: 50px;
    cursor: pointer;
}

.webAppStudioView .desktop-app-studio .add-report-popup li.media .mediaType ul.mediaTypeOptions li input[type='file'] {
    position: absolute;
    z-index: -1;
    display: none;
}

.webAppStudioView .desktop-app-studio .add-report-popup .media .mediaDetailsRegion {

}

.userMgmtPeople .headerMenu .logout-user.bt.bt2.apps {
    margin-right: 85px;
}

.logout-user.bt.apps:hover {
    background-color: #228ce6;
}

.as-trip {
    background-image: url("../images/svg/trip.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.projects .as-clock {
    background-image: url("../svg/project.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.contacts .as-bulb {
    background-image: url("../images/workflow-images/appicon/as-contact_app.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.customers .as-bulb {
    background-image: url("../images/svg/appIcon/customer.svg");
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon, .webAppStudioView .trailView li.media .document-icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 40px;
    width: 40px;
    background-size: 100%;
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.pdf, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.pdf, .webAppStudioView .trailView li.media .document-icon.pdf {
    background-image: url("../images/png/pdf-file-icon.png");
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.doc, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.doc, .webAppStudioView .trailView li.media .document-icon.doc {
    background-image: url("../images/svg/doc-icon.svg");
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.xls, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.xls, .webAppStudioView .trailView li.media .document-icon.xls {
    background-image: url("../images/svg/xls-icon.svg");
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.video, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.video, .webAppStudioView .trailView li.media .document-icon.video {
    background-image: url("../images/png/video.png");
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.audio, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.audio, .webAppStudioView .trailView li.media .document-icon.audio {
    background-image: url("../images/png/audio.png");
}

.webAppStudioView .desktop-app-studio .mediaDetailsRegion .document-icon.doc-default, .webAppStudioView .desktop-app-studio .mediaFieldSummary .document-icon.doc-default, .webAppStudioView .trailView li.media .document-icon.doc-default {
    background-image: url("../images/svg/doc-default-icon.svg");
}

.workflow.actionButton-present.ButtonRulesPresent .actionType-assign .nodeOptionsRegion {
    display: inline-block;
}

.webAppStudioView .report-trail-data-display .clear-selection {
    display: none;
}

.webAppStudioView .trailView .clear-selection {
    display: none;
}

.webAppStudioView .add-report-popup li.location.map .loacationPin {
    position: absolute;
    margin-left: 360px;
    top: 15px;
    height: 20px;
    cursor: pointer;
}

.webAppStudioView .report-trail-data-display .add-report-popup.report-trail-data-display li.location .show-map {
    background-size: 100%;
    position: absolute;
    right: 20px;
    top: 30px;
    height: 25px;
    width: 25px;
    cursor: pointer;
    background-image: url("../images/svg/show-on-map.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.webAppStudioView .add-report-popup.trailView .detailsRegion {
    overflow: scroll;
    max-height: 92%;
}

.webAppStudioView .add-report-popup .multiline-label {
    opacity: 0;
    pointer-events: none;
    margin-top: -30px;
}

.webAppStudioView .add-report-popup .element-type-paragraph .multiline-label {
    margin-bottom: 33px;
}

.webAppStudioView .add-report-popup fieldset textarea.form-control {
    margin-top: 24px;
    max-height: 150px !important;
    overflow-y: scroll !important;
}

.webAppStudioView .add-report-popup li .form-group {
    cursor: unset !important;
}

.webAppStudioView .add-report-popup li label {
    padding-top: 5px;
    padding-bottom: 5px;
}

.webAppStudioView .add-report-popup.auto-assign-to-group li label.noPic {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 50%;
    background-size: contain;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    color: #fff;
    background: #5b8ed2;
}

.webAppStudioView .add-report-popup fieldset.element-type-number {
    word-break: break-all;
}

.webAppStudioView .add-report-popup li fieldset.element-type-number label {
    width: 415px;
}

.webAppStudioView .create-report-container .add-report-popup li.special-composite li.media div.mediaParent:before {
    background-image: unset;
}

.workflow .navigate-to-application {
    display: block;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:before {
    content: "";
    display: block;
    background-image: url("../images/no-reports-added@3x.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: 80%;
    height: 80%;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:after {
    content: 'No reports added yet \a To add, click on + icon.';
    display: block;
    position: absolute;
    white-space: pre;
    font-size: 15px;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 80%;
    margin: auto;
    height: 100px;
}

.webAppStudioView .summary-view > div .main-summary-view.empty {
    padding-top: 0;
}

.webAppStudioView .summary-view > div .main-summary-view.empty li.empty {
    border: unset;
}

.webAppStudioView .summary-view > div .main-summary-view.empty .details {
    height: 380px;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:before {
    content: "";
    display: block;
    background-image: url("../images/no-reports-added@3x.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: 80%;
    height: 80%;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:after {
    content: 'No reports added yet \a To add, click on + icon.';
    display: block;
    position: absolute;
    white-space: pre;
    font-size: 15px;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 80%;
    margin: auto;
    height: 100px;
}

.webAppStudioView .summary-view > div .main-summary-view.empty {
    padding-top: 0;
}

.webAppStudioView .summary-view > div .main-summary-view.empty li.empty {
    border: unset;
}

.webAppStudioView .summary-view > div .main-summary-view.empty .details {
    height: 380px;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating-summary-view .repeatingMonitor {
    margin: 0 16px;
    border: 1px solid #e0e4e9;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating-summary-view .repeatingMonitorPart {
    border-radius: unset;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating-summary-view .repeatingMonitorPart li {
    padding: 0;
    border: 0;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeatingFieldSummary.grid .summaryField:first-child {
    margin-top: 0 !important;
    border: 1px solid #e0e4e9;
    padding: 0;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeatingFieldSummary.grid .summaryField {
    padding: 0;
    border: 1px solid #e0e4e9;
    border-top: 0;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body li.repeating li.repeating .repeatingFieldSummary.grid .summaryField {
    padding: 0;
    border: 1px solid #e0e4e9 !important;
    border-top: 0;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeatingFieldSummary.grid .summaryField .fieldItems {
    height: 100%;
    margin-right: 0;
    justify-content: space-between;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating .repeatingFieldSummary.grid .summaryParent .summary-field-item .monitor-header {
    padding-left: 10px;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating .repeatingFieldSummary.grid .summaryParent .summary-field-item .monitor-value {
    padding: 10px;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating .repeatingFieldSummary.grid .summaryParent li.summaryField {
    border-top: 0;
}

.webAppStudioView .summary-view .create-report-container.popup-container .stage-popup-body .repeating .repeating .repeatingFieldSummary.grid .summaryParent li.summaryField {
    border-top: 0 !important;
}

.webAppStudioView li.repeating .SumoSelect .select-all > span, .webAppStudioView li.repeating .SumoSelect > .optWrapper.multiple > .options li.opt span {
    margin-left: 0;
}

.webAppStudioView li.repeating .SumoSelect .select-all > span, .webAppStudioView li.repeating .SumoSelect > .optWrapper.multiple > .options li.opt span {
    margin-left: 0;
}

.webAppStudioView li.repeating .SumoSelect > .optWrapper.multiple > .options li.opt label {
    margin-left: 35px;
}

.webAppStudioView .SumoSelect .select-all > span, .webAppStudioView .SumoSelect > .optWrapper.multiple > .options li.opt span {
    margin-left: 0;
}

.webAppStudioView .SumoSelect > .optWrapper.multiple > .options li.opt label {
    margin-left: 35px;
}

.webAppStudioView .stage-popup-body .dropDownAppTypeSummary.invoiceDetailslist {
    max-width: 90%;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:before {
    content: "";
    display: block;
    background-image: url("../images/no-reports-added@3x.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-size: 80%;
    height: 80%;
}

.webAppStudioView .main-summary-view li .details .no-reports-present:after {
    content: 'No reports added yet \a To add, click on + icon.';
    display: block;
    position: absolute;
    white-space: pre;
    font-size: 15px;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 0;
    top: 80%;
    margin: auto;
    height: 100px;
}

.webAppStudioView .summary-view > div .main-summary-view.empty {
    padding-top: 0;
}

.webAppStudioView .summary-view > div .main-summary-view.empty li.empty {
    border: unset;
}

.webAppStudioView .summary-view > div .main-summary-view.empty .details {
    height: 380px;
}

.webAppStudioView .add-report-popup .invoiceDetailslist #selectToDropDown .userImage {
    background-size: contain !important;
}

.reassign-action .popupDelete .footer .bt.btColor02 {
    background-color: #039BE5 !important;
}

.reassign-action .popupDelete p {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.reassign-action .popupHold.popupDelete {
    height: 160px;
}

.webAppStudioView .add-report-popup li.repeating .repeatingFieldSummary.grid ul.summaryParent li.summaryField {
    background-color: #ffffff;
}

.webAppStudioView .stage-popup-body.add-report-popup.report-trail-data-display li.repeating.list .summary-field-item {
    display: block;
}

.webAppStudioView .stage-popup-body.add-report-popup.report-trail-data-display li.repeating.list .field-summary-display-list {
    display: flex;
}

.webAppStudioView .stage-popup-body.add-report-popup.report-trail-data-display li.repeating.list .field-summary-display-list .monitor-value-display-list {
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

.webAppStudioView .trailView li.repeating.list .summary-field-item {
    display: block;
}

.webAppStudioView .trailView li.repeating.list .field-summary-display-list {
    display: flex;
}

.webAppStudioView .trailView li.repeating.list .field-summary-display-list .monitor-value-display-list {
    margin-left: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 120px;
}

.webAppStudioView .create-report-container .add-report-popup li.repeating .repeatingDetails .list li.summaryField {
    border-bottom: 1px solid #d7d7d7 !important;
}

.webAppStudioView .create-report-container .add-report-popup li.repeating .repeatingDetails .list li.summaryField .field-summary-display-list {
    display: flex;
}

.webAppStudioView .create-report-container li.list li.summaryField .field-summary-display-list {
    display: flex;
}

.webAppStudioView .stage-popup-body.add-report-popup.report-trail-data-display .list li.summaryField {
    border-bottom: 1px solid #d7d7d7;
}

.webAppStudioView .trailView .list li.summaryField {
    border-bottom: 1px solid #d7d7d7;
}

.multi-account-switch .account-list li.active, .multi-account-switch .account-list li.selected {
    background-image: url(../images/svg/tick_blue.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 230px 13px;
}

.js-switchMode {
    color: #106be0;
}

.react-profile-settings:empty {
    background-image: url(../images/svg/error-server-size.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    height: 600px;
}

.webAppStudioView .action-tag {
    color: #4782ff;
}

.webAppStudioView .js-reportItem {
    width: 100%;
}

.webAppStudioView .report-summary-labels {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.webAppStudioView .word-wrap-text {
    word-wrap: break-word
}

.webAppStudioView #standardAppCancelButton.report-back-arrow {
    float: left;
}

.webAppStudioView .compositeInnerFields {
    overflow: scroll;
    height: 92%;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 75px;
    background-color: aliceblue;
}

.flatpickr-time {
    max-height: 75px;
}

.flatpickr-time .numInputWrapper {
    height: 100%;
}

.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
    min-height: 75px;
    display: inline-flex;
    align-items: center;
    font-size: 24px;
}

.flatpickr-time input {
    font-size: 24px;
}

.webAppStudioView .reportFilter.reportTags {
    height: 93px;
    overflow: hidden;
}

.webAppStudioView .reportFilter li {
    list-style: none;
}

.webAppStudioView .disabled-textarea {
    background: #FFF;
    color: #000;
    padding: 10px;
}

.webAppStudioView .report-trail-data-display textarea.form-control {
    cursor: auto;
}

.webAppStudioView .reportFilter.reportTags ul.report-tags-list {
    max-width: 375px;
    display: flex;
    height: 50px;
    overflow-x: scroll;
    overflow-y: hidden;
}

.webAppStudioView .reportFilter.reportTags ul.report-tags-list::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
    height: 5px;
}

.webAppStudioView .reportFilter.reportTags ul.report-tags-list::-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;
}

.webAppStudioView .reportFilter.reportTags ul.report-tags-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #727272;
}

.webAppStudioView .reportFilter.reportTags .report-tags-list li.report-tag {
    white-space: nowrap;
    line-height: 15px;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list::-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;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #727272;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list::-webkit-scrollbar {
    width: 5px;
    background-color: #F5F5F5;
    height: 5px;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list {
    max-height: 200px;
    overflow-y: hidden;
    overflow-x: scroll;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 20px;
    display: flex;
    flex-direction: row;
    width: 400px;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list li {
    display: flex;
    padding-top: 25px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list li .userDetails {
    display: flex;
    flex-direction: column;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list li .userDetails .userName {
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webAppStudioView .add-report-popup.auto-assign-to-group.multiple .selected-users-list li .userDetails .userDesignation {
    max-width: 60px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.reassign-action .popupDelete.dueDatePopup p {
    padding-top: 0;
}

.webAppStudioView .js-actionData .dueDate span {
    font-size: 100% !important;
}

.webAppStudioView .popup-close.due-date {
    opacity: 0.6;
    color: #000000 !important;
}

.webAppStudioView .popup-close.due-date:hover {
    opacity: 1;
    color: #000000 !important;
}

.webAppStudioView .due-date-current-ok-button {
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.webAppStudioView .dueDate .date.cov-datepicker.flatpickr-input {
    color: #4782ff !important;
    background: url(../svg/calendar-new.svg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 17px;
    cursor: pointer;
    min-width: 220px;
    box-shadow: unset !important;
}

/*.webAppStudioView .proceed-the-report {*/
/*    border-color: #cccccc;*/
/*    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
/*}*/

.webAppStudioView .assign .multiSelectCheckBox {
    display: flex;
}

.webAppStudioView .assign .multiSelectCheckBox i {
    margin-top: 12px;
    margin-right: 15px;
}

.webAppStudioView .reportSummaryViewClass.App.closed .dueDate .date.cov-datepicker.flatpickr-input {
    color: #000000 !important;
    pointer-events: none;
}

.webAppStudioView .reportSummaryViewClass.App.closed .dueDate .date.cov-datepicker {
    box-shadow: none !important;
}

.webAppStudioView .reportSummaryViewClass.App .closed .dueDate .date.cov-datepicker {
    box-shadow: none !important;
}

.actionType-assign .assign-additional-part {
    display: none;
}

.actionType-assign .manual-mode.assign-additional-part {
    display: block;
}

.webAppStudioView .report-list .element-report_selection li.delete {
    height: 40px;
}

.webAppStudioView .desktop-app-studio .supplyChain .document-icon.pdf, .webAppStudioView .trailView li.supplyChain .document-icon.pdf {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 20px;
    background-size: 100%;
    background-image: url("../images/svg/order-form.svg");
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-parent {
    border-radius: 10px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    background-color: #ffffff;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-name {
    font-family: robotobold;
    color: #425062;
    font-size: 14px;
}

.webAppStudioView .desktop-app-studio .supplyChain .fieldItems {
    width: 50%;
}

.webAppStudioView .desktop-app-studio .supplyChain #rightLbl.fieldItems {
    margin-left: 130px;
}

.webAppStudioView .desktop-app-studio .supplyChain .line-separation {
    border: 1px solid #dadbdf;
    margin-top: 10px;
    margin-bottom: 10px;
}

.webAppStudioView .desktop-app-studio .supplyChain .fieldItems .monitor-header {
    color: #707070;
    font-size: 12px;
}

.webAppStudioView .desktop-app-studio .supplyChain .fieldItems .monitor-value {
    font-family: robotobold;
    color: #323232;
    margin-left: 5px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent {
    margin: 0 10px 0;
    background-color: #f8f8f8;
    border-radius: 10px;
    display: flex;
    padding: 10px 5px 5px 20px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent a {
    font-size: 11px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent .order-form-details {
    margin-left: 10px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent span.display-labels {
    font-size: 12px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent span.display-labels {
    font-size: 12px;
    text-align: left;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent .order-form-more-details-parent {
    padding-top: 2px;
    font-size: 11px !important;
    margin-left: 65px;
    text-align: right;
    color: #707070;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent .order-form-more-details-parent.cart {
    margin-left: 0;
    text-align: left;
    color: #707070;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent .order-form-more-details-parent.cart .order-total-amount {
    margin-left: 250px;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-order-form-parent .order-form-more-details-parent .order-total-amount {
    font-family: robotobold;
    color: #323232;
    font-size: 13px !important;
}

.webAppStudioView .desktop-app-studio .supplyChain .supply-chain-bottom-details, .webAppStudioView .desktop-app-studio .supplyChain .field-summary-display-list {
    display: flex;
}

.webAppStudioView .desktop-app-studio .supplyChain .cart-icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 20px;
    background-size: 100%;
    background-image: url("../images/svg/icon-inventory.svg");
    position: absolute;
    right: 30px;
    top: 50px;
    bottom: 0;
}

.webAppStudioView .report-trail-data-display .supplyChain .summary-field-item {
    display: unset;
}

.userFieldHolder {
    width: 200px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.uploadTypeHolder {
    margin-top: 20px;
}

.chkboxHolder {
    margin: 0 0 0 0;
}

.bulkUpload .bulk-update-options {
    display: flex;
}

.bulkUpload .bulk-update-options .uploadTypeHolder {
    margin-bottom: 0;
    margin-top: 10px;
}

.bulkUpload .bulk-update-options .updateByHolder {
    margin-bottom: 0;
    margin-top: 10px;
    margin-left: 100px;
}

.bulkUpload #columnMatchTable.table .select2-container--default .select2-selection .select2-selection__rendered {
    overflow: hidden;
}

.generate-document .emailOptionsCls .invoiceDetailslist label {
    width: 95px;
}

.generate-document .emailOptionsCls .subject-text {
    width: 70%;
    margin-left: 30px;
}

.generate-document .emailOptionsCls .invoiceDetailslist label.name_prefix_label {
    width: 105px;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .document-icon {
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    height: 25px;
    width: 25px;
    background-size: 100%;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .document-icon.pdf {
    background-image: url("../images/png/pdf-file-icon.png");
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction {
    display: block;
    border-bottom: 1px solid #d7d7d7;
    width: 80%;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .display-labels {
    font-size: 10px;
    line-height: normal;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .order-form-file-options-parent {
    font-size: 10px;
    display: inline-block;
    position: relative;
    left: 120px;
    top: 5px;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentActionParent {
    margin-top: 10px;
    margin-left: 10px;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentActionParent .display-labels.file-date {
    margin-left: 15px;
    color: #aaa;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentActionParent .display-labels.file-size {
    color: #aaa;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .document-icon.pdf {
    display: inline-block;
}

.webAppStudioView .desktop-app-studio .reportSummaryViewClass ul.main-summary-view .generateDocumentAction .order-form-details {
    display: inline-block;
    margin-left: 10px;
}

.webAppStudioView .desktop-app-studio .add-report-popup .dateTime .clear-selection, .webAppStudioView .desktop-app-studio .add-report-popup .date .clear-selection {
    top: 30px;
}

.line-table tbody tr.row td.name.cell {
    position: relative;
}

.line-table tbody tr.row td.name.cell span.deactivated-tag {
    position: absolute;
    top: 15px;
    bottom: 0;
    left: 22px;
    right: 0;
    font-size: 10px;
    color: #EA4C41;
}

.userHold2 h4 strong.deactivated {
    color: #EA4C41;
    background-color: white;
    font-size: 14px;
}

.userContent span.deactivated-tag {
    color: #EA4C41 !important;
}

.webAppStudioView .desktop-app-studio .standard-app-report-edit {
    position: absolute;
    right: 15px;
    width: 25px;
    height: 25px;
    background-image: url("../images/svg/edit-fill.svg");
    display: inline-block;
    background-size: 25px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.webAppStudioView .desktop-app-studio .data-report-container.contactsApp .back-arrow, .webAppStudioView .desktop-app-studio .data-report-container.customersApp .back-arrow {
    display: none !important;
}

.dropdownHiddenFieldsRegion .CaptionCont.SelectBox {
    width: 100%;
}

.login .footer {
    display: flex;
    flex-direction: column;
}

.createNewNode-popup.popup-box-editNode .fullScreenPopup > div .newNode .fieldHold {
    display: block;
    margin-right: unset;
    margin-left: unset;
}

.createNewNode-popup.popup-box-Node .parentNodeSettingsRegion, .createNewNode-popup.popup-box-editNode .parentNodeSettingsRegion {
    position: absolute;
    top: 65px;
    bottom: 0;
    left: 400px;
    right: 0;
}

.createNewNode-popup.popup-box-Node .parentNodeSettingsRegion .parent-node-settings-holder, .createNewNode-popup.popup-box-editNode .parentNodeSettingsRegion .parent-node-settings-holder {
    display: flex;
}

.validation-error {
    display: none;
}

.invalid-value .validation-error {
    display: inline-block;
    color: red;
    font-size: 10px;
}

.createNewNode-popup.popup-box-Node .parentNodeSettingsRegion .fieldHold, .createNewNode-popup.popup-box-editNode .parentNodeSettingsRegion .fieldHold {
    display: inline-block;
    text-align: center;
    padding-top: 35px;
    margin-left: 40px;
}

.createNewNode-popup.popup-box-Node .parentNodeSettingsRegion .switch.pre-check, .createNewNode-popup.popup-box-editNode .parentNodeSettingsRegion .switch.pre-check {
    display: inline-block;
}

.createNewNode-popup.popup-box-Node .switch.pre-check.parent-node, .createNewNode-popup.popup-box-editNode .switch.pre-check.parent-node {
    position: absolute;
    left: 350px;
    top: 75px;
}

.createNewNode-popup.popup-box-editNode .parentNodeSettingsRegion .fieldHold {
    margin-left: 40px !important;
}

.dpage.createNewNode-popup.popup-box-Node-Item .fullScreenPopup > div.js-node.parent_enabled {
    height: 324px;
}

.bt.loader.node-parent-loader {
    opacity: 0.5;
    background-color: #228CE6;
}

.parent-present .popupHold.popupCreate {
    width: 440px;
    height: 300px;
}

.parent-present .item-parent-holder {
    padding: 0 20px;
}

.item-parent-holder .contentHold {
    padding: 0;
}

.node-selection-component .nodeHierarchySearch {
    width: 270px;
    height: 39px;
    margin-left: 20px;
    border: 1px solid #A4A4A4;
}

.node-selection-component .searchNodeItemsInput {
    width: 270px;
    border: 1px solid #A4A4A4 !important;
    height: 39px !important;
    box-shadow: none !important;
}

.node-selection-component {
    display: flex;
}

.element-container .SumoSelect .CaptionCont.SelectBox.search {
    width: 270px !important;
}

.selectionComponentRegion .control .node-selection-component-heading {
    font-size: 14px;
}

.webAppStudioView .show-disabled {
    opacity: 0.5;
    cursor: default;
}

.webAppStudioView .active.show-disabled {
    opacity: 1;
}

.webAppStudioView .compositeInnerFields.show-disabled {
    pointer-events: none;
}

.visible-rules li.visible-to.setting {
    display: inline-flex;
}

.visible-rules li.visible-to.setting div.switch {
    margin-left: 20px;
    margin-top: 8px;
}

.webAppStudioView .media .mediaFieldSummary img {
    width: 75px;
    max-width: 80px;
}

.webAppStudioView li.media div.mediaParent:before {
    margin: unset !important;
    margin-top: 25px !important;
    background-position: top !important;
}

.webAppStudioView.attendanceLocation-Popup.document-preview .fullScreenPopup.mainFullScreenAdditionalPopup4 {
    width: 650px !important;
}

.webAppStudioView.attendanceLocation-Popup.document-preview .fullScreenPopup > div {
    width: 650px !important;
}

.webAppStudioView.attendanceLocation-Popup.document-preview .fullScreenPopup > div > div {
    margin-top: 30px !important;
}

.closeMediaPreviewPopup {
    position: absolute;
    top: -22px;
    right: 10px;
}

.webAppStudioView .desktop-app-studio .add-report-popup .mediaParent .clear-selection {
    margin: unset !important;
    top: 22px;
}

.webAppStudioView .mediaFieldSummary li {
    border: none !important;
}

.webAppStudioView .mediaFieldSummary .mediaPreviewDetailsRegion > ul {
    display: flex;
    overflow: scroll;
    padding: 0 20px 20px;
}

.webAppStudioView .js-media-field {
    cursor: pointer;
}

.webAppStudioView .mediaDetailsRegion .order-form-file-options-parent.with-preview-options a {
    padding: 5px 0 5px 0 !important;
}

.webAppStudioView.attendanceLocation-Popup.document-preview .fullScreenPopup.mainFullScreenAdditionalPopup4 > div > div > img {
    width: 100%;
}

.userMgmtPeople .user-form .form-container .otherInfo .element-container .clear-selection {
    background-image: url("../svg/delete_red.svg");
    position: inherit;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    margin: 10px;
}

.userMgmtPeople .user-form .form-container .otherInfo .element-container .formDropDown {
    display: flex;
}

.webAppStudioView .systemDD, .webAppStudioView .appDD {
    cursor: pointer;
}

.webAppStudioView .show-disabled.systemDD, .webAppStudioView .show-disabled.appDD {
    pointer-events: none;
}

.webAppStudioView .form-control[disabled], .webAppStudioView .form-control[readonly], .webAppStudioView fieldset[disabled] .form-control {
    background-color: unset;
}

.webAppStudioView .stage-popup-body .text.show-disabled input {
    margin-top: 15px;
}

.webAppStudioView .add-report-popup .text.show-disabled .multiline-label.single-text-label {
    margin-top: -20px;
}

.webAppStudioView .app-list-part .list-item .app-admin {
    display: inline-block;
}

.webAppStudioView .app-list-part .list-item .appName.admin-icon {
    width: 20px;
    display: inline-block;
    height: 20px;
    background-size: contain;
    right: 0;
    top: 0;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 10px;
    background-position: center;
    background-image: url(../images/svg/admin-patch.svg);
    position: absolute;
}

.mediaPreviewDetailsRegion li {
    min-width: 100px;
}

.webAppStudioView .js-media-file-type {
    padding: 20px 20px 20px 0;
}

.webAppStudioView .dataFetch .stage-popup-body.add-report-popup.report-trail-data-display .media.mediaDetailsRegion {
    padding: 10px !important;
}

.webAppStudioView .desktop-app-studio .summary-view.list .create-report-container .stage-popup-body .flatpickr-input {
    height: 38px !important;
}

.buttonShow .manager.assignmentStageOwner {
    padding-left: 0;
    width: 150px;
}

.userImage.user-name-text {
    line-height: 62px !important;
    width: 40px !important;
    height: 40px !important;
    background-image: none !important;
    text-align: center !important;
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: rgb(186, 104, 200) !important;
}

.email-popup .ButtonRuelsFooter .switch {
    position: absolute;
    text-align: initial;
    top: 20px;
    left: 20px;
}
.webAppStudioView .formView:empty {
    height: 0 !important;
}

.mis_reports .widget-wrapper .map .widgetContainer {
    width: calc(100% - 33px);
}
.mis_reports .add-widget-popup .graphContainer .map-wrapper .widget-smartWrapper{
    height: calc(100% - 45px);
}

.add-report.add-report-loader {
    background-image: url(../images/svg/loader-black.svg) !important;
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center right;
    width: 15px;
    height: 24px;
    display: inline-block;
}

.webAppStudioView .create-report-container .mediaRegion > div .mediaType .mediaTypeOptions li.media-multimedia {
    background-image: url(../images/png/audio-video.png) !important;
    background-size: 25px;
}

.webAppStudioView .js-media-file-type .field_value > div {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.multi-account-switch .account-list li .com-log {
    background-size: 100%;
    background-repeat: no-repeat;
}

.grecaptcha-badge {
    z-index: 999;
}

.login .login-option {
    margin: 0 0 0 55px !important;
    height: 30px;
    width: 200px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    color: #000000;
}

.login .login-option.otp-login-option {
    bottom: 85px !important;
    background-color: #00d6ec1c;
}

.login .login-option.sso-login-option {
    bottom: 35px !important;
    background-color: #dcf4cf;
}

.login .UserText.login-option:hover {
    color: #000000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.UserText.bottomText.login-with-qr-text {
    width: 200px !important;
    margin-left: 20px !important;
    bottom: 60px !important;
}

.login .christmas-logo {
    transform: rotate(-32deg);
    width: 200px;
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../svg/santa_hat.svg);
    height: 200px;
    position: absolute;
    left: -350px;
    right: 0;
    top: -236px;
}

.login .christmas-logo-small {
    width: 30px;
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../svg/santa_hat.svg);
    height: 30px;
    position: absolute;
    left: 125px;
    right: 0;
    top: 131px;
    bottom: 0;
}