.side-user-img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.accountPage .card-body.Event, .callbackPage .card-body.Event, .opportunityPage .card-body.Event, .accountPage .card-body.Ticket {
    height: auto;
    max-height: 435px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

    .accountPage .card-body.Event .mCustomScrollBox.mCS-dark-thick, .callbackPage .card-body.Event .mCustomScrollBox.mCS-dark-thick,
    .opportunityPage .card-body.Event .mCustomScrollBox.mCS-dark-thick, .accountPage .card-body.Ticket .mCustomScrollBox.mCS-dark-thick,
    .contentPanel #AccountSearchWindow .innerWindowContainer.container .mCustomScrollBox.mCS-dark-thick {
        max-height: 400px !important;
    }

.inputBox.staticBox.boxed.ForHoverEffect .hoverText {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 20%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

    .inputBox.staticBox.boxed.ForHoverEffect .hoverText::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

.inputBox.staticBox.boxed.ForHoverEffect:hover .hoverText {
    visibility: visible;
    opacity: 1;
    transition: 1s;
}

/*mak*/
.LableHoverText {
    visibility: hidden;
    width: 160px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    margin-top: 5px;
    opacity: 0;
    transition: opacity 0.3s;
}

.ParentDiv.ForHoverEffect .LableHoverText::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.ParentDiv.ForHoverEffect:hover .LableHoverText {
    visibility: visible;
    opacity: 1;
    transition: 1s;
}

.inheritParent {
    float: right;
}

#files {
    background-image: url(https://app.addresstwo.com/Imagefolder/ProtoCrm/fileUploader.png);
    background-size: 501px 200px;
    background-repeat: no-repeat;
    background-position-x: center;
}

.multipleImageText {
    width: 100%;
    min-height: 200px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.dropzone {
    border: 2px solid rgba(0, 0, 0, 0.3);
}
/*form multiple images start*/
input[type="file"] {
    display: block;
}

.imageThumb, .imageThumbEdit {
    max-height: 76px;
    max-width: 109px;
    min-height: 76px;
    min-width: 109px;
    border-radius: 18px;
    border: 2px solid #b2b2b2;
    cursor: pointer;
}

.pip {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px 16px 0 16px;
    min-height: 100px;
}

.removeImage, .removeImageEdit {
    z-index: 20;
    position: absolute;
    top: 60px;
    left: 0;
    opacity: 4;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, 0.9);
    line-height: 150%;
    cursor: pointer;
}

/*.removeImage:hover {
        opacity: 4;
        background-color: #00000087;
        border-radius: 18px;
    }*/
/*.removeImageEdit:hover {
        opacity: 4;
        background-color: #00000087;
        border-radius: 18px;
    }*/
/*form multiple images end*/
.strikeThrough {
    text-decoration: line-through;
}

.inputBox.staticBox.qbInvoiceTitle {
    font-weight: bold;
}

#formemodal, #CSVProcessModal, #linkpopup {
    z-index: 10001;
    position: fixed;
    left: 34%;
    top: 23%;
}

#EasyLink, #TalevationForm {
    z-index: 1050 !important;
}

.inputBox.form-control.textInputBox.middleName.importantInfo {
    padding: 4px 0 4px 5px !important;
}

.redText {
    color: red !important;
}

.TelevationEasyLink tr {
    display: flex;
}

.TriggerType .selectbox .selectInputBox.Dropdown.TriggerType {
    padding: 6px !important;
}

.modal-open {
    overflow: unset !important;
}

.emailContainer a.contact.clickable {
    color: #383838 !important;
}

.logo-icon {
    max-height: 50px !important;
    max-width: 100% !important;
}

.smallFont {
    font-size: 11px;
    margin-top: 10px;
}

.btn-down {
    margin-top: 10px;
}

.fi {
    margin-left: 15px;
}

.UtilityLoader {
    right: 0px;
    left: unset !important;
    width: 19.5% !important;
}

.recentContactStatic {
    float: left;
}

.modal-content {
    box-shadow: 0px 0px 5px 1px #000000;
}
/*rect[Attributes Style] {
    fill: #0499dd !important;
    color: #0499dd !important;
    background-color: #0499dd !important;
}*/
.recentContactStaticName {
    float: left;
    font-weight: 600;
}

.ActionHeader.SubHeading {
    color: black !important;
}

.card.window.ExtraLarge.AccountEdit {
    width: 66%;
}

.ac-small.UsersAccounts1 {
    display: block;
}

.card-body.AccountConfig.mCustomScrollbar #mCSB_1 {
    max-height: 450px;
}

.cardContainer.Cotact-RemovePadding .card-body.Contact.mCustomScrollbar .mCustomScrollBox {
    max-height: 400px !important;
}

#newCustomType {
    height: 34px;
}

.btn-primary {
    background-color: #2096c8;
    border-color: #2096c8;
}

.card-body.AccountAdmin .nav-item .nav-link {
    padding: 12px 0.8px;
}

.fa.fa-mobile.fa-2x.clickable.currentImage {
    margin-left: 5px !important;
    font-size: 28px !important;
}

[data-cardedittype=CampaignTrigger] .card-body.Campaign {
    padding: 1.25rem .55rem 1.25rem .55rem;
}

.container.row.ContactAccountCampaign {
    padding-left: unset;
    padding-right: 6px;
    font-weight: 500;
}

.isNumber {
    margin-top: 11px;
}

.headerText {
    float: left;
    font-size: initial;
}

.addressHeaderEditImg {
    margin: 2px 0 0 5px;
}

.EngagementScoreValue {
    display: block;
    max-width: 68px;
    font-size: 7pt;
    text-transform: uppercase;
    text-align: center;
    padding: 2px 1px;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    margin-bottom: 6px;
    background: #eaeaea;
    font-weight: 400;
    color: black;
    margin-top: 10px;
}

.fr {
    float: right;
}

.ml {
    margin-left: 20px;
}

.ul {
    text-decoration: underline;
}

.dropdown-btn {
    min-width: 142px;
}

.smalltext {
    font-size: 10px;
}

.form-control[value] {
    font-size: 12px;
}

.list-group {
    /*height: 72px;*/
    width: 100%;
    transition: .2s all;
}

.box-wrap:hover .list-group {
    /*filter: blur(0.5px);*/
    opacity: .5;
    transform: scale(.98);
    box-shadow: 0.25rem;
}

.field.EventTrigger.parent #actionIcon {
    top: 26%;
}

.advOpt {
    font-size: 16px;
    font-weight: 800;
    margin: 0 4px 0 4px;
}

.QueryIconAdd {
    font-size: 31px;
    /*color: #0499dd;*/
    margin-left: 44%;
    margin-top: 5px;
}

.card-body.Query {
    padding: 1.25rem 0 1.25rem 1.25rem;
}

.fa.fa-envelope {
    font-size: 20px;
}

.QueryIconRemove {
    transform: rotate(45deg);
    color: #C0C0C0 !important;
    font-size: 25px;
    margin-left: 51%;
    margin-top: 20%;
}

.box-wrap:hover .list-group:hover {
    transform: scale(1);
    /*filter: blur(0px);*/
    opacity: 1;
    box-shadow: 0 8px 20px 0px rgba(0,0,0,0.125);
}

[data-filtertype=CallbackFilter] .card-body.Contact {
    padding: unset;
}

.box-wrap:hover .container {
    /*filter: blur(0.5px);*/
    opacity: .5;
    transform: scale(.98);
    box-shadow: 0.25rem;
}

    .box-wrap:hover .container:hover {
        transform: scale(1);
        /*filter: blur(0px);*/
        opacity: 1;
        box-shadow: 0 8px 20px 0px rgba(0,0,0,0.125);
    }

.tasks .selectBox .btn {
    padding: .6rem;
}

.card.TaskEdit {
    /*position:unset;*/
}

#queryName, .inputBox.numericInputBox.form-control {
    height: 34px;
}

.SubHeading {
    font-size: 12px;
    font-weight: 600;
    width: 100%;
}

.card.cardParent.window.Large.EmailEventEdit {
    z-index: 9999 !important;
}

#EmailEventFieldCampaignEventField + .EventDataContainer {
    display: none;
}

.classNotDragable {
    margin-bottom: 0px !important;
}

a {
    color: #2096c8;
}

.field.EmailRecipient #actionIcon, .field.ReplyAllRecipients #actionIcon {
    top: unset;
}

.field.CampaignEvent #actionIcon {
    display: flex;
    top: 24%;
    flex-direction: row-reverse;
    right: 12px;
}

    .field.CampaignEvent #actionIcon #xButton {
        margin-right: 6px;
    }

    .field.CampaignEvent #actionIcon #gotoIcon .zmdi.zmdi-collection-text {
        font-size: 20px;
    }

.cke_dialog_contents {
    width: 100% !important;
}

.cke_dialog cke_browser_webkit cke_ltr {
    width: 38% !important;
}

#NametemplateField {
    height: 34px;
}

.card-body.Results .field.container.ContactAccount .contactAccountManagerContainer .inputBox.boxed.AccountManagerName.ColAlign {
    height: 34px !important;
}

.card.Preview iframe, .card.TemplateEdit iframe, .card.SenderProfilesEdit iframe, .EmailPreview iframe {
    height: 690px;
    width: 100%;
    /*margin-top: 5px;*/
    border: none;
}

.textAreaContainer #busyIcon {
    position: absolute;
    bottom: 3px;
    left: 3px;
}

.accordion.card {
    margin-bottom: 6px;
}

.searchFields.parent.Users .listContainer.clearFix .mCS-dark-thick .mCSB_container {
    margin-top: 1rem;
}

.busyIcon {
    position: absolute;
    bottom: 0;
    right: 0;
}

#AccountSearchWindow {
    padding: 8px;
    width: 900px;
    left: 20%;
}

.searchFields.parent.Users {
    margin-top: 2%;
}

.searchInputContainer.col-4 .searchIcon {
    top: 7px;
}

.accordionLabel {
    margin: unset;
}

[data-fieldtypealternate=MarketingSend] #actionIcon {
    right: 2%;
    top: 25%;
}

.card.Small.Results .card-body.Results.mCustomScrollbar {
    min-height: 141px;
}

[data-cardtype~=Results] .field.PhoneNumber .row .col-lg-6.col-6 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

[data-fieldtype=MarketingSent] #actionIcon {
    right: 2%;
    top: 25%;
}

    [data-fieldtype=MarketingSent] #actionIcon #replyAllIcon .fa.fa-reply-all {
        position: absolute;
        top: 2px;
        right: 2% !important;
        font-size: 19px;
    }

    [data-fieldtype=MarketingSent] #actionIcon #gotoIcon .zmdi.zmdi-collection-text {
        font-size: 19px;
    }

[data-fieldtypealternate=MarketingSend] #actionIcon #gotoIcon .zmdi.zmdi-collection-text {
    position: absolute;
    /*margin: 3px 0 0 24px;*/
    margin: 0px 0 0 24px;
    font-size: 19px;
}

[ata-fieldtype=MarketingSent] #actionIcon {
    top: 22%;
}

.field.Email.parent.col-12.clickable, .field.MarketingSent.parent.col-12.clickable {
    padding-left: unset;
}

.field.AccountMain #actionIcon, .field.UserMainStatic #actionIcon {
    display: flex;
    font-size: 12px;
    top: 14%;
    /*right: 5px;*/
    right: 1% !important;
}

.modal.fade.show {
    position: absolute;
    top: 10px;
    left: 82px;
}

.card.Large.Event iframe {
    width: 100%;
}

.setupWizardText {
    margin: 15px 0;
}

.wizardInnerHeader + .field.UserMain #actionIcon {
    right: 2px;
    top: 105px
}

button.addOption, button.removeOption {
    height: 30px;
    margin: 4px;
}

.customValueOption {
    margin-bottom: 4px;
}

.wizardFooterContainer .wizardStep {
    float: left;
    font-family: Arial;
    font-size: 13px;
    color: #41383C;
    font-weight: bold;
    margin: 0 10px;
}

    .wizardFooterContainer .wizardStep.selected {
        text-decoration: underline;
    }

#uploadUserImg + .modal.fade.show, #UpgradeLimit + .modal.fade.show, #CancelvastactionAccount + .modal.fade.show, #campingsharebutton + .modal.fade.show, #FraudaccountCheck.modal.fade.show {
    top: 58px;
    left: 413px;
    z-index: 10000;
}

.inputBox.form-control.textInputBox.AccountSearch, .inputBox.form-control.textInputBox.UserSearch {
    height: 32px;
}

.busyOff {
    visibility: hidden;
    float: left;
}

.AddNewCustomField {
    cursor: pointer;
    color: #2096c8;
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: 0.86em !important;
}

.boxLabel {
    font-size: 9px;
    margin-left: 4px;
    color: #000;
    float: left;
    bottom: 0;
    visibility: hidden;
    width: max-content;
}

.Campaign.card-body .listContainer, #tabe-7 #billinghistoryfields {
    max-height: 415px;
}

.advancedFieldsContainer.row.w-100 .boxDiv.box-wrap.row.mt-3 .boxDivTitle {
    margin-left: 12.55px;
    width: 100%;
}

.advancedFieldsContainer.row.w-100 .boxDiv.box-wrap.row.mt-3 .addyEmailContainer {
    padding-left: 12.5px;
    width: 65%;
}

.Templates.card-body .listContainer {
    max-height: 440px;
}

.field.ArchivedEvent .StaticBoxContainer.AccountName .AccountName.companyStatic {
    margin-left: unset;
    color: black;
}

#gotoIconNewWindow2 .fa.fa-external-link {
    color: #14abef;
    font-size: 14px !important;
}

.accordionCheckbox {
    float: left;
    visibility: hidden;
}

.fa, .zmdi, .fas, .far {
    color: rgb(192, 192, 192);
    font-size: 18px !important;
}

.pagination-outline-info .page-item .page-link {
    border: 1px solid #e9eaec;
}

.nav-tabs-info .nav-link.active i, .nav-tabs-info .nav-item.show > .nav-link {
    color: #03d0ea !important;
}

.notvisible {
    visibility: hidden;
    display: none;
}

#QueryField .inputBoxContainer.dateInputBoxContainer .inputBox.date.form-control, #QueryField .inputBoxContainer.numericInputBoxContainer .inputBox.numericInputBox, #QueryField .inputBoxContainer.textInputBoxContainer .inputBox.textInputBox {
    height: 34px;
}

.card-body.Templates, .card-body.Campaign, .card-body.SenderProfiles {
    padding: 1.25rem .55rem 1.25rem .55rem;
}

.field.Template.parent.col-12.clickable, .field.Campaign.parent.col-12.clickable, .field.SenderProfile.parent.col-12.clickable {
    padding-left: unset;
}

    .field.Template.parent.col-12.clickable #actionIcon, .field.Campaign.parent.col-12.clickable #actionIcon, .field.SenderProfile.parent.col-12.clickable #actionIcon {
        top: 28%;
    }

.Dropdown.StandardForm {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0.25rem !important;
    height: 34px !important;
    background-color: #ffffff !important;
}

.card.window.Large.CampaignTrigger .cardFooterWindow.modal-footer {
    border: none;
}

.emptyMessage {
    text-align: center;
    padding: 20px;
}

#historyEdit .inputBoxContainer.SelectInputBoxContainer .selectWrapper .selectbox .Dropdown.NonStandardForm, #taskEdit .inputBoxContainer.SelectInputBoxContainer .selectWrapper .selectbox .Dropdown.NonStandardForm, #globalHistoryField .inputBoxContainer.SelectInputBoxContainer .selectWrapper .selectbox .Dropdown.NonStandardForm, #globalTaskField .inputBoxContainer.SelectInputBoxContainer .selectWrapper .selectbox .Dropdown.NonStandardForm {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0.25rem !important;
    background-color: #ffffff !important;
}

#divAddEvents .box-wrap .globalUpdate .expandBar.clickable {
    display: none;
}

.card.window.ExtraLarge.AccountEdit {
    top: 70px;
}

.inputBox.date.form-control {
    height: 34px !important;
}

.Dropdown {
    width: 100%;
    /*height: 38px;*/
    height: 34px;
    border-radius: .25rem;
    background-color: #d3d3d359;
    font-size: .70rem !important;
    border: 0;
}

.icon {
    /*position: absolute;*/
    font-size: 20px;
    color: #C0C0C0;
    /*right: 0%;*/
}

.List .search-bar input {
    width: -webkit-fill-available;
    width: -moz-available;
}
/*.List .card-header .icon {
    position: absolute;
    font-size: 20px;
    color: #C0C0C0;
    right: 0%;
}*/
#btnFollowUpTask {
    margin-left: 10px;
    margin-top: 5px;
    max-width: 100%;
}

.field.campaignEditField .inputBoxContainer .boxLabel {
    visibility: visible;
}

.checkmarkBox {
    padding-left: 5%;
}
/*.row .CheckmarkInputBoxContainer {
    padding-top: 4px;
}*/
#taskEdit .clearBoth.row .CheckmarkInputBoxContainer.inputMask.NonStandardForm.col-3 {
    margin-bottom: 3%;
}

#historyEdit .clearBoth.row .CheckmarkInputBoxContainer {
    margin-left: 4%;
    margin-top: 1%;
}

#taskhistoryContainer .row .boxLabel.eventCreatedBy {
    position: absolute;
    right: 0%;
}

.GlobalUpdateHeader .nav-item .nav-link {
    padding: 12px 11.8px;
}

    .GlobalUpdateHeader .nav-item .nav-link .fa {
        font-size: 14px !important;
    }

.List .card-action {
    width: auto;
}

.dropTagContainer .drop {
    height: 100px;
    width: 150px;
    z-index: 2222;
    position: absolute;
    background-color: white;
    overflow: auto;
    padding: 5px;
    top: 25px;
    border: 1px solid lightgrey;
}

img.clickable.website, img.clickable.street, img.clickable.Custom {
    width: 16px;
}

text.ClickStats {
    fill: #2b9bcb
}

.queryPage .contentPanel.row {
    display: block;
}

.field.Query.parent.row .inputBoxContainer {
    display: inline-block;
}

.field.Query.parent.row .newButton.clickable.addQueryButton {
    display: inline-block;
}

.field.Query.parent.row .newButton.clickable.deleteQueryButton {
    display: inline-block;
}

inputBoxContainer.textInputBoxContainer.queryName {
    display: inline-block !important;
}

.fa.fa-address-card, .normalButton.fas.fa-clipboard-check, #btnSendEmail {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}
/*#QueryField .inputBoxContainer.SelectInputBoxContainer.sortResult {
    display: inline-block !important;
}*/
.removeAllBtn.normalButton.btn.btn-primary {
    margin-right: 1%;
}

.ShowLeft {
    display: flex !important;
    flex-direction: row-reverse !important;
}

#QueryField .fr.col-1 {
    position: absolute;
    right: 10%;
    bottom: 36%;
}

.field.CallbackControl.FilterControl .customFields.parent .inputBoxContainer {
    max-width: 100%;
    padding: unset;
}

.custom-select:focus {
    border-color: unset;
    box-shadow: unset;
}

.field.SearchButtons.QuerySearchField .inputBoxContainer.textInputBoxContainer.queryName {
    display: inline-block;
}
/*#QueryField .inputBoxContainer.SelectInputBoxContainer.col-2 {
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    width: 100%;
    min-height: 1px;
}*/
.pl {
    padding-left: 0px;
}

.notification {
    height: 45px;
}

.LimitHeading {
    font-weight: 500;
    /*font-size: 15px;*/
    font-size: 13px !important;
    line-height: 16px;
}

.CardGlobal {
    margin-bottom: 25px;
    border: none;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem;
}

.Contact.compact.field .row .col-4 {
    padding: 0;
}

.ui-multiselect.ui-widget.ui-state-default {
    font-size: .70rem !important;
    border: 0;
    /*width: 162px !important;*/
}
/*.card.Query .inputBoxContainer.multiSelectInputBoxContainer .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget.ui-state-default {
    width:100% !important;
}*/
/*.col-md-2.FromEmail .multiSelectWrapper .multiSelectbox .ui-multiselect {
    width: 155px !important;
}*/
.field.Template .row .inputBoxContainer.multiSelectInputBoxContainer .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget.ui-state-default {
    width: 245px !important;
}

.hyperlinkMain {
    cursor: pointer;
    color: #2096c8;
}

.bigtext {
    height: 62px;
}

.field.Contact.compact .ContactImage {
    /*width: 50px;*/
    max-width: 50px;
    width: 100%;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 10px;
}
/*.ContactName {
	margin-top: 15px;
    margin-left: 20px;
}*/
/*.NewAccountIcon {
    position: absolute;*/
/* padding-top: 0px; 
    padding-right: 21%;
    margin-right:21%;
    left: 5%;
    z-index:100000;*/
/*}*/

.AdditionalFilter {
    margin: 0% 0% 4% 0;
    width: 100%;
    float: left;
}
/*.FilterControl .multiSelectInputBoxContainer .ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 232px !important;
}*/
/*.ApplyFilter{
    margin-top:2%;
}*/

.ui-multiselect-menu.ui-widget.ui-widget-content.ui-corner-all {
    width: inherit !important;
}

.ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0.25rem !important;
    height: 34px !important;
    background-color: #ffffff !important;
    width: 100% !important;
}

.inputBoxContainer.checkBoxInputBoxContainer.list-group {
    height: auto;
}

.cardTitleContainer .titleMessage {
    display: flex;
}

.cardTitleContainer.Results .card-header .card-action {
    width: 66%;
}

.card-body.Results {
    min-height: 69px;
}

.addAllBtn.normalButton.addButton.btn.btn-primary, .addAllBtn.normalButton.removeButton.btn.btn-primary {
    background-color: white;
    color: #60b246;
    border: 1px solid #d8d8d8;
}

.NoSpace {
    white-space: unset;
}

.addAllBtn.normalButton.removeButton.btn.btn-primary {
    color: #ff6a00 !important;
}

.IconFont {
    font-size: 20px;
}

.field.RecurringServiceEvent #actionIcon {
    top: 0;
    right: 11%;
}

[data-cardtype~=ContactEdit] .contactImageBorder .contactImageContainer .contactImage {
    max-width: 70%;
    margin-left: 14%;
}

.field.RecurringServiceEvent #actionIcon .fa-times-circle {
    font-size: 24px;
}

.AddIcon {
    position: absolute;
    top: 0%;
    right: 2%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background-image: none !important;
}

.form-control.textInputBox.ListName.NonStandardForm {
    height: 34px;
}

.textAreaBox.redFont {
    color: red !important;
}

#QueryBox5, .inputBox.form-control.textInputBox.ListSearch {
    height: 34px;
}

.inputBox {
    line-height: 16px;
    font-size: 13px;
    /*color: #2296c7;*/
}

.card.window.ExtraLarge.ContactEdit {
    width: 50%;
    min-width: 50%;
}

.customImage i {
    color: rgb(89, 89, 89);
}

.imageSliderDiv input {
    padding-left: 5px;
}

.imageSliderDiv {
    overflow: hidden;
    position: relative;
    /* border-radius: 12px; */
}

.RemovePadding {
    padding: unset !important;
}

#btnSendEmail {
    margin-left: 11px !important;
}

.removeField {
    float: left;
    position: absolute;
    right: 4px;
    top: 4px;
}

.RemoveSingleContact {
    margin-left: 4%;
}

.RemoveAllContact {
    margin: 0 0 0 4%;
}

#editRecipients {
    display: flex;
    width: max-content;
}

.field.Pipeline #actionIcon {
    top: 54%;
}

    .field.Pipeline #actionIcon .zmdi.zmdi-collection-text {
        position: absolute;
        right: 50px;
        font-size: 20px;
    }

.expandBar.clickable {
    text-align: center;
    background-color: #4c5d64;
}

.icheck-material-primary > input {
    background-color: #2096c8;
}

.ForAccordian {
    display: none;
    padding-right: 5%;
    width: 100%;
}

.field.list-group.Contact #actionIcon {
    /*top: 3%;*/
    top: 9px;
    right: 1%;
}

    .field.list-group.Contact #actionIcon #PButton .fa-thumb-tack {
        margin-left: 8%;
    }

.field.EmailAddress .row .tinyPlus.RemovePadding {
    margin-left: 8px;
}

.card-body.Results .box-wrap .field.ContactAccount.PhoneNumberBox #actionIcon {
    top: 55%;
    display: flex;
    flex-wrap: wrap;
    right: 2%;
}

    .card-body.Results .box-wrap .field.ContactAccount.PhoneNumberBox #actionIcon .actionButton.cssButton.actionButtonIcon {
        margin: 0 10% 0 0;
    }


.pagingOptionsBar .inputBoxContainer.SelectInputBoxContainer.pagingOptions.selectBox {
    /*max-width: 4%;*/
    margin-top: 1%;
}

.whiteButton.btn.btn-info.btn-round.fr {
    margin: 0 1% 1% 0;
}

.customImage {
    /*position: absolute;*/
    top: 7px;
    position: absolute;
    right: -55px;
    padding-left: 0px;
    padding-right: 0px;
}

.clickable {
    cursor: pointer;
}

.ColAlign {
    width: 100%;
    /*height: calc(2.25rem + 2px);*/
    padding: .57rem 0rem;
}

/* started changing for addresstwo :: Ronak Shah */
.field {
    position: relative;
}

#actionIcon {
    position: absolute;
    right: 3%;
    /*top: 23%;*/
    z-index: 9;
    top: 52px;
}

#checkMarkButton {
    position: absolute;
    right: 24px;
}

.boxLabel.eventCreatedBy {
    margin-top: 3%;
}

.hidden {
    display: none !important;
}
/*.firstName {
    width: 150px;
}*/
/*.firstName input {
        width: 120px;
}*/
/*.lastName {
    width: 150px;
}*/
.contactCompactInfo {
    width: 65%;
    margin-top: 15px;
    height: auto;
    float: left;
    position: relative;
}

.dueCount {
    line-height: 20px;
}

.headerRightCorner .UseList .fa.fa-th-list.fr {
    font-size: 20px;
    margin-left: 1%;
}

.headerRightCorner {
    font-size: 11px;
    font-weight: 500;
    display: flex;
}

#viewAllRecords, #exportEventCSV {
    color: #2096c8;
}

.nameStatic {
    color: #585858;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
/*.pagination {
    margin-top: 5px;
    margin-right: 20px;
    float: right;
}*/
/*smallButton {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2296c7), color-stop(1, #2296c7) );
    background: -moz-linear-gradient( center top, #2296c7 5%, #2296c7 100% );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2296c7', endColorstr='#2296c7');
    background-color: #2296c7;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    -safari-: only(;
    font-weight: normal;
    );
 }*/
/*.pageLink {
    text-decoration: underline;
    float: left;
    font-size: 13px;
    margin-right: 0px;
    padding-top: 1px;
    padding-bottom: 2px;
    margin-left: 7px
}*/
.companyStatic {
    line-height: 16px;
    font-size: 11px;
    color: #2296c7;
}

.headerIcon {
    float: left;
    position: relative;
    font-size: 15px;
}

.TaskAction {
    float: right;
    align-items: center;
}

.container {
    padding-top: 10px;
    padding-bottom: 10px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.cardTitleContainer {
    float: left;
    /*width: 25%;*/
}

.cardTitleText {
    float: left;
    margin: 0 0 0 10px;
}

.ContactList {
    display: flex;
    justify-content: center;
    flex-direction: column;
    padding-top: 10px;
}

.AccountName .companyStatic {
    line-height: 16px;
    font-size: 11px;
    color: #2096c8;
    margin-left: 13px;
}

.contactInitials {
    position: absolute;
    top: 11px;
    opacity: 0.5;
    display: block;
    transform: rotate(-10deg);
    /*font-size: 410%;*/
    font-size: xx-large;
    text-align: center;
    width: 65px;
    margin-left: 1px;
    color: rgb(55,141,204);
    font-family: Impact,Charcoal,sans-serif;
    overflow: hidden;
}

.cardContainer .card.cardParent.window.ExtraLarge.ContactEdit {
    opacity: 1 !important;
    transform: translate(0, 0);
    transition: -webkit-transform .3s ease-out;
}

.cardContainer .card.cardParent.window.ExtraLarge.ContactEdit {
    transition: opacity 2s !important;
}

.modal {
    position: unset;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    z-index: unset;
    display: unset;
    overflow: unset;
    outline: unset;
}

.cardContainer.hidden .card.cardParent.window.ExtraLarge.ContactEdit {
    top: 0 !important;
}

.inputBoxContainer.dateInputBoxContainer.CampaignBlast .inputBox.date.CampaignBlast.form-control {
    height: 32px;
}

.pipelineControlRow.row, .ListingControlRow.row {
    width: 100%;
}

.field.Account .row.mr-4 #actionIcon {
    right: 3px;
    top: 0;
}

#cke_dynamicEditor {
    z-index: 10000 !important;
}
/*.card-header {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.headerTextContainer{
    width:44%;
}*/
.hyperlinkMain.sortByLink {
    color: white;
    font-weight: 500;
}

.field.EventControl.FilterControl .inputBoxContainer, .field.ListingControl.FilterControl .customFields.parent .inputBoxContainer {
    max-width: 100% !important;
    padding: unset !important;
}

.field.PipelineControl.FilterControl .customFields.parent .inputBoxContainer {
    max-width: 100% !important;
    padding: unset !important;
}

#pipeCharts .summaryBox {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    margin-bottom: 2%;
    border-radius: 3px;
}

.alignpipelineChart {
    float: right;
}

.quickWindow {
    min-height: 300px;
    width: 700px;
    z-index: 9999;
    position: absolute;
    left: 30%;
    padding: 25px;
    background-color: white;
    display: block;
    box-shadow: 3px 1px 5px grey;
    border-radius: 3px;
    top: 122px;
}

.card.window.Small {
    width: 30%;
    left: 650px;
}

.CenterAlign {
    text-align: center;
}

#LeftAccount .field.PhoneNumber, #LeftAccount .field.EmailAddress {
    padding-left: 4%;
}

.dropContainer {
    background: none repeat scroll 0 0 #FFFFFF;
    display: none;
    position: relative;
    width: 150px;
    z-index: 9999;
}

    .dropContainer .close {
        background: url("/Images/closebox.png") no-repeat scroll 0 0 transparent;
        cursor: pointer;
        height: 30px;
        position: absolute;
        right: -30px;
        top: 10px;
        width: 30px;
        z-index: 2223;
    }

.tagRegularContainer {
    background-color: #f1f1f1;
    border-radius: 3px;
    border: 1px solid #eeeeee;
    margin-bottom: 3%;
}

.fixedBoxLabel {
    font-size: 10px;
}

.addressHeader .headerText {
    font-weight: 500;
}

.card-body.Account {
    padding: .65rem .5rem .65rem .5rem;
}

.tagFooter {
    background-color: #596364;
    color: white;
}

.validateInput {
    border: 1px solid red !important;
}

.validation {
    color: red;
    position: absolute;
    font-size: 9px;
    bottom: 0px;
    right: 5px;
}

#QuantityOrderItem {
    height: 34px;
}

[data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactImage.small {
    margin-top: 0px;
}

[data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactInitials {
    top: 2px;
}

.pieChart {
    float: left;
    width: 50%;
    /*border: 1px solid #aaaaaa;*/
    border-radius: 3px;
    margin: 0 10px 10px 0;
    overflow: hidden;
}

#pipeCharts {
    width: 48%;
}

.imageDropDown .fa.fa-mobile.fa-2x {
    margin-left: 5px;
    font-size: 28px;
}

.pipelineAmounts {
    font-size: 12px;
    margin: .65% 2% 0;
    font-weight: 500;
}

#chkNotifyuser, #chkGoogleTask, #chkMyCalendar, #chkReoccurTask {
    z-index: 100;
}

.chart-title, .chart-title .fa.fa-lg {
    background-color: #c0c0c0;
    color: white;
    font-weight: 500;
    padding-left: 4px;
}

.removeField.callBack {
    float: unset !important;
    position: unset !important;
    right: unset !important;
    top: unset !important;
}

.amounts-title {
    background-color: #c0c0c0 !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 1% 0% 1% 2%;
    color: white;
    font-weight: 500;
}

.Cotact-RemovePadding .card.Small.Contact .card-body.Contact {
    padding: unset;
}

.subField {
    display: none;
    float: left;
}

.hoverText a {
    color: white !important;
}

.card-body.EmailRecipient .box-wrap .field.EmailRecipient.parent.row.col-lg-6.col-md-6.container {
    cursor: pointer;
}

.contactHeader.SubHeading {
    margin-top: 2%;
}

/*.card-body.Templates .pagination-outline-info .page-item {
    width: 30px !important;
}

    .card-body.Templates .pagination-outline-info .page-item .page-link {
        padding: .5rem 0.50rem !important;
    }*/

.card-body.Templates .pagination-outline-info .pageButtonBox.page-item {
    width: 66px !important;
}

.fa.fa-plus-circle.icon {
    color: rgba(0,0,0,0.85) !important;
    font-size: 20px !important;
}

[data-filtertype=CallbackFilter] .card-body.Contact .searchFields.parent .listContainer.box-wrap .field.list-group.Contact .textInputBoxContainer.lastName, .field.list-group.Contact .textInputBoxContainer.firstName, .field.list-group.Contact .textInputBoxContainer.middleName {
    margin: unset;
}

.field.list-group.Contact .textInputBoxContainer.lastName, .field.list-group.Contact .textInputBoxContainer.firstName, .field.list-group.Contact .textInputBoxContainer.middleName {
    margin-top: 4%;
}

.cardContainer.TopLeads .card.Large.Results .field.ContactAccount.PhoneNumberBox .contactImageBorder {
    flex: 0 0 10.333333%;
    max-width: 10.333333%;
}

.cardContainer.TopLeads .card.Large.Results .field.ContactAccount.PhoneNumberBox .compactContactNameContainer {
    flex: 0 0 30%;
    max-width: 30%;
}

.cardContainer.TopLeads .card.Large.Results .field.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer {
    flex: 0 0 31%;
    max-width: 31%;
}

    .cardContainer.TopLeads .card.Large.Results .field.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.EmailField {
        flex: 0 0 28%;
        max-width: 28%;
    }

[data-cardtype~=Contact] .textInputBoxContainer.lastName {
    max-width: 58%;
    flex: unset;
}

.field.Pipeline.parent.row.clickable {
    margin-bottom: .3rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.inputBox.selectInputBox.Dropdown.PagingDropdown {
    margin-left: 14%;
    border-color: #e8e9eb !important;
    color: #0499dd;
}

.columnheader {
    background-color: #d8d8d8 !important;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: .6% 0 .6% 0;
    margin-top: 2%;
}

.ContactBox {
    color: #585858;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    /*margin-bottom: 10px;*/
    max-width: none;
}

#maskWindow {
    visibility: hidden;
    position: absolute;
    z-index: 95;
    background: #ffffff;
    background: #373736;
    top: 0px;
    left: 0px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    height: 0px;
    text-align: center;
    padding-top: 350px;
}

.card.ExtraLarge.TaskEdit {
    overflow: visible;
}

.btn.btn-danger.SecondaryButton {
    color: rgb(218, 42, 77);
    border-color: #e12a4d;
}

    .btn-danger:hover, .btn.btn-danger.SecondaryButton:hover > .fa-times {
        color: white !important;
    }

    .btn.btn-danger.SecondaryButton .fa.fa-times:hover {
        color: white;
    }

.window {
    box-shadow: none;
    float: none;
    height: auto;
    position: absolute;
    width: 600px;
    z-index: 9999;
    box-shadow: 0px 0px 15px 5px #000000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 0.25rem;
    padding: 0.3%;
}

.card.window {
    /*left: 245px;*/
    left: 212px;
    width: 80%;
}

.fl {
    float: left;
}

    .fl[data-fieldname^="MyCalendar"] {
        position: absolute;
        left: 0;
    }

    .fl[data-fieldname^="GoogleTask"] {
        position: absolute;
        left: 0;
    }

    .fl[data-fieldname^="NotifyUser"] {
        position: absolute;
        left: 0;
    }

.cancel {
    background-color: buttonface;
}

#followUpTask {
    margin-top: 2%;
    margin-left: 1%;
    margin-bottom: 2%;
}

.HeaderTopRight {
    display: flex;
}

.Loader {
    top: 50% !important;
    position: absolute !important;
    left: 50% !important;
}

#resultLoading {
    top: 0px !important;
    left: 0px !important;
    position: fixed !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 10051 !important;
}

.pagination {
    margin-top: 1%;
}

.card-body .searchFields .listContainer.mCustomScrollbar .mCustomScrollBox.mCS-dark-thick {
    width: 100%;
}

.card.ExtraLarge.Preview .cardFooter .whiteButton.btn {
    margin: 0 1% 1%;
}

.card.window.Medium.CkeditoreEditable {
    z-index: 10000 !important;
}

#TaskEventFieldCampaignEventField + .EventDataContainer {
    display: none;
}

.inputBox.form-control.textInputBox {
    height: 34px !important;
}

.ListName.StaticBoxContainer:hover {
    z-index: 0 !important;
    /*color: #efefef !important;
    background-color: #14abef !important;
    border-color: #14abef !important;*/
}

.actionButtonContainer {
    visibility: hidden;
}

/*.card-body.ListEdit .cardContainer .card-body.Query .queryFieldContainer #QueryField .inputBoxContainer.multiSelectInputBoxContainer .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget {
    width:152px !important;
}*/
.BlueLink {
    cursor: pointer;
    color: #2096c8;
    padding-left: .2rem;
    padding-right: .2rem;
    font-size: 0.86em !important;
}

.ListName.StaticBoxContainer {
    height: unset !important;
}

.field.List.parent.clickable.col-4, .field.TriggerLink.parent.clickable.col-4, .field.Webform.parent.clickable.col-4 {
    margin-bottom: 1%;
}

.AddAll {
    color: #60b246;
    font-size: 20px;
}

.brand-logo.MobileView {
    width: 25%;
    height: 45px;
}

.logo-icon.mobile {
    width: 100%;
}

.zmdi.zmdi-close {
    font-weight: bolder;
}

.DeleteButton {
    position: absolute;
    left: 2%;
}

.removeAllBtn.normalButton {
    margin: 0.8% 1% 0 0;
}

.zmdi.zmdi-plus {
    color: #60b246;
    font-size: 20px;
    font-weight: 800;
}

.List #actionIcon, .TriggerLink #actionIcon, .Webform #actionIcon {
    top: 30%;
    width: 14%;
    right: 0;
}

.checkMark {
    font-weight: bold;
    color: green;
}

.checkedBorder {
    border: 1px solid #60b246 !important;
    border-radius: 0.25rem !important;
}

.cardTitleContainer.Account .card-header {
    padding: .65rem 1.25rem;
}

.card-body.Account {
    position: relative;
    overflow: hidden;
}

.addressHeader {
    display: flex;
}

.AddressIcons {
    margin-right: 1%;
}

.AddressRow {
    display: block;
}

.fa.fa-close {
    font-size: 20px;
}
/*for parent child box in account page start*/
.tabContainer {
}

/*.accountTab:hover {
    top: 0px;
}*/

/*.accountTab.leftTab {
    right: 105px;
}*/
.parentchildaccount {
    display: flex;
    align-items: center;
}

.accountTab {
    /*position: absolute;*/
    top: 0px;
    z-index: 10;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

    .accountTab.UnlinkTab img {
        width: 18px;
    }

    .accountTab.leftTab img, .accountTab.rightTab img {
        width: 30px;
    }

.fas.fa-unlink {
    font-size: 16px !important;
}
/*.accountTab.rightTab {
        right: 50px;
    }*/
/*end*/
.mailMergeContainer .progress {
    width: 50%;
    margin-top: 1%;
}

.cardTitleContainer.Results .card-header .card-action .row.TaskAction .col-11 {
    max-width: 100%;
    flex: 0 0 100%;
}
/*.hideLater{
    visibility:hidden !important;
}*/
.contactImage {
    max-width: 50px;
    width: 100%;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 10px;
}

.viewEvents {
    margin-bottom: 1%;
    border-bottom: 1px solid #dee2e6;
}

.WebFormRow {
    width: 100%;
}

.badge {
    padding: .45em .4em;
    background-color: white;
    color: #212529;
    margin: 0.5% 0 0 0.5%;
}

.field.ContactAccount.PhoneNumberBox:hover > #removeContact {
    visibility: visible !important;
}

.TopRightCorner {
    width: 100%;
}

.inputBoxContainer.tagInputBoxContainer.formBoxes {
    background-color: #f1f1f1;
    display: inline-block;
}

.shade {
    color: #fff;
    background-color: #0499DD;
}

iframe#logoUpload, iframe#logo2Upload {
    height: auto;
    margin-top: 14px;
    width: 100%;
}

#uploaderEngrave, #uploader2Engrave {
    font-size: .8em;
}

.badge_sub.badge_sub_left {
    margin-top: 4%;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
}

.field.Webform .inputBoxContainer {
    margin-bottom: 1%;
}

.WebFormRow .inputBoxContainer.multiSelectInputBoxContainer.col-3 .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget.ui-state-default.ui-corner-all {
    width: 100% !important;
}

.CheckmarkInputBoxContainer.IsShowCaptcha {
    padding: unset;
    margin-bottom: 1%;
    margin-left: 1.2%;
}

#formCode {
    height: 300px;
    overflow: scroll;
    max-width: 300px;
    border: 1px solid #d8d8d8 !important;
    padding: 5px;
}

.Inline {
    display: inline-block;
}

.card-body.ListEdit .row #Results .card.Small.Results .card-body.Results {
    max-height: 220px;
    overflow-y: auto;
    padding: 0;
    /*min-height: 165px;*/
}

.list-group-item {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
}

.field.List .list-group-item, .field.Template .list-group-item, .field.SenderProfile .list-group-item, .field.Campaign .list-group-item {
    /*background: linear-gradient(45deg, #283048, #859398) !important;
    color: white;
    border:none;
    box-shadow:none;*/
    border-radius: .25rem;
}

.field.list-group.Contact.compact.clickable {
    min-height: 70px;
    height: auto;
}

.imageDropDown .fa {
    font-size: 24px;
}

.imageDropDown {
    z-index: 100;
    background: white;
    height: auto;
    position: fixed;
    border: solid black 1px;
}
/*.card.Preview iframe, .card.TemplateEdit iframe{
    height: 690px;
    width: 100%;
    margin-top: 5px;
    border: none;
}*/
.ScrollStyle {
    max-height: 220px;
    overflow-y: inherit;
    min-height: 142px;
    padding: 0;
}

.field.List.clickable.col-4 .actionButtonContainer .actionButton.editActionButton .fa.fa-pencil.fa-2x {
    /*color:white;*/
}

.card.cardParent.ExtraLarge.ListEdit .cardFooterWindow.modal-footer .normalButton.SaveMain {
    margin-right: 0.3rem;
}

#resultsField .row .normalButton.btn.btn-primary {
    color: rgb(20, 171, 239);
    background-color: white;
    margin: unset;
}

.zmdi.zmdi-delete {
    font-size: 19px;
    color: #fba540;
}

.card.window.Medium.CkeditoreEditable {
    width: 62%;
}

#Results {
    padding: unset;
}

.brand-logo.MobileView {
    display: none;
}

.field.Event .clearBoth.row {
    width: 100%;
}
/*.card-body.ListEdit #Query .card.ExtraLarge.Query .queryFieldContainer .field.SearchButtons.QuerySearchField .clearBoth.row .fr.col-2 .QuerySearchButton.normalButton {
    color: rgb(32, 150, 200);
    background-color: white;
}*/
.SecondaryButton {
    /*color: rgb(20, 171, 239);*/
    color: rgb(32, 150, 200);
    border-color: #2297c8;
    background-color: white;
    font-size: 0.656rem;
    padding: 0.375rem 0.4rem;
}

    .SecondaryButton.btn.btn-primary.fr {
        margin: 0 1% 1% 0;
    }

.btn-sm {
    padding: 3px 7px;
    color: #2096c8;
    border-color: #2096c8;
    background-color: white;
}

.btn-outline-success:hover {
    background-color: #2096c8;
    border-color: #2096c8;
}

.btn-outline-success:not(:disabled):not(.disabled):active {
    background-color: #2096c8;
    border-color: #2096c8;
}

.cardTitleContainer.Results .card-header .card-action .row.TaskAction .headerRightCorner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.headerRightCorner .resultsCount.fr {
    line-height: 22px;
}

.clickable {
    cursor: pointer;
}

.searchFields .row .search-bar.headerSearch.col-4 {
    margin-left: 0px;
}

.inputBox.staticBox.CreatedBy {
    padding: .375rem;
    height: 34px;
}

.field.SearchButtons.QuerySearchField .inputBoxContainer.SelectInputBoxContainer.sortResult {
    display: inline-block !important;
    margin-top: 1%;
}

.List #actionIcon #xButton, .TriggerLink #actionIcon #xButton, .Webform #actionIcon #xButton {
    /*right: 56%;*/
    right: 25%;
    top: 5%;
    position: absolute;
}

.List #actionIcon #editButton .fa-2x, .TriggerLink #actionIcon #editButton .fa-2x, .Webform #actionIcon #editButton .fa-2x {
    font-size: 1.46em;
}

.blueFont {
    margin: .12% 0 .6% 1%;
}

.page-link {
    border-radius: 0.25rem;
}

#fc_frame, #fc_frame.fc-widget-normal {
    left: 15px !important;
    /*.clickable
{
    cursor: pointer;
}*/
}

.mCSB_container {
    /*display: flex;*/
    flex-wrap: wrap;
}

.listContainer .mCSB_container.mCS_no_scrollbar {
    /*margin-right: 0;
    display: flex;
    flex-wrap: wrap;*/
}
/*meet changes*/
/*.field.container.WFGEvent .clearBoth.row.tasks.one .inputBoxContainer.dateInputBoxContainer.DueDate.NonStandardForm.col-3 {
    padding-left: 0px;
}*/
.field.Event.parent .clearBoth.row.six .CheckmarkInputBoxContainer.inputMask.NonStandardForm .fl.icheck-material-primary .inputBox.checkmarkBox.fl {
    text-transform: none;
    letter-spacing: 0px;
}
/*.field.container.WFGEvent .clearBoth.row.tasks.one .inputBoxContainer.dateInputBoxContainer.NonStandardForm.col-3{
    padding-left:0px;
}*/
.boxLabel.eventCreatedBy {
    width: 24% !important;
}

.forgotPswdLink {
    cursor: pointer;
    text-decoration: underline !important;
}

#QuickQueryBox {
    height: 34px;
}

.rmvpaddingleft {
    padding-left: 0px;
}

.linkcolor {
    color: #14abef !important;
}

.texttransformation {
    text-transform: none;
}

.fontsize {
    font-size: 13px;
}

.marginbottomlabel {
    margin-bottom: 5px !important;
}

.groupmarginbottom {
    margin-bottom: 0.5rem;
}

.btmtxtalign {
    text-align: center !important;
}

.PinnacleCapital .card .card-body .card-content.p-2 .text-center .logo-icon {
    width: unset;
}

.indexbtmlinkpadding .card .card-body .card-content.p-2 .row .col-12.rmvpaddingleft .btmtxtalign {
    padding-left: 23px;
}

.indexbtmlinkpadding .card .card-body .card-content.p-2 .row .col-12 {
    display: flex;
    justify-content: space-between;
}

.boxpaddingadjust {
    padding-left: 0px;
    padding-right: 12.5px;
}

.btn-outline-success.focus, .btn-outline-success:focus {
    background-color: white;
    border-color: #2096c8 !important;
    color: #2096c8;
}

.btn-outline-success:active {
    background-color: unset;
    border-color: #2096c8 !important;
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #2096c8 !important;
    border-color: #2096c8 !important;
}

.btnleftmargin {
    margin-left: 15px;
}

#MarketingFilter .inputBoxContainer.SelectInputBoxContainer.SenderFilter.fl.SenderFilter .selectWrapper {
    margin-right: 0px;
}

.flpagingops {
    float: left;
}

.card-body.Results {
    padding-bottom: 0px;
}

.nav-tabs-primary .nav-link.active {
    color: #4296c8 !important;
    border-bottom: 4px solid #4296c8;
}

.nav-tabs-primary.nav-tabs {
    border-bottom: 1px solid #4296c8;
}

.nav-tabs-info.nav-tabs {
    border-bottom: 1px solid #4296c8;
}

.nav-tabs-info .nav-link.active {
    color: #4296c8 !important;
    border-bottom: 4px solid #4296c8;
}

    .nav-tabs-info .nav-link.active i, .nav-tabs-info .nav-item.show > .nav-link {
        color: #4296c8 !important;
    }

#gotoIconNewWindow2 {
    visibility: hidden;
}

.field.container.WFGEvent.parent.Event.row:hover #gotoIconNewWindow2 {
    visibility: visible !important;
}

.Purchasetypewidth {
    max-width: 21%;
}

.Qtypdleft {
    padding-left: 0px;
    text-align: center;
}

.floatunset {
    float: unset;
}

#userSelectionContainer .searchFields.parent.Accounts ._mCS_3 .mCustomScrollBox.mCS-dark-thick .mCSB_container.mCS_no_scrollbar .boxDiv.box-wrap.row.mt-3 .w-100 .field.AccountMain.parent.container #actionIcon {
    right: 1% !important;
}

    #userSelectionContainer .searchFields.parent.Accounts ._mCS_3 .mCustomScrollBox.mCS-dark-thick .mCSB_container.mCS_no_scrollbar .boxDiv.box-wrap.row.mt-3 .w-100 .field.AccountMain.parent.container #actionIcon #editButton {
        padding-right: 4px;
    }

#userSelectionContainer .searchFields.parent.Users ._mCS_4 .mCustomScrollBox.mCS-dark-thick .mCSB_container.mCS_no_scrollbar .field.UserMainStatic.parent.container #actionIcon {
    right: 1% !important;
}

    #userSelectionContainer .searchFields.parent.Users ._mCS_4 .mCustomScrollBox.mCS-dark-thick .mCSB_container.mCS_no_scrollbar .field.UserMainStatic.parent.container #actionIcon #editButton {
        padding-right: 4px;
    }

.accordion.marginBottom5.card .InActiveUsers2 .searchFields.parent ._mCS_5 #mCSB_5 .mCSB_container .field.UserMainStatic.parent #actionIcon {
    right: 1% !important;
}

    .accordion.marginBottom5.card .InActiveUsers2 .searchFields.parent ._mCS_5 #mCSB_5 .mCSB_container .field.UserMainStatic.parent #actionIcon #editButton {
        padding-right: 4px;
    }

.iconposition {
    top: 0.7rem;
    z-index: 9999;
}

.ActiveSideBar {
    right: 260px;
}
/*.right-sidebar {
    width: 350px;
}
.right-sidebar.right-toggled .switcher-icon {
    right: 370px;
}*/


.card-body.ActionCenter.mCustomScrollbar {
    background-color: #e9eaec;
}

.box-wrap.ActionCenterUi {
    background-color: white !important;
    margin-bottom: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px) calc(.25rem - 1px);
}

.loadingdata {
    margin-top: 35%;
    margin-left: 17%;
}

.loadingwidth {
    width: 275px !important;
    bottom: 140px !important;
}

#ordersTop .col-lg-3.col-md-3.col-6 .txtcenter .tagFooter {
    padding-left: 55px !important;
}

#ordersTop .col-lg-3.col-md-3.col-6 .firstOrderDate .tagFooter {
    padding-left: 60px !important;
}

#ordersTop .col-lg-3.col-md-3.col-6 .lastOrderDate .tagFooter {
    padding-left: 60px !important;
}

#ordersTop .col-lg-3.col-md-3.col-6 .lifetimeOrders .tagFooter {
    padding-left: 48px !important;
}

#LifetimeCPO, #FirstOrderDate, #LastOrderDate, #LifetimeOrders {
    text-align: center;
    width: 100% !important;
}

.setwidth {
    width: 100% !important;
}

.btn-primary.SecondaryButton:hover {
    color: #fff;
    background-color: #4396c8;
    border-color: #4396c8;
}

#historyEdit .inputBoxContainer.SelectInputBoxContainer.EventTypeID.NonStandardForm.col-lg-2.col-md-2.selectBox, #historyEdit .inputBoxContainer.SelectInputBoxContainer.AssignedToID.NonStandardForm.col-lg-2.col-md-2.selectBox {
    max-width: 25% !important;
    flex: 0 0 25% !important;
}

.BlueLink:hover {
    color: #4396c8;
}

#Statslimit .BlueLink {
    font-size: 13px !important;
}

.navbar-expand .navbar-nav .nav-item.TopUserIcon {
    margin-right: 25px;
}

#Contact .card.Small.Contact .Contact.list-group .row #mailmergeIconNewWindow, #btnVCard, #btnDataUpdateLink, #btnSendEmail {
    font-size: 1.0em !important;
}

#Contact .card.Small.Contact .Contact.list-group .row #btnVCard, #btnDataUpdateLink, #btnSendEmail {
    margin-left: 2px !important;
}

#Contact .card.Small.Contact .Contact.list-group .row #mailmergeIconNewWindow {
    margin-left: 0px !important;
}
/*[data-cardtype~=Event] .fa.icon.fa-times-circle.clickable {
    color: red !important;
}*/
[data-cardtype~=AccountAdmin] .fas {
    font-size: 14px !important;
}

.right-sidebar #ActionCenter .card.cardParent.ExtraSmall.ActionCenter {
    margin-bottom: 0px !important;
}

.nocontent {
    padding: 15px;
}

.iconpadding {
    padding-left: 30%;
}

.crossiconposition {
    padding: 0.75rem .5rem .75rem 1.25rem;
}

#EmailQuickWindow .emailContainer, .bounceContainer, .clickContainer {
    margin-top: 7px;
}

#EmailQuickWindow .list-group {
    width: 60% !important;
    padding: .20rem 0.5rem;
}

.tagRegularContainer.footertext .tagFooter {
    width: 100%;
    justify-content: center;
    text-align: center;
}

.cardTitleContainer .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: aliceblue;
}

#Event .headerRightCorner #viewAllRecords {
    align-items: center;
    display: flex;
}

#Account .HeaderTopRight #printThisPage {
    margin-top: 2px;
}

#Account .HeaderTopRight {
    align-items: center;
}

.cardTitleContainer.MarketingSend .card-header .headerTextContainer .cardTitleText {
    padding-top: 0px !important;
}

#AccountUserSelection #actionIcon {
    top: 30%;
}

#AccountUserSelection .detailsContainer .field.UserMain.parent #actionIcon {
    top: 3% !important;
    right: 0px !important;
}

#AccountUserSelection #actionIcon #editButton .fa.fa-pencil.fa-2x {
    margin-right: 7px;
}

.dropdown-toggle.clickable.dropdown-toggle-nocaret {
    display: flex;
    align-items: center;
}

#frbThisAccount {
    padding-right: 5px;
}

#Account .card.Account .card-body.Account #accountField .row.mr-4 #RightAccount .newRightAccount.row .inputBoxContainer.tagInputBoxContainer.col-12 .tagBox,
#Contact .card.Contact .card-body.Contact .inputBoxContainer.tagInputBoxContainer.col-12 .tagBox, #Listing .row.ListContent .tagBox, #Listingcontrol .tagBox,
#AddListing .tagBox {
    border: 1px solid #eeeeee;
    min-height: 60px;
    width: 100%;
    border-radius: 3px;
    float: left;
    margin-bottom: 5px;
    background-color: #f8f8f8;
}

#Account .currentTags .badge, #Listing .currentTags .badge, #Listingcontrol .currentTags .badge, #AddListing .currentTags .badge {
    background-color: grey;
    font-weight: 500;
    display: flex;
    align-items: baseline;
    max-width: 100%;
    margin: 5px;
    cursor: pointer;
    float: left;
    color: white;
    font-size: 10px;
}

.badge.white {
    background-color: rgba(158, 158, 158, 0.33) !important;
    color: #212529 !important;
    font-weight: 500;
}

.badge_sub.badge_sub_right {
    border-left: 1px solid lightgrey;
    padding-left: 3px;
    padding-right: 3px;
    float: right;
    cursor: pointer;
}

.tagRegularContainer.footertext .regularTag {
    justify-content: center;
    text-align: center;
    align-items: center;
    display: flex;
    min-height: 20px;
}

#ContactCardMask #Contact .EmailAddress .removeField .removeField {
    right: 0px !important;
}

.inputBoxContainer.tagRegularContainer.footertext #busyIcon {
    display: none;
}

#Campaign .field.Email.parent.clickable .ContactAccountCampaign:hover .col-12 {
    margin-top: 10px;
}

#Event .card-body.Event .MarketingHistory.Event #actionIcon {
    top: 21% !important;
    right: 1%;
}

#EmailQuickWindow .normalButton.fr.SecondaryButton {
    float: unset;
}

#EmailQuickWindow .emailContainer .box-wrap.row .col-lg-6 {
    max-width: 49% !important;
}

.card-body.Results .box-wrap .field.ContactAccount.PhoneNumberBox #actionIcon #taskIcon {
    margin: 0 12% 0 0;
}

#MarketingStats #emailStatsdiv .normalButton.btn-primary {
    align-items: center;
    display: flex;
    justify-content: center;
}

#MarketingSentEdit #Overview #EmailStats {
    box-shadow: unset;
}


#EmailQuickWindow .emailContainer .box-wrap.row, #EmailQuickWindow .bounceContainer .box-wrap.row, #EmailQuickWindow .clickContainer .box-wrap.row {
    max-height: 350px;
}

    #EmailQuickWindow .emailContainer .box-wrap.row .mCustomScrollBox, #EmailQuickWindow .bounceContainer .box-wrap.row .mCustomScrollBox, #EmailQuickWindow .clickContainer .box-wrap.row .mCustomScrollBox {
        max-height: 350px;
        width: 100%;
    }

        #EmailQuickWindow .emailContainer .box-wrap.row .mCustomScrollBox .mCSB_container, #EmailQuickWindow .bounceContainer .box-wrap.row .mCustomScrollBox .mCSB_container, #EmailQuickWindow .clickContainer .box-wrap.row .mCustomScrollBox .mCSB_container {
            width: 97% !important;
            display: flex;
            flex-wrap: wrap;
        }

#EmailRecipient .card-body.EmailRecipient, #ReplyAllRecipients .card-body.ReplyAllRecipients {
    max-height: 100%;
}

    #EmailRecipient .card-body.EmailRecipient .mCustomScrollBox, #ReplyAllRecipients .card-body.ReplyAllRecipients .mCustomScrollBox {
        max-height: 350px !important;
        width: 100%;
    }

        #EmailRecipient .card-body.EmailRecipient .mCustomScrollBox .mCSB_container {
            width: 97% !important;
            flex-wrap: wrap;
        }

#EmailQuickWindow .SecondaryButton.btn.btn-primary.fr {
    margin: unset !important;
}

#EmailQuickWindow .fa.fa-close.quickWindowX.clickable {
    margin: 1% 0 1% 0;
}

.inputBoxContainer.StaticBoxContainer.sellerCotact {
    height: 3px !important;
}

#Control #EventFilter .clearBothTable.row.w-100 .ApplyFilter, #Control #Listingcontrol .row.ListingControlRow .ApplyFilter {
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 500;
}

#historyEdit #btnFollowUpTask {
    padding: 0.375rem 1rem !important;
}

#Control #pipeline-control .row.pipelineControlRow .filter {
    padding: 3px 7px;
    font-size: 10px;
    font-weight: 500;
}

.page-link {
    padding: .2rem .4rem !important;
}

[data-filtertype~=AccountFilter] #EventCardMask #Event .card-body.Event .pagination.pagingBar, [data-filtertype~=OpportunityFilter] #EventCardMask #Event .card-body.Event .pagination.pagingBar {
    margin-right: 18px;
}

#Account .card-body.Account #accountField #RightAccount .dropContainer {
    width: 182px !important;
}

    #Account .card-body.Account #accountField #RightAccount .dropContainer .drop {
        width: 182px !important;
    }

#AccountConfig .card-body.AccountConfig .ac-container .accordion.marginBottom5 {
    margin-top: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
    margin-right: 3px;
    margin-left: 2px;
    border-left: 1px solid rgba(0, 0, 0, 0.08);
}

#AccountAdmin .headerRightCorner #btnUpgrade {
    font-size: 0.656rem;
    padding: 0.375rem 0.4rem;
}

#AccountConfig #AccountUserSelection #userSelectionContainer #btnBackUser {
    color: rgb(32, 150, 200);
    border-color: #2297c8;
    background-color: white;
    font-size: 0.656rem;
    padding: 0.375rem 0.4rem;
}

    #AccountConfig #AccountUserSelection #userSelectionContainer #btnBackUser:hover {
        color: #fff;
        background-color: #0499dd !important;
        border-color: #0499dd !important;
    }

.pagination-outline-info .page-item.active .page-link {
    background-color: #2096c8;
    border-color: #2096c8;
}

.pagination-outline-info .page-item .page-link:hover {
    background-color: #0499dd !important;
    border-color: #0499dd !important;
}

#EmailQuickWindow .bounceContainer .box-wrap.row .col-lg-6 {
    max-width: 49% !important;
}

.redBoldFont {
    font-weight: bold;
    color: red !important;
}

#EmailQuickWindow .bounceContainer .box-wrap.row .col-lg-6 a:hover {
    color: black !important;
}

#EmailQuickWindow .bounceContainer .box-wrap.row .col-lg-6 a {
    color: black;
}

#EmailQuickWindow .clickContainer .normalButton.SecondaryButton {
    float: right !important;
    margin: 0;
}

#EmailQuickWindow .clickSeperator.row {
    display: flex;
    width: 100%;
    margin-top: 4px;
    align-items: center;
    margin-bottom: 4px;
}

    #EmailQuickWindow .clickSeperator.row .col-lg-9.col-md-9.col-12 {
        word-break: break-all;
        font-weight: 100;
    }

.SelectInputBoxContainer.PagingDropdown .selectWrapper .selectbox .Dropdown {
    padding: .2rem 1.50rem .2rem .75rem;
    height: 26px !important;
    font-size: 14px !important;
}

.SelectInputBoxContainer.pagingOptions.flpagingops .selectWrapper .selectbox .Dropdown.flpagingops {
    padding: .2rem 1.50rem .2rem .75rem;
    height: 26px !important;
}

#EmailQuickWindow .clickContainer .box-wrap.row .col-lg-6 a {
    color: black;
}

#EmailQuickWindow .clickContainer .box-wrap.row .col-lg-6 {
    max-width: 49% !important;
}

#EmailRecipient .card-body.EmailRecipient .row.box-wrap .EmailRecipient.itemposition,
#ReplyAllRecipients .card-body.ReplyAllRecipients .row.box-wrap .ReplyAllRecipients.itemposition, .saverecipientslistbutton,
#EmailQuickwindow .card-body.EmailQuickwindow .emailContainer .list-group-item.list-group {
    padding-bottom: 9px !important;
    margin-right: 1% !important;
    max-width: 49%;
}

#ReplyAllRecipients .card-body.ReplyAllRecipients .row.box-wrap .ContactSearch {
    margin-right: 1% !important;
    max-width: 49%;
}

.card.ExtraLarge.ListEdit #Results {
    padding-left: .25rem !important;
}

.card.ExtraLarge.ListEdit #ListItem {
    padding-right: .25rem !important;
}

.nav-item.TopUserIcon {
    cursor: pointer;
}

.nav-tabs .nav-link {
    cursor: pointer;
}

.nav-link.active .fa {
    color: #2096c8;
}

.search-bar.headerSearch {
    width: 100%;
    margin-left: 0;
}

    .search-bar.headerSearch .textInputBoxContainer .textInputBox {
        width: 100%;
    }

.box-wrap .field.Template.col-12, .box-wrap .field.Campaign.col-12, .box-wrap .field.SenderProfile.col-12,
{
    padding-left: 0;
}
/*.box-wrap .field.Template, .box-wrap .field.Campaign, .box-wrap .field.SenderProfile {
    margin: 5px 0;
}*/
.searchInputContainer {
    width: 100%;
    position: relative;
}

    .searchInputContainer .inputBox.textInputBox.CampaignSearch, .searchInputContainer .inputBox.textInputBox.TemplateSearch {
        border-radius: 50px;
        text-align: center;
    }

    .searchInputContainer .searchIcon {
        position: absolute;
        top: 10px;
        right: 15px;
    }

.cardTitleContainer.MarketingSend .card-header .headerTextContainer .cardTitleText {
    padding-top: 5px;
}

.field.MarketingFilter .SelectInputBoxContainer.SenderFilter {
    margin-right: 0px;
}

.panel.utilityPanel .row .prvnxtbtn.col-12 {
    display: flex;
    justify-content: flex-end;
}

    .panel.utilityPanel .row .prvnxtbtn.col-12 .SecondaryButton.backToSearch {
        color: rgb(192, 192, 192);
        border-color: rgb(192, 192, 192);
    }

        .panel.utilityPanel .row .prvnxtbtn.col-12 .SecondaryButton.backToSearch.prevNext {
            display: flex;
            align-items: center;
        }

            .panel.utilityPanel .row .prvnxtbtn.col-12 .SecondaryButton.backToSearch.prevNext:hover {
                color: #fff !important;
            }

                .panel.utilityPanel .row .prvnxtbtn.col-12 .SecondaryButton.backToSearch.prevNext:hover + .fa {
                    color: #fff !important;
                }

.cardTitleContainer.Results .card-header .card-action .row.TaskAction .headerRightCorner .uselistbtn {
    display: flex;
    align-items: center;
}

#ListCardMask .ExtraLarge.List .card-body.List .pagination.pagingBar {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

#EventCardMask .marketingHistory.clearBoth.w-100 .row .margintop10.fr {
    margin-right: 0px !important;
}

#MarketingSentEdit .ExtraLarge.MarketingSentEdit {
    width: 55%;
}

#CkeditoreEditable .card.Medium.CkeditoreEditable .mCustomScrollBox .mCSB_container.mCS_no_scrollbar {
    min-height: 210px;
}

    #CkeditoreEditable .card.Medium.CkeditoreEditable .mCustomScrollBox .mCSB_container.mCS_no_scrollbar .modal.fade.show {
        top: 0px;
        left: 200px;
        padding-left: 5px;
    }

        #CkeditoreEditable .card.Medium.CkeditoreEditable .mCustomScrollBox .mCSB_container.mCS_no_scrollbar .modal.fade.show .modal-dialog {
            margin-top: 5px;
        }

.card.ExtraLarge.List .searchFields.parent {
    width: 100%;
}

.mobileviewtaskhistorymenu {
    display: none;
}

#Account #LeftAccount .Address.parent .addressHeader .headerText {
    text-transform: uppercase;
    font-size: 9pt;
}

#Account #LeftAccount .Address.parent .addressHeader .headerText, .addressHeaderEditImg.fa-pencil, .addressDeleteImg.fa-close {
    margin-top: 12px;
}

#Account #LeftAccount .Address.parent .addressHeader .addressplusbutton {
    margin-top: 10px;
}

#Account #LeftAccount .Address.parent .row .textInputBox.street, #Account #LeftAccount .Address.parent .row .textInputBox.city, #Account #LeftAccount .Address.parent .row .textInputBox.state, #Account #LeftAccount .Address.parent .row .textInputBox.zip, #Account #LeftAccount .Address.parent .row .textInputBox.county, #Account #LeftAccount .Address.parent .row .textInputBox.country {
    color: #000 !important;
    font-weight: 500;
}

.card.Large.Account .currentTags .badge, .card.Small.Contact .currentTags .badge, .card.Large.Listing .currentTags .badge {
    align-items: center !important;
    align-content: center;
}

.card.Large.Account .badge .badge_sub.badge_sub_left, .card.Small.Contact .badge .badge_sub.badge_sub_left {
    margin-top: unset !important;
}

.HeaderName {
    display: flex;
    align-items: flex-end;
}

.HeaderUserName {
    color: #505050;
    font-size: 15px;
}

.buttonalignment {
    display: flex;
    flex-direction: row-reverse;
}

#formemodal .modal-content {
    margin-left: 5px;
}

#MarketingSent .pagination {
    padding-right: 9px;
}

.card.ExtraLarge.Preview .cardFooter {
    display: flex;
    justify-content: flex-end;
}

.faIcons.primaryEmail {
    font-size: 22px !important;
}

.imageDropDown .faIcons.SecondaryEmail {
    padding-left: 10% !important;
}

#qbThisAccount .qbThisAccount {
    height: 25px;
    margin-left: 3px;
}

.card.Contact .subField.row.ForAccordian .tagInputBoxContainer {
    display: flow-root;
}

.card-body.Contact .badge.shade .badge_sub {
    text-decoration: line-through;
}

.card-body.Contact .badge.white {
    color: #4dc552 !important;
}

#Contact .currentTags .badge.shade {
    background-color: rgba(158, 158, 158, 0.33) !important;
    color: red !important;
    font-weight: 500;
}

#Contact .currentTags .badge {
    cursor: pointer;
}

#Contact .textInputBox.firstName, #Contact .textInputBox.lastName, #Contact .textInputBox.middleName, #Account .textInputBox.accountName, #Results .textInputBox.firstName, #Results .textInputBox.lastName, #Results .textInputBox.accountName,.bold {
    font-weight: bold;
}

.headerid {
    color: #bfbebe;
    font-weight: 600;
}

#DescriptionAccount.textAreaBox, #NotesAccount.textAreaBox {
    height: 124px;
}

#Account .tagFooter {
    background-color: aliceblue;
    color: black;
}

#Event .container, #PipelineData .container {
    border-top: 1px solid #cccc;
    margin-bottom: 9px;
    border-radius: 9px;
}

.accountPage .card-body.Event, .page.opportunityPage .card-body.Event {
    padding-top: 0px !important;
}

.field.Contact.list-group .PhoneNumber .tinyPlus.clickable, .field.Contact.list-group .EmailAddress .tinyPlus.clickable {
    padding-left: 4px;
    display: flex;
    justify-content: center;
}

.field.Contact.list-group .clickable.fa.fa-times, .field.Contact.list-group .tinyPlus.clickable {
    font-size: 16px !important;
}

.field.ContactAccount[data-entityid='1'], .window.Results .field.ContactAccount[data-entityid='1'] {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    border-top: unset !important;
}

.field.ContactAccount[data-entityid='0'], .window.Results .field.ContactAccount[data-entityid='0'] {
    box-shadow: unset;
    border-top: unset !important;
}

#Contact .list-group.Contact .list-group-Remove.PhoneNumber .RemovePhonefield {
    margin-top: 6px;
    padding-left: 4px;
}

.card-body.Event, #Pipeline #PipelineData.PipelineData {
    padding-top: 10px;
}

.card-body.TaskEdit .mCustomScrollBox .mCSB_container {
    overflow: unset;
}
/*.triggerlinkcheckbox {
    padding-top:20px;
}*/
.radioButtonListBoxContainer.options.QuickBookRadioText, .radioButtonListBoxContainer.options.TalevationRadioText {
    padding-top: 15px;
}

#chkCompletionTriggerCampaign {
    z-index: 100;
}

[data-filtertype~=AccountFilter] .card.Large.PipelineDetail .field.Pipeline #actionIcon {
    display: flex;
}

    [data-filtertype~=AccountFilter] .card.Large.PipelineDetail .field.Pipeline #actionIcon #gotoIcon {
        padding-right: 3px;
    }

    [data-filtertype~=AccountFilter] .card.Large.PipelineDetail .field.Pipeline #actionIcon #checkMarkButton {
        right: 53px;
    }

    [data-filtertype~=AccountFilter] .card.Large.PipelineDetail .field.Pipeline #actionIcon #xButton {
        padding-left: 5px;
    }

.accountPage .card-body.Event, .page.opportunityPage .card-body.Event {
    max-height: 440px;
}

#AccountUserSelection .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap.row.mt-3 {
    margin-top: 0px !important;
}

    #AccountUserSelection .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap.row.mt-3 .boxDivTitle {
        margin-left: 3px !important;
    }

    #AccountUserSelection .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap.row.mt-3 .addyEmailContainer {
        padding-left: 0px !important;
    }

    #AccountUserSelection .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap.row.mt-3 .tinyPlus.fa-plus-circle {
        padding: 7px 0px 0px 5px !important;
    }

#followUpTask .GoogleCalendar {
    flex: 0 0 25%;
    max-width: 25%;
}

.card.Large.Account #accountField #actionIcon {
    right: 0.5% !important;
    top: 7px !important;
}

#AccountUserSelection .detailsContainer .field.UserMain.parent #actionIcon #checkMarkButton {
    right: 0px !important;
}

[data-filtertype~=AccountFilter] .card.Small.Contact .card-body.Contact .listContainer.box-wrap.row.mCustomScrollbar {
    max-height: 440px;
    overflow: hidden;
}

[data-filtertype~=AccountFilter] .card.Small.Contact .card-body.Contact .listContainer.box-wrap.row .mCustomScrollBox, [data-filtertype~=AccountFilter] .card.Small.Campaign .card-body.Campaign.mCustomScrollbar .mCustomScrollBox {
    max-height: 440px;
}

#AccountSearchWindow.quickWindow.crossiconposition .innerWindowContainer.container .SubHeading {
    font-size: 14px;
}

#AccountSearchWindow.quickWindow.crossiconposition .innerWindowContainer.container .InnerWindowInstructions {
    font-size: 12px;
    font-weight: 500;
    padding-bottom: 15px;
}

#AccountSearchWindow.quickWindow.crossiconposition .textInputBoxContainer.searchInputBoxContainer.row {
    position: relative;
}

    #AccountSearchWindow.quickWindow.crossiconposition .textInputBoxContainer.searchInputBoxContainer.row #busyIcon {
        right: 33%;
        bottom: 15%;
    }

[data-filtertype~=AccountFilter] #AccountCardMask #Account .card-body.Account #actionIcon .fa-trash-o, #ContactCardMask #Contact .card-body.Contact #actionIcon .fa-trash-o,.red {
    color: red;
}

.field.list-group.Contact #actionIcon #xButton .fa-trash-o {
    margin-left: 12%;
}

/*.field.container.WFGEvent .clearBoth.row.tasks.two .contactWithAccount.staticEntityBox {
    display: flex;
}*/
[data-cardedittype~=TaskEdit] .field.container.WFGEvent .clearBoth.row.tasks.two .inputBoxContainer.StaticBoxContainer.ContactBox {
    padding-left: 8px;
}

[data-cardedittype~=TaskEdit] .field.container.WFGEvent .clearBoth.row.tasks.two .inputBox.staticBox.clickable.AccountName {
    margin-left: 8px;
}

[data-cardedittype~=HistoryEdit] .field.container.WFGEvent .clearBoth.row.tasks.two .inputBoxContainer.StaticBoxContainer.ContactBox {
    padding-left: 0px;
}

[data-cardedittype~=HistoryEdit] .field.container.WFGEvent .clearBoth.row.tasks.two .inputBox.staticBox.clickable.AccountName {
    margin-left: 0px;
}

.field.container.WFGEvent .clearBoth.row.tasks.two .contactAccountdiv {
    padding-left: 0px;
}

[data-filtertype~=OpportunityFilter] [data-cardedittype~=TaskEdit] .boxLabel.eventCreatedBy {
    width: max-content !important;
}

.card.Large.Event .field.container.WFGEvent .clearBoth.row.tasks.two .IconPaddingRemove {
    padding-left: 0px;
}

#ContactDelete .card.Small.ContactDelete {
    width: 31%;
}

.CompanyDescription {
    padding-top: 20px;
}

.Count, .Askingprice {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.inputBox.staticBox.ListingTitle {
    color: #2296c7;
}

.ListingImage {
    max-height: 0px !important;
    padding-top: 0px !important;
    width: 90%;
    min-height: 120px;
}

#Listing .field.Listing.list-group {
    margin-bottom: 9px;
}

.subField.row.ForAccordian.listingsubfield.Listsub {
    display: none !important;
}

.subField.row.ForAccordian.listingsubfield {
    background-color: #fff !important;
}

#Listing .customFields.subField.ForAccordian.listingsubfield .inputBoxContainer.tagInputBoxContainer {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 12.5px;
}

#Listing #actionIcon.actionButtonContainer {
    right: 2%;
    top: unset !important;
    padding-top: 1rem;
    display: flex;
    bottom: 1rem;
    padding-top: 10px;
}

    #Listing #actionIcon.actionButtonContainer #xButton {
        padding-right: 8px;
    }

#Listing .expandBar.clickable.MoreDetail {
    text-align: left !important;
    background-color: #ffffff !important;
    color: #56a9d1;
    padding-left: 12.5px;
    display: flex;
    align-items: center;
    padding-top: 10px;
}

    #Listing .expandBar.clickable.MoreDetail .fa.fa-chevron-circle-down, #Listing .expandBar.clickable.MoreDetail .fa.fa-chevron-circle-up {
        color: #56a9d1;
        font-size: 15px !important;
        padding-left: 5px;
    }

.row.Listingfilter {
    width: 100%;
}
/*#Listing #bedgelistsorting .badge {
    background-color: rgba(158, 158, 158, 0.33);
    color: #212529;
    cursor: pointer;
}*/
.card.Large.Listing .currentTags .badge .badge_sub.badge_sub_left {
    margin-top: unset !important;
}

.listimage {
    justify-content: center;
    display: flex;
}

.closebtn.fr.showfullimage {
    flex-direction: column;
    align-items: flex-end;
    cursor: pointer;
    display: flex;
}

.HideuploadlistImage {
    background: #000000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.container.card.window.fullimage {
    height: auto;
    width: 100%;
    max-width: 70%;
    box-shadow: none;
    margin: 0 auto;
    top: 970px;
    left: unset;
    background-color: transparent;
}
/*.container.card.window.fullimage .expandedImg {
        width: 100%;
        height: 100%;
    }*/
#NewListingObject.field.AddListing .inputBoxContainer {
    padding-top: 10px;
}

.removeImageEdit {
    cursor: unset !important;
}

.fas.fa-trash-alt.cc_pointer {
    cursor: pointer;
}

[data-filtertype~=AccountFilter] .card.Large.Event .field.Event #actionIcon #checkMarkButton, [data-filtertype~=OpportunityFilter] .card.Large.Event .field.Event #actionIcon #checkMarkButton,
[data-filtertype~=RecentFilter] .card.Large.Event .field.Event #actionIcon #checkMarkButton, [data-filtertype~=EventFilter] .card.Large.Event .field.Event #actionIcon #checkMarkButton {
    position: absolute;
    right: 48px;
}

.container.card.window.fullimage .Imagecancel {
    display: flex;
    flex-direction: column;
    /*width: auto;
    margin: 0 auto;*/
    width: 100%;
    max-width: 100%;
}

    .container.card.window.fullimage .Imagecancel .expandedImg {
        margin: 0 auto;
        padding: 50px 65px 50px 65px !important;
        background-color: black;
        width: inherit;
    }

#Listing.field.Listing .row.ListContent .listingdiv .row .inputBoxContainer.StaticBoxContainer, #ListingBuyer.field.ListingBuyer .row.ListContent .listingdiv .row .inputBoxContainer.StaticBoxContainer,
#BuyerProfilefield.field.BuyerProfile .row.ListContent .inputBoxContainer {
    padding-bottom: 12px;
}

#Listing .customFields.subField.row.ForAccordian.listingsubfield .inputBoxContainer.SelectInputBoxContainer, #Listing .customFields.subField.row.ForAccordian.listingsubfield .inputBoxContainer.tagInputBoxContainer {
    padding-bottom: 10px;
}

#Listing .row.ListContent .listingdiv .row .inputBoxContainer.StaticBoxContainer.StandardForm.Count .inputBox.staticBox.boxed {
    font-size: 22px;
    font-weight: bold;
}

.card.Large.Listing #tabe-2 #BuyerProfilefield {
    padding-bottom: 22px;
}

#BuyerProfilefield .inputBoxContainer.tagInputBoxContainer.Industry, #BuyerProfilefield .inputBoxContainer.tagInputBoxContainer.Industry .inputBoxContainer.textInputBoxContainer {
    padding-bottom: 0px !important;
}

#NewListingObject .customFields .currentTags #bedgelistsorting .badge_sub.badge_sub_left {
    margin-top: 0% !important;
}

#ListingBuyer #actionIcon #gotoIcon {
    padding-right: 10px;
}

#ListingBuyer #actionIcon #editButton .fa.icon.fa-edit.clickable {
    font-size: 20px !important;
}

.upgradeaccounttitle {
    padding-left: 12.5px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
}

#UpgradeAccount.field.UpgradeAccount .row .textInputBoxContainer, #UpgradeAccount.field.UpgradeAccount .row .numericInputBoxContainer, #UpgradeAccount.field.UpgradeAccount .row .SelectInputBoxContainer {
    padding-bottom: 10px;
}

[data-filtertype~=AccountFilter] .card.Large.Event .field.Event #actionIcon #OutlookButton, [data-filtertype~=OpportunityFilter] .card.Large.Event .field.Event #actionIcon #OutlookButton,
[data-filtertype~=RecentFilter] .card.Large.Event .field.Event #actionIcon #OutlookButton, [data-filtertype~=EventFilter] .card.Large.Event .field.Event #actionIcon #OutlookButton {
    position: absolute;
    right: 23px;
}

#Listingcontrol .currentTags .badge_sub.badge_sub_left, #NewListingObject .currentTags .badge_sub.badge_sub_left {
    margin-top: 0px !important;
}

#NewListingObject .FieldTitle {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    line-height: 22px;
}

#NewListingObject .listingtitle {
    padding-right: 12.5px;
}

#Listing .card.Large.Listing .nav.nav-tabs.nav-tabs-info .nav-item .nav-link.active {
    border-color: #4296c8 #4296c8 #fff;
    border-top: 1px solid #4296c8;
    border-right: 3px solid #4296c8;
    border-left: 3px solid #4296c8;
    border-bottom: 1px solid #4296c8 !important;
}

#Listingcontrol .customFields .tagInputBoxContainer {
    display: flex;
    flex-wrap: wrap;
}

#AddListing #NewListingObject .customFields.row.listingsubfield.ListingDetailsPage .inputBoxContainer {
    padding-top: 0px !important;
}

#Listing .badge_sub.badge_sub_left, #Listingcontrol .badge_sub.badge_sub_left, #AddListing .badge_sub.badge_sub_left {
    white-space: normal;
}

.ShowReassignLink {
    display: flex;
    justify-content: center;
}

.xdsoft_datetimepicker.xdsoft_.xdsoft_noselect .xdsoft_datepicker.active .xdsoft_mounthpicker .xdsoft_label.xdsoft_year {
    width: 49px !important;
}

.ac-container .accordion.card #actionIcon {
    position: absolute;
    right: 4%;
    top: 0%;
    z-index: 9;
}

#AccountAdmin .card-body.AccountAdmin .tab-content .ac-container .accordion.card .card-header {
    min-height: 40px;
}

.InheritParent {
    font-weight: 400;
}

.card-body.Account #RightAccount.IsScroll .newRightAccount.row {
    max-height: 280px;
}

.card-body.Account #RightAccount .newRightAccount.row .mCSB_container, #AccountAdmin #tabe-6 #CsvImpportField #uploaderCSV,
.card.Small .Dragdropdiv .card-header.RemovePadding #actionIcon {
    display: flex;
}

.accordion .ac-small .fa.icon.fa-trash-o {
    color: red !important;
}

.card.AccountCustomFields .ac-container, .card.ContactCustomFields .ac-container, .card.PipelineCustomFields .ac-container {
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.viewAsResultBtn.sortorder {
    padding-top: 15px;
    padding-right: 30px;
}

.card.Small .Dragdropdiv .accordion.card.draggable-item.ui-sortable-handle .card-header .accordionLabel {
    cursor: grab;
}

.card-body.AccountCustomFields .CheckmarkInputBoxContainer.recordHistory, .card-body.ContactCustomFields .CheckmarkInputBoxContainer.recordHistory,
.card-body.PipelineCustomFields .CheckmarkInputBoxContainer.recordHistory {
    display: flex;
}

.card.Small .Dragdropdiv .card-header.RemovePadding #actionIcon {
    right: 14%;
}

.CustomFieldsPage .card {
    width: 98%;
}

.card.Small .Dragdropdiv .checkmarkInputBox {
    z-index: 1;
}

.card.AccountCustomFields .field.CustomTypeNew.AccountCustomTypes #dropDown .field.CustomDomainValue, .card.ContactCustomFields .field.CustomTypeNew.ContactCustomTypes #dropDown .field.CustomDomainValue,
.card.PipelineCustomFields .field.CustomTypeNew.PipelineCustomTypes #dropDown .field.CustomDomainValue {
    display: flex;
    padding-top: 5px;
}

.card.AccountCustomFields .field.CustomTypeNew.AccountCustomTypes #dropDown .tinyPlus.clickable, .card.ContactCustomFields .field.CustomTypeNew.ContactCustomTypes #dropDown .tinyPlus.clickable,
.card.PipelineCustomFields .field.CustomTypeNew.PipelineCustomTypes #dropDown .tinyPlus.clickable {
    padding-left: 15px;
}

.card.AccountCustomFields .field.CustomTypeNew.AccountCustomTypes .SubHeading, .card.ContactCustomFields .field.CustomTypeNew.ContactCustomTypes .SubHeading,
.card.PipelineCustomFields .field.CustomTypeNew.PipelineCustomTypes .SubHeading {
    padding: 5px;
}

.row.box-wrap.recipientslist .list-group-item {
    max-width: 49%;
    margin-right: 1% !important;
}

#ReplyAllRecipients .box-wrap:hover .list-group {
    opacity: unset;
    filter: unset;
}

.HiddenField {
    display: none !important;
}

.PipelineControl.FilterControl .multiSelectInputBoxContainer {
    margin-bottom: 17px;
}

.PipelineControl.FilterControl .SubHeading, .PipelineControl.FilterControl .row.pipelineControlRow {
    margin-bottom: 5px;
}

.PipelineControl.FilterControl .textInputBoxContainer.pipelineDescriptionPipelineFilter, .PipelineControl.FilterControl .SelectInputBoxContainer.PipeLine.Status, .PipelineControl.FilterControl .textInputBoxContainer.pipelineDollarValue {
    margin-bottom: 19px;
}

#CampaignEdit .card.Large.CampaignEdit .testallemail.SecondaryButton {
    left: 7.5%;
    position: absolute;
}
/*.WebformRequiredfield {
    overflow: hidden;
    position: relative;
}*/
.imageSliderDiv .customImage.webformfields {
    top: 5px;
}

.card-header .HeaderTopRight .dropdown-toggle.clickable.dropdown-toggle-nocaret.isremovebtn .fa.fa-minus-circle.icon {
    color: rgba(0,0,0,0.85) !important;
    font-size: 20px !important;
}

.field.ContactAccount.PhoneNumberBox .contactImageBorder {
    padding-left: 10px !important;
}
/*.card.Results .selectcontact {
    color: #2296c7;
    line-height: 30px;
    cursor: pointer;
}*/
.card.Results #SelectAllResultContacts {
    line-height: 30px;
}

.contentPanel.row .col-lg-9.col-xl-9 #Results .field.ContactAccount.PhoneNumberBox .contactImageBorder {
    padding-left: 0px !important;
}
#AccountSearchWindow .innerWindowContainer.container .field.AccountCompact.AlternatingShading, #CampaignEvent.cardContainer .field.CampaignEvent.AlternatingShading {
    background-color: #eaeaea;
}
.page.accountPage .contentPanel #Results .card.window.ExtraLarge.Results .cardFooterWindow.modal-footer {
    display:unset;
}
    .page.accountPage .contentPanel #Results .card.window.ExtraLarge.Results .cardFooterWindow.modal-footer .selectedresultcontactsbtn {
        margin-bottom: 0px !important;
        margin-right: 0px !important;
    }
#ImageUploadModal #ImgFile {
    display:inline-block;
}
#GlobalUpdate .field.GlobalUpdate.globalUpdateField #divMailMerge #uploaderRTF, #ReplyAllRecipients .card-body.ReplyAllRecipients .row.box-wrap .mCSB_container {
    display: flex;
}
#CSVProcessModal .modal-content {
    width:103%
}
#AccountSearchWindow .innerWindowContainer .fieldDiv {
    word-break: break-all;
}
#CSVProcessModal .modal-content .CSVProcessheader {
    padding: 10px 15px 10px 15px !important;
    background-color: aliceblue;
}
/*#AccountConfig #AccountUserSelection .field.AccountMain.list-group-item:hover, #AccountConfig #AccountUserSelection .field.UserMainStatic.list-group-item:hover {
    transform: unset !important;
    filter: unset !important;
    opacity: unset !important;
    box-shadow: unset !important;
    border:0px !important;
}
#AccountConfig #AccountUserSelection .searchFields.Accounts .listContainer.clearFix.box-wrap .w-100:hover, #AccountConfig #AccountUserSelection .listContainer.clearFix.box-wrap .userselectionfield:hover {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1;
    box-shadow: 0 8px 20px 0px rgba(0,0,0,0.125);
    z-index: 1;
    text-decoration: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}

#AccountConfig #AccountUserSelection .searchFields.Accounts .listContainer.clearFix.box-wrap .w-100.container, #AccountConfig #AccountUserSelection .listContainer.clearFix.box-wrap .userselectionfield {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
}
    #AccountConfig #AccountUserSelection .searchFields.Accounts .listContainer.clearFix.box-wrap .w-100.container .field.AccountMain.list-group-item, #AccountConfig #AccountUserSelection .listContainer.clearFix.box-wrap .userselectionfield .field.UserMainStatic.list-group-item {
        border: 0px;
        box-shadow: 0 0 black;
    }*/
.page.webformsPage #Results .card.ExtraLarge.Results .row.TaskAction, .page.webformsPage #Results .card.ExtraLarge.Results .row.TaskAction .headerRightCorner {
    width: 100%;
}

#EmailRecipient .card-body.EmailRecipient .row.box-wrap .mCSB_container {
    display: flex;
}

#EmailRecipient .card-body.EmailRecipient.parent .normalButton.btn.btn-primary.SecondaryButton {
    display: flex;
    align-items: center;
    align-content: center;
}

#EmailRecipient .card-body.EmailRecipient.parent .row.ButtonPosition {
    justify-content: space-between;
}

.page.callbackPage .blankcard {
    flex: 1 1 auto !important;
    padding: 1.25rem !important;
}

#PreviewEmail .card-body.PreviewEmail .classNotDragable .editorfullimage.mobileview {
    width: inherit !important;
}

#PreviewEmail .inputBox.form-control.textInputBox.testpreview, #PreviewEmail .inputBox.clickable.selectInputBox.Dropdown.testpreview {
    width: 25%;
    display: unset;
}

#PreviewEmail .inputBox.clickable.selectInputBox.Dropdown.testpreview {
    border: 1px solid #d8d8d8 !important;
    border-radius: 0.25rem !important;
    background-color: #ffffff !important;
}

#PreviewEmail .normalButton.btn.btn-primary.sendtestemail {
    height: 34px !important;
}

[data-filtertype=ListFilter] #Results .card.ExtraLarge.Results .cardTitleContainer.Results .card-action .row.TaskAction, [data-filtertype=ListFilter] #Results .card.ExtraLarge.Results .cardTitleContainer.Results .card-action .row.TaskAction .headerRightCorner, #AccountConfig .card.ExtraLarge.AccountConfig #AccountUserSelection .searchFields.Accounts .listContainer.clearFix.box-wrap.row .boxDiv.box-wrap.row {
    width: 100%;
}

#AccountConfig .card.ExtraLarge.AccountConfig .ac-container #userSelectionContainer .ac-container .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap .boxDivTitle, #AccountConfig .card.ExtraLarge.AccountConfig .ac-container #userSelectionContainer .ac-container .field.UserMain.parent .advancedFieldsContainer .boxDiv.box-wrap .addyEmailContainer .field.AddyEmail.parent {
    display: none;
}

#Results .card.Results .childAccounts ul {
    padding-left: 17px;
}

#ListCardMask #List .card.ExtraLarge.List .card-body.List .searchFields.parent .row:hover .boxLabel {
    visibility: visible;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown, #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown {
    display: flex;
    align-items: center;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 4px;
    position: absolute;
    left: 0%;
    margin-left: -43px;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown {
    margin-left: -12px;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-print.clickable,
#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-headphones.clickable,
#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-home.clickable,
#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-mobile.clickable {
    margin-left: 8px;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown .fa.fa-envelope-o.emailComm.SecondaryEmail.clickable {
    padding-left: 8px !important;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa,
#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown .fa {
    color: white;
}

#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown::after,
#Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown::after {
    content: "";
    position: absolute;
    top: -18%;
    left: 45%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    transform: rotate( 180deg );
    transform-origin: 68% 21%;
}

.txtborder {
    text-align: center;
    line-height: 30px;
}

.titleborder {
    border-bottom: 1px solid;
}

#UpgradeLimitModal .dflex {
    display: flex;
    flex-direction: unset !important;
    padding: .20rem 0rem;
}

#TemplateEdit .card.window.Large.TemplateEdit, #EmailEventEdit .card.window.Large.EmailEventEdit {
    left: 0px;
    width: 100%;
    top: 0px;
}

#cardloading {
    top: 0px !important;
    left: 0px !important;
    position: absolute !important;
    background-color: rgba(0, 0, 0, 0.45) !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 10051 !important;
    vertical-align: middle;
}

.cardloadingwidth {
    color: rgb(255, 255, 255);
    display: table;
    height: 100%;
    font-size: 16px;
    text-align: center;
    width: 100%;
    position: absolute;
}

.Imagewithloadingcontent {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.inputBoxContainer.checkBoxInputBoxContainer.list-group.alreadyRemoved {
    /*border: 1px;*/
    border-width: 1px;
    border-style: solid;
    border-color: red;
}

.ListItem.card-body .checkMainContainer {
    max-height: 200px;
}

#CampaignEdit .card.window.Large.CampaignEdit #CampaignEvent .field.CampaignEvent {
    border-bottom: 1px solid #eaeaea;
}
#RemovedItemNote {
    font-size: 11px;
}
#ExcludeContactsNote {
    font-size: 11px;
    padding-left: 10px;
    padding-bottom: 10px;
}
#ListItem .removedtext {
    font-size: 11px;
    color: red;
}

#splitEmailDesignLink {
    font-size: .8rem;
    color: #2296c7;
}
#SplitEmailPreview .card.ExtraLarge.SplitEmailPreview .cardFooter {
    padding-right: 1.2% !important;
}
#SplitEmailPreview #isPreheader, #SplitEmailPreview #prependLink, #SplitEmailPreview #saveAsTemplate {
    z-index: 1;
}
#splitEmailDesignLink .ForHoverEffect .hoverText {
    bottom: 6%;
    font-size: 12px;
    font-weight: normal;
    width: 200px;
    left: unset;
    right: 100px;
}
#SplitEmailPreview .card.ExtraLarge.SplitEmailPreview .nav.nav-tabs.nav-tabs-info .nav-item .nav-link.active {
    border-color: #4296c8 #4296c8 #fff;
    border-top: 1px solid #4296c8;
    border-right: 3px solid #4296c8;
    border-left: 3px solid #4296c8;
    border-bottom: 1px solid #4296c8 !important;
}
#NewUpgradeMethod .card.window.Medium.NewUpgradeMethod {
    left: 350px;
    width: 55%;
}
#UserssecretKey {
    text-transform: none;
}
.uploadFileType {
    font-size: 11px;
    margin-top: 5px;
}

.FileSupporteddiv {
    padding-left: 7px;
}
#EmailImageWindow .card.window.Medium.EmailImageWindow {
    left: 290px;
    width: 57%;
    min-height:24%;
}
#EmailImageWindow .card-body.EmailImageWindow .imageblock, #EmailImageWindow .card-body.EmailImageWindow .Vastactionimageblock {
    max-height: 475px;
}
.uniqueclickarrowicon, .UniqueclickLinkDiv {
    font-size: 14px !important;
    color: #2096c8;
}
    .uniqueclickarrowicon:hover, .UniqueclickLinkDiv:hover {
        color: #14abef;
    }

.Ccemailnote {
    font-size: 10px;
    padding-top: 15px;
}
.green {
    color:green;
}
.billinghistorytitleborder {
    border-bottom: 1px solid;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.billinghistoryrecord {
    padding-bottom: 1%;
    padding-top: 1%;
    border-bottom: 1px solid #dee2e6;
}
.EventFrequency br {
    display: none;
}

.EventFrequency label {
    margin-right: 6px;
}
@media screen and (max-width:1140px) {
    /*#TaskEdit .card.window.ExtraLarge.TaskEdit, #HistoryEdit .card.window.ExtraLarge.HistoryEdit, #CampaignTrigger .card.window.Large.CampaignTrigger, #GlobalUpdate .card.window.ExtraLarge.GlobalUpdate, #ViewEvent .card.window.Large.ViewEvent, #TriggerLinkEdit .card.window.ExtraLarge.TriggerLinkEdit, #WebformEdit .card.ExtraLarge.WebformEdit, #EventTrigger .card.window.Large.EventTrigger, #SenderProfilesEdit .card.window.Large.SenderProfilesEdit, #MarketingSendEdit .card.window.ExtraLarge.MarketingSendEdit {
        left: 32px;
        width: 92%;
    }*/
    .card.window {
        left: 32px !important;
        width: 92% !important;
    }

        #ListEdit .card.window.ExtraLarge.ListEdit, .card.window.Large.TemplateEdit, .card.window.Large.CampaignEdit, .card.window.Large.ReplyAll {
            left: 116px;
        }

    #BucketEdit .card.window.Small.BucketEdit {
        left: 245px;
        width: 40%;
    }

    .card.window.Large.TemplateEdit {
        top: 2%;
    }

    /*.cardTitleContainer.Results .card-header .card-action{
        width:0% !important;
    }*/
    /*#QueryField .inputBoxContainer.multiSelectInputBoxContainer .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget.ui-state-default {
        width: 107px !important;
    }*/
}

@media screen and (max-width:768px) {
    /*.cardTitleContainer.Results .card-header .card-action {
        width: 70% !important;
    }*/
    .field.container.ContactAccount.PhoneNumberBox #actionIcon {
        visibility: visible !important;
    }

    #home-left-content .mt-5 {
        width: 50% !important;
    }

    #actionIcon {
        visibility: visible !important;
    }

    #gotoIconNewWindow2 {
        visibility: visible;
        left: 0px;
    }

    .boxLabel {
        visibility: visible !important;
    }

        .boxLabel.eventCreatedBy {
            width: 22% !important;
            visibility: visible !important;
        }

    #BucketEdit .card.window.Small.BucketEdit {
        left: 245px;
        width: 40%;
    }

    #taskEdit .clearBoth.row.six .CheckmarkInputBoxContainer.Mbviewclass {
        flex: 0 0 25%;
        max-width: 25%;
    }

    #historyEdit .clearBoth.row.seven .col-lg-6.col-md-6.RemovePadding.row {
        flex: 0 0 72%;
        max-width: 66%;
    }

        #historyEdit .clearBoth.row.seven .col-lg-6.col-md-6.RemovePadding.row .col-lg-5.col-md-5.RemovePadding {
            flex: 0 0 41.666667%;
            max-width: 46.666667%;
        }

    #PipelineEdit .card.window.ExtraLarge.PipelineEdit {
        left: 65px;
    }

    #RecurringServiceEdit .card.window.ExtraLarge.RecurringServiceEdit {
        left: 85px;
    }

    #historyEdit .clearBoth.row .CheckmarkInputBoxContainer {
        margin-left: unset;
    }

    #historyEdit .boxLabel.eventCreatedBy {
        width: 27% !important;
        margin-bottom: 1%;
        margin-top: unset;
    }

    #EventFilter .clearBothTable.row.w-100 .smallHyperlink.fl.col-8 {
        max-width: 58.666667%;
    }

    .List #actionIcon, .TriggerLink #actionIcon, .Webform #actionIcon {
        width: 20% !important;
    }

    #Results .card.ExtraLarge.Results #actionIcon {
        top: 49%;
        display: flex;
        flex-wrap: wrap;
        right: 0;
        left: 88%;
    }

    #Results .card.ExtraLarge.Results .col-lg-9.col-md-9.col-9 {
        flex: 0 0 92%;
        max-width: 91%;
    }

    #TemplateEdit .card.Large.TemplateEdit {
        width: 91% !important;
        left: 35px !important;
    }

    #EventTrigger .VariationDays.col-lg-1.col-md-1 .boxLabel {
        max-width: 107%;
    }

    #SenderProfilesEdit .mailMergeField.MailMerge.col-lg-2.col-md-2.selectBox {
        padding-left: 0px;
    }


    #Preview .clearFix.margintop10.row .isPreheader.col-lg-3.col-md-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #SenderProfilesEdit .col-12.h6 {
        padding-left: 0px;
    }

    #SenderProfilesEdit .senderProfilePostal.col-lg-9.col-md-9 .row .h6 {
        padding-left: 13px;
    }

    #SenderProfilesEdit .senderProfilePostal.col-lg-9.col-md-9 .row .optional {
        padding-left: 13px;
    }

    #WebformEdit .card-body.WebformEdit .UserFormBox.row #form-wrapper {
        padding-left: 0px;
    }

    #WebformEdit .card-body.WebformEdit .UserFormBox.row #formCode {
        padding-left: 16px;
    }

    #WebformEdit .card-body.WebformEdit .UserFormBox.row .fr.col-2 {
        padding-left: 8px;
    }

    .contentPanel .col-lg-9.col-xl-9 {
        padding: unset !important;
    }

    #PipelineData .innerBlock10.ipadwidth {
        width: 6% !important;
    }

    #PipelineData .fr.iconipadwidth {
        width: 7% !important;
    }

    #achMailMergeExisting {
        float: right;
    }

    #pipeline-control .btn-outline-success.margintopadjust {
        margin-top: 10px !important;
    }

    #utilityBackSearchButton {
        visibility: hidden !important;
    }

    .panel.utilityPanel.visibleHide .normalButton.SecondaryButton.ml-2.mb-1 {
        margin-left: 0px !important;
    }

    [data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactImage.small {
        margin-left: 2px !important;
    }

    .fa.fa-mobile.fa-2x.clickable.currentImage {
        margin-left: 1px !important;
    }

    #EmailQuickWindow {
        left: 4%;
    }

        #EmailQuickWindow .clickContainer .col-lg-9.col-md-9.col-12 {
            word-break: break-all;
        }

    #EmailRecipient .card-body.EmailRecipient .row.box-wrap .EmailRecipient.itemposition,
    #ReplyAllRecipients .card-body.ReplyAllRecipients .row.box-wrap .ReplyAllRecipients.itemposition, #ReplyAllRecipients .card-body.ReplyAllRecipients .row.box-wrap .ContactSearch {
        max-width: 100% !important;
    }

    #Results .contactDetailContainer.EmailField .iconpadding {
        padding-left: 0px;
    }

    [data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactInitials {
        width: 52px;
    }

    #divMailMerge .campaignCopyBox.clearBoth.row .col-lg-2.col-md-2.col-5 {
        margin-left: 1.5rem !important;
    }

    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 12px 32.5px;
    }

    #uploadUserImg + .modal.fade.show {
        left: 32px !important;
        width: 92% !important;
    }

    .mobileviewtaskhistorymenu {
        display: block;
    }

    .Desktopviewtaskhistorymenu {
        display: none;
    }

    .card.ExtraLarge.CustomFields .accordion.card #actionIcon {
        right: 15% !important;
    }

    .row.box-wrap.recipientslist .list-group-item {
        max-width: unset;
    }

    #CSVProcessModal .modal-content {
        width: 100%;
    }

    #CSVProcessModal {
        left: 18%;
    }

    #AccountSearchWindow {
        width: 98%;
        left: 1%;
    }

    #PreviewCardMask .cardContainer.notvisible .card.cardParent.ExtraLarge.Preview .boxLabel {
        visibility: hidden !important;
    }
    /*.page.accountPage .panel.utilityPanel .normalButton.btn.btn-primary.SecondaryButton.backToSearch.centerBtn {
        margin-left:86% !important;
    }*/
    .card.ExtraLarge.ListEdit #Results, .card.ExtraLarge.ListEdit #QueryListItem, .card.ExtraLarge.ListEdit #ListItem {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }
    #Listing .card.Large.Listing .hidden-xs.listingnavtab {
        display: block !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
    .boxLabel, #actionIcon {
        visibility: visible !important;
    }

    [data-cardtype~=Results] #actionIcon .fa, .zmdi, .fas, .far {
        font-size: 15px !important;
    }

    [data-cardtype~=Results] #actionIcon {
        font-size: 16px;
        margin-right: 7px;
    }

    #GlobalUpdate .card.ExtraLarge.GlobalUpdate {
        width: 96% !important;
        left: 23px !important;
    }

    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 10px 6px;
    }

    #wrapper.toggled #sidebar-wrapper {
        position: fixed;
        top: 60px;
        left: 0px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    #sidebar-wrapper {
        background: #000;
        position: fixed;
        top: 60px;
        left: -240px;
        z-index: 1000;
        overflow-y: auto;
        width: 240px;
        height: 100%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        box-shadow: none;
    }

    .content-wrapper {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .toggle-menu i {
        margin-left: 0px;
    }

    #Contact .card.Small.Contact .Contact.list-group .row #mailmergeIconNewWindow, #btnVCard, #btnDataUpdateLink, #btnSendEmail {
        font-size: 0.88em !important;
    }

    .quickWindow {
        left: 4%;
        width: 91%;
    }
    /*.page.accountPage .panel.utilityPanel .normalButton.btn.btn-primary.SecondaryButton.backToSearch.centerBtn {
        margin-left: 89% !important;
    }*/
    #utilityBackSearchButton {
        visibility: hidden !important;
    }

    .mobileviewtaskhistorymenu {
        display: block;
    }

    .Desktopviewtaskhistorymenu {
        display: none;
    }

    #CSVProcessModal .modal-content {
        width: 100%;
    }

    #AccountSearchWindow {
        width: 98%;
        left: 1%;
    }

    #PreviewCardMask .cardContainer.notvisible .card.cardParent.ExtraLarge.Preview .boxLabel {
        visibility: hidden !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1023px) {

    #wrapper.toggled #sidebar-wrapper {
        position: fixed;
        top: 60px;
        left: 0px;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .content-wrapper {
        margin-left: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .toggle-menu i {
        margin-left: 0px;
    }

    #sidebar-wrapper {
        background: #000;
        position: fixed;
        top: 60px;
        left: -240px;
        z-index: 1000;
        overflow-y: auto;
        width: 240px;
        height: 100%;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
        box-shadow: none;
    }
}

@media screen and (max-width: 600px) {
    #actionIcon {
        visibility: visible !important;
    }

    .navbar-expand .navbar-nav .nav-item.TopUserIcon {
        margin-right: 0;
    }

    .card-body.Query {
        padding: 1.25rem;
    }

    #home-left-content .mt-5 {
        width: 94% !important;
    }

    #fc_widget {
        display: none;
    }

    .textInputBoxContainer.webformName {
        padding-left: unset;
    }

    .card.ExtraLarge.List .card-body.List {
        padding-left: 8px !important;
    }

    [data-cardtype~=TriggerLinkEdit] .inputBoxContainer {
        padding-left: unset;
    }

    .field.WFGEvent .row.tasks.two .inputBoxContainer.textAreaContainer.descriptionEvent {
        margin-top: 6px !important;
    }

    .headerRightCorner .resultsCount.fr {
        line-height: unset;
    }

    .field.CampaignEvent #actionIcon {
        top: 8%;
    }

    .AccountEditBox1, .AccountEditBox2 {
        padding-left: unset
    }

    .pl {
        padding-left: 12.5px;
    }

    .sendEmailFooter.SubMenu, .card.cardParent.Small.Templates, .card.cardParent.Small.Campaign, .card.cardParent.Small.SenderProfiles {
        display: none;
    }

    #ListEdit .card.window.ExtraLarge.ListEdit, .card.window.Large.TemplateEdit, .card.window.Large.CampaignEdit {
        left: 15px !important;
    }

    .campaignCopyBox .normalButton.margintop5 {
        margin-top: 12px;
    }

    .col-lg-3.pl-5.historyNumber {
        padding: unset !important;
    }

    #SendDate {
        margin-left: unset !important;
    }

    .card-body.MarketingSendEdit .clearFix.parent .row [data-fieldtype~=EmailRecipient] {
        margin-bottom: 8px;
    }

    .clearBoth.row .inputBoxContainer, .clearBoth.five .row .inputBoxContainer, .field.Campaign .row .inputBoxContainer, .ReportQueryClass .row .col-lg-3 {
        padding-left: unset;
    }

    .box-wrap:hover .list-group {
        filter: blur(0px);
        opacity: 1;
        transform: scale(1);
    }

    #gotoIconNewWindow2 {
        visibility: visible;
        left: 0px;
    }

        #gotoIconNewWindow2 + .inputBoxContainer.ContactBox {
            padding-left: 9px;
        }

    .contactWithAccount.staticEntityBox.col-2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    [data-fieldtype=Contact] .contactImageBorder.large .inputBoxContainer.textInputBoxContainer.middleName {
        width: 16%;
    }

    [data-cardedittype~=HistoryEdit] .cardTitleContainer.Event .card-action {
        width: 75%;
    }

    [data-cardedittype~=HistoryEdit][data-filtertype~=AccountFilter] .cardTitleContainer.Event .headerRightCorner {
        width: 88%;
    }

    #LeftAccount, #RightAccount {
        max-width: 100%;
        flex: unset;
    }

    .card.window.Large.TemplateEdit, .card.window.CampaignEdit, .card.window.Large.EmailEventEdit, .card.window.Large.MarketingStats, .card.window.Large.SenderProfilesEdit, .card.window.ExtraLarge.MarketingSendEdit, .card.window.Large.ReplyAll, .card.window.ExtraLarge.MarketingSentEdit {
        left: 15px !important;
        top: 154px;
        width: 93% !important;
    }

    .contactAccountManagerContainer.col-lg-2, .contactDetailContainer.compactContactDetailContainer.col-lg-3 {
        padding-left: unset;
    }

    #divEmailLinkContent {
        margin-right: 0 !important;
    }

    .boxLabel {
        visibility: visible !important;
    }

    .SortByQuick {
        padding: unset;
    }

    .boxLabel.eventCreatedBy {
        width: 100% !important;
        visibility: visible !important;
    }

    [data-fieldtypealternate="MarketingSend"] #actionIcon, [data-fieldtype="MarketingSent"] #actionIcon {
        right: 11%;
        top: 59%;
    }

    .wfgButtonRed.fr.btn.btn-primary {
        margin-top: 15px;
    }

    .contentPanel .col-lg-9.col-xl-9 {
        padding: unset;
    }

    .field.Event #actionIcon {
        visibility: visible !important;
        top: 88%;
    }

    .field.container.WFGEvent.Event #actionIcon {
        /*top: 82%;*/
    }

    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 13px 12.5px;
    }

    .field.WFGEvent .contactWithAccount.staticEntityBox.col-2 {
        max-width: 100%;
    }

    .List #actionIcon #xButton {
        right: 18%;
    }

    .List #actionIcon {
        width: 18%;
    }

    .field.WFGEvent .contactWithAccount.staticEntityBox.col-2 .inputBoxContainer.StaticBoxContainer.ContactBox.col-3 {
        word-wrap: normal;
    }

    .field.TriggerLink .clearFix.row .inputBoxContainer, #CustomFieldTriggerLink .row .inputBoxContainer {
        max-width: 100%;
        flex: unset;
    }

        .field.TriggerLink .clearFix.row .inputBoxContainer.textInputBoxContainer.simpleMessage {
            margin-top: 4%;
        }

    .box-wrap.row.TriggerLinkBox, .box-wrap.row.WebFormBox {
        display: block;
    }

        .box-wrap.row.WebFormBox .field.Webform {
            max-width: 100%;
        }

    .field.Webform .inputBoxContainer.textInputBoxContainer.webformName {
        max-width: 100%;
    }

    .field.Webform .clearBT100.marginBottom5.row .webformRightTitle, .field.Webform .clearBT100.marginBottom5.row .inputBoxContainer {
        max-width: 100%;
        flex: unset;
    }

    .card-body.List .searchFields.parent .listContainer {
        display: block;
    }

    .card-action .row.TaskAction .col-11 {
        max-width: 83.333333%;
    }

    #TaskEdit .card.window.ExtraLarge.TaskEdit, #HistoryEdit .card.window.ExtraLarge.HistoryEdit, #CampaignTrigger .card.window.Large.CampaignTrigger, #GlobalUpdate .card.window.ExtraLarge.GlobalUpdate, #ViewEvent .card.window.Large.ViewEvent, #TriggerLinkEdit .card.window.ExtraLarge.TriggerLinkEdit, #WebformEdit .card.ExtraLarge.WebformEdit, .card.window.ExtraLarge.ContactEdit, .card.window.ExtraLarge.PipelineEdit, .card.window.ExtraLarge.RecurringServiceEdit, .card.window.ExtraLarge.AccountEdit {
        left: 15px !important;
    }

    .card.window {
        width: 91%;
    }

    #historyFilter .inputBoxContainer.SelectInputBoxContainer.EntityFilter.EntityFilter {
        padding-left: unset;
    }

    .card.window.ExtraLarge.ContactEdit {
        width: 91%;
        top: 2%;
    }

    .card.window.NewUpgradeMethod {
        width: 85% !important;
    }

    .card.window.ExtraLarge.AccountEdit {
        width: 91%;
    }

    .compactContactNameContaine.row .inputBoxContainer.textInputBoxContainer.importantInfo.inputMask {
        max-width: 84%;
        flex: unset;
    }

    .field.Event .clearBoth.row .CheckmarkInputBoxContainer.col-3 {
        flex: none;
        max-width: none;
    }

    .field.Event .inputBoxContainer.textInputBoxContainer.col-3 {
        flex: none;
        max-width: none;
    }

    .field.Event .inputBoxContainer.dateInputBoxContainer.col-3 {
        flex: none;
        max-width: none;
    }

    .field.Event .inputBoxContainer.StaticBoxContainer.ContactBox.col-3 {
        width: 270px;
        height: 11px;
        margin-left: 3%;
    }

    .field.Event .inputBoxContainer.StaticBoxContainer.AccountName.col-3 {
        position: absolute;
        top: 39%;
        width: 208px;
    }

    .field.Event .inputBoxContainer.textAreaContainer.descriptionEvent.col-7 {
        flex: none;
        max-width: none;
    }

    .NotificationMain.col-12.notification {
        height: 52px;
    }

        /*.NotificationMain.col-12.notification .alert.alert-outline-info.alert-dismissible .alert-icon{
        width:0px !important;
    }*/
        .NotificationMain.col-12.notification .alert.alert-outline-info.alert-dismissible .alert-message {
            line-height: 1.1;
        }

    .mCSB_container {
        display: block !important;
    }

    .field.List.parent.clickable.col-4, .field.TriggerLink.parent.clickable.col-4 {
        max-width: 100% !important;
    }

    .searchFields .row .search-bar.headerSearch.col-4 {
        max-width: 65.333%;
    }

    .searchFields .row .inputBoxContainer.SelectInputBoxContainer.StandardForm.col-2 {
        max-width: 30% !important;
    }

    #ListEdit .card.window.ExtraLarge.ListEdit, .card.window.EventTrigger {
        left: 15px !important;
    }

    .card.ExtraLarge.List .ExtraLarge.List .searchFields.parent .listContainer.clearFix.row {
        display: grid !important;
    }

    #QueryField .inputBoxContainer {
        padding-left: unset;
    }

    .col-9.buttonSearch {
        padding-left: unset;
    }

    .ColAlign {
        height: 26px;
    }

    .inputBoxContainer.StaticBoxContainer.CreatedBy {
        word-wrap: normal;
    }

    #QueryField .inputBoxContainer.SelectInputBoxContainer.StandardForm.col-3, .row .inputBoxContainer.textAreaContainer.pasteContent.col-7 {
        flex: none;
        max-width: none;
    }

    .field.SearchButtons.QuerySearchField .clearBoth.row .fr.col-2 {
        max-width: none;
    }

    .inputBox.staticBox.seperator {
        display: none;
    }

    .col-10.buttonSearch {
        display: block !important;
    }

    .inputBoxContainer.StaticBoxContainer.clickable.BlueLink {
        margin: 1%;
    }

    .inputBoxContainer.multiSelectInputBoxContainer.StandardForm.col-md-2 {
        width: 53% !important;
    }

    .field.SearchButtons.QuerySearchField .clearBoth.row {
        display: flex;
        flex-direction: column-reverse;
    }

    .field.List .list-group:hover {
        transform: scale(0.999) !important;
    }

    .cardTitleContainer.ListItem .card-header .cardTitleContainer.Contact .cardTitleText, .cardTitleContainer.Results .card-header .cardTitleContainer.Contact .cardTitleText {
        margin: 0 0 0 0;
    }

    .inputBoxContainer.checkBoxInputBoxContainer.list-group .row .col-6 {
        padding: 0px !important;
        word-wrap: normal;
    }

    .field.container.WFGEvent .actionButtonContainer {
        visibility: visible !important;
        margin-right: 5%;
    }

    .brand-logo.MobileView {
        display: flex;
    }

    .brand-logo.DesktopView {
        display: none;
    }

    .field.Event .clearBoth.row .CheckmarkInputBoxContainer.inputMask {
        max-width: 100% !important;
        flex: unset !important;
        margin-bottom: 22px;
    }

    .List #actionIcon {
        top: 23%;
        visibility: visible !important;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchTitle.boldFont20.col-2, .searchFields.parent.Users .row.border-bottom .searchTitle.boldFont20.col-2, .ac-small.InActiveUsers2 .searchFields.parent .row .searchTitle.boldFont20.col-2 {
        max-width: 29%;
        flex: unset;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchInputContainer.col-4, .searchFields.parent.Users .row.border-bottom .searchInputContainer.col-4, .ac-small.InActiveUsers2 .searchFields.parent .row .searchInputContainer.col-4 {
        max-width: 71%;
        flex: unset;
    }

    .searchFields.parent.Accounts .row.border-bottom .col-6 {
        max-width: 100%;
        flex: unset;
        margin-bottom: 2%;
    }

    .quickWindow {
        width: 384px;
        left: 4%;
    }

    .field.AccountMain #actionIcon, .field.UserMainStatic #actionIcon {
        top: 52% !important;
    }

    .ac-small .field.Notification.parent .row .inputBoxContainer.textAreaContainer.col-8 {
        max-width: 100%;
        flex: unset;
    }

    .field.NewAccountMain.parent .row .inputBoxContainer, .ac-small .field.UserMain.parent .row .inputBoxContainer {
        max-width: 100%;
        flex: unset;
    }

    .field.CustomType.parent #parentBox .clearBothTable.margintopbottom10 .smallButton.btn.btn-primary {
        margin-top: 3%;
        float: right;
    }

    .ac-small .field.Notification.parent .row .inputBoxContainer.dateInputBoxContainer.ExpiryDate {
        max-width: 50%;
        flex: unset;
    }

    #QueryField .clearBoth.row .col-9.buttonSearch {
        display: block !important;
    }

    .cardTitleContainer.Results .card-header .card-action .row.TaskAction .col-11 {
        padding-left: 0;
        font-size: 10px;
        font-weight: 200;
    }

    .cardTitleContainer.Results .card-header .card-action .row.TaskAction .resultsCount.fr {
        float: left !important;
    }

    .col-11.sortByOrder {
        max-width: 100%;
    }

    .zmdi.zmdi-chevron-right.advOpt, .advanceOption.clickable.BlueLink {
        display: none !important;
    }

    .advance.link.row {
        display: block !important;
    }

    #QueryField .clearBoth.margintop20.col-3 {
        max-width: 52%;
    }

    .SaveQueryRow .inputBoxContainer.textInputBoxContainer.queryName {
        max-width: 100% !important;
        margin-top: 1.2%;
    }

    #QueryField .row.SaveQueryRow .Inline.col-2 {
        margin-bottom: 5%;
        margin-top: 4px;
    }

    /*account form result card media css*/
    .field.container.ContactAccount.PhoneNumberBox .contactImageBorder.small.col-1 {
        max-width: 28%;
        flex: unset;
    }

    .field.container.ContactAccount.PhoneNumberBox .compactContactNameContainer.col-3.RemovePadding {
        flex: unset;
        max-width: 67%;
    }

        .field.container.ContactAccount.PhoneNumberBox .compactContactNameContainer.col-3.RemovePadding .row .inputBoxContainer.middleName.col-2 {
            flex: unset;
            max-width: 16% !important;
        }

    .field.container.ContactAccount.PhoneNumberBox .contactAccountManagerContainer.col-2 {
        max-width: 100%;
        padding: unset;
    }

        .field.container.ContactAccount.PhoneNumberBox .contactAccountManagerContainer.col-2 .row .inputBoxContainer {
            padding: unset;
        }

    .field.container.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.col-3 {
        max-width: 67%;
        flex: unset;
    }

    .card-body.Results .box-wrap .field.ContactAccount.PhoneNumberBox #actionIcon {
        top: 77% !important;
        width: 21% !important;
    }

    .inputBoxContainer.StaticBoxContainer.AccountManagerName.col-5 {
        padding-left: unset;
    }

    .field.container.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.col-3 .field.PhoneNumber.PhoneNumberBox .row .col-7, .field.container.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.col-3 .field.PhoneNumber.PhoneNumberBox .row .col-3 {
        padding: unset;
    }

    .pagingOptionsBar .inputBoxContainer.SelectInputBoxContainer.pagingOptions.selectBox {
        /*max-width: 10%;*/
        margin-top: 2%;
    }

    [data-filtertype~=AccountFilter] .field.EmailAddress .col-lg-9.col-8, [data-filtertype~=OpportunityFilter] .field.EmailAddress .col-lg-9.col-8 {
        flex: 0 0 75%;
        max-width: 75%;
    }

    .card-body.CampaignTrigger .field.campaignEditField .row {
        display: block;
    }

        .card-body.CampaignTrigger .field.campaignEditField .row .inputBoxContainer, .StartPtBtn {
            padding-left: unset;
        }

        .card-body.CampaignTrigger .field.campaignEditField .row .col-10 #startPointButton {
            float: left;
        }

    .field.GlobalUpdate.globalUpdateField .normalButton.clickable.btn.btn-primary {
        width: 45%;
        margin: 1%;
    }

    .field.globalUpdateField.row .inputBoxContainer, .globalUpdate.CardGlobal .field.addToList .inputBoxContainer, #CustomTypeGlobalField .row .inputBoxContainer, .globalUpdate.CardGlobal .field.addToCampaign .inputBoxContainer, .globalUpdate.CardGlobal #divMailMergeExisting .inputBoxContainer, .globalUpdate.CardGlobal .row.fieldMailMerge .col-6, .row.GlobalEventUpdate .col-4 {
        max-width: 100% !important;
        flex: unset;
    }

    .field.addToBucket .mailMergeContainer #uploaderRTF button {
        margin: 4% 0 4% 0;
    }

    .mailMergeContainer .progress {
        width: 100%;
        margin-bottom: 4%;
    }

    #globalTaskField .clearBoth.row .CheckmarkInputBoxContainer.col-3 .fl.icheck-material-primary {
        position: initial;
    }

    .row.GlobalEventUpdate.task .col-4 {
        margin-top: 4%;
    }

    .viewEvents .inputBoxContainer {
        max-width: 100% !important;
        flex: unset;
    }

    .row.viewEvents .inputBoxContainer.StaticBoxContainer.eventDate.col-1 {
        max-width: 30% !important;
    }

    .row.viewEvents .inputBoxContainer.StaticBoxContainer.eventContact.col-2 {
        max-width: 50% !important;
    }

    .pieChart {
        width: 100%;
    }

    #pipeCharts {
        width: 97%;
    }

    .UserFormBox {
        display: block;
    }

        .UserFormBox .FormBoxes {
            max-width: 100%;
        }

    .VarifyFormHeading {
        max-width: 50% !important;
    }

    .UserFormBox .fr.col-2 {
        float: left;
        margin-top: 6%;
    }

    .card.window.Small {
        width: 80%;
        left: 60px;
    }

    #startPointButton {
        float: right;
    }

    .field.RecurringServiceEvent #actionIcon {
        top: 6px;
        right: -5px;
    }

    .RecurringServicef.clearBoth.row .inputBoxContainer {
        max-width: 100% !important;
        flex: unset;
    }

    /*meet changes*/

    [data-cardedittype~=HistoryEdit] .cardTitleContainer.Event .card-action .row.TaskAction .headerRightCorner {
        width: 82%;
    }

    [data-cardedittype~=HistoryEdit] .cardTitleContainer.Event .card-action .row.TaskAction {
        justify-content: flex-end;
    }

    [data-cardedittype~=OrderEdit] .Purchasetypewidth {
        max-width: 16.666667% !important;
        margin-right: 9px;
    }

    [data-cardedittype~=OrderEdit] .leftpaddingremove {
        padding-left: 0px !important;
    }

    [data-cardedittype~=OrderEdit] #OrderEdit .row .RemovePadding .row .StandardForm {
        padding-left: 0px !important;
    }

    [data-cardedittype~=OrderEdit] #OrderEdit .row .RemovePadding .row .inputBoxContainer.textInputBoxContainer.inputMask.col-lg-4.col-md-4.col-12 {
        padding-left: 0px !important;
    }

    #BucketEdit .card.window.Small.BucketEdit {
        left: 58px !important;
        width: 75% !important;
    }

    #historyEdit .clearBoth.row.seven .col-lg-5.col-md-5.RemovePadding #btnFollowUpTask {
        margin-left: 0px;
    }

    .field.Pipeline #actionIcon {
        top: 77%;
    }

    #historyEdit .clearBoth.row.seven .col-lg-6.col-md-6.RemovePadding.row {
        flex: unset;
        max-width: unset;
    }

        #historyEdit .clearBoth.row.seven .col-lg-6.col-md-6.RemovePadding.row .col-lg-5.col-md-5.RemovePadding {
            flex: unset;
            max-width: unset;
        }

        #historyEdit .clearBoth.row.seven .col-lg-6.col-md-6.RemovePadding.row .col-lg-7.col-md-7 {
            padding-left: 0px;
        }

    #historyEdit .clearBoth.row .CheckmarkInputBoxContainer {
        margin-left: unset;
    }

    #historyEdit .boxLabel.eventCreatedBy {
        width: unset !important;
    }

    #QueryField .inputBoxContainer.SearchInputBox.inputMask.col-lg-2.col-md-2.col-6 {
        flex: 0 0 92%;
        max-width: 91%;
    }

    */

    #Results .card.ExtraLarge.Results .col-lg-9.col-md-9.col-9 {
        flex: unset;
        max-width: unset;
    }

    #Results .card.ExtraLarge.Results .col-lg-9.col-md-9.col-9 {
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    #Results .card.ExtraLarge.Results #actionIcon {
        display: flex;
        flex-wrap: wrap;
        right: 2%;
        left: unset;
    }

    #summary #emailStatsdiv .clearBoth.statsDateContainer .dateInputBoxContainer.startDate {
        padding-left: 0px;
    }

    #PipelineData .innerBlock10.ipadwidth {
        width: 5% !important;
    }

    #PipelineClose .card.Small.PipelineClose {
        left: 16px !important;
    }

    .card.ExtraLarge.ListEdit #ListItem .card.Small.ListItem .card-header {
        flex-wrap: wrap;
        padding-left: .25rem !important;
    }

    .card.ExtraLarge.ListEdit #Results .card.Small.Results .card-header .headerTextContainer {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0 !important;
        margin-bottom: .25rem !important;
        position: relative;
        width: 100%;
        min-height: 1px;
    }

        .card.ExtraLarge.ListEdit #Results .card.Small.Results .card-header .headerTextContainer .cardTitleText {
            margin: 0 0 0 0px;
        }

    .card.ExtraLarge.ListEdit #ListItem .card.Small.ListItem .card-header .headerTextContainer .cardTitleText {
        margin: 0 0 0 0px;
    }

    .card.ExtraLarge.ListEdit #Results .card.Small.Results .card-header .card-action {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0 !important;
        margin-bottom: .25rem !important;
        position: relative;
        width: 100%;
        min-height: 1px;
    }

    #AccountAdmin #tabe-6 #CsvImpportField #uploaderCSV .boldFont.marginLeft10 {
        margin-top: 0.22rem;
        margin-bottom: 0px;
    }

    #AccountAdmin #tabe-6 #CsvImpportField #uploaderCSV #file {
        width: 70%;
        padding-left: 24px;
        margin-bottom: .5rem;
    }

    #ResultsCardMask #Results .box-wrap .fa.fa-mobile {
        margin-left: 2px !important;
    }

    #Event .marketingHistory.clearBoth.w-100 .mhContact.col-lg-3.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .btn-primary.col-lg-4.col-md-4.col-4 {
        margin-top: .5rem !important;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .row {
        justify-content: flex-end;
        margin-top: .5rem !important;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .endDate.StandardForm {
        padding-right: 0px !important;
        padding-left: 1rem !important;
    }



    .card-body.Results .box-wrap .field.ContactAccount.PhoneNumberBox #actionIcon .actionButton.cssButton.actionButtonIcon {
        margin: 0 8% 0 0;
    }

    [data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactInitials {
        top: 5px !important;
    }

    [data-cardtype~=Results] .contactImageBorder.small.clickable .contactImageContainer.small .contactInitials {
        font-size: 28px;
        width: 52px;
    }

    #ListCardMask #List .col-lg-3.col-md-6.col-4.RemovePadding {
        float: right;
    }

    #AccountAdminCardMask #AccountAdmin .Small.AccountAdmin .cardTitleContainer.AccountAdmin .card-header {
        flex-wrap: wrap;
    }

        #AccountAdminCardMask #AccountAdmin .Small.AccountAdmin .cardTitleContainer.AccountAdmin .card-header .headerTextContainer {
            margin-bottom: 10px;
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 12.5px;
        }

        #AccountAdminCardMask #AccountAdmin .Small.AccountAdmin .cardTitleContainer.AccountAdmin .card-header .card-action {
            flex: 0 0 100%;
            max-width: 100%;
            padding-left: 12.5px;
        }

    .accordionLabel {
        background: transparent url(/Content/dropdown.png) no-repeat center right;
    }

        .accordionLabel::after {
            background: unset !important;
        }

    #EmailQuickWindow .emailContainer .box-wrap.row .col-lg-6 {
        max-width: 100% !important;
    }

    #EmailQuickWindow .list-group {
        width: 100% !important;
    }

    #EmailQuickWindow .bounceContainer .box-wrap.row .col-lg-6 {
        max-width: 100% !important;
    }

    #EmailRecipient .card.window.EmailRecipient {
        width: 85% !important;
    }

        #EmailRecipient .card.window.EmailRecipient .row.box-wrap {
            display: unset;
        }

            #EmailRecipient .card.window.EmailRecipient .row.box-wrap .col-lg-6.col-md-6.col-12.itemposition {
                max-width: 100% !important;
                margin-top: 0.25rem !important;
            }

    #EmailQuickWindow .col-lg-9.col-md-9.col-12 {
        word-break: break-all;
    }

    #EmailQuickWindow .col-lg-3.col-md-3.col-12 {
        margin-top: 5px;
    }

    #EmailQuickWindow .clickContainer .box-wrap.row .col-lg-6 {
        max-width: 100% !important;
    }

    .card.ExtraLarge.ListEdit #Results .card.Small.Results .card-header {
        flex-wrap: wrap;
        padding-left: .25rem !important;
    }

    #Results .contactDetailContainer.EmailField .iconpadding {
        padding-left: 30% !important;
    }

    .navbar.navbar-expand.fixed-top .navbar-nav.align-items-center.right-nav-link {
        padding-right: 35px;
    }

    #divMailMerge .campaignCopyBox.clearBoth.row .col-lg-2.col-md-2.col-5 {
        margin-left: 0px !important;
    }

    #divMailMerge .mailMergeContainer #uploaderRTF #file {
        width: 68%;
    }

    #divMailMerge .mailMergeContainer #uploaderRTF .SecondaryButton.ml-3 {
        margin-left: 0px !important;
    }

    #uploadUserImg + .modal.fade.show {
        left: 18px !important;
    }

        #uploadUserImg + .modal.fade.show .btn.px-5.ml-2 {
            float: right;
            padding-left: 2rem !important;
            padding-right: 2rem !important;
        }

    #Contact .field.list-group.Contact .contactbuttoncontainer.col-lg-4.col-md-3.col-4 .EngagementScoreValue {
        margin-left: 20%;
    }

    .field.list-group.Contact #actionIcon {
        right: 1% !important;
    }

    .content-wrapper {
        padding-top: 55px;
        padding-bottom: 0px;
    }

    .viewAsResultBtn .normalButton.clickable.btn.btn-primary.fr {
        margin-bottom: 20px;
    }

    .iconposition {
        top: 0.2rem;
    }

    .topbar-nav .navbar {
        height: 46px;
    }

    #wrapper.toggled #sidebar-wrapper {
        top: 47px;
    }

    .card-body.TaskEdit .clearBoth.row.six .TriggerlinkCheckbox {
        padding-left: 0px;
        margin-top: 0px !important;
    }

    .field.list-group.Contact #actionIcon {
        top: 14px;
    }

    #CSVProcessModal .modal-content {
        width: 100%;
    }

    #CSVProcessModal {
        left: 0%;
    }

    #AccountSearchWindow {
        width: 98%;
        left: 1%;
    }

    #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown,
    #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown {
        left: 0%;
        margin-left: 0%;
    }

        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-print.clickable,
        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-headphones.clickable,
        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-home.clickable,
        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown .fa.fa-mobile.clickable,
        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown .fa.fa-envelope-o.emailComm.SecondaryEmail.clickable {
            margin-left: 8px !important;
            padding-left: 0px !important;
        }

        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.PhoneNumber.PhoneNumberBox-Remove .imageDropDown::after,
        #Results .card.ExtraLarge.Results .card-body.Results .box-wrap .field.EmailAddress .imageDropDown::after {
            left: 10%;
        }
}

@media screen and (min-width: 500px) and (max-width: 568px) {
    .card.Large.Event .container.WFGEvent .clearBoth.row.tasks.two .col-lg-3 {
        padding-left: 0px;
    }

    .card.Large.Event .container.WFGEvent .clearBoth.row.tasks.two .textAreaContainer.descriptionEvent {
        max-width: 95%;
    }

    .card.Large.Event .container.WFGEvent #actionIcon {
        top: 75% !important;
        margin-right: 2% !important;
        right: 0%;
    }

    #Contact .list-group.Contact .list-group-Remove.PhoneNumber .RemovePhonefield {
        padding-left: 19px;
    }

    #QuickQueryField .SelectInputBoxContainer.SortByQuick {
        padding-left: 0px;
    }

    [data-fieldtypealternate="MarketingSend"] #actionIcon, [data-fieldtype="MarketingSent"] #actionIcon {
        right: 4%;
        top: 35%;
    }
}

@media screen and (min-width: 601px) and (max-width: 736px) {
    /*.card.Large.Event .container.WFGEvent .clearBoth.row.tasks.two .col-lg-3 {
        padding-left: 0px;
    }

    .card.Large.Event .container.WFGEvent .clearBoth.row.tasks.two .textAreaContainer.descriptionEvent {
        max-width: 95%;
    }

    .card.Large.Event .container.WFGEvent #actionIcon {
        top: 82% !important;
        margin-right: 2% !important;
        right: 0%;
    }

    #Contact .list-group.Contact .list-group-Remove.PhoneNumber .RemovePhonefield {
        padding-left: 19px;
    }*/
    .sendEmailFooter.SubMenu, .card.cardParent.Small.Templates, .card.cardParent.Small.Campaign, .card.cardParent.Small.SenderProfiles {
        display: none;
    }

    .card-body.Results .field.EmailAddress .textInputBoxContainer.Communication {
        width: 73%;
    }

    #QuickQueryField .SelectInputBoxContainer.SortByQuick {
        padding-left: 0px;
    }

    #Results .card.ExtraLarge.Results #actionIcon {
        top: 76%;
        right: 3%;
        left: unset;
    }

    .card-body.Results .field.EmailAddress .dropDown.iconpadding {
        padding-left: 8px !important;
    }

    #Event .field.WFGEvent.Event #actionIcon {
        top: 202px;
    }

    #Event .field.WFGEvent.Event .boxLabel.eventCreatedBy {
        padding-left: 12.5px;
    }

    #QueryField .inputBoxContainer.SearchInputBox.inputMask.col-lg-2.col-md-2.col-6, #QueryField .inputBoxContainer.multiSelectInputBoxContainer.col-lg-2.col-md-2.col-6 {
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .card-body.Query {
        padding: 1.25rem 1.25rem 1.25rem 1.25rem !important;
    }

    .field.SearchButtons.QuerySearchField .clearBoth.row {
        display: flex;
        flex-direction: column-reverse;
    }

        .field.SearchButtons.QuerySearchField .clearBoth.row .fr.col-2.ShowLeft {
            max-width: none;
        }

    .col-11.sortByOrder {
        max-width: 100%;
    }

    #QueryField .inputBoxContainer {
        padding-left: unset;
    }

    .field.SearchButtons.QuerySearchField .inputBoxContainer.SelectInputBoxContainer.sortResult {
        display: inline-block !important;
        margin-top: 1%;
    }

    #QueryField .clearBoth.margintop20.col-3 {
        max-width: 52%;
    }

    #QueryField .inputBoxContainer.SelectInputBoxContainer.StandardForm.col-3, .row .inputBoxContainer.textAreaContainer.pasteContent.col-7 {
        flex: none;
        max-width: none;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .btn-primary.col-lg-4.col-md-4.col-4 {
        margin-top: .5rem !important;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .row {
        justify-content: flex-end;
        margin-top: .5rem !important;
    }

    #MarketingStats #summary #emailStatsdiv .statsDateContainer .endDate.StandardForm {
        padding-right: 0px !important;
        padding-left: 1rem !important;
    }

    [data-fieldtypealternate="MarketingSend"] #actionIcon, [data-fieldtype="MarketingSent"] #actionIcon {
        right: 2%;
        top: 35%;
    }

    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 10px 25.5px;
    }

    #CSVProcessModal .modal-content {
        width: 100%;
    }

    #CSVProcessModal {
        left: 0%;
    }

    #AccountSearchWindow {
        width: 98%;
        left: 1%;
    }
}

@media only screen and (max-width: 767px) and (min-width: 736px) {
    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 10px 30.5px !important;
    }
}
/*only form iphone 6/7/8 plus*/
@media only screen and (max-width: 414px) and (min-width: 376px) {
    .field.container.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.col-3 .field.PhoneNumber.PhoneNumberBox .row .col-3 {
        margin-left: 7%;
    }

    .HeaderUserName {
        display: none;
    }

    .Phonecall {
        color: green;
        display: block !important;
    }

    #Event .card.Large.Event .field.WFGEvent.Event .clearBoth.row.tasks.two .inputBoxContainer.descriptionEvent {
        width: 90%;
    }

    [data-filtertype~=RecentFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon, [data-filtertype~=EventFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon,
    [data-filtertype~=OpportunityFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
        top: 74%;
        right: 0%;
        margin-right: 0% !important;
    }

    [data-filtertype~=AccountFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
        top: 74%;
        right: 0%;
        margin-right: 5% !important;
    }
    /*[data-cardedittype~=HistoryEdit][data-filtertype~=EventFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
            top: 72%;
            right: 0%;
            margin-right: % !important;
        }
        [data-cardedittype~=TaskEdit][data-filtertype~=EventFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
            top: 72%;
            right: 0%;
            margin-right: 0% !important;
        }*/

    #Event .card.Large.Event .field.WFGEvent.Event .clearBoth.row.tasks.one .col-1 {
        padding-left: 0px;
    }

    #AccountUserSelection .detailsContainer .field.UserMain.parent #actionIcon {
        top: 1.5% !important;
    }

    .advancedFieldsContainer.row.w-100 .boxDiv.box-wrap.row.mt-3 .addyEmailContainer {
        width: 100% !important;
    }

    .ac-small .field.UserMain.parent .field.AddyEmail.parent .textInputBoxContainer.RemovePadding {
        max-width: 92% !important;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchTitle.boldFont20.col-2, .searchFields.parent.Users .row.border-bottom .searchTitle.boldFont20.col-2, .ac-small.InActiveUsers2 .searchFields.parent .row .searchTitle.boldFont20.col-2 {
        max-width: 35% !important;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchInputContainer.col-4, .searchFields.parent.Users .row.border-bottom .searchInputContainer.col-4, .ac-small.InActiveUsers2 .searchFields.parent .row .searchInputContainer.col-4 {
        max-width: 65% !important;
    }

    #Contact .field.list-group.Contact .contactbuttoncontainer.col-lg-4.col-md-3.col-4 .EngagementScoreValue {
        margin-left: 0%;
    }

    [data-cardedittype~=HistoryEdit][data-filtertype~=EventFilter] .cardTitleContainer.Event .card-action .row.TaskAction .headerRightCorner {
        width: unset;
    }

    #historyEdit .inputBoxContainer.SelectInputBoxContainer.EventTypeID.NonStandardForm.col-lg-2.col-md-2.selectBox, #historyEdit .inputBoxContainer.SelectInputBoxContainer.AssignedToID.NonStandardForm.col-lg-2.col-md-2.selectBox {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .listingdiv {
        padding-top: 10px;
    }

    .listingtitle.expirydate {
        padding-left: 0px !important;
    }
}

@media screen and (max-width: 375px) {
    .field.container.ContactAccount.PhoneNumberBox .contactDetailContainer.compactContactDetailContainer.col-3 {
        max-width: 65%;
    }
    /*.page.accountPage .panel.utilityPanel .normalButton.btn.btn-primary.SecondaryButton.backToSearch.centerBtn {
        margin-left: 70% !important;
    }*/
    .QueryIconAdd {
        margin-left: 36%;
    }

    .QueryIconRemove {
        margin-left: 84%;
    }

    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 10px 10px;
    }

    .quickWindow {
        width: 335px;
    }

    #MarketingSent .pagination.pagingBar {
        font-size: 11px;
    }

    .HeaderUserName {
        display: none;
    }

    .Phonecall {
        color: green;
        display: block !important;
    }

    #Event .card.Large.Event .field.WFGEvent.Event .clearBoth.row.tasks.two .inputBoxContainer.descriptionEvent {
        width: 90%;
    }

    [data-filtertype~=RecentFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
        top: 74%;
        right: 0%;
        margin-right: 0% !important;
    }

    [data-filtertype~=AccountFilter] #Event .card.Large.Event .field.WFGEvent.Event #actionIcon {
        top: 74%;
        right: 0%;
        margin-right: 5% !important;
    }

    #Event .card.Large.Event .field.WFGEvent.Event .clearBoth.row.tasks.one .col-1 {
        padding-left: 0px;
    }

    .advancedFieldsContainer.row.w-100 .boxDiv.box-wrap.row.mt-3 .addyEmailContainer {
        width: 100% !important;
    }

    .ac-small .field.UserMain.parent .field.AddyEmail.parent .textInputBoxContainer.RemovePadding {
        max-width: 90% !important;
    }

    #AccountUserSelection .detailsContainer .field.UserMain.parent #actionIcon {
        top: 1.5% !important;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchTitle.boldFont20.col-2, .searchFields.parent.Users .row.border-bottom .searchTitle.boldFont20.col-2, .ac-small.InActiveUsers2 .searchFields.parent .row .searchTitle.boldFont20.col-2 {
        max-width: 35% !important;
    }

    .searchFields.parent.Accounts .row.border-bottom .searchInputContainer.col-4, .searchFields.parent.Users .row.border-bottom .searchInputContainer.col-4, .ac-small.InActiveUsers2 .searchFields.parent .row .searchInputContainer.col-4 {
        max-width: 65% !important;
    }

    #AccountUserSelection #userSelectionContainer .accordion.marginBottom5.card .BroadcastNotificationToUsers {
        padding-left: 13px;
    }
    /*#QueryField .inputBoxContainer.multiSelectInputBoxContainer .multiSelectWrapper .multiSelectbox .ui-multiselect.ui-widget.ui-state-default {
        width: 140px !important;
    }*/
    #Contact .field.list-group.Contact .contactbuttoncontainer.col-lg-4.col-md-3.col-4 .EngagementScoreValue {
        margin-left: 0%;
    }

    #historyEdit .inputBoxContainer.SelectInputBoxContainer.EventTypeID.NonStandardForm.col-lg-2.col-md-2.selectBox, #historyEdit .inputBoxContainer.SelectInputBoxContainer.AssignedToID.NonStandardForm.col-lg-2.col-md-2.selectBox {
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }

    .listingdiv {
        padding-top: 10px;
    }

    .listingtitle.expirydate {
        padding-left: 0px !important;
    }

    #AccountAdmin #ProductInfo .productReset {
        padding-top: .5rem !important;
    }
}

@media screen and (max-width: 374px) {
    .GlobalUpdateHeader .nav-item .nav-link {
        padding: 10px 9.5px;
    }

    [data-filtertype~=RecentFilter] .card.Large.Event .card-header {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    [data-filtertype~=RecentFilter] .card.Large.Event .cardTitleText {
        margin: 0 0 0 5px !important;
    }

    [data-filtertype~=RecentFilter] .card.Large.Event .HeaderTopRight {
        margin-right: 5px;
    }

    .card.ExtraLarge.TaskEdit .CheckmarkInputBoxContainer.TriggerlinkCheckbox {
        padding-left: 0;
    }

    .triggerlinkcheckbox {
        padding-top: 0px;
    }

    #Results .card-body.Results {
        padding-left: .25rem !important;
        padding-right: .25rem !important;
    }

        #Results .card-body.Results .container.ContactAccount.PhoneNumberBox {
            padding-left: 0px;
            padding-right: 0px;
        }

    #Results .card.ExtraLarge.Results #actionIcon {
        right: 0%;
        width: 22% !important;
    }

    .triggerlinkcheckbox .CheckmarkInputBoxContainer.TriggerlinkCheckbox {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    #AccountUserSelection .detailsContainer .field.UserMain.parent #actionIcon {
        top: 1% !important;
    }

    #Contact .field.list-group.Contact .contactbuttoncontainer.col-lg-4.col-md-3.col-4 .EngagementScoreValue {
        margin-left: 0%;
    }

    .listingdiv {
        padding-top: 10px;
    }

    .listingtitle.expirydate {
        padding-left: 0px !important;
    }
}