/*PERMANENT SCROLLBAR ON THE LEFT*/

html {
    /*
        There is another solution too which changes the viewport.
        http://stackoverflow.com/questions/1417934/how-to-prevent-scrollbar-from-repositioning-web-page
    */
    overflow-y: auto;
    /*overflow-y: scroll;*/
}

#HW_badge_cont {
    display: inline-block !important;
    top: 11.5px;
}

#HW_frame_cont {
    transform: translate(calc(-50% - 28px));
}

span.headway-widget {
    display: inline-block;
    width: 140px;
    height: 100%;
    vertical-align: text-bottom;
    position: absolute;
    cursor: auto;
    color: rgba(255, 255, 255, 0.51);
}

span.headway-widget:hover {
    color: #d4d4d4;
}

body {
    font-family: 'OpenSansRegular', sans-serif !important;
    height: 100%;
    /*overflow-y: scroll;*/
}

body.modal-open {
    overflow: visible;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.btn[disabled] {
    background-color: #c2c2c2 !important;
    border-color: #c2c2c2 !important;
    color: #FFFFFF !important;
    box-shadow: none;
    opacity: 1 !important;
}

.modal.in .modal-dialog {
    top: 30px;
}

.animated {
    z-index: 3;
}

.main-content-min-height-display {
    min-height: 100vh !important;
}

.main-content-min-height {
    min-height: calc(100vh - 145px) !important;
}

/* CSS for printing purposes */

@media print {
    body * {
        visibility: hidden;
    }

    #printarea,
    #printarea * {
        visibility: visible;
    }

    #printarea {
        overflow: visible;
    }

    #top-bar-component,
    #side-menu-component,
    #action-btn-section,
    #activities-fields-section {
        display: none !important;
    }

    .viewport {
        width: 100% !important;
        height: 100% !important;
    }

    #info-form-container {
        margin-top: 0 !important;
    }

    .col-sm-6,
    .col-sm-4 {
        width: 100% !important;
    }

    .viewport-container {
        height: 200% !important;
    }
}

.modal {
    top: 0;
    right: -17px;
    bottom: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
}

.modal-backdrop {
    display: none;
}

.modal-dialog {
    z-index: 10000;
}

/* Cookies law */

.cc-window {
    z-index: 10000 !important;
}

.cc_container {
    background: #293846;
    color: #fff;
    border: 0;
}

.cc_container a,
.cc_container a:visited,
.cc_container a:hover {
    text-decoration: none;
    color: #23c1c5;
    transition: 200ms color;
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: #23c1c5 !important;
}

/*body.modal-open {
    overflow: hidden !important;
    position: fixed !important;
}*/

.trim_with_dots {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.clear-both {
    clear: both !important;
}

.word-wrap {
    word-wrap: break-word;
}

.pg-loading-logo {
    width: 250px;
}

.overflow-x-visible {
    overflow-x: visible;
}

.overflow-x-hidden {
    overflow-x: hidden;
}

.overflow-hidden {
    overflow: hidden;
}

.w-100-pct {
    width: 100% !important;
}

.max-w-100-pct {
    max-width: 100% !important;
}

.ln-initial {
    line-height: initial !important;
}

.ln-45 {
    line-height: 45px !important;
}

.font-weigth-regular {
    font-weight: 300;
}

/* .navbar {
    background-color: #fff !important;
} */

.navbar-static-top {
    background-color: #F3F3F4 !important;
}

.navbar-minimalize-style {
    padding: 4px 12px;
    margin: 0px 0px 15px 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-text {
    cursor: text;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.text-underline {
    text-decoration: underline;
}

.text-decoration-none {
    text-decoration: none !important;
}

.color-inherit {
    color: inherit !important;
}

.cursor-default {
    cursor: default !important;
}

.capitalize-letter {
    text-transform: capitalize;
}

.hr-dashed {
    border-top: 1px dashed #e7eaec;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 0px 0px 10px 0px;
}

* {
    outline: 0 !important;
    /* -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; */
}

/*INVALID input*/

/*input.ng-invalid.ng-dirty{
    border-color:red;
}*/

.btn:active {
    border-color: transparent !important;
}

.border-none {
    border: 0px;
}

tbody tr.user-cp .selectRole,
tbody tr.user-cp .revokeUser,
tbody tr.user-cp .editUser,
tbody tr.user-cp .inviteUser,
tbody tr.user-cp .deleteUser,
tbody tr.user-cp .grantUser {
    /*cursor: pointer !important;*/
}

tbody tr.user-cp .editUser i.editUserIcon,
tbody tr.user-cp .inviteUser i.inviteUserIcon,
tbody tr.user-cp .deleteUser i.deleteUserIcon,
tbody tr.user-cp .revokeUser i.revokeUserIcon,
tbody tr.user-cp .grantUser i.grantUserIcon {
    color: #666;
}

td {
    word-break: break-all;
}

.rm-clear-input::-ms-clear {
    display: none;
}

::-ms-reveal {
    display: none;
}

input {
    color: #555 !important;
}

.justify {
    text-align: justify;
}

.format-text-lines {
    white-space: pre-line;
}

.format-white-space {
    white-space: nowrap;
}

.split-long-words {
    -ms-word-break: break-all;
    word-break: break-all;
    /*Non standard for webkit word-break: break-word;*/
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

/* Toastr CSS */

.toast-top-center {
    width: 300px;
    margin: 0 auto;
    left: 0;
}

#toast-container>div {
    opacity: 1;
    -ms-filter: alpha(Opacity=100);
    filter: alpha(opacity=100);
}

/* Remove extra Icons on toastr */

#toast-container>.toast-info,
#toast-container>.toast-error,
#toast-container>.toast-success,
#toast-container>.toast-warning {
    /*background-image: none !important;*/
}

/* Remove shadow on toastr - Retain the same bg color*/

#toast-container>div:hover {
    -moz-box-shadow: 0 0 10px #666;
    -webkit-box-shadow: 0 0 10px #666;
    box-shadow: 0 0 10px #666;
    /*opacity: .8;
    -ms-filter: alpha(Opacity=80);
    filter: alpha(opacity=80)*/
}

.toast-success {
    background-color: #23c1c5 !important;
}

.toast-error {
    background-color: #bd362f
}

.toast-info {
    background-color: #2f96b4
}

.toast-warning {
    /*background-color: #f89406*/
    background-color: #f8a206;
}

/* Movistar toastr colors */
.brand-movistarArgentina .toast-success {
    background-color: #5BC500 !important;
}

.brand-movistarArgentina .toast-error {
    background-color: #954b98 !important;
}

.brand-movistarArgentina .toast-info {
    background-color: #00A9E0 !important;
}

.brand-movistarArgentina .toast-warning {
    background-color: #50535a !important;
}

/*///////////////////////////*/

.modal {
    z-index: 10000;
}

.modal .modal-header {
    height: 0;
}

/* Style for General Use of Modal */

.generalUseModal .modal-content,
.generalUseModal .modal-content {
    border-radius: 0px;
}

.generalUseModal .modal-header,
.generalUseModal .modal-header {
    width: 100%;
    padding: 25px;
    height: 0;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for no PermissionModal Use of Modal */

.noPermissionModal .modal-content,
.noPermissionModal .modal-content {
    border-radius: 0px;
}

.noPermissionModal .modal-header,
.noPermissionModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

.disappear {
    display: none !important;
}

.hiddenBlock {
    display: inline-block !important;
    visibility: hidden !important;
}

/* Circles with Initial Letters */

.box-info-action-btn {
    background: #E7E7E7;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    display: inline-block;
}

.smallletterimg {
    background: #E7E7E7;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    box-shadow: 0px 0px 4px 1px #CECECE;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
    color: #428BD3;
    margin: 0 10px 0 0;
    display: inline-block;
}

.letterimg {
    background: #E7E7E7;
    width: 50px;
    height: 50px;
    border-radius: 45px;
    box-shadow: 0px 0px 4px 1px #CECECE;
    text-align: center;
    line-height: 50px;
    font-size: 40px;
    color: #428BD3;
    display: inline-block;
    margin: 20px;
}

.bigletterimg {
    background: #E7E7E7;
    width: 75px;
    height: 75px;
    border-radius: 75px;
    box-shadow: 0px 0px 4px 1px #CECECE;
    text-align: center;
    line-height: 75px;
    font-size: 40px;
    color: #428BD3;
    display: inline-block;
    margin: 20px;
}

.largeletterimg {
    background: #E7E7E7;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    /*box-shadow: 0px 0px 4px 1px #CECECE;*/
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    margin: 0 0 0 0;
    display: inline-block;
}

.rectangle-letter-img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 5%;
    right: auto;
    margin: 0 auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: none;
    text-align: center;
    line-height: 58px;
    display: inline-block;
    color: #FBFBFB;
    font-size: 24px;
    cursor: pointer;
}

.xsmallletterimg,
.xsmallletterimg-selections {
    background: #E7E7E7;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    text-align: center;
    line-height: 45px;
    font-size: 20px;
    margin: 0 15px 0 15px;
    display: inline-block;
}

.xsmallletterimg-selections {
    margin: 5px 18px;
}

.largeuserimg {
    background: transparent;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    /*box-shadow: 0px 0px 4px 1px #CECECE;*/
    text-align: center;
    line-height: 70px;
    font-size: 30px;
    margin: 0 0 0 0;
    display: inline-block;
}

.xmsalluserimg,
.xmsalluserimg-selections {
    background: #E7E7E7;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    /*box-shadow: 0px 0px 4px 1px #CECECE;*/
    text-align: center;
    line-height: 45px;
    font-size: 22px;
    margin: 0 15px 0 15px;
    display: inline-block;
}

.xmsalluserimg-selections>img {
    width: inherit;
    border-radius: 50px;
}

.xmsalluserimg-selections {
    margin: 4px 25px;
}

/*@media (max-width: 1200px) {
    .largeletterimg {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 45px;
    }
}*/

/*MULTI CSS BYPASS*/

.multi-custom button {
    /*min-height: 25px !important;*/
    min-height: 0 !important;
    border: 0 !important;
    /*border-bottom: 1px solid #090 !important;*/
    border-radius: 2px !important;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    max-height: 25px;
    box-shadow: 0 0 0 0 #aaa !important;
}

.multi-custom .buttonLabel {
    padding: 1px 0px 5px 0px !important;
}

/* BYPASS CSS oF LOGIN */

.loginscreen.middle-box {
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 520px !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .loginscreen.middle-box {
        top: 180px !important;
    }
}

/* LOGIN */

#signup-public-email-link:hover {
    text-decoration: underline;
}

#restoreUserAccountModal .modal-header,
#restoreCompanyAccountModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* END LOGIN */

/* SIGN UP COMPLETE */

.signupscreen.middle-box {
    margin: auto !important;
    left: 0 !important;
    right: 0 !important;
    top: 0px !important;
    bottom: 0 !important;
    height: 520px !important;
    width: auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .signupscreen.middle-box {
        top: 180px !important;
    }
}

.signupscreen #logo-img {
    width: 170px;
    margin-bottom: 25px;
    padding-top: 20px;
}

/* END SIGN UP COMPLETE */

/* REGISTER */

.scroll-body {
    padding: 10px 20px;
}

/* Style for Remove in Marketing List Wizard Modal */

.showChoosePlatformModal .modal-content,
.showChoosePlatformModal .modal-content {
    border-radius: 0px;
}

.showChoosePlatformModal .modal-header,
.showChoosePlatformModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Terms of Use Modal */

.termsOfUseModal .modal-content,
.termsOfUseModal .modal-content {
    border-radius: 0px;
}

.termsOfUseModal .modal-header,
.termsOfUseModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Privacy Policy Modal */

.privacyPolicyModal .modal-content,
.privacyPolicyModal .modal-content {
    border-radius: 0px;
}

.privacyPolicyModal .modal-header,
.privacyPolicyModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

.registerscreen.middle-box {
    height: 400px;
    width: 400px;
    position: absolute;
    top: 10%;
    left: 50%;
}

.middle-section {
    max-width: 350px;
    margin: 30px auto 0px;
}

/* END REGISTER */

/* Initial letter for Companies and Contacts - View & Add-Edit Screen */

/*#same-height-addresses > div{
    height: 0px;
}*/

.view-company-letterimg,
.view-contact-letterimg,
.view-user-letterimg,
.view-campaign-template-letterimg {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 55px;
    border: 3px #FBFBFB solid;
    text-align: center;
    line-height: 65px;
    display: inline-block;
    color: #FBFBFB;
}

.view-company-letterimg {
    font-size: 28px;
}

.view-contact-letterimg,
.view-user-letterimg,
.view-campaign-template-letterimg {
    font-size: 23px;
}

.header-section-round-plain {
    position: absolute;
    top: 10px;
    bottom: 0;
    left: 25px;
    right: auto;
    margin: 0 auto;
    width: 67px;
    height: 67px;
    border-radius: 7px;
    border: none;
    text-align: center;
    /* line-height: 41px; */
    display: inline-block;
    color: #FBFBFB;
    font-size: 25px;
    cursor: default;
}

.header-section-round-plain .letters-content {
    height: 100%;
    width: 100%;
}

.header-section-round-plain+.edit-profile-photo,
.header-section-round-plain+.add-profile-photo {
    background: black;
    position: absolute;
    bottom: 11px;
    left: 25px;
    width: 67px;
    display: block;
    text-align: center;
    font-size: 11px;
    cursor: pointer;
    opacity: 0.7;
    color: white;
    border-radius: 0% 0% 7px 7px;
    padding: 1px 0;
}

.header-section-round-plain:hover+.edit-profile-photo,
.header-section-round-plain:hover+.add-profile-photo,
.header-section-round-plain+.edit-profile-photo:hover,
.header-section-round-plain+.add-profile-photo:hover {
    opacity: 0.9;
}

.profile-image-container .remove-profile-photo {
    font-size: 15px;
    position: absolute;
    left: 88px;
    top: 0px;
    display: none;
    cursor: pointer;
}

.profile-image-container:hover .remove-profile-photo {
    display: inline-block;
}

.view-user-img {
    position: absolute;
    top: 45px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 55px;
    border: 3px #FBFBFB solid;
    text-align: center;
    line-height: 65px;
    display: inline-block;
    color: #FBFBFB;
}

.nav-view-user-img {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    height: 70px;
    border-radius: 55px;
    border: 3px #FBFBFB solid;
    text-align: center;
    line-height: 65px;
    display: inline-block;
    color: #FBFBFB;
}

/* Full name of Companies and Contacts - View & Add-Edit Screen */

.view-company-name,
.view-contact-name,
.view-user-name,
.view-campaign-template-name {
    position: absolute;
    top: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #6d6e71;
    display: inline-block;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 1px;
    width: 100%;
}

/*DATEPICKER*/

.fix-datepicker-icon span.field-icon {
    position: absolute;
    top: 7px;
    left: 26px;
}

.fix-datepicker-icon span.birthday-field-remove-icon {
    position: absolute;
    top: 4px;
    right: 26px;
    cursor: pointer;
    z-index: 100;
    color: #ababab;
    padding: 3px;
}

.fix-datepicker-icon input {
    padding-left: 40px !important;
}

/*///////////////////*/

/* Tools for editting a Company or a Contact - View & Add-Edit Screen */

/*#save-entity{
     max-height: 25px;
}*/

.view-my-tools #delete-entity,
.view-my-tools #save-menu,
.view-my-tools #download-vcf-entity,
.view-my-tools #share-entity,
.view-my-tools #share-colleague-entity,
.view-my-tools #edit-entity,
.view-my-tools #save-entity,
.view-my-tools #save-new-entity,
.view-my-tools #favorite-entity,
.view-my-tools #unfavorite-entity {
    position: absolute;
    top: 90px;
    display: inline-block;
}

.view-my-tools #delete-entity {
    right: 30px;
}

.view-my-tools #save-menu {
    right: 30px;
    border: 1px solid;
    padding: 2px;
}

.view-my-tools #share-entity {
    right: 58px;
    top: 92px;
}

.view-my-tools #share-colleague-entity {
    right: 30px;
    top: 92px;
}

.view-my-tools #edit-entity {
    right: 89px;
    top: 92px;
}

.view-my-tools #favorite-entity {
    right: 125px;
    top: 92px;
    font-size: 21px;
}

.view-my-tools #unfavorite-entity {
    right: 125px;
    top: 92px;
    font-size: 21px;
}

.view-my-tools #save-entity {
    right: 44px;
    padding: 5px;
    /*max-height: 25px;*/
}

/*SAVE MENU - START*/

.save-entity-grey {
    /* position: absolute;
    top: 90px;
    right: 101px; */
    border: 1px solid #d2dbe0;
    padding: 5px 7px;
    background-color: #d2dbe0;
    color: #ffffff;
    border-radius: 4px;
}

.save-entity-blue {
    /* position: absolute;
    top: 90px;
    right: 101px; */
    border: 1px solid #23c1c5;
    padding: 5px 7px;
    background-color: #23c1c5;
    color: #ffffff;
    border-radius: 4px;
}

.single-save-entity-grey {
    /* position: absolute;
    top: 90px;
    right: 30px; */
    border: 1px solid #d2dbe0;
    padding: 5px 7px;
    background-color: #d2dbe0;
    color: #ffffff;
    border-radius: 4px;
}

.single-save-entity-blue {
    /* position: absolute;
    top: 90px;
    right: 30px; */
    border: 1px solid #23c1c5;
    padding: 5px 7px;
    background-color: #23c1c5;
    color: #ffffff;
    border-radius: 4px;
}

.save-menu-grey {
    /* position: absolute;
    top: 90px;
    right: 30px; */
    border: 1px solid #d2dbe0;
    background-color: #d2dbe0;
    padding: 5px 7px;
    border-radius: 4px;
}

.save-menu-blue {
    /* position: absolute;
    top: 90px;
    right: 30px; */
    border: 1px solid #23c1c5;
    background-color: #23c1c5;
    padding: 5px 7px;
    border-radius: 4px;
}

/* Languages */

.dropdown.profile-element3 .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

#main-content {
    min-height: auto;
    padding-right: 53px;
    padding-left: 53px;
    padding-top: 0;
    border: none;
}

#campaign-content {
    /* min-height: 1px; */
    min-height: calc(100vh - 145px);
}

#import-content {
    min-height: 1px;
}

#userControlPanel-content {
    /* min-height: 800px; */
    margin-top: 100px;
}

#privateContactsList-content {
    min-height: 800px;
}

#teamList-content {
    /*min-height: 800px;*/
}

.main-content-el {
    min-height: 810px !important;
}

.main-content-en {
    min-height: 880px !important;
}

.main-content-arabic {
    min-height: 900px !important;
}

.main-content-cyrillic {
    min-height: 950px !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-inline {
    display: inline !important;
}

.display-block {
    display: block !important;
}

/* DOUBLE SCROLLBAR FIX */

#page-wrapper {
    position: absolute !important;
    /* max-width: calc(100% - 220px); */
    width: calc(100% - 220px);
    width: -webkit-calc(100% - 220px);
    width: -moz-calc(100% - 220px);
    width: -o-calc(100% - 220px);
    overflow: hidden !important;
    border-right: 1px solid #CCC;
}

.mini-navbar #page-wrapper {
    /* min-width: calc(100% - 70px); */
    width: calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -o-calc(100% - 70px);
}

/* @media (max-width: 768px) { */

.body-small #page-wrapper {
    /* max-width: calc(100%);       */
    width: calc(100%);
    width: -webkit-calc(100%);
    width: -moz-calc(100%);
    width: -o-calc(100%);
}

.body-small.mini-navbar #page-wrapper {
    width: calc(100% - 70px);
    width: -webkit-calc(100% - 70px);
    width: -moz-calc(100% - 70px);
    width: -o-calc(100% - 70px);
}

#page-wrapper.display-page-wrapper {
    position: absolute !important;
    /* max-width: calc(100%); */
    width: calc(100%) !important;
    width: -webkit-calc(100%) !important;
    width: -moz-calc(100%) !important;
    width: -o-calc(100%) !important;
    overflow: hidden !important;
    border-right: 1px solid #CCC;
    padding: 0;
}

/* } */

.display-page-wrapper {
    margin: 0 !important;
    width: 100% !important;
}

.ibox-content.row.animated {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.list-links-hvr:hover {
    font-weight: bold;
    color: #6B6668;
}

/* List ContactBox contact box*/

/*Contact name Fonts*/

.contact-box-info-dropdown {
    right: auto;
    left: 0;
    top: 38px;
}

.contact-box-more-dropdown {
    right: 2px;
    left: auto;
    top: 24px;
}

.contact-box {
    /* padding: 5px 20px; */
    /* background: tomato; */
}

.open>.dropdown-menu {
    overflow: visible;
}

.contact-box .department,
.contact-box .phone {
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* Apply trim on 4 lines */
    /* -webkit-line-clamp: 4;
-webkit-box-orient: vertical;
display: -webkit-box; */
}

.contact-box .name {
    font-size: 15px;
}

.contact-box .details {
    font-size: 13px;
    line-height: 25px;
}

.contact-box .details i {
    font-size: 13px;
    width: 15px;
    text-align: center;
}

.contact-box-item {
    overflow: visible;
    z-index: 1;
}

/* MIN Height content Each ContactBox Fixed */

.contact-box {
    min-height: 135px;
    margin-bottom: 10px;
    margin-left: -9px;
    margin-right: -9px;
    padding: 5px 20px;
    background-color: transparent !important;
}

input[icheck-list] {
    display: none !important;
}

/*@media (max-width: 767px) {
  .contact-box{
      min-height: 153px !important;
    }
}*/

.contact-box .under-image {
    max-height: 75px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.contact-box:first-child {
    min-height: 135px;
}

/* Select Box on each group */

.contact-box .icheckbox {
    position: absolute;
    top: 3px;
    left: 3px;
    z-index: 9;
    display: none;
}

.contact-box .checked {
    /*visibility: inherit;*/
    display: block;
}

.contact-box:hover .icheckbox {
    /*visibility:visible;*/
    display: block;
}

/*END Select Box*/

/*UPDATE button on contact BOX*/

.contact-box .updateButton {
    /* padding: 8px; */
    position: absolute;
    top: 30px;
    right: 5px;
    z-index: 9;
    font-size: 18px;
    display: none;
}

.contact-box .updateOrganizationButton {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 9;
    font-size: 18px;
    display: none;
}

.contact-box .updateCoworkerButton {
    position: absolute;
    top: 4px;
    right: 5px;
    z-index: 9;
    font-size: 18px;
    display: none;
}

.contact-box .updateButton i,
.contact-box .updateOrganizationButton i,
.contact-box .updateCoworkerButton i {
    padding: 5px;
}

.contact-box:hover .updateButton,
.contact-box:hover .updateOrganizationButton,
.contact-box:hover .updateCoworkerButton {
    display: block;
}

/*END OF UPDATE BUTTON*/

/*PRIVATE CONTACT button on organization contact BOX*/

.contact-box .privateRelatedContactButton {
    position: absolute;
    top: 10px;
    right: 11px;
    z-index: 9;
    cursor: default;
}

/*END OF PRIVATE CONTACT button on organization contact BOX*/

/*REMOVE RELATED CONTACT button on contact BOX*/

.contact-box .rmRelatedContactButton {
    position: absolute;
    bottom: 14px;
    right: 10px;
    z-index: 9;
    /*visibility:hidden;*/
    display: none;
}

.contact-box:hover .rmRelatedContactButton {
    /*visibility:visible;*/
    display: block;
}

.contact-box .addPrimaryContactButton {
    position: absolute;
    bottom: 11px;
    right: 31px;
    z-index: 9;
    /*visibility:hidden;*/
    display: none;
    background-color: #23c1c5;
    border-radius: 10px;
    color: white;
    padding: 3px 6px;
    font-size: 11px !important;
}

.contact-box:hover .addPrimaryContactButton {
    /*visibility:visible;*/
    display: block;
}

#primary-contact-box {
    position: relative;
}

#primary-contact-box #rmPrimaryContactButton {
    position: absolute;
    top: 11px;
    right: 5px;
    visibility: hidden;
}

#primary-contact-box:hover #rmPrimaryContactButton {
    visibility: visible;
}

#primary-contact-box .ibox-content {
    padding: 0px;
}

.entity-main-view {
    min-height: calc(100vh - 80px);
}

#contact-view .ibox-content,
#group-view .ibox-content,
#user-view .ibox-content {
    padding-bottom: 0;
}

/*END OF REMOVE RELATED CONTACT BUTTON*/

/*FAVORITE button on contact BOX*/

.contact-box .favoriteButton {
    font-size: 18px;
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 9;
    display: none;
}

.contact-box .favoriteButton i {
    padding: 5px;
}

.contact-box .is-favorite {
    display: block !important;
}

.contact-box:hover .favoriteButton {
    /*visibility:visible;*/
    display: block;
}

/*END OF FAVORITE BUTTON*/

/*CONTACT BOX MORE BUTTON*/

.contact-box .moreButton {
    font-size: 19px;
    position: absolute;
    top: 25px;
    right: 11px;
    z-index: 9;
    /*visibility:hidden;*/
    display: none;
    color: #aaa;
}

.contact-box .moreButton a {
    padding: 0px 10px;
}

.contact-box:hover .moreButton {
    /*visibility:visible;*/
    display: block;
}

/*END OF CONTACT BOX MORE BUTTON*/

/*PRIVATE & TEAM ICON on contact BOX*/

.contact-box .privateIcon {
    font-size: 18px;
    position: absolute;
    bottom: 3px;
    left: 9px;
    z-index: 9;
}

/*END OF PRIVATE ICON BOX*/

/*SHARE button on contact BOX*/

.shareButton {
    cursor: pointer;
}

.contact-box .shareButton {
    position: absolute;
    top: 3em;
    right: 3em;
    z-index: 9;
    visibility: hidden;
}

.contact-box:hover .shareButton {
    visibility: visible;
}

/*CUSTOM SEARCHBOX*/

#search-section {
    /*min-height: 150px;*/
    overflow-y: auto;
    max-height: 80vh;
}

.custom-search-companies {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    margin: 0 auto 10px !important;
    border-bottom: 1px solid #cecece;
}

/*CUSTOM SEARCHBOX RELATED CONTACTS*/

.custom-search-related-contacts {
    background: white;
    font-size: 14px;
    height: 40px;
    margin: auto;
    z-index: 2000;
    width: 250px;
    border-radius: 4px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 5px;
}

/* CSS for Companies */

#group-view .contact-box {
    border: 0px;
}

.groups-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.groups-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.groupDetails div div span {
    font-weight: bold;
    color: #989898;
    width: 70px;
    display: inline-block;
    padding-left: 7px;
}

.groupDetails {
    width: 195px;
}

.groupsList {
    border: 1px solid #989898;
    min-width: 200px;
}

.inlineBlock {
    display: inline-block;
    vertical-align: top;
}

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

.inlineBlockVAText-top {
    display: inline-block;
    vertical-align: text-top;
    cursor: pointer;
}

.vertical-align-middle {
    vertical-align: middle !important;
}

.vertical-align-super {
    vertical-align: super !important;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom !important;
}

.vertical-align-baseline {
    vertical-align: baseline !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.addUpdateGroupForm div div font {
    /*font-family:Tahoma;
    font-size:18px;*/
}

.addUpdateGroupForm div {
    /*height:50px;*/
}

#related-contacts-section .contact-box {
    min-height: 102px !important;
}

#related-contacts-section #add-rel-contacts-btn {
    width: 100%;
    float: none;
}

/* Letters Sidebar for filtering*/

.letters-sidebar {
    position: absolute;
    width: 30px;
    font-size: 1.2em;
    line-height: 28px;
    height: 100%;
    z-index: 6;
    right: 0px;
    left: auto;
    top: 0px;
    text-align: center;
    padding: 12px 0 0 0;
    cursor: pointer;
    color: #000;
}

.active-letter {
    background-color: #f3f3f4;
    width: 100%;
    padding-left: 0;
    border-top: 1px solid #C0c0c0;
    border-left: 0px solid #C0c0c0;
    border-right: 0px solid #C0c0c0;
    border-bottom: 1px solid #C0c0c0;
}

/*Disable anchor's (a) blue color on dropdown*/

.dropdown a {
    color: #676a6c !important;
}

/*Link Cursor*/

.link-cursor-show {
    cursor: pointer;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 50px white inset;
    /* Change the color to your own background color */
    -webkit-text-fill-color: #333;
}

input.mytextbox {
    border-radius: 4px;
    border: 1px solid #ccc !important;
}

input.mytextbox:focus {
    outline: 0 none;
    border: 1px solid #23C1C5 !important;
}

.input-with-button-section input.mytextbox {
    height: auto;
}

.middle-box h1 {
    font-size: 150px;
    padding-bottom: 10px;
}

.registerscreen #firstName,
.registerscreen #lastName,
.registerscreen #email,
.registerscreen #pass,
.registerscreen #repass,
.registerscreen #companyName {
    position: relative;
}

.registerscreen span {
    position: absolute;
    top: 8px;
    right: 10px;
}

.registerscreen #logo-img {
    width: 170px;
    margin-bottom: 25px;
    padding-top: 20px;
}

/* Video */

#video-bg {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}

#video-bg>video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    z-index: -2000000000;
}

@media (min-aspect-ratio: 16/9) {
    #video-bg>video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #video-bg>video {
        width: 300%;
        left: -100%;
    }
}

@supports (object-fit: cover) {
    #video-bg>video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* Full Background Image */

img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;
    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: hidden;
}

@media screen and (max-width: 1024px) {

    /* Specific to this particular image */
    img.bg {
        left: 50%;
        margin-left: -512px;
        /* 50% */
    }
}

/* /End of Full Background Image */

.sidebard-panel .feed-element,
.media-body,
.sidebard-panel p {
    min-height: 40px;
}

.ibox {
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.ibox-title {
    line-height: 18px;
    height: inherit;
    padding: 10px 13px;
}

.ibox.disabled-section {
    border: 2px dotted #22c1c5;
}

.ibox-title.disabled-section {
    border-top: none;
}

.ibox-content {
    clear: none;
}

.rm-clear {
    clear: none;
}

/*.ibox .ibox-content row .feed-activity-list{
    border-bottom: 0px;
}

.feed-activity-list:last-child  {
    border-bottom: 0px;
}*/

/*.feed-activity-list .feed-element:last-child  {
    border-bottom: 0;
}*/

/* Progress bar pace */

.pace .pace-progress {
    background: #23c3c5;
}

/*End of progress bar*/

.ibox-content .row:last-child .feed-activity-list .feed-element {
    border-bottom: 0;
}

.last-item-remove-border {
    margin-bottom: 1px;
}

.ibox-content .last-item-remove-border.feed-activity-list .feed-element {
    border-bottom: 0;
}

.my-feed-list *:last-child .feed-element {
    border-bottom: 0px;
}

/*DISABLED*/

.disabled {
    pointer-events: none;
    cursor: default;
}

.disabled_blanc input {
    pointer-events: none;
    cursor: default;
    color: white !important;
}

/* Ribbon */

.checkBoxContainer {
    text-align: left;
}

.ribbon-inline {
    display: inline-block;
    vertical-align: bottom;
}

.ribbon-fix-position {
    /*vertical-align:bottom;*/
    line-height: 25px;
    /*margin-right: 20px;*/
}

.ribbon-middle-paddings {
    padding: 0 10px;
    margin: 0 10px;
    border-color: #a6abae;
}

.ribbon-right-paddings {
    padding-right: 10px;
    /*margin-right: 10px;*/
    margin-right: 0;
    border-color: #a6abae;
}

.md-text {
    min-width: 25px;
    text-align: center;
    display: inline-block;
}

body.mini-navbar .logo {
    display: none !important;
}

body.mini-navbar .bg-image-onboarding-process-wrapper .logo {
    display: block !important;
}

/* Ribbon Companies */

.contact-list-dropdown {
    min-width: 300px;
}

#filter-account-type {
    min-width: 240px;
}

#filter-department-type {
    min-width: 350px;
}

@media (min-width: 768px) {
    .navbar-right {
        margin-right: 0px !important;
    }
}

/* ***************** CSS FOR TOP NAV (NAVIGATION) BAR ***************** */

/* Style for making fixed the topnavbar */

.navbar-fixed-top {
    border: none !important;
}

.navbar-right-position {
    float: right;
    margin-right: 0;
}

#top-navigation-bar-container {
    width: 100%;
    z-index: 9999;
    min-height: 58px;
    background-color: #212D3A;
    max-height: 59px;
    /* box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 2px 0px; */
}

/* END Style for making fixed the topnavbar */

.navbar-header {
    height: 58px;
}

/* Top nav bar - Hamburger */

.nav-hamburger {
    color: white;
    font-size: 23px;
    margin: 20px 6px 18px 18px;
    cursor: pointer;
}

.nav-hamburger:hover {
    color: #f5f5f5;
}

/* END: Top nav bar - Hamburger */

/* Topnav dropdown menu */

/* END Topnav dropdown menu */

/* Main embedded content */

.main-content-container {
    margin-top: 58px;
}

/* END */

.groups-main-content .navbar-right {
    margin-right: 0px;
}

.groups-main-content .ibox-title {
    border-width: 0px 0px 0;
    padding-left: 20px;
    min-height: 25px;
}

#users-counter {
    line-height: 25px;
    min-width: 80px;
}

@media (min-width:991px) {
    #groups-counter {
        /*min-width: 185px;*/
        min-width: 215px;
        max-width: 230px;
        line-height: 25px;
    }

    .list-buttons {
        /*min-width: 130px;*/
    }
}

@media (max-width:991px) {

    #ribbon-sort-by,
    .contact-list-dropdown,
    #contacts-filters {
        border: none;
    }

    #groups-counter {
        min-width: 185px;
        margin: 10px auto;
        width: 100%;
    }

    .list-buttons {
        min-width: 130px;
        margin: 0 auto 15px;
        width: 100%;
    }
}

/*.groups-main-content .multiSelectButton{
    font-size: 11px;
    color: #23c1c5;
}*/

.multiSelect .button {
    font-size: 13px;
}

.groups-main-content .navbar-top-links li:last-child {
    margin-right: 0px;
}

#clear-filters-btn {
    position: absolute;
    top: 5px;
    margin-left: 20px;
}

/* Text Align accorging to Screen Size */

@media (max-width: 767px) {
    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }

    .text-center-xs {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm {
        text-align: left;
    }

    .text-right-sm {
        text-align: right;
    }

    .text-center-sm {
        text-align: center;
    }

    .smaller-card {
        width: 35%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md {
        text-align: left;
    }

    .text-right-md {
        text-align: right;
    }

    .text-center-md {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .text-left-lg {
        text-align: left;
    }

    .text-right-lg {
        text-align: right;
    }

    .text-center-lg {
        text-align: center;
    }
}

.changePasswordScreen #pass,
.changePasswordScreen #repass {
    position: relative;
}

.changePasswordScreen #pass span,
.changePasswordScreen #repass span {
    position: absolute;
    top: 8px;
    right: 10px;
}

#signup_btn,
#register_btn,
#login_btn,
#forgot_password_btn,
#change_password_btn {
    position: relative;
}

#signup_btn #signup_btn_spinner,
#register_btn #register_btn_spinner,
#login_btn #login_btn_spinner,
#forgot_password_btn #forgot_password_btn_spinner,
#change_password_btn #change_password_btn_spinner {
    /*position: absolute;
        right: 25px;*/
    position: absolute;
    right: 14px;
    top: 6px;
}

.myborder {
    border: 1px solid #428BD3;
    border-radius: 3px;
}

.mySelectedTab {
    background-color: #23C1C5 !important;
    color: #ffffff;
}

.myDefaultTab {
    background-color: #BABABA;
    color: #ffffff;
}

/* Add Borders*/

.border-left-right,
.border-right,
.border-left {
    border-color: #bcbcbc;
}

/* END Add Borders */

/* Remove borders */

.b-none {
    border: none !important;
}

.b-b-none {
    border-bottom: none !important;
}

.b-t-none {
    border-top: none !important;
}

.b-r-none {
    border-right: none !important;
}

.b-l-none {
    border-left: none !important;
}

.b-t-thin-gray {
    border-top: 1px solid #f3f3f4 !important;
}

.prevent-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
}

.prevent-overflow-x {
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-sections {
    position: relative;
    z-index: 10;
}

.header-section-one,
.header-section-two {
    height: 80px;
}

.header-section-one {
    /*position: relative;*/
}

.groups-add-update img {
    cursor: pointer;
}

/* Checkboxes style */

.my-checkbox {
    position: relative;
    top: -0.375rem;
    margin: 0 1rem 0 0;
    cursor: pointer;
}

.my-checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 0;
    z-index: 1;
    width: 1rem;
    height: 1rem;
    border: 2px solid #f2f2f2;
}

.my-checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: .5rem;
    border-color: #009688;
    border-top-style: none;
    border-right-style: none;
}

.my-checkbox:after {
    content: "";
    position: absolute;
    top: -0.125rem;
    left: 0;
    width: 1.1rem;
    height: 1.1rem;
    background: #fff;
    cursor: pointer;
}

/* columns of same height styles */

.container-xs-height {
    display: table;
    width: 100%;
}

.row-xs-height {
    display: table-row;
    width: 100%;
}

.col-xs-height {
    display: table-cell;
    float: left;
}

@media (min-width: 768px) {
    .container-sm-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-sm-height {
        display: table-row;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-md-height {
        display: table-row;
    }

    .col-md-height {
        display: table-cell;
        float: none;
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0px;
        padding-right: 0px;
    }

    .row-lg-height {
        display: table-row;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
    }
}

/* vertical alignment styles */

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

/* Ask to gain access back from Admins Modal */

#showGrantUserAccessModal .modal-content,
#showGrantUserAccessModal .modal-content {
    border-radius: 0px;
}

#showGrantUserAccessModal .modal-header,
#showGrantUserAccessModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Prevent login if company has not been activated */

#showNotPermittedVodafoneLoginModal .modal-content,
#showNotPermittedVodafoneLoginModal .modal-content {
    border-radius: 0px;
}

#showNotPermittedVodafoneLoginModal .modal-header,
#showNotPermittedVodafoneLoginModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px 100%;
    background-position: 15px 0;
}

/* Style for Import Companies Wizard Modal */

.showImportCompaniesModal .modal-content,
.showImportContactsModal .modal-content {
    border-radius: 0px;
}

.showImportCompaniesModal .modal-header,
.showImportContactsModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Import Companies Wizard Modal */

.showImportFileModal .modal-content,
.showImportFileModal .modal-content {
    border-radius: 0px;
}

.showImportFileModal .modal-header,
.showImportFileModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Remove in Marketing List Wizard Modal */

.showDeleteModal .modal-content,
.showDeleteModal .modal-content {
    border-radius: 0px;
}

.showDeleteModal .modal-header,
.showDeleteModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Add Marketing List Wizard Modal */

.showAddMarketingListModal .modal-content,
.showAddMarketingListModal .modal-content {
    border-radius: 0px;
}

.showAddMarketingListModal .modal-header,
.showAddMarketingListModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

.showAddModal .modal-content,
.showAddModal .modal-content {
    border-radius: 0px;
}

.showAddModal .modal-header,
.showAddModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for Add Marketing List Wizard Modal */

.showAddModalSMS .modal-content,
.showAddModalSMS .modal-content {
    border-radius: 0px;
}

.showAddModalSMS .modal-header,
.showAddModalSMS .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

/* Style for show Marketing Lists Wizard Modal */

.showMarketingListsModal .modal-content,
.showMarketingListsModal .modal-content {
    border-radius: 0;
}

.showMarketingListsModal .modal-header,
.showMarketingListsModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

#marketingListsTable {
    max-height: 400px;
}

.close,
.close:hover {
    color: #fff;
    opacity: 1;
}

#status-buttons {
    min-height: 35px;
    display: inline-flex;
}

#status-buttons>div {
    cursor: default;
}

.showAddModal #status-buttons>div,
.showAddModalSMS #status-buttons>div {
    cursor: pointer;
    margin: 0 5px;
}

#upload-wizard-btn,
.upload-wizard-btn {
    color: #fff !important;
}

/* Side NavBar navigation */

body.mini-navbar .nav-header {
    background: transparent;
}

#sidemenu-navbar {
    position: fixed;
    overflow-y: auto;
    top: 70px;
    bottom: 0;
    -ms-overflow-style: none;
}

body.body-small #sidemenu-navbar {
    overflow-y: inherit;
}

body.mini-navbar #sidemenu-navbar {
    overflow-y: inherit;
}

.share-pobuca {
    position: fixed !important;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #293846;
    min-height: 46px;
    max-width: 220px;
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 0 4px 22px -1px rgba(0, 0, 0, .8);
    -webkit-box-shadow: 0 4px 22px -1px rgba(0, 0, 0, .8);
    -moz-box-shadow: 0 4px 22px -1px rgba(0, 0, 0, .8);
}

.mini-navbar .share-pobuca {
    max-width: 70px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.share-pobuca:hover,
.share-pobuca:focus,
.share-pobuca:visited {
    background-color: #293846;
}

.share-pobuca a,
.share-pobuca a:visited,
.share-pobuca a:focus {
    color: #a7b1c2;
}

.share-pobuca a:hover {
    color: #fff;
}

#sidemenu-navbar::-webkit-scrollbar {
    width: 0 !important;
}

.nav-link-icon {
    font-size: 14px;
    display: inline-block !important;
}

.nav-link .nav-label {
    font-size: inherit;
}

body.mini-navbar .navbar-default .nav>li>a {
    font-size: 13px;
}

#side-menu {
    margin-bottom: 46px;
}

#side-menu .nav-header {
    padding: 10px 10px 15px 10px;
}

#sidemenu-letterimg {
    position: relative;
    top: 0;
    left: 0;
}

#sidemenu-fullname {
    position: relative;
    top: 10px;
    left: 0;
}

#sidemenu-oneitem {
    color: #ffffff;
    position: relative;
    left: 0;
}

body .nav-second-level {
    display: none;
}

body.mini-navbar .nav-second-level.collapse.in {
    position: fixed !important;
    top: 58px !important;
    bottom: 0 !important;
    border-left: 1px solid #293846;
    z-index: 100;
    margin: 0 !important;
    background: rgba(41, 56, 70, 1);
    box-shadow: 6px 0 5px -5px #333;
    -webkit-box-shadow: 6px 0 5px -5px #333;
    -moz-box-shadow: 6px 0 5px -5px #333;
    height: 100% !important;
    display: block;
    min-width: 160px !important;
    padding: 10px !important;
    /* display: block !important; */
    -webkit-animation: fadein 0.2s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.2s;
    /* Firefox < 16 */
    -ms-animation: fadein 0.2s;
    /* Internet Explorer */
    -o-animation: fadein 0.2s;
    /* Opera < 12.1 */
    animation: fadein 0.2s
}

body:not(.fixed-sidebar).mini-navbar .nav-second-level {
    display: none;
}

body:not(.fixed-sidebar).mini-navbar .nav li.active:hover>.nav-second-level {
    display: block;
}

body:not(.fixed-sidebar).mini-navbar .nav li>.nav-second-level {
    display: none;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */

@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

body.mini-navbar .collapse.in .sub-level-item {
    display: block !important;
}

/* Top Navbar */

#top-navbar-company {
    font-size: 28px;
    line-height: 55px;
}

/* Top navbar css ... button */

/* #top-nav {
    float: right;
} */

.navbar-top-links .dropdown-menu li a {
    font-size: 12px;
    padding: 0px 10px;
}

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus {
    background: transparent !important;
    /*background: #f3f3f4 !important;*/
}

.my-navbar-static-top {
    z-index: 0 !important;
}

.navbar-static-top ul li a img {
    max-height: 20px;
}

.navbar-top-fixed {
    position: fixed;
    top: 0;
    /* z-index: 10000;
    width: 100%;
    background-color: red; */
}

.navbar-top-fixed .navbar-static-top {
    background-color: transparent !important;
}

#textboxid:focus {
    border: 1px solid #23C1C5;
    /*min-height:70px;
    padding: 0 10px;
    vertical-align:text-top !important;*/
}

/* my navbar-header Style */

#my-navbar-header {
    padding: 0px 30px !important;
    display: inline-block;
    width: 100%;
}

#my-navbar-header .page-title {
    font-size: 26px;
    font-weight: 300;
    width: calc(100% - 255px);
    min-height: 30px;
}

#header-title,
#header-title-default {
    line-height: 31px;
    margin: 0 0 7px 74px;
    min-height: 30px;
}

#my-navbar-header #breadcrumb.photo {
    margin-left: 75px;
}

#my-navbar-header #breadcrumb a {
    color: #6d6e71;
    text-decoration: none;
}

/* END of my navbar-header Style */

/* RELATED CONTACTS */

#local-search-input {
    position: relative;
    /*margin-left: 20px;*/
}

#local-search-input #search-info-help-icon {
    position: absolute;
    left: auto;
    right: 8px;
    top: 9px;
    z-index: 101;
    color: #B0B1B1;
}

#local-search-input input {
    border: 1px solid #B0B1B1;
    border-radius: 4px;
    padding: 0;
}

#local-search-input input:focus {
    border: 1px solid #22c1c5;
}

.brand-vodafone #local-search-input input:focus {
    border: 1px solid #E60000;
}

.brand-softbank #local-search-input input:focus {
    border: 1px solid #4982ba;
}

.brand-movistarArgentina #local-search-input input:focus {
    border: 1px solid #00A9E0;
}

#search-icon-related {
    position: absolute;
    left: 12px;
    top: 14px;
    z-index: 101;
    color: #B0B1B1;
}

#local-search-input input:focus+#search-icon-related {
    color: #22c1c5;
}

.brand-vodafone #local-search-input input:focus+#search-icon-related {
    color: #E60000;
}

.brand-softbank #local-search-input input:focus+#search-icon-related {
    color: #4982ba;
}

.brand-movistarArgentina #local-search-input input:focus+#search-icon-related {
    color: #00A9E0;
}

/*  END OF RELATED CONTACTS  */

/* Invite Colleagues */

#list-invitation-emails,
#list-external-invitation-emails,
#admin-permissions-panel {
    padding-top: 35px;
}

#invite-colleagues-btn,
#change-permissions {
    position: relative;
    padding-left: 45px;
    padding-right: 45px;
    display: inline-block;
}

#invite-colleagues-btn span,
#change-permissions span {
    position: absolute;
    right: 11px;
    top: 7px;
    z-index: 100;
}

.invite-screen #invite-colleagues-btn {
    padding-left: 30px;
    padding-right: 30px;
}


.invite-inner-colleague-domain {
    line-height: 30px;
}

#add-new-invitation-email-field {
    cursor: pointer;
}

/* Pending Invites */

pending-invites {
    background: white !important;
    display: block;
    height: 100%;
}

.header-section-pending-invites {
    height: 96px;
    margin: 0 60px;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
}

.header-section-pending-invites .title {
    font-size: 26px;
    display: inline-block;
    color: #676A6C;
    line-height: 96px;
    font-family: "OpenSansLight";
}

.header-section-pending-invites .actions-section {
    display: inline-block;
    position: absolute;
    right: 0;
    line-height: 96px;
}

pending-invites .main-body-section {
    margin: 0 60px;
}

pending-invites .panel-body {
    padding: 0;
    margin-top: 20px;
}

pending-invites .main-body-section .title {
    display: inline-block;
    color: #676A6C;
    font-size: 26px;
    font-family: "OpenSansLight";
    vertical-align: middle;
}

pending-invites .icon-container {
    display: inline-block;
    height: initial;
    vertical-align: super;
}

pending-invites .icon {
    vertical-align: middle;
    margin-right: 10px;
}

#pending-invites-action-btn {
    padding: 6px 32px;
    float: right;
}

#pending-invites-action-btn-spinner {
    position: absolute;
    top: 7px;
    right: 10px
}

#pending-invites-bubble,
#no-invitation-email-section {
    background-color: white;
}

#pending-invites-bubble.alert .alert-link {
    font-weight: 400;
    color: #23c1c5;
}

#pending-invites-bubble .pending-invites-botface {
    width: 40px;
    margin: 0 10px 0 0;
    position: relative;
}

#pending-invites-bubble.alert-dismissable .close,
#pending-invites-bubble.alert-dismissible .close {
    position: relative;
    top: 6px;
    right: -21px;
    color: inherit;
}

/* END of Invite Colleagues */

/* Style for Select Box */

select::-ms-expand {
    display: none;
}

.my-styled-select-field {
    position: relative;
    top: 0;
    right: 0;
    background: #fff;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

.my-styled-select-field select {
    background: #fff;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

.my-styled-select-field span {
    position: absolute;
    top: -2px;
    right: 13px;
}

.my-styled-select select {
    position: relative;
    top: 0;
    right: 0;
    background: #f5f5f5;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

.my-styled-select option {
    background: #fff;
}

.my-styled-select .dropdownMenuArrow,
.my-styled-select .dropdownMenuSpinner {
    position: absolute;
    right: 25px;
    top: 21px;
    max-width: 18px;
    pointer-events: none;
}

select::-ms-value {
    background: none !important;
    /* THIS REMOVES THE BLUE BACKGROUND HIGHLIGHT FROM IE*/
    color: inherit !important;
}

.userControlPanel-main-content .my-styled-select select {
    background: #ffffff !important;
}

#gender-select .dropdownMenuArrow {
    position: absolute;
    right: 25px;
    top: 17px;
    max-width: 18px;
}

/* END of Style for Select Box */

/* Permissions Dropdown */

.permissions-dropdown {
    position: relative;
}

/*.permissions-dropdown select {
    border-color: #2CBEC3;
}*/

.permissions-dropdown .dropdownMenuArrow {
    position: absolute;
    top: 6px;
}

.permissions-dropdown .dropdownMenuSpinner {
    position: absolute;
    top: 15px;
}

/*/ END OF Permissions Dropdown */

/*  CHANGE PASS INTO SITE  */

.changepasssection #newpass,
.changepasssection #repass {
    position: relative;
}

.changepasssection span {
    position: absolute;
    top: 30px;
    right: 10px;
}

/* / CHANGE PASS INTO SITE  */

/*.green-text{
    color: #2cbec3;
}*/

.warning-msg {
    color: #ff5555;
}

.warning-icon {
    color: #f8a206
}

.horLine {
    width: 100%;
    margin: 10px 0px 30px 0px;
    border-top: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    clear: both;
}

.contacts-add-update form h3,
.groups-add-update form h3,
.groups-view form h3,
.contacts-view form h3,
.users-view form h3,
.campaigns-add-update,
.business-add-card form h3,
.tags-add-card form h3 {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 0;
}

.company-permissions h3 {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 0;
}

.contacts-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.my-middle-box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -140px;
    width: 250px;
    height: 250px;
    z-index: 100;
}

.live-middle-box {
    position: absolute;
    top: 20%;
    left: 50%;
    margin-top: -50px;
    margin-left: -140px;
    width: 250px;
    height: 250px;
    z-index: 100;
}

.live-card-middle-box {
    width: auto;
    height: 100px;
    margin: 60px auto;
    z-index: 100;
}

.contacts-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.input-exclamation-mark {
    cursor: default;
    position: absolute;
    right: 14px;
    top: 6px;
    font-size: 16px;
    background-color: #fff;
}

/* User Control Panel */

.userControlPanel-main-content .middle-box {
    height: auto;
    width: auto;
    position: relative;
    top: 0;
    left: 0;
    z-index: 100;
}

.userControlPanel-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.userControlPanel-main-content .ibox-title {
    height: 43px;
}

.userControlPanel-main-content .nav-tabs {
    border-bottom: none;
}

.userControlPanel-main-content .tab-content {
    border: 1px solid #e7eaec;
    padding: 15px;
}

.userControlPanel-main-content thead tr th {
    /*cursor: default !important;*/
}

/* Landing        ////////// */

/* #landing-navbar .navbar-collapse.in {
    overflow-y: initial;
} */

.landing-logo {
    position: absolute;
    left: 8%;
}

@media (min-width: 768px) {
    .landing .navbar-right {
        margin-right: 40px;
    }
}

/*//////////////////////////*/

.toast-top-center {
    top: 12px;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.button-with-spinner {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.button-with-spinner .spinner-button {
    position: absolute;
    right: 8px;
    top: 6px;
}

/* columns of same height styles */

.row-full-height {
    height: 100%;
}

.col-full-height {
    height: 100%;
    vertical-align: middle;
}

.row-same-height {
    display: table;
    width: 100%;
    /* fix overflow */
    table-layout: fixed;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

@media (min-width: 768px) {
    .col-sm-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 992px) {
    .col-md-height {
        display: table-cell;
        float: none !important;
    }
}

@media (min-width: 1200px) {
    .col-lg-height {
        display: table-cell;
        float: none !important;
    }
}

/* VCard */

#shareVcard {
    position: relative;
}

#shareVcard>span {
    position: absolute;
    top: 30px;
    right: 10px;
}

#showShareVCardModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

#shBtn {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

#shBtn>span {
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 100;
}

/* END VCard */

/* Edit Profile */

.cropArea {
    overflow: hidden;
    height: 270px;
    margin-bottom: 10px;
}

#shareJpb {
    position: relative;
}

#shareJpb>span {
    position: absolute;
    top: 30px;
    right: 10px;
}

#showshareJpbModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

#deleteUserAccountModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

#changeProfilePicModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

.user-img-section {
    width: auto;
}

.img-responsive {
    max-width: 170px !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#shareJustphonebookLink a:hover {
    text-decoration: underline;
}

.profile-pic {
    position: relative;
}

.remove-profile-pic-btn {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 5px;
    font-size: 19px;
}

.profile-pic:hover .remove-profile-pic-btn {
    display: inline-block;
}

#change-photo-button {
    display: inline-block;
}

/* / Edit Profile */

/* Delete Pobuca */

#deleteJpbModal .modal-header {
    width: 100%;
    min-height: 65px;
    padding: 25px;
    background: #2F3F4F url('/static/img/jp_white_logo.svg') no-repeat;
    background-size: 155px;
    background-position: 15px 12px;
}

#deleteCompanyLink a:hover {
    text-decoration: underline;
}

/* END Delete Pobuca */

/* Delete user */

#deleteUserLink a:hover {
    text-decoration: underline;
}

/* END Delete user */

/* Logout User From All Devices   */

#logoutDevicesLink a:hover {
    text-decoration: underline;
}

/* END Logout User From All Devices */

/*  CALENDAR  */

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: auto !important;
}

.ui-datepicker-today a,
.ui-datepicker-today a:hover,
.ui-datepicker .ui-state-highlight {
    color: #23c1c5 !important;
    border: 1px solid #23c1c5 !important;
    background: #f9f9f9 !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background: #23c1c5 !important;
    color: #fff !important;
}

.ui-widget-content {
    min-width: 275px;
}

/*  END CALENDAR  */

/*PERFORMANCE STUFF*/

/*Creates a new layer*/

.layer {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.stable-bg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 2000px;
    height: 2000px;
    background-color: #2f3f4f;
}

/* Import Process */

.import-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.import-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.import-main-content .ibox-title {
    height: 48px;
}

.import-header-choices {
    font-size: 17px;
    position: relative;
    top: -4px;
}

/* Teams */

.mylabel-team {
    font-weight: 300;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 30px 10px 15px;
    font-family: OpenSansRegular !important;
    position: relative;
    cursor: default;
    display: inline-block;
}

.mylabel-team .remove-icon,
.mylabel-team .undo-icon {
    position: absolute;
    right: 9px;
    top: 10px;
    cursor: pointer;
}

#contacts-accessibility-selection>span>button {
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #23c1c5 !important;
    font-size: 14px !important;
}

.access_options {
    min-width: calc(100% - 45px);
    min-width: -webkit-calc(100% - 45px);
    min-width: -moz-calc(100% - 45px);
    min-width: -o-calc(100% - 45px);
}

#team-selection-visibility-options-container {
    width: calc(100% - 20px) !important;
    width: -webkit-calc(100% - 20px) !important;
    width: -moz-calc(100% - 20px) !important;
    width: -o-calc(100% - 20px) !important;
}

.contact-box .teamIcon {
    font-size: 14px;
    position: absolute;
    bottom: 4px;
    left: 9px;
    z-index: 9;
}

.contact-box .flipIcon {
    font-size: 16px;
    position: absolute;
    bottom: 1px;
    right: 4px;
    z-index: 9;
    display: none;
}

.contact-box .flipIcon i {
    padding: 5px;
    transform: rotateZ(-45deg);
}

.contact-box:hover .flipIcon {
    display: block;
}

#team-select-area {
    color: #2F3F4F;
    margin-top: 4px;
    font-weight: 300;
}

.add-team-memember-btn,
.add-team-memember-text {
    width: 100%;
    display: inline-block;
    text-align: center;
}

#coworker-activity-section {
    overflow-x: auto;
    white-space: nowrap;
    padding-top: 0;
}

.teams-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.teams-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.teams-main-content .ibox-title {
    height: 48px;
}

@media (max-width:764px) {
    .teams-main-content .ibox-title {
        height: 85px;
    }
}

@media (max-width:487px) {
    .teams-main-content .ibox-title {
        height: 95px;
    }
}

#coworker-activity-item {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 100px;
    border-radius: 4px;
    padding-top: 6px;
    /* background-color: #f2f3f4;
    box-shadow: 0 3px 0 #d7e4ed; */
}

#coworker-activity-item:hover {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

.circle-remove-selection,
.circle-remove-selection-2 {
    display: none;
    background: #cdcdcd;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    margin: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
}

.circle-add-selection,
.circle-add-selection-2 {
    display: none;
    background: #23c1c5;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    margin: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
}

.xsmallletterimg-selections:hover .circle-remove-selection,
.xmsalluserimg-selections:hover .circle-remove-selection-2 {
    display: inline-block;
    cursor: pointer;
}

.xsmallletterimg-selections:hover .circle-add-selection,
.xmsalluserimg-selections:hover .circle-add-selection-2 {
    display: inline-block;
    cursor: pointer;
}

.selection-name {
    width: 95px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -35px;
    text-align: center;
    line-height: 16px;
}

#teamsList .feed-element {
    overflow: visible;
}

#teamsList .table-responsive {
    overflow-x: visible;
}

#teamsList .ibox {
    overflow-x: visible;
}

/* Campaign Process */

.campaign-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.campaign-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

.campaign-main-content .ibox-title {
    height: 48px;
}

/* Campaigns */

.unsubscribed_img {
    max-width: 150px;
    width: 100%;
    margin: 15px auto;
}

.default-td-list-size {
    min-width: 30px;
    min-height: 35px;
}

.campaigns-main-content .middle-box {
    height: auto;
    width: auto;
    position: absolute;
    top: 40%;
    left: 40%;
    z-index: 100;
}

.campaigns-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 60px;
    height: 60px;
}

textarea[name=myTextArea] {
    resize: none;
}

#campaign_countries .my-styled-select {
    position: relative;
    top: 0;
    right: 0;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

#campaign_countries .dropdownMenuArrow {
    position: absolute;
    right: 25px;
    top: 7px;
    max-width: 18px;
    pointer-events: none;
}

#campaign_calculator .my-styled-select {
    position: relative;
    top: 0;
    right: 0;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
}

#campaign_calculator .dropdownMenuArrow {
    position: absolute;
    right: 16px;
    top: 7px;
    max-width: 18px;
    pointer-events: none;
}

.sms-campaign-button {
    position: relative;
    top: -1px;
}

.table-responsive th {
    cursor: pointer;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle !important;
}

.campaigns-main-content .ibox-title {
    height: 48px;
}

.campaigns-main-content .nav-tabs {
    border-bottom: none;
}

.campaigns-main-content .tab-content {
    border: 1px solid #e7eaec;
    padding: 15px;
}

.campaign-contact-box {
    min-height: 108px !important;
    padding: 4px 20px !important;
}


/*Business Cards Filter*/

#bc-filter-available-options {
    left: 0;
    max-height: 300px;
    border-radius: 9px;
    box-shadow: 15px 4px 140px 0 rgba(0, 0, 0, 0.4);
}

#bc-filter-available-options img {
    width: 15px;
    height: 15;
}

.bc-filter-status {
    font-size: 14px;
    margin-left: 5px;
    font-family: "OpenSansRegular";
    font-weight: normal;
}

.options-container {
    position: absolute;
    z-index: 1;
    margin-left: -5px;
    margin-top: 10px;
}

.options-position {
    max-height: 300px;
    overflow: auto;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.option-box {
    padding: 10px 15px;
    background: white !important;
    color: #676a6c !important;
    text-align: left;
}

.option-box:hover {
    background: #d1d2d3 !important;
    cursor: pointer;
}

.dropdown-menu {
    max-height: 300px;
    overflow: auto;
}

.open>.dropdown-menu {
    overflow: auto;
    min-width: 180px;
}

/*                   */

.business-card-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.file-box {
    /*width: 260px !important;*/
    width: 100% !important;
}

.file {
    margin: 10px;
}

.file .icon,
.file .image {
    height: 125px;
    overflow: hidden;
}

.fixed-content {
    position: fixed;
}

.manage-bcards-buttons .mark-completed {
    display: inline-block;
}

/*.manage-bcards-buttons .mark-completed{
    display: none !important;
}
.manage-bcards-buttons:hover .mark-completed{
    display: block;
}*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.business-add-card .file-box {
    width: 100% !important;
}

.business-add-card .file .image {
    height: auto;
}

#autocomplete-input {
    position: relative;
}

#autocomplete-input #autocomplete-icon {
    position: absolute;
    right: 15px;
    top: 30px;
}

#autocomplete-input #autocomplete-assign-user-icon {
    position: absolute;
    right: 15px;
    top: 10px;
}

.top-position-10 {
    top: 10px !important;
}

.top-position-57 {
    top: 57px !important;
}

#internal-email-section,
#external-email-section {
    position: relative;
}

/*  TOUR  */

.tour-backdrop {
    opacity: .1 !important;
    filter: alpha(opacity=10) !important;
}

.tour-step-background {
    background: none;
}

.popover {
    padding: 0 !important;
    border-radius: 0 !important;
    border: 1px solid rgba(0, 0, 0, .1) !important;
    font-size: 13px !important;
}

.popover[class*=tour-] {
    z-index: 10000;
}

.popover-navigation button:first-of-type {
    margin-right: 3px;
}

.popover-title {
    width: 100%;
    min-height: 45px;
    /*padding: 15px;*/
    border-radius: 0 !important;
    background: #2f3f4f url('/static/img/jp_white_logo.svg') no-repeat;
    background-position: 10px 0;
    background-size: 115px 100%;
}

#top-nav div.sk-spinner-rotating-plane.sk-spinner {
    background-color: #21C3C5;
    width: 12px;
    height: 12px;
    display: inline-block;
}

/* Business Cards */

.no-bc-msg {
    margin-top: 40px;
}

.bc-no-image {
    color: #868c92;
    margin-top: 76px;
    text-align: center;
    font-size: 11px;
}

.bc-dropdown {
    float: left;
    cursor: pointer;
    margin-left: 20px;
    user-select: none;
}

.bc-contact-name {
    white-space: nowrap;
    display: inline-block;
    width: 140px;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #737376;
}

.bc-filter-check-container {
    color: #36c0c3;
    display: contents;
}

.bc-filter-check-icon {
    float: right;
}

.back-side-icon-container {
    height: 28px;
    width: 34px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.bc-description-container {
    padding-left: 9px;
}

.bc-info-categories {
    font-size: 10px;
    vertical-align: text-top;
}

.bc-add-contact {
    margin-top: 6px;
    font-weight: bold;
}

.bc-icon-container {
    padding-left: 10px;
    padding-top: 9px;
    border: none !important;
}

.bc-status-icon-container {
    padding-top: 5px;
}

.bc-status-icon-container img {
    width: 13px;
    height: 13px;
}

.jp-bc-light-blue {
    /*color:#34dde2;*/
    color: #36c0c3;
}

.jp-light-gray {
    /*color: rgb(204, 204, 204);*/
    color: rgba(185, 179, 179, 0.68);
}

.jp-bc-icon-light-gray {
    color: #999999b5;
}

.bc-information-container {
    height: 40px;
}

.bc-back-side-icon {
    text-shadow: 1px 1px 15px black;
    color: rgb(255, 253, 253);
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 1;
}

.bc-image {
    height: 110px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 50%;
}

.bc-container {
    border: 1px solid #ddd;
    width: 200px;
    margin: 15px;
    padding-left: 0;
    padding-right: 0;
    border-radius: 3px;
    height: 249px;
    overflow: hidden;
    box-shadow: 3px 4px 14px 0 rgba(0, 0, 0, 0.2);
}

.bc-image-container {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/*
.bc-remove-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    display: none;
}

.bc-image-container:hover .bc-remove-icon {
    display: block;
}
*/
#lightbox .lb-next,
#lightbox .lb-prev,
#lightbox .lb-details,
#lightbox .lb-nav {
    display: none !important;
}

.bc-wrap {
    overflow: hidden;
    margin: 10px;
}

.bc-box-fixed {
    float: left;
    position: fixed;
    width: 25%;
    padding-bottom: 19%;
    bottom: 0;
}

.image-container {
    height: 200px;
}

.bc-boxInner-fixed {
    position: absolute;
    bottom: 15px;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bc-boxInner-fixed img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
    overflow: hidden;
    max-height: 250px !important;
}

.bc-image-container>.bc-titleBox {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -70px;
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    color: #FFF;
    padding: 17px 17px 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.bc-image-container:hover>.bc-titleBox,
.bc-image-container.touchFocus>.bc-titleBox {
    margin-bottom: 0 !important;
    z-index: 100;
}

.triangle-color-position {
    position: absolute;
    top: 0;
    left: 0;
}

.green-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #23c2c5 transparent transparent transparent;
    z-index: 1;
}

.red-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 0;
    border-color: #eb5767 transparent transparent transparent;
    z-index: 1;
}

/********* Spinners - http://tobiasahlin.com/spinkit/ ***********/

/*Folding Cube*/

.sk-folding-cube {
    margin: 20px auto;
    width: 40px;
    height: 40px;
    position: relative;
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
    float: left;
    width: 50%;
    height: 50%;
    position: relative;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #23c1c5;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {

    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }

    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }

    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

/*  /END folding cube  */

/* Spinner Chasing dots */

.sk-spinner-chasing-dots {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate 2.0s infinite linear;
    animation: sk-rotate 2.0s infinite linear;
}

.sk-spinner-chasing-dot1,
.sk-spinner-chasing-dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fcfcfc;
    border-radius: 100%;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.sk-spinner-chasing-dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes sk-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* END: Spinner Chasing dots */

/* Double Circles */

.spinner-double-circles-sm {
    width: 40px;
    height: 40px;
    position: relative;
    margin: auto;
}

.spinner-double-circles {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
}

.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #23c1c5;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {

    0%,
    100% {
        -webkit-transform: scale(0.0);
    }

    50% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bounce {

    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

/* /END Double Circles */

/* Horizontal Dots */

.sk-hor-dots {
    margin: 10px auto 0;
    text-align: center;
}

.sk-hor-dots>div {
    width: 14px;
    height: 14px;
    background-color: #21C3C5;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.sk-hor-dots .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.sk-hor-dots .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {

    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/* /END Horizontal Dots */

/* Circle Spinner */

.spinner_circle {
    width: 40px;
    height: 40px;
    margin: 100px auto;
    background-color: #23c1c5;
    border-radius: 100%;
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 0;
    }
}

@keyframes sk-scaleout {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 0;
    }
}

.horizontal-search-container {
    position: relative;
}

.horizontal-search-container>span {
    position: absolute;
    top: 11px;
    left: 20px;
}

/* ----------- Non-Retina Screens ----------- */

/*@media not screen and (-webkit-min-device-pixel-ratio: 2), not screen and ( min--moz-device-pixel-ratio: 2), not screen and ( -o-min-device-pixel-ratio: 2/1), not screen and ( min-device-pixel-ratio: 2), not screen and ( min-resolution: 192dpi), not screen and ( min-resolution: 2dppx) {

    .logo #logo-space {
        min-height: 98px;
        width: 100%;
        margin: 15px 20px;
        background: url('/static/img/jp_white_logo_banner.svg') no-repeat;
        background-size: contain;
        background-size: 155px;
        background-position: center;
        display: block;
    }
}*/

/* ----------- Retina Screens ----------- */

/*@media screen and (-webkit-min-device-pixel-ratio: 2), screen and ( min--moz-device-pixel-ratio: 2), screen and ( -o-min-device-pixel-ratio: 2/1), screen and ( min-device-pixel-ratio: 2), screen and ( min-resolution: 192dpi), screen and ( min-resolution: 2dppx) {

    .logo #logo-space {
        min-height: 98px;
        width: 100%;
        margin: 15px 20px;
        background: url('/static/img/jp_white_logo_banner.svg') no-repeat;
        background-size: contain;
        background-size: 155px;
        background-position: center;
        display: block;
    }
}*/

.logo {
    height: 150px;
}

.logo span img {
    max-width: 150px !important;
    text-align: center;
    position: relative;
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

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

.justify-vertically-center-inner {
    align-self: center;
}

.btn-outline-disabled {
    background-color: #dedede !important;
    border-color: #dedede !important;
    color: inherit !important;
}

/* Campaign Templates */

#new-campaign-template-selection {
    max-width: 700px;
    margin: auto;
}

.new-campaign-template-option:hover {
    color: #21C3C5 !important;
}

@media (min-width:768px) {
    #new-campaign-template-selection-or {
        line-height: 300px;
    }
}

/* END OF: Campaign Templates */

/* Admin Panel */

.admin-panel-list-item {
    background-color: #F7F7F7;
    padding: 12px 13px 6px 13px;
    margin-bottom: 15px;
    border-radius: 4px;
    color: #656565;
    cursor: default;
}

.admin-panel-list-item p {
    overflow: hidden;
    /*display: block;*/
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*.admin-panel-list-item:hover {
        box-shadow: 0 0 10px #9f9f9f;
    }*/

.admin-panel-list-item a.btn.btn-primary.btn-sm {
    color: #fff;
}

.admin-panel-list-item a.btn.btn-primary.btn-sm:hover {
    box-shadow: 0 0 10px #9f9f9f;
}

/* END OF: Admin Panel */

/* My Radio Button Style */

@-webkit-keyframes cardEnter {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
    }
}

@keyframes cardEnter {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.myradio {
    /*display: inline-block;*/
    padding-right: 20px;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.myradio label {
    cursor: pointer;
    margin-bottom: 0;
}

.myradio:hover .inner {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5;
}

.myradio input {
    width: 1px;
    height: 1px;
    opacity: 0;
}

.myradio input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.myradio input:checked+.outer {
    border: 2px solid #23C1C5;
}

.myradio input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #23C1C5;
}

.myradio .outer {
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    /*margin: 14px 5px 10px 13px;*/
    margin: 0 auto 10px;
    border: 2px solid #23C1C5;
    border-radius: 50%;
    background-color: #fff;
}

.myradio .inner {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 10px;
    height: 10px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 1px;
    border-radius: 50%;
    background-color: #23C1C5;
    opacity: 0;
}

.myradio-disabled {
    border-color: #aaa !important;
}

/* END OF: My Radio Button Style */

/* CUSTOM FIELDS */

#addOrUpdateCustomFieldsSection .dropdown-menu {
    right: auto !important;
}

.typeCustomFieldSection div {
    background-color: #f2f2f2;
}

/* END OF: CUSTOM FIELDS */

/* UI Tree */

.angular-ui-tree-handle {
    background: none repeat scroll 0 0 #f3f3f4;
    border: 1px dashed #e7eaec;
    color: inherit;
    padding: 10px;
    font-weight: normal;
}

.angular-ui-tree-handle:hover {
    font-weight: bold;
    cursor: pointer;
}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 1px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.group-title {
    background-color: #687074 !important;
    color: #FFF !important;
}

.tree-node {
    background: none repeat scroll 0 0 #f3f3f4;
    border: 1px dashed #e7eaec;
    color: inherit;
    padding: 10px;
    border-radius: 3px;
}

.tree-node .btn {
    min-width: 22px;
    margin-right: 4px;
}

.tree-node-content {
    margin: 5px 5px 5px 0;
}

.tree-handle {
    background: none repeat scroll 0 0 #f3f3f4;
    border: 1px dashed #e7eaec;
    color: inherit;
    padding: 10px;
}

.angular-ui-tree-handle:hover {}

.angular-ui-tree-placeholder {
    background: #f0f9ff;
    border: 1px dashed #bed2db;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol#custom-field-dropdown-options {
    list-style-type: none;
    padding: 0;
}

/* END OF: UI Tree */

.multiSelectItem:hover {
    background-color: #edf0f2 !important;
    cursor: pointer;
}

.multiSelect .multiSelectFocus {
    color: #676a6c !important;
    border: none !important;
}

.multiSelect .clearButton,
.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    border: none !important;
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0), 0 0 0px rgba(82, 168, 236, .7) !important;
}

.multiSelect .inputFilter {
    border: none;
}

.multiSelect .checkboxLayer .clearButton {
    display: none;
}

.users-subfilters,
.groups-subfilters,
.contacts-subfilters {}

#users-filters .checkboxLayer,
#groups-filters .checkboxLayer,
#contacts-filters .checkboxLayer,
.users-subfilters .checkboxLayer,
.groups-subfilters .checkboxLayer,
.contacts-subfilters .checkboxLayer {
    max-height: 300px !important;
    overflow: auto !important;
}

#organization-filters-section .checkboxLayer,
#coworker-filters-section .checkboxLayer,
#contacts-accessibility-selection .checkboxLayer,
#team-members-filters-section .checkboxLayer,
#add-role-user-filters-section .checkboxLayer {
    max-height: 300px !important;
    overflow: auto !important;
}

#contact-filters-section .checkboxLayer {
    max-height: 400px !important;
}

.manage-private-contact-filters-section .checkboxLayer {
    position: fixed;
}

#add-team-user-filters-section .checkboxLayer,
#add-role-to-team-user-filters-section .checkboxLayer {
    max-height: 200px !important;
    overflow: auto !important;
}

.font-regular {
    font-family: "OpenSansRegular" !important;
}

span.multiSelect.buttonClicked button span.caret {
    margin-left: 2px !important;
}

.multiSelect .caret {
    margin: 0 0 1px 2px !important;
}

#selectedEntityFilters .badge,
#selectedEntityFilters .label {
    font-weight: 300;
}

body.global-search-visible .trial-expiration-container,
body.global-search-visible .app-container> :not(new-global-search):not(handle-task-container):not(handle-note-container) {
    filter: blur(1px);
}


new-global-search ::-webkit-scrollbar-track {
    background-color: var(--bg-tertiary);
}

new-global-search ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px;
    border-radius: 100px;
}

new-global-search ::-webkit-scrollbar-thumb {
    background-color: var(--bg-tertiary--shade--three);
}

new-global-search ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-clip: padding-box;
    border: solid transparent;
    border-width: 3px;
}

new-global-search ::-webkit-scrollbar-corner {
    background: transparent;
}

new-global-search ::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

new-global-search ::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    overflow: visible;
}

new-global-search ::-webkit-scrollbar-thumb:hover {
    background-color: var(--bg-tertiary--shade--three) !important;
    border-radius: 100px !important;
    background-clip: padding-box !important;
    border: solid transparent !important;
    border-width: 3px !important;
}

:root {
    --bg-primary: #FFFFFF;
    --bg-primary--shade--one: #f5f5f5;
    --bg-primary--shade--two: #ebebeb;
    --bg-primary--shade--three: #d9d9d9;
    --bg-primary--shade--four: #bfbfbf;
    --bg-secondary: #FAFAFA;
    --bg-secondary--shade--one: #f0f0f0;
    --bg-secondary--shade--two: #e6e6e6;
    --bg-secondary--shade--three: #d4d4d4;
    --bg-secondary--shade--four: #bababa;
    --bg-tertiary: #ECECEC;
    --bg-tertiary--shade--one: #e2e2e2;
    --bg-tertiary--shade--two: #d8d8d8;
    --bg-tertiary--shade--three: #c6c6c6;
    --bg-tertiary--shade--four: #acacac;
    --hairline-regular: #EAEAEA;
    --hairline-regular--shade--one: #e0e0e0;
    --hairline-regular--shade--two: #d6d6d6;
    --hairline-regular--shade--three: #c4c4c4;
    --hairline-regular--shade--four: #aaaaaa;
    --hairline-strong: #D4D4D4;
    --hairline-strong--shade--one: #cacaca;
    --hairline-strong--shade--two: #c0c0c0;
    --hairline-strong--shade--three: #aeaeae;
    --hairline-strong--shade--four: #949494;
    --content-primary: #505050;
    --content-primary--shade--one: #5a5a5a;
    --content-primary--shade--two: #646464;
    --content-primary--shade--three: #767676;
    --content-primary--shade--four: #909090;
    --content-secondary: #808080;
    --content-secondary--shade--one: #767676;
    --content-secondary--shade--two: #6c6c6c;
    --content-secondary--shade--three: #5a5a5a;
    --content-secondary--shade--four: #404040;
    --content-tertiary: #A9A9A9;
    --content-tertiary--shade--one: #9f9f9f;
    --content-tertiary--shade--two: #959595;
    --content-tertiary--shade--three: #838383;
    --content-tertiary--shade--four: #696969;
    --brand-primary: #F26B3A;
    --brand-primary--highlight: rgba(242, 107, 58, 0.2);
    --brand-primary--shade--one: #f15d27;
    --brand-primary--shade--two: #ef4e14;
    --brand-primary--shade--three: #d2420e;
    --brand-primary--shade--four: #a2330b;
    --brand-secondary: #097BED;
    --brand-secondary--highlight: rgba(9, 123, 237, 0.2);
    --brand-secondary--shade--one: #1485f6;
    --brand-secondary--shade--two: #288ff7;
    --brand-secondary--shade--three: #4aa1f8;
    --brand-secondary--shade--four: #7bbbfa;
    --accent-error: #ED4B48;
    --accent-error--highlight: rgba(237, 75, 72, 0.2);
    --accent-error--shade--one: #eb3935;
    --accent-error--shade--two: #e92623;
    --accent-error--shade--three: #d41815;
    --accent-error--shade--four: #a51310;
    --accent-warning: #FFB400;
    --accent-warning--highlight: rgba(255, 180, 0, 0.2);
    --accent-warning--shade--one: #ffba14;
    --accent-warning--shade--two: #ffc029;
    --accent-warning--shade--three: #ffcb4d;
    --accent-warning--shade--four: #ffda80;
    --accent-success: #26B47F;
    --accent-success--highlight: rgba(38, 180, 127, 0.2);
    --accent-success--shade--one: #2ac58b;
    --accent-success--shade--two: #30d396;
    --accent-success--shade--three: #4dd9a5;
    --accent-success--shade--four: #77e2ba;
    --color-darkest: #282828;
    --color-darkest--shade--one: #323232;
    --color-darkest--shade--two: #3c3c3c;
    --color-darkest--shade--three: #4e4e4e;
    --color-darkest--shade--four: #686868;
    --dark-bg-primary: #303030;
    --dark-bg-primary--shade--one: #3a3a3a;
    --dark-bg-primary--shade--two: #444444;
    --dark-bg-primary--shade--three: #565656;
    --dark-bg-primary--shade--four: #707070;
    --dark-bg-secondary: #333333;
    --dark-bg-secondary--shade--one: #3d3d3d;
    --dark-bg-secondary--shade--two: #474747;
    --dark-bg-secondary--shade--three: #595959;
    --dark-bg-secondary--shade--four: #737373;
    --dark-bg-tertiary: #464646;
    --dark-bg-tertiary--shade--one: #505050;
    --dark-bg-tertiary--shade--two: #5a5a5a;
    --dark-bg-tertiary--shade--three: #6c6c6c;
    --dark-bg-tertiary--shade--four: #868686;
    --dark-hairline-regular: #3C3C3C;
    --dark-hairline-regular--shade--one: #464646;
    --dark-hairline-regular--shade--two: #505050;
    --dark-hairline-regular--shade--three: #626262;
    --dark-hairline-regular--shade--four: #7c7c7c;
    --dark-hairline-strong: #5A5A5A;
    --dark-hairline-strong--shade--one: #646464;
    --dark-hairline-strong--shade--two: #6e6e6e;
    --dark-hairline-strong--shade--three: #808080;
    --dark-hairline-strong--shade--four: #9a9a9a;
    --dark-content-primary: #F0F0F0;
    --dark-content-primary--shade--one: #e6e6e6;
    --dark-content-primary--shade--two: #dcdcdc;
    --dark-content-primary--shade--three: #cacaca;
    --dark-content-primary--shade--four: #b0b0b0;
    --dark-content-secondary: #808080;
    --dark-content-secondary--shade--one: #767676;
    --dark-content-secondary--shade--two: #6c6c6c;
    --dark-content-secondary--shade--three: #5a5a5a;
    --dark-content-secondary--shade--four: #404040;
    --dark-color-lightest: #FFFFFF;
    --dark-color-lightest--shade--one: #f5f5f5;
    --dark-color-lightest--shade--two: #ebebeb;
    --dark-color-lightest--shade--three: #d9d9d9;
    --dark-color-lightest--shade--four: #bfbfbf;
}

@media (min-width:991px) {
    .filter-section-separator {
        border-left: 1px solid #acacac;
        display: inline-block;
        min-height: 20px;
        vertical-align: middle;
        margin: 0 15px;
    }

    #organization-counter-section,
    #contact-counter-section {
        display: inline-block;
        min-width: 120px;
        text-align: left;
    }

    #coworker-counter-section {
        display: inline-block;
        min-width: 110px;
        text-align: left;
    }

    #entities-sort-by-section,
    #organization-sort-by-section,
    #contact-sort-by-section,
    #coworker-sort-by-section {
        display: inline-block;
        min-width: 130px;
        text-align: left;
    }

    #organization-filters-section,
    #contact-filters-section,
    #coworker-filters-section,
    #team-members-filters-section {
        display: inline-block;
        min-width: 145px;
        text-align: center;
    }

    #team-members-filters-section {
        text-align: left;
    }

    #local-search-section {
        display: inline-block;
        vertical-align: middle;
        /* margin-left: 15px; */
        margin-left: 0;
    }

    .organization-subfilters-section,
    .contact-subfilters-section,
    .coworker-subfilters-section {
        margin: 10px auto;
    }

    .organization-subfilters-section .groups-subfilters,
    .contact-subfilters-section .contacts-subfilters,
    .coworker-subfilters-section .users-subfilters {
        display: inline-block;
        margin: auto 15px;
    }

    .organization-subfilters-section #organization-subfilters-title,
    .contact-subfilters-section #contact-subfilters-title,
    .coworker-subfilters-section #coworker-subfilters-title {
        font-weight: 600;
        vertical-align: middle;
    }
}

@media (min-width: 992px) and (max-width: 1176px) {
    .filter-section-separator {
        margin: 0 8px;
    }

    #organization-counter-section,
    #contact-counter-section,
    #coworker-counter-section {
        display: inline-block;
        min-width: 120px;
        text-align: left;
    }

    #organization-counter-section .organization-selected-title-counter,
    #contact-counter-section .contact-selected-title-counter,
    #coworker-counter-section .coworker-selected-title-counter {
        display: inline-block;
    }

    #local-search-section {
        max-width: 250px;
        margin-left: 0;
    }
}

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

    #entities-sort-by-section,
    #organization-sort-by-section,
    #contact-sort-by-section,
    #coworker-sort-by-section {
        display: inline-block;
        min-width: 130px;
    }

    #local-search-section {
        max-width: 100px;
    }
}

@media (max-width:991px) {

    #organization-counter-section,
    #contact-counter-section,
    #coworker-counter-section {
        display: inline-block;
        margin-bottom: 15px;
    }

    #entities-sort-by-section,
    #organization-sort-by-section,
    #contact-sort-by-section,
    #coworker-sort-by-section {
        display: inline-block;
        /* margin-bottom: 15px; */
        margin-bottom: 0;
    }

    #organization-filters-section,
    #contact-filters-section,
    #coworker-filters-section,
    #team-members-filters-section {
        display: block;
        margin-bottom: 15px;
    }

    #local-search-section {
        display: inline-block;
        margin-bottom: 15px;
    }

    .organization-subfilters-section,
    .contact-subfilters-section,
    .coworker-subfilters-section {
        margin: 10px auto;
    }

    .organization-subfilters-section .groups-subfilters,
    .contact-subfilters-section .contacts-subfilters,
    .coworkercoworker-subfilters-section .users-subfilters {
        display: inline-block;
        margin: auto 15px;
    }

    .organization-subfilters-section #organization-subfilters-title,
    .contact-subfilters-section #contact-subfilters-title,
    .coworker-subfilters-section #coworker-subfilters-title {
        font-weight: 600;
        vertical-align: middle;
    }
}

/* END OF: UI Tree */

.custom-fileds-dropdown-option-input {
    background: white;
    font-size: 14px;
    height: 30px;
    margin: auto;
    z-index: 2000;
    border-radius: 4px !important;
    padding-top: 5px;
    width: calc(100% - 60px);
    display: inline-block;
}

.dropdown-option-save-btn {
    float: right;
    padding: 5px 0px;
}

.explanatory-questionmark {
    font-size: 15px;
    margin-left: 0;
    vertical-align: initial;
}

.pricing-plan {
    margin: 20px 30px 0 30px;
    border-radius: 4px;
    background-color: #fff;
}

.pricing-plan.selected {
    transform: scale(1.1);
    background: #f4f4f4;
}

.pricing-plan li {
    padding: 10px 16px;
    text-align: center;
    color: #555;
}

.pricing-plan .pricing-price span {
    font-weight: 700;
    color: #1ab394;
}

li.pricing-desc {
    font-size: 13px;
    border-top: none;
    padding: 20px 16px;
    background-color: #fff;
}

li.pricing-title {
    background: #1ab394;
    color: #fff;
    padding: 10px;
    border-radius: 4px 4px 0 0;
    font-size: 22px;
    font-weight: 600;
}

li.pricing-features,
li.pricing-price,
li.plan-action {
    background-color: #fff;
}

li.pricing-features {
    border-bottom: 1px dotted #cdcdcd;
}

/* .nav-header .logo-element img {
    transform: translate(-10px, 0);
    -webkit-transform: translate(-10px, 0);
    -ms-transform: translate(-10px, 0);
    -moz-transform: translate(-10px, 0);
    -o-transform: translate(-10px, 0);
} */

.syntax-error-message {
    position: absolute;
    top: 45px;
    right: 0;
    left: auto;
    opacity: 1;
    transform: translate(0%, 0%);
    cursor: default;
}

.mini-navbar #sidemenu-navbar #main-menu span.fa {
    transform: translate(2px, 0);
    -webkit-transform: translate(2px, 0);
    -ms-transform: translate(2px, 0);
    -moz-transform: translate(2px, 0);
    -o-transform: translate(2px, 0);
}

#info-icon-related:hover,
#info-icon-assign-contacts:hover,
#info-icon-select-all-entities:hover {
    opacity: 1;
}

#info-icon-related,
#info-icon-assign-contacts,
#info-icon-select-all-entities {
    display: inline-block;
    cursor: pointer;
    opacity: .5;
}

.general-tooltip-wrapper+.tooltip,
.organization-search-tooltip+.tooltip,
.coworker-search-tooltip+.tooltip {
    margin-top: 0;
    margin-left: 3px;
}

.tooltip {
    font-weight: 300 !important;
}

#local-search-input .tooltip {
    width: 100px;
}

#info-icon-related:active,
#info-icon-assign-contacts:active,
#info-icon-select-all-entities:active {
    box-shadow: none;
}

#info-icon-related a,
#info-icon-assign-contacts a {
    margin: 0px !important;
}

@media (min-width: 991px) {
    #info-icon-select-all-entities+div.tooltip {
        left: -30px !important;
        min-width: 200px;
    }

    #info-icon-select-all-entities+div.tooltip>.tooltip-arrow {
        left: 18% !important;
    }

    #info-icon-select-all-entities+div.tooltip>.tooltip-inner {
        width: inherit;
        min-width: 200px;
    }
}

.contact-list-dropdown {
    min-width: 0px !important;
}

.loginscreen>div>div>img {
    width: 170px;
    margin-bottom: 25px;
}

.loginscreen #logo-img {
    width: 170px;
    margin-bottom: 25px;
    padding-top: 20px;
}

.p-l-h-lg {
    padding-left: 25px !important;
}

/* Azure Active Directory */

.ad-error.ng-binding {
    margin-bottom: 20px;
    color: red;
}

.ad-login-btn {
    height: 40px;
    background-image: url(/img/login-with-ad.png);
    width: 230px;
    background-repeat: no-repeat;
    margin: 0 auto 15px;
    cursor: pointer;
    outline: none;
}

.ad-login-btn-container .or {
    position: relative;
    top: -10px;
    font-style: italic;
}

.coworker-activity-specific-item {
    width: 95px;
    text-align: center;
}

#coworker-activity-item::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

#coworker-activity-item::-webkit-scrollbar-track {
    background-color: rgba(113, 112, 107, 0.1);
    -webkit-border-radius: 5px;
}

#coworker-activity-item::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
}

#coworker-activity-item::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(0, 0, 0, .2);
    -webkit-border-radius: 6px;
}

/* MARKETPLACE */

.plans-list {
    float: none;
    margin: 0 auto;
}

.plans-box {
    background-color: #F6F7F9;
    border: 1px solid #e7eaec;
    padding: 15px 20px 15px 20px;
    height: auto;
    width: 280px;
}

.plans-box:hover {
    background-color: rgba(33, 195, 197, 0.20);
}

.plans-box img {
    max-width: 150px;
    margin: 20px auto;
    display: inline;
}

.plans-box .name {
    font-size: 15px;
}

.plans-box .details {
    font-size: 13px;
}

.plans-box .choosebtn {
    font-size: 13px;
    background-color: white;
    border: 1px solid #e7eaec;
    text-align: center;
    height: auto;
    padding: 10px;
}

.plans-box .choosebtn:hover {
    background-color: #23c1c5;
    color: white;
}

.plans-box a {
    color: #23c1c5;
}

#header_line {
    width: 99%;
    text-align: left;
    color: #000;
    border-bottom: 2px solid #000;
    line-height: 0.1em;
    margin: 10px 10px;
}

#header_line span {
    background: #fff;
    padding: 10px 5px;
}

#headline_info_box {
    border: 1px solid black;
    outline-style: solid;
    outline-color: black;
    padding: 10px 5px;
    margin: auto;
    overflow: auto;
}

/* MARKETPLACE */

/* ACCEPTPLAN */

.linked-title {
    color: inherit;
    text-decoration: underline;
    cursor: pointer;
}

.linked-title:hover {
    color: #2cbec3;
    text-decoration: underline;
}

.linked-title a:visited {
    color: #676a6c;
    text-decoration: underline;
}

.security-icon {
    color: #bfbfbf;
}

/* MARKETPLACE */

/* REQUESTMODULE */

.request-module-page {
    width: 100%;
    height: auto;
}

#customer-bgimg {
    background-size: cover;
    position: relative;
    text-align: center;
    width: inherit;
    height: 100%;
}

.customer-logo {
    display: inline !important;
    width: 230px;
    height: auto;
    vertical-align: middle;
}

#fieldsales-bgimg {
    background-size: cover;
    position: relative;
    text-align: center;
    width: inherit;
    height: 100%;
}

.fieldsales-logo {
    display: inline !important;
    width: 230px;
    height: auto;
    vertical-align: middle;
}

.read-page-container {
    display: inline-block;
    width: 100%;
    max-width: 600px;
    text-align: center;
    position: center;
    padding: 15px;
    margin-top: 100px;
}

.customer-page-container p {
    width: 100%;
}

.fieldservices-page-container p {
    width: 100%;
}

.page-desc {
    display: inline;
    letter-spacing: 1px;
    font-weight: 300;
    opacity: .8;
    line-height: 1.5;
    font-size: 18px;
    color: #3c3c3c;
    padding: 15px;
}

.btn-cta-secondary {
    background: none;
    border: 2px solid #2cbec3;
    color: #2cbec3 !important;
    border-radius: 70px;
    font-weight: normal;
    min-width: 220px;
    padding: 10px;
}

.btn-cta-secondary:hover {
    background: #2cbec3;
    border: 2px solid #2cbec3;
    color: #fff !important;
}

@-webkit-keyframes fade-out {
    from {
        opacity: 0;
        top: 50px;
    }

    to {
        opacity: 1;
        top: 0px;
    }
}

.fade-in-text {
    display: inline;
    position: relative;
    -webkit-animation: fade-out 5s;
    top: 0px;
}

/* Marketplace */

.marketplace-container {
    padding: 8px 20px;
    background: white;
    margin-bottom: 15px;
    border-radius: 2px;
    border: 1px solid #e7eaec;
}

.marketplace-fancy-underline {
    color: #1dc2c6;
    font-weight: bold;
    border-bottom: 1px dotted;
}

.marketplace-help .fa {
    color: #1dc2c6 !important;
    cursor: help;
}

.marketplace-help {
    cursor: help;
}

.marketplace-header-delim {
    width: 1px;
    background: #e7e9ea;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.marketplace-container .invite-more {
    font-size: 12px;
    padding: 3px 10px;
}

.marketplace-help .fa-exclamation-triangle {
    color: #ffb700 !important;
}

.marketplace-help+.tooltip {
    top: inherit !important;
}

select.currency-select {
    float: right;
    padding: 2px;
    border: 1px solid #acacac;
    border-radius: 2px;
    height: 25px;
    font-size: 12px;
}

.marketplace-title {
    font-weight: bold;
    font-size: 15px;
    margin-top: 4px;
    margin-bottom: 2px;
}

.marketplace-product-tile {
    position: relative;
    background: rgba(243, 243, 244, 0.43);
    width: 259px;
    height: 392px;
    margin: 12px 25px 11px 0;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.19);
}

.tile-image {
    display: block;
    margin: 16px auto;
    height: 120px;
}

.tile-title {
    font-size: 14px;
    text-align: center;
    font-weight: bold;
}

.review-table-form {
    width: 610px;
    display: block;
    margin: auto;
}

.review-table-form>my-textbox {
    width: 100%;
    display: block;
    padding-left: 0px;
    margin-top: -11px;
}

.review-table-form>my-select {
    padding-left: 0px;
    margin-top: -14px;
}

.review-table-form my-select {
    width: 100%;
}

.review-table-form>my-select .dropdownMenuArrow {
    top: 16px !important;
}

.marketplace-review-table-group my-textbox {
    padding: 0px !important;
    width: 100%;
}

.marketplace-review-table-group my-select {
    padding: 0px !important;
    width: 100%;
}

.marketplace-review-table-group span.dropdownMenuArrow.f27 {
    top: 16px !important;
    right: 12px !important;
}

.tile-pricing {
    color: #1dc2c6;
    margin-top: 2px;
    text-align: center;
}

.tile-description {
    padding: 0 20px;
    text-align: center;
    margin: 10px 0;
    min-height: 86px;
    font-size: 12px;
}

.ribbon {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 110px;
    height: 110px;
    overflow: hidden;
}

.ribbon .text {
    position: relative;
    left: -8px;
    top: 68px;
    width: 158px;
    padding: 10px 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #5d80a1;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    -moz-transform: rotate(45deg) translate3d(0, 0, 0);
    -ms-transform: rotate(45deg) translate3d(0, 0, 0);
    -o-transform: rotate(45deg) translate3d(0, 0, 0);
}

.ribbon .text:before {
    left: 0;
}

.ribbon .text:before,
.ribbon .text:after {
    content: '';
    position: absolute;
    bottom: -5px;
    border-top: 5px solid #2e4050;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.ribbon .text:after {
    right: 0;
}

.ribbon .text:before,
.ribbon .text:after {
    content: '';
    position: absolute;
    bottom: -5px;
    border-top: 5px solid #2e4050;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.choose-buttons {
    text-align: center;
}

.choose-buttons>button {
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    padding: 6px 10px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
    font-weight: bold;
    cursor: pointer;
    position: relative;
    top: 0px;
}

.choose-buttons>button:active {
    top: 1px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.14);
}

.tile-choose {
    width: 150px;
}

.tile-try {
    width: 55px;
    background: #1dc2c6 !important;
    color: white;
    border: 1px solid #1dc2c6 !important;
}

.choose-buttons.notry .tile-choose {
    width: 210px;
}

.choose-buttons.notry .tile-try {
    display: none !important;
}

.transaction-progress {
    text-align: center;
    height: 70px;
    margin: auto;
    margin-top: 30px;
}

.transaction-info-container {
    width: auto;
    display: inline-block;
    text-align: left;
    margin-bottom: 20px;
}

.transaction-progress>* {
    display: inline-block;
    vertical-align: top;
}

.transaction-actual-circle {
    width: 20px;
    border-radius: 100%;
    border: 2px solid gray;
    height: 20px;
    margin-bottom: 6px;
}

.transaction-circle-link {
    border-top: 2px solid gray;
    width: 80px;
    margin: 9px 5px;
}

.transaction-info-container input.users-to-add {
    margin: 0 10px;
    width: 50px;
}

.transaction-progress .selected .transaction-actual-circle,
.transaction-progress .transaction-circle-link.selected {
    border-color: #1dc2c6 !important;
}

/* .transaction-circle-text.ng-scope {
    position: absolute;
    transform: translate(calc(-50% + 10px), 0);
    -webkit-transform: translate(calc(-50% + 10px), 0);
    -ms-transform: translate(calc(-50% + 10px), 0);
    -moz-transform: translate(calc(-50% + 10px), 0);
    -o-transform: translate(calc(-50% + 10px), 0);
} */

.transaction-circle-text {
    position: absolute;
    transform: translate(calc(-50% + 10px), 0);
    -webkit-transform: translate(calc(-50% + 10px), 0);
    -ms-transform: translate(calc(-50% + 10px), 0);
    -moz-transform: translate(calc(-50% + 10px), 0);
    -o-transform: translate(calc(-50% + 10px), 0);
}

.msc-loader {
    border: 3px solid #f3f3f3;
    border-top: 3px solid #63a5a7;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    animation: spin 2s linear infinite;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: 2px;
}

.payment-complete-text {
    text-align: center;
    font-size: 25px;
    margin-bottom: 15px;
}

.payment-complete-text .fa-check-circle-o {
    color: #23c1c5;
    font-weight: normal;
}

.payment-complete-subtext {
    width: 370px;
    padding: 0 20px;
    margin: auto;
    text-align: center;
}

.review-payment-qm+.tooltip {
    top: 230px !important;
}

.payment-complete-text .fa-times-circle-o {
    color: #b45a5a;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.transaction-circle .fa-check {
    display: none;
}

.transaction-circle.selected .fa-check {
    display: block !important;
    position: relative;
    top: 3px;
    color: #1dc2c6;
    font-size: 11px;
}

.multiSelect .multiSelectFocus,
.multiSelect .multiSelectGroup:hover,
.multiSelect .multiSelectItem:hover {
    background-image: none !important;
    color: #444 !important;
    cursor: pointer !important;
    border: 0 solid #ccc !important;
}

.multiSelect .multiSelectItem {
    border: none !important;
}

.multiSelect .multiSelectGroup:hover,
.multiSelect .multiSelectItem:hover {
    background-color: #edf0f2 !important;
    cursor: pointer;
}

.multiSelect .multiSelectItem:not(.multiSelectGroup).selected {
    background-image: none !important;
    background-color: #edf0f2 !important;
}

.multiSelect .inputFilter {
    box-shadow: none !important;
}

.multiSelect>button {
    font-size: 13px !important;
    color: #676c6a !important;
}

/* Modal configuration */

/* .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px 25px 10px 10px;
} */

.modalWideDialog {
    width: 80%;
}

.modalWideDialog .modal-body {
    overflow: hidden;
}

.modalWideDialog .modal-body #scroll_container {
    max-height: 300px;
    overflow-y: scroll;
}

#addUserToTeamModal .modalWideDialog .modal-body {
    overflow: visible;
}

/* Enrichment */

.enrichment-options * {
    /* font-size: 15px; */
}

.enrichment-options my-textbox-button {
    margin: 3px 0 0 0;
}

.enrichment-options .botface-message {
    position: absolute;
    background: #ffffff;
    border-radius: 7px;
    padding: 10px 10px 10px 15px;
    width: 280px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .11);
    top: -11px;
    left: 90px;
    animation: bounceIn .6s;
    transform: scale(1);
    border: 1px solid #d7d7d7;
    z-index: 900;
    cursor: default;
    font-size: 14px;
    line-height: 19px;
}

.enrichment-botface {
    width: 45px;
    margin: 0 0 0 10px;
    position: relative;
}

@media (max-width: 991px) {
    .enrichment-options .botface-message {
        top: 7px;
    }

    .enrichment-botface {
        position: relative;
        top: 11px;
    }
}

.arrow-left {
    top: 13px;
    left: -33px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(90deg);
}

.enrichemnt-text {
    vertical-align: middle;
}

.enrichment-options .bubble-all-suggestion-section {
    display: block;
    text-align: center;
}

span.autofill-box.all-btn {
    position: relative;
    margin: 10px 0;
    display: inline-block;
    float: none !important;
    padding-right: 7px;
    font-size: 14px;
    left: 0;
    top: 0;
    font-weight: bold;
}

.enrichment-options {
    position: relative;
    padding: 20px 15px;
    border-bottom: 1px solid #e7eaec;
}

.autofill-box {
    position: absolute;
    top: 27.7px;
    float: right;
    right: 19px;
    border: 1.4px dashed #23c1c5;
    border-radius: 6px;
    padding: 2px 0 2px 7px;
    background: white;
    cursor: pointer;
    color: #23c1c5;
    transform: scale(1);
}

.autofill-anim {
    animation: bounceIn .6s;
}

.despawn {
    animation: bounceIn .6s forwards reverse !important;
}

@keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.autofill-box.birthday {
    top: 4px;
    right: 52px;
}

.autofill-box.select.isId {
    top: 27px;
}

@-webkit-keyframes bounceIn {

    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.autofill-box.select {
    top: 29px;
    right: 19px;
}

.autofill-box.ng-hide,
.botface-message.ng-hide {
    opacity: 0;
    transform: scale(0);
}

.botface-message.ng-hide-add,
.botface-message.ng-hide-remove {
    transition: all linear 0.1s;
}

.autofill-box.ng-hide-add,
.autofill-box.ng-hide-remove {
    transition: all linear 0.5s;
}

.autofill-box .fa-times {
    padding-left: 4px;
    padding-right: 6px;
}

.autofill-box.org {
    right: 39px;
}

/* IMPORT USERS BOT*/

.botimport-options .botface-message {
    position: absolute;
    background: #ffffff;
    border-radius: 7px;
    padding: 10px;
    width: 316px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .11);
    bottom: 120px;
    left: -2px;
    animation: bounceIn .6s;
    transform: scale(1);
    z-index: 900;
    cursor: pointer;
    border: 1px solid #d6d6d6;
}

.botimport-options>* {
    vertical-align: bottom;
}

.botimport-options>div {
    position: relative;
    left: 30px;
}

.botimport-options * {
    font-size: 15px;
}

.botimport-options {
    width: 100%;
    margin-top: 140px;
    margin-bottom: 15px;
}

.bubble-arrow-down {
    top: 104px;
    left: 16px;
    position: absolute;
}

.bottom-line {
    border-bottom: 1px solid #e7eaec;
    padding: 30px;
}

.modal-header {
    width: 100% !important;
    min-height: 0 !important;
    padding: 18px !important;
    background: #fff !important;
    background-size: 0 !important;
    background-position: 0 !important;
    border-bottom: 0 !important;
}

.modal-header .close,
.modal-header .close:hover {
    color: #d3d3d3 !important;
    opacity: 1;
}

/* Hide header for tour */

.tour .popover-title {
    display: none;
}

/* Vodafone */

.brand-vodafone #user-list #action-btn-section #inviteUserButton {
    color: #E60000;
}

.brand-movistarArgentina #user-list #action-btn-section #inviteUserButton {
    color: #00A9E0;
}

.brand-vodafone #onboarding-process-register-action-btn {
    background-color: #E60000;
}

.brand-movistarArgentina #onboarding-process-register-action-btn {
    background-color: #00A9E0;
}

.brand-vodafone #contact-list #action-btn-section #mergeEntityData,
.brand-vodafone #contact-list #action-btn-section #exportContactData,
.brand-vodafone #group-list #action-btn-section #exportOrganizationData,
.brand-vodafone #user-list #action-btn-section #exportUserData {
    position: relative;
    top: 4px;
    left: 3px;
    font-size: 20px;
    color: #E60000;
}

.brand-movistarArgentina #contact-list #action-btn-section #mergeEntityData,
.brand-movistarArgentina #contact-list #action-btn-section #exportContactData,
.brand-movistarArgentina #group-list #action-btn-section #exportOrganizationData,
.brand-movistarArgentina #user-list #action-btn-section #exportUserData {
    position: relative;
    top: 4px;
    left: 3px;
    font-size: 20px;
    color: #00A9E0;
}

.brand-vodafone #action-btn-section #tagData {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 20px;
    color: #E60000;
}

.brand-movistarArgentina #action-btn-section #tagData {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 20px;
    color: #00A9E0;
}

.brand-vodafone #top-navigation-bar-container {
    background-color: rgb(64, 64, 64);
}

.brand-movistarArgentina #top-navigation-bar-container {
    background-color: #50535a;
}

.brand-vodafone .nav-second-level {
    background: rgb(64, 64, 64) !important;
}

.brand-movistarArgentina .nav-second-level {
    background: 50535a !important;
}

.brand-vodafone #top-navigation-bar-container .navigation-add-entity-icon i {
    color: #fff !important;
}

.brand-movistarArgentina #top-navigation-bar-container .navigation-add-entity-icon i {
    color: #fff !important;
}

.brand-vodafone .jp-general {
    color: #E60000 !important;
}

.brand-movistarArgentina .jp-general {
    color: #00A9E0 !important;
}

.brand-vodafone .navbar-default {
    background-color: rgb(64, 64, 64);
}

.brand-movistarArgentina .navbar-default {
    background-color: #50535a;
}

.brand-vodafone .nav-header {
    background: rgb(64, 64, 64);
}

.brand-movistarArgentina .nav-header {
    background: #50535a;
}

.brand-vodafone #logo-space {
    background-image: url('/static/img/vodafone-logo.png');
}

.brand-movistarArgentina #logo-space {
    background-image: url('/static/img/movistarArgentina-horizontal.png');
}

.brand-vodafone .navbar-default .nav>li>a:focus {
    background-color: rgb(64, 64, 64);
}

.brand-movistarArgentina .navbar-default .nav>li>a:focus {
    background-color: #50535a;
}

.brand-vodafone .navbar-default .nav>li>a:hover {
    background: #2d2d2d;
}

.brand-movistarArgentina .navbar-default .nav>li>a:hover {
    background: #2d2d2d;
}

.brand-vodafone #main-menu>li.active {
    border-left: 4px solid #e60000;
    background: #2d2d2d;
}

.brand-movistarArgentina #main-menu>li.active {
    border-left: 4px solid #00A9E0;
    background: #2d2d2d;
}

.brand-vodafone li.logo a:hover {
    background: #404040 !important;
}

.brand-movistarArgentina li.logo a:hover {
    background: #50535a !important;
}

.brand-vodafone .nav>li.active {
    background: #2d2d2d;
    border-left: 4px solid #e60000;
}

.brand-movistarArgentina .nav>li.active {
    background: #2d2d2d;
    border-left: 4px solid #00A9E0;
}

.brand-vodafone .nav.nav-second-level>li.active {
    border: none;
}

.brand-movistarArgentina .nav.nav-second-level>li.active {
    border: none;
}

.brand-vodafone .vf-stable-bg {
    background-color: #ffffff !important;
}

.brand-movistarArgentina .vf-stable-bg {
    background-color: #ffffff !important;
}

.brand-vodafone .stable-bg {
    background-color: rgb(64, 64, 64) !important;
}

.brand-movistarArgentina .stable-bg {
    background-color: #50535a !important;
}

.brand-vodafone .btn-primary {
    background-color: #E60000 !important;
    border-color: #E60000;
    color: #FFF;
}

.brand-movistarArgentina .btn-primary {
    background-color: #00A9E0 !important;
    border-color: #00A9E0;
    color: #FFF;
}

.brand-vodafone #contacts-accessibility-selection>span>button {
    color: #E60000 !important;
}

.brand-movistarArgentina #contacts-accessibility-selection>span>button {
    color: #00A9E0 !important;
}

.brand-vodafone .jp-bg-general {
    background-color: #E60000 !important;
}

.brand-movistarArgentina .jp-bg-general {
    background-color: #00A9E0 !important;
}

.brand-vodafone .jp-pink {
    color: #E60000 !important;
}

.brand-movistarArgentina .jp-pink {
    color: #00A9E0 !important;
}

.brand-vodafone .jp-light-blue {
    color: #E60000 !important;
}

.brand-movistarArgentina .jp-light-blue {
    color: #00A9E0 !important;
}

.brand-vodafone .list-buttons>li>a {
    color: #E60000 !important;
}

.brand-movistarArgentina .list-buttons>li>a {
    color: #00A9E0 !important;
}

.brand-vodafone .jp-bg-light-gray {
    background-color: #F4F4F4 !important;
}

.brand-movistarArgentina .jp-bg-light-gray {
    background-color: #F4F4F4 !important;
}

.brand-vodafone .form-control,
.brand-vodafone .single-line {
    border: 1px solid #4A4D4E;
}

.brand-movistarArgentina .form-control,
.brand-movistarArgentina .single-line {
    border: 1px solid #4A4D4E;
}

.brand-vodafone input.mytextbox:focus {
    border: 1px solid #4A4D4E;
}

.brand-movistarArgentina input.mytextbox:focus {
    border: 1px solid #4A4D4E;
}

.brand-vodafone #textboxid:focus {
    border: 1px solid #4A4D4E;
}

.brand-movistarArgentina #textboxid:focus {
    border: 1px solid #4A4D4E;
}

.brand-vodafone .save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-movistarArgentina .save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-vodafone .save-entity-blue {
    border: 1px solid #E60000;
    background-color: #E60000;
}

.brand-movistarArgentina .save-entity-blue {
    border: 1px solid #00A9E0;
    background-color: #00A9E0;
}

.brand-vodafone .single-save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-movistarArgentina .single-save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-vodafone .single-save-entity-blue {
    border: 1px solid #E60000;
    background-color: #E60000;
}

.brand-movistarArgentina .single-save-entity-blue {
    border: 1px solid #00A9E0;
    background-color: #00A9E0;
}

.brand-vodafone .save-menu-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-movistarArgentina .save-menu-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-vodafone .save-menu-blue {
    border: 1px solid #E60000;
    background-color: #E60000;
}

.brand-movistarArgentina .save-menu-blue {
    border: 1px solid #00A9E0;
    background-color: #00A9E0;
}

.brand-vodafone .myradio .inner {
    background-color: #E60000;
}

.brand-movistarArgentina .myradio .inner {
    background-color: #00A9E0;
}

.brand-vodafone .myradio .outer {
    border: 2px solid #E60000;
}

.brand-movistarArgentina .myradio .outer {
    border: 2px solid #00A9E0;
}

.brand-vodafone .myradio input:checked+.outer {
    border: 2px solid #E60000;
}

.brand-movistarArgentina .myradio input:checked+.outer {
    border: 2px solid #00A9E0;
}

.brand-vodafone .myradio input:focus+.outer .inner {
    background-color: #E60000;
}

.brand-movistarArgentina .myradio input:focus+.outer .inner {
    background-color: #00A9E0;
}

.brand-vodafone .ui-datepicker .ui-datepicker-header,
.brand-vodafone .ui-timepicker-div .ui-widget-header {
    background: #E60000;
}

.brand-movistarArgentina .ui-datepicker .ui-datepicker-header,
.brand-movistarArgentina .ui-timepicker-div .ui-widget-header {
    background: #00A9E0;
}

.brand-vodafone .ui-datepicker select.ui-datepicker-month,
.brand-vodafone .ui-datepicker select.ui-datepicker-year {
    background: #E60000;
}

.brand-movistarArgentina .ui-datepicker select.ui-datepicker-month,
.brand-movistarArgentina .ui-datepicker select.ui-datepicker-year {
    background: #00A9E0;
}

/*  SPINNERS  */

.brand-vodafone .groups-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .groups-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .contacts-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .contacts-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .userControlPanel-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .userControlPanel-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .import-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .import-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .teams-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .teams-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .campaign-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .campaign-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .campaigns-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina .campaigns-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone #top-nav div.sk-spinner-rotating-plane.sk-spinner {
    background-color: #E60000;
}

.brand-movistarArgentina #top-nav div.sk-spinner-rotating-plane.sk-spinner {
    background-color: #00A9E0;
}

.brand-vodafone .spinner_circle {
    background-color: #E60000;
}

.brand-movistarArgentina .spinner_circle {
    background-color: #00A9E0;
}

.brand-vodafone .double-bounce1,
.brand-vodafone .double-bounce2 {
    background-color: #E60000;
}

.brand-movistarArgentina .double-bounce1,
.brand-movistarArgentina .double-bounce2 {
    background-color: #00A9E0;
}

.brand-vodafone .sk-hor-dots>div {
    background-color: #E60000;
}

.brand-movistarArgentina .sk-hor-dots>div {
    background-color: #00A9E0;
}

.brand-vodafone .sk-folding-cube .sk-cube:before {
    background-color: #E60000;
}

.brand-movistarArgentina .sk-folding-cube .sk-cube:before {
    background-color: #00A9E0;
}

.brand-vodafone .btn-info.btn-outline {
    color: #E60000;
    background-color: transparent;
    border-color: #E60000;
}

.brand-movistarArgentina .btn-info.btn-outline {
    color: #00A9E0;
    background-color: transparent;
    border-color: #00A9E0;
}

.brand-vodafone .btn-info.btn-outline:hover {
    color: #fff;
    background-color: #E60000;
    border-color: #E60000;
}

.brand-movistarArgentina .btn-info.btn-outline:hover {
    color: #fff;
    background-color: #00A9E0;
    border-color: #00A9E0;
}

.brand-vodafone .btn-info {
    background-color: #E60000;
    border-color: #E60000;
    color: #FFF;
}

.brand-movistarArgentina .btn-info {
    background-color: #00A9E0;
    border-color: #00A9E0;
    color: #FFF;
}

.brand-vodafone .btn-info[disabled] {
    background-color: #E60000 !important;
    border-color: #E60000 !important;
    color: #FFF;
}

.brand-movistarArgentina .btn-info[disabled] {
    background-color: #00A9E0 !important;
    border-color: #00A9E0 !important;
    color: #FFF;
}

.brand-vodafone .btn-info:hover {
    background-color: #990000;
    border-color: #990000;
}

.brand-movistarArgentina .btn-info:hover {
    background-color: #00A9E0;
    border-color: #00A9E0;
}

/*************SPINNERS********************/

.brand-vodafone .bc-image-container>.bc-titleBox {
    color: #E60000;
}

.brand-movistarArgentina .bc-image-container>.bc-titleBox {
    color: #00A9E0;
}

.brand-vodafone .green-triangle {
    border-color: #428600 transparent transparent transparent;
}

.brand-movistarArgentina .green-triangle {
    border-color: #5BC500 transparent transparent transparent;
}

.brand-vodafone .red-triangle {
    border-color: #E60000 transparent transparent transparent;
}

.brand-movistarArgentina .red-triangle {
    border-color: #954b98 transparent transparent transparent;
}

.brand-vodafone .autofill-box {
    border: 1.4px dashed #E60000;
    color: #E60000;
}

.brand-movistarArgentina .autofill-box {
    border: 1.4px dashed #00A9E0;
    color: #00A9E0;
}

/* Progress bar pace */

.brand-vodafone .pace .pace-progress {
    background: #E60000;
}

.brand-movistarArgentina .pace .pace-progress {
    background: #00A9E0;
}

/* Cookies law */

.brand-vodafone .cc_container {
    background: #4A4D4E
}

.brand-movistarArgentina .cc_container {
    background: #00A9E0
}

.brand-vodafone .cc_container a,
.brand-vodafone .cc_container a:visited,
.brand-vodafone .cc_container a:hover {
    color: #E60000;
}

.brand-movistarArgentina .cc_container a,
.brand-movistarArgentina .cc_container a:visited,
.brand-movistarArgentina .cc_container a:hover {
    color: #00A9E0;
}

.brand-vodafone .cc_container .cc_btn,
.brand-vodafone .cc_container .cc_btn:visited {
    background-color: #E60000 !important;
}

.brand-movistarArgentina .cc_container .cc_btn,
.brand-movistarArgentina .cc_container .cc_btn:visited {
    background-color: #00A9E0 !important;
}


/*****ON BOARDING PROCESS*****/

.brand-vodafone .bg-image-onboarding-process-wrapper .banner {
    background-image: url(/static/img/onboarding_process/onboarding_process_vodafone.png);
}

.brand-vodafone .main-onboarding-process-wrapper .logo {
    background-image: url(/static/img/VodafoneGreece.png);
    top: 20px;
    left: 35px;
    height: 65px;
    max-width: 65px;
    max-height: 65px;
    background-size: 65px;
    width: 65px;
}

.brand-movistarArgentina .main-onboarding-process-wrapper .logo {
    background-image: url(/static/img/movistarArgentina-small.png);
    top: 20px;
    left: 35px;
    height: 50px;
    max-width: 50px;
    max-height: 50px;
    background-size: 50px;
    width: 50px;
}

.brand-vodafone .bg-image-onboarding-process-wrapper .logo {
    background-image: url(/static/img/VodafoneGreece.png);
    height: 120px;
    max-width: 100px;
    max-height: 100px;
    width: 100px;
    background-size: 100px;
}

.brand-movistarArgentina .bg-image-onboarding-process-wrapper .logo {
    background-image: url(/static/img/movistarArgentina-horizontal.png);
    height: 120px;
    max-width: 135px;
    max-height: 135px;
    width: 135px;
    background-size: 135px;
}

.brand-vodafone .onboarding-process-footer {
    background-color: #E60000;
}

.brand-movistarArgentina .bg-image-onboarding-process-wrapper .banner {
    background-image: url(/static/img/onboarding_process/onboarding_process_movistar.png);
}

.brand-movistarArgentina .onboarding-process-footer {
    background-color: #00A9E0;
}

.brand-vodafone #onboarding-process-action-btn {
    background-color: #E60000;
}

.brand-movistarArgentina #onboarding-process-action-btn {
    background-color: #00A9E0;
}

.brand-vodafone #sign_up_header_section,
.brand-vodafone #sign_in_header_section {
    position: absolute;
    right: 73px;
    top: 30px;
}

.brand-movistarArgentina #sign_up_header_section,
.brand-movistarArgentina #sign_in_header_section {
    position: absolute;
    right: 73px;
    top: 30px;
}

.brand-vodafone #header_sign_up_btn:hover,
.brand-vodafone #header_sign_in_btn:hover {
    background-color: #E60000;
    color: #ffffff;
    cursor: pointer;
}

.brand-movistarArgentina #header_sign_up_btn:hover,
.brand-movistarArgentina #header_sign_in_btn:hover {
    background-color: #00A9E0;
    color: #ffffff;
    cursor: pointer;
}

.brand-vodafone #header_sign_up_btn,
.brand-vodafone #header_sign_in_btn {
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

.brand-movistarArgentina #header_sign_up_btn,
.brand-movistarArgentina #header_sign_in_btn {
    -webkit-transition: background-color .2s ease-out;
    -moz-transition: background-color .2s ease-out;
    -o-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
}

@media (max-width: 450px) {

    .brand-vodafone #sign_up_header_section,
    .brand-vodafone #sign_in_header_section {
        position: absolute;
        right: 53px;
        top: 15px;
    }

    .brand-vodafone #header_sign_up_message,
    .brand-vodafone #header_sign_in_message {
        width: 100%;
        display: inline-block;
    }

    .brand-vodafone #header_sign_up_btn,
    .brand-vodafone #header_sign_in_btn {
        position: relative;
        left: 3px;
        top: 15px;
    }

    .brand-movistarArgentina #sign_up_header_section,
    .brand-movistarArgentina #sign_in_header_section {
        position: absolute;
        right: 53px;
        top: 15px;
    }

    .brand-movistarArgentina #header_sign_up_message,
    .brand-movistarArgentina #header_sign_in_message {
        width: 100%;
        display: inline-block;
    }

    .brand-movistarArgentina #header_sign_up_btn,
    .brand-movistarArgentina #header_sign_in_btn {
        position: relative;
        left: 3px;
        top: 15px;
    }
}

@media (min-width: 1450px) {

    .brand-vodafone #sign_up_header_section,
    .brand-vodafone #sign_in_header_section {
        position: absolute;
        right: 96px;
        top: 15px;
    }

    .brand-vodafone #header_sign_up_message,
    .brand-vodafone #header_sign_in_message {
        width: 100%;
        position: relative;
        top: 15px;
    }

    .brand-vodafone #header_sign_up_btn,
    .brand-vodafone #header_sign_in_btn {
        position: relative;
        left: 3px;
        top: 15px;
    }

    .brand-movistarArgentina #sign_up_header_section,
    .brand-movistarArgentina #sign_in_header_section {
        position: absolute;
        right: 96px;
        top: 15px;
    }

    .brand-movistarArgentina #header_sign_up_message,
    .brand-movistarArgentina #header_sign_in_message {
        width: 100%;
        position: relative;
        top: 15px;
    }

    .brand-movistarArgentina #header_sign_up_btn,
    .brand-movistarArgentina #header_sign_in_btn {
        position: relative;
        left: 3px;
        top: 15px;
    }
}

.brand-vodafone .onboarding-process-sign-header {
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    color: #000000;
    background-color: transparent;
    height: 85px;
    width: 100%;
}

.brand-movistarArgentina .onboarding-process-sign-header {
    position: relative;
    right: 0;
    top: 0;
    left: 0;
    color: #000000;
    background-color: transparent;
    height: 85px;
    width: 100%;
}


.brand-vodafone .onboarding-process-sign-btn-header {
    border: 4px solid #E60000;
    color: #E60000;
    padding: 7px 27px;
    font-size: 14px;
    border-radius: 25px;
    margin-left: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.brand-movistarArgentina .onboarding-process-sign-btn-header {
    border: 4px solid #00A9E0;
    color: #00A9E0;
    padding: 7px 27px;
    font-size: 14px;
    border-radius: 25px;
    margin-left: 5px;
    text-transform: uppercase;
    cursor: pointer;
}

.brand-vodafone .onboarding-process-password-criteria-icon-dot {
    font-size: 7px;
    position: absolute;
    top: 6px;
    left: 4px;
    color: #adadad;
}

.brand-movistarArgentina .onboarding-process-password-criteria-icon-dot {
    font-size: 7px;
    position: absolute;
    top: 6px;
    left: 4px;
    color: #adadad;
}

.brand-vodafone .onboarding-process-password-criteria-icon-check {
    color: #E60000;
}

.brand-movistarArgentina .onboarding-process-password-criteria-icon-check {
    color: #00A9E0;
}


/**********VODAFONE END**************/

.tab-covering-spinner {
    position: absolute;
    background: rgba(255, 255, 255, 0.64);
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 1;
}

.tab-covering-spinner>div {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0 0 0 110px;
    transform: translate(-50%, -50%);
}

.mini-navbar .tab-covering-spinner>div {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: 0 0 0 35px;
    transform: translate(-50%, -50%);
}

.relogin-aad-dialog>div {
    margin-bottom: 20px;
}

.relogin-aad-dialog {
    width: 250px;
    padding: 20px;
    background: white;
    box-sizing: content-box;
    box-shadow: 0 1px 2px #00000075;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

/* SoftBank */

.brand-softbank .contact-box .icheckbox {
    left: 5px;
}

.brand-softbank #user-list #action-btn-section #inviteUserButton {
    color: #4982ba;
}

.brand-softbank #onboarding-process-register-action-btn {
    background-color: #4982ba;
}

.brand-softbank #contact-list #action-btn-section #mergeEntityData,
.brand-softbank #contact-list #action-btn-section #exportContactData,
.brand-softbank #group-list #action-btn-section #exportOrganizationData,
.brand-softbank #user-list #action-btn-section #exportUserData {
    position: relative;
    top: 4px;
    left: 3px;
    font-size: 20px;
    color: #4982ba;
}

.brand-softbank #action-btn-section #tagData {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 20px;
    color: #4982ba;
}

.brand-softbank .nav-second-level {
    background: #dfdfdf !important;
}

.brand-softbank #top-navigation-bar-container {
    background-color: #4982ba;
}

.brand-softbank #top-navigation-bar-container .navigation-add-entity-icon i {
    color: #fff !important;
}

.brand-softbank .stable-bg {
    background-color: #dfdfdf;
}

.brand-softbank .navbar {
    background-color: #dfdfdf !important;
    border-radius: 0 !important;
}

.brand-softbank #side-menu .nav-header {
    padding: 25px;
    padding-top: 0;
}

.brand-softbank .jp-general {
    color: #4982ba !important;
}

.brand-softbank .navbar-default {
    background-color: #dfdfdf;
}

.brand-softbank .nav-header {
    background: #dfdfdf;
}

.brand-softbank #logo-space {
    background-image: url('/static/img/softbank-logo.png');
}

.brand-softbank .logo {
    height: 100px;
}

.brand-softbank .logo span img {
    width: 165px !important;
}

.brand-softbank .navbar-default .nav>li>a:focus {
    background-color: #dfdfdf;
}

.brand-softbank .navbar-default .nav>li>a:hover {
    background: #b7bbbe;
    color: #44444e;
}

.brand-softbank #main-menu>li.active {
    border-left: 4px solid #4982ba;
    background: #b7bbbe;
}

.brand-softbank li.logo a:hover {
    background: #b7bbbe !important;
}

.brand-softbank .nav>li.active {
    background: #b7bbbe;
    border-left: 4px solid #4982ba;
}

.brand-softbank .nav.nav-second-level>li.active {
    border: none;
}

.brand-softbank .nav>li>a,
.brand-softbank .nav>li>a:visited,
.brand-softbank .nav>li>a:focus {
    color: #44444e;
}

.brand-softbank .dropdown-toggle .white {
    color: #626364 !important;
    font-size: 15px;
}

.brand-softbank .vf-stable-bg {
    background-color: #ffffff !important;
}

.brand-softbank .btn-primary {
    background-color: #4982ba !important;
    border-color: #4982ba;
    color: #FFF;
}

.brand-softbank #contacts-accessibility-selection>span>button {
    color: #4982ba !important;
}

.brand-softbank .jp-bg-general {
    background-color: #4982ba !important;
}

.brand-softbank .jp-pink {
    color: #4982ba !important;
}

.brand-softbank .jp-light-blue {
    color: #4982ba !important;
}

.brand-softbank .list-buttons>li>a {
    color: #4982ba !important;
}

.brand-softbank .jp-bg-light-gray {
    background-color: #ffffff !important;
}

.brand-softbank .form-control,
.brand-softbank .single-line {
    border: 1px solid #4A4D4E;
}

.brand-softbank input.mytextbox:focus {
    border: 1px solid #4982ba;
}

.brand-softbank #textboxid:focus {
    border: 1px solid #4982ba;
}

.brand-softbank .save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-softbank .save-entity-blue {
    border: 1px solid #4982ba;
    background-color: #4982ba;
}

.brand-softbank .single-save-entity-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-softbank .single-save-entity-blue {
    border: 1px solid #4982ba;
    background-color: #4982ba;
}

.brand-softbank .save-menu-grey {
    border: 1px solid #CCCCCC;
    background-color: #CCCCCC;
}

.brand-softbank .save-menu-blue {
    border: 1px solid #4982ba;
    background-color: #4982ba;
}

.brand-softbank .myradio .inner {
    background-color: #4982ba;
}

.brand-softbank .myradio .outer {
    border: 2px solid #4982ba;
}

.brand-softbank .myradio input:checked+.outer {
    border: 2px solid #4982ba;
}

.brand-softbank .myradio input:focus+.outer .inner {
    background-color: #4982ba;
}

.brand-softbank .ui-datepicker .ui-datepicker-header,
.brand-softbank .ui-timepicker-div .ui-widget-header {
    background: #4982ba;
}

.brand-softbank .ui-datepicker select.ui-datepicker-month,
.brand-softbank .ui-datepicker select.ui-datepicker-year {
    background: #4982ba;
}

.brand-softbank .ui-datepicker-today a,
.brand-softbank .ui-datepicker-today a:hover,
.brand-softbank .ui-datepicker .ui-state-highlight {
    color: #4982ba !important;
    border: 1px solid #4982ba !important;
}

.brand-softbank .ui-state-active,
.brand-softbank .ui-widget-content .ui-state-active,
.brand-softbank .ui-widget-header .ui-state-active {
    background: #4982ba !important;
}

.brand-softbank .smart-forms .gui-input:focus~.field-icon i,
.brand-softbank .smart-forms .gui-textarea:focus~.field-icon i,
.brand-softbank .smart-forms .select>select:focus+.arrow {
    color: #4982ba;
}

.brand-softbank .contact-box .addPrimaryContactButton {
    background-color: #4982ba;
}

/*  SPINNERS  */

.brand-softbank .groups-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .contacts-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .userControlPanel-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .import-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .teams-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .campaign-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .campaigns-main-content .middle-box .sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank #top-nav div.sk-spinner-rotating-plane.sk-spinner {
    background-color: #4982ba;
}

.brand-softbank .spinner_circle {
    background-color: #4982ba;
}

.brand-softbank .double-bounce1,
.brand-softbank .double-bounce2 {
    background-color: #4982ba;
}

.brand-softbank .sk-hor-dots>div {
    background-color: #4982ba;
}

.brand-softbank .sk-folding-cube .sk-cube:before {
    background-color: #4982ba;
}

.brand-softbank .btn-info.btn-outline {
    color: #4982ba;
    background-color: transparent;
    border-color: #4982ba;
}

.brand-softbank .btn-info.btn-outline:hover {
    color: #fff;
    background-color: #4982ba;
    border-color: #4982ba;
}

.brand-softbank .btn-info {
    background-color: #4982ba;
    border-color: #4982ba;
    color: #FFF;
}

.brand-softbank .btn-info[disabled] {
    background-color: #4982ba !important;
    border-color: #4982ba !important;
    color: #FFF;
}

.brand-softbank .btn-info:hover {
    background-color: #38608c;
    border-color: #38608c;
}

.brand-softbank .jp-bg-gray-dark {
    background-color: #b7bbbe !important;
    color: #fff !important;
}

/*************SPINNERS********************/

.brand-softbank .bc-image-container>.bc-titleBox {
    color: #4982ba;
}

.brand-softbank .green-triangle {
    border-color: #1e993d transparent transparent transparent;
}

.brand-softbank .red-triangle {
    border-color: #c12b2b transparent transparent transparent;
}

.brand-softbank .autofill-box {
    border: 2px dashed #4982ba;
    color: #4982ba;
}

/* Progress bar pace */

.brand-softbank .pace .pace-progress {
    background: #4982ba;
}

/* Cookies law */

.brand-softbank .cc_container {
    background: #dfdfdf;
}

.brand-softbank .cc_container a,
.brand-softbank .cc_container a:visited,
.brand-softbank .cc_container a:hover {
    color: #4982ba;
}

.brand-softbank .cc_container .cc_btn,
.brand-softbank .cc_container .cc_btn:visited {
    background-color: #4982ba !important;
}

/*****ON BOARDING PROCESS*****/

.brand-softbank .bg-image-onboarding-process-wrapper .banner {
    background-image: url(/static/img/onboarding_process/onboarding_process_softbank.png);
    background-position: 21% 50%, center top;
}

.brand-softbank .main-onboarding-process-wrapper .logo {
    background-image: url(/static/img/softbank-logo.png);
    top: 20px;
    left: 35px;
    height: 160px;
    max-width: 160px;
    max-height: 160px;
    background-size: 160px;
    width: 160px;
}

.brand-softbank .bg-image-onboarding-process-wrapper .logo {
    background-image: url(/static/img/softbank-logo.png);
    height: 200px;
    max-width: 180px;
    max-height: 180px;
    width: 180px;
    background-size: 180px;
}

.brand-softbank .onboarding-process-footer {
    background-color: #4982ba;
}

.brand-softbank #onboarding-process-action-btn {
    background-color: #4982ba;
}

/* Vodafone Greece Logo */

.top-bar-softbank-logo {
    width: 100%;
    height: 100%;
    background: url('/static/img/softbank-white-logo.png') no-repeat;
    background-size: 135px;
    background-position: 0 12px;
    display: block;
    /* animation: fadeIn .2s; */
}

.top-bar-softbank-logo-small {
    width: 100%;
    height: 100%;
    background: url('/static/img/softbank-white-logo.png') no-repeat;
    background-size: 135px;
    background-position: 0 12px;
    display: none;
}

body.body-small .top-bar-softbank-logo {
    display: none !important;
}

body.body-small .top-bar-softbank-logo-small {
    display: block !important;
    /* animation: fadeIn .2s; */
}

/* END: Top nav bar - Logo section */

/**********SOFTBANK END**************/

/* relogin iframe */

.login-iframe-container {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 9999999999;
    transform: translate(-50%, -50%);
    background: #ffffff91;
    top: 50%;
    left: 50%;
}

.login-iframe-container iframe {
    width: 500px;
    height: 570px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid gray;
    box-shadow: 0 2px 12px #00000052;
    overflow: hidden;
}

/* Action buttons */

.navbar-top-links li a {
    padding: 0 10px 0 0;
}

#action-btn-section {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#api-keys-add-update #action-btn-section,
#add-update-contact #action-btn-section,
#add-update-organization #action-btn-section,
#add-update-coworker #action-btn-section {
    position: fixed;
    right: 0;
    top: 71px;
    z-index: 11;
    min-height: auto;
    width: auto;
    margin-right: 20px;
}

#entity-view #action-btn-section,
#contact-view #action-btn-section,
#group-view #action-btn-section,
#user-view #action-btn-section {
    position: fixed !important;
    top: -18px;
    right: 0;
    z-index: 11;
    min-height: auto;
    width: auto;
    margin-right: 14px;
}

.entity-view-header {
    /* height: 90px; */
}

#contact-list #action-btn-section,
#group-list #action-btn-section,
#user-list #action-btn-section {
    margin: 0 !important;
    padding: 0 !important;
}

#contact-list #action-btn-section #newContactButton,
#group-list #action-btn-section #newOrganizationButton,
#contact-list #action-btn-section #massEmail {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 20px;
}

#contact-list #action-btn-section #mergeEntityData,
#contact-list #action-btn-section #exportContactData,
#group-list #action-btn-section #exportOrganizationData,
#user-list #action-btn-section #exportUserData {
    position: relative;
    top: 1px;
    left: 3px;
    font-size: 20px;
    color: #23c1c5;
}

#action-btn-section #tagData {
    position: relative;
    top: 3px;
    left: 3px;
    font-size: 20px;
    color: #23c1c5;
}

#export-data-dropdown {
    right: auto;
    left: 0;
    top: 21px;
}

#export-data-dropdown .dropdown-header {
    color: #676a6c !important;
    background: #f2f3f4 !important;
    padding: 3px 10px !important;
}

#export-data-dropdown li.divider {
    margin: 9px 0 0 0 !important;
}

#contact-list #action-btn-section #deleteContactButton,
#group-list #action-btn-section #deleteOrganizationButton {
    position: relative;
    top: 3px;
    font-size: 21px;
    right: 0;
}

#user-list #action-btn-section #inviteUserButton {
    position: relative;
    top: 2px;
    font-size: 21px;
    right: -2px;
    color: #23c1c5;
}

#user-list #action-btn-section #massEmailButton {
    position: relative;
    top: 2px;
    font-size: 21px;
    right: -2px;
    color: #23c1c5;
}

.navbar {
    min-height: 90px;
}

#breadcrumb-container {
    position: fixed;
    top: 55px;
    width: calc(100%);
    background-color: white;
    z-index: 4;
    border-radius: 0;
    border-bottom: 1px solid #e7eaec;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.display-page-wrapper #breadcrumb-container {
    width: 100%;
    top: 0;
}

/* Change sub-navbar style while scrolling */

/* Applied on #breadcrumb-container, on scroll */

.breadcrumb-container-style {
    -webkit-box-shadow: rgba(0, 0, 0, 0.39) 0px 4px 13px -5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.39) 0px 4px 13px -5px;
    box-shadow: rgba(0, 0, 0, 0.39) 0px 4px 13px -5px;
    border-bottom: none !important;
    min-height: 89px !important;
}

.breadcrumb-container-top {
    top: 80px !important;
}

.action-btn-section-top {
    top: 0 !important;
}

.action-btn-section-full-btn-top {
    top: 90px !important;
}

#info-form-container {
    margin-top: 90px;
}

.main-form-container {
    position: relative;
    top: 15px;
    /* z-index: 10; */
    z-index: 3;
}

.mini-navbar #breadcrumb-container {
    width: calc(100% - 71px) !important;
}

.body-small #breadcrumb-container {
    width: calc(100% - 0.2%) !important;
}

/* DUPLICATE CHECK FOR ENTITIES */

#possibleDuplicateFullnameInfo,
#possibleDuplicateEmailInfo,
#possibleDuplicateNameInfo {
    margin: 20px 28px 0px;
    width: calc(100% - 56px);
    min-height: 50px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
}

#possibleDuplicateFullnameInfo img,
#possibleDuplicateEmailInfo img,
#possibleDuplicateNameInfo img {
    display: block;
    float: left;
}

.duplicate-botface {
    width: 40px;
    margin: 0 5px 0 0;
}

.bot-duplicate-message {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
}

.map-fields-warning {
    min-height: 50px;
    padding: 15px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 15px;
}

.map-fields-warning img {
    display: block;
    float: left;
}

.duplicate-botface {
    width: 40px;
    margin: 0 5px 0 0;
}

.bot-duplicate-message {
    display: table-cell;
    vertical-align: middle;
    height: 38px;
}

option.required {
    font-weight: bold;
}

ul.unmapped-required-fields {
    font-weight: bold;
    margin-top: 10px;
}

ul.exceeded-max-length-fields {
    font-weight: bold;
    margin-top: 10px;
}

.progress-list-options {
    padding: 10px;
    font-size: 14px;
}

.progress-list-options i {
    margin-right: 10px;
    color: #22C1C5 !important;
}

.brand-vodafone .progress-list-options i {
    margin-right: 10px;
    color: #e60000 !important;
}

.brand-movistarArgentina .progress-list-options i {
    margin-right: 10px;
    color: #00A9E0 !important;
}

.brand-softbank .progress-list-options i {
    margin-right: 10px;
    color: #4982ba !important;
}

.security-box {
    min-height: 300px !important;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}

@media (min-width:770px) and (max-width:960px) {
    .security-box {
        min-height: 350px !important;
    }
}

.flexbox {
    display: flex;
    flex-wrap: wrap;
}

.column-flex {
    flex: 50%;
}

.activity-flex {
    flex: 50%;
}

@media (max-width:1500px) {
    .activity-flex {
        flex: 100%;
    }

    .botface-message-md {
        left: 65px !important;
    }

    .enrichment-botface-md {
        width: 40px;
        margin-left: -10px;
        margin-top: 3px;
    }
}


.global-search-visible .new-global-search-overlay {
    opacity: 1 !important;
    pointer-events: all;
}

@media (max-width:1400px) {
    .enrichment-field-md {
        width: auto;
        margin-top: 16px;
        margin-left: 11px;
    }

    .form-group-md {
        width: auto;
    }
}

/* Divider */

.logical-divider-section>* {
    display: inline-block;
}

.logical-divider-line {
    border-top: 2px solid #adadad;
    width: 80px;
    margin: 15px 5px;
    vertical-align: middle;
}

.multiple-domain-dropdownMenuArrow {
    position: absolute;
    right: 25px;
    top: 1px;
    max-width: 18px;
    pointer-events: none;
}

#multiple-domain-select-invite select {
    padding-right: 28px;
}

/* -------------------------------- 
Activities
-------------------------------- */

#activity-stat-section img {
    float: left;
}

#load-more-activities-btn {
    display: inline-block;
}

.activity-title {
    font-weight: 400;
}

.activity-date {
    font-weight: 700;
}

.activity-body {}

#load-more-activities-btn:hover {
    /* font-weight: 700; */
    font-weight: bold;
    font-family: 'OpenSansBold';
    cursor: pointer;
}

.cd-container {
    width: 100%;
    margin: 0 auto;
}

.cd-container::after {
    /* clearfix */
    content: '';
    display: table;
    clear: both;
}

#cd-timeline {
    position: relative;
    /* padding: 25px 0 25px; */
    padding: 0 0 25px;
}

#cd-timeline::before {
    content: '';
    position: absolute;
    top: 27px !important;
    left: 18px;
    height: 100% !important;
    width: 4px;
    background: #d7e4ed;
}

#cd-timeline:first-child::before {
    height: 100% !important;
    background: #d7e4ed !important;
}

#cd-timeline:last-child::before {
    display: none;
}

.cd-timeline-block {
    position: relative;
    margin: 2em 0;
}

.cd-timeline-block::after {
    clear: both;
    content: "";
    display: table;
}

.cd-timeline-block:first-child {
    margin-top: 0;
}

.cd-timeline-block:last-child {
    margin-bottom: 0;
}

.cd-timeline-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

/* .cd-timeline-img img {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -12px;
    margin-top: -12px;
} */

.cd-timeline-img i {
    font-size: 19px;
    color: white;
    position: relative;
    top: 11px;
    left: 12px;
}

.cd-timeline-img.cd-picture {
    /* background: #75ce66; */
}

.cd-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #f2f3f4;
    border-radius: 0.25em;
    padding: 1em;
    /* box-shadow: 0 3px 0 #d7e4ed; */
}

.cd-timeline-content::after {
    clear: both;
    content: "";
    display: table;
}

.cd-timeline-content h2 {
    color: #303e49;
}

.cd-timeline-content p {
    font-size: 13px;
    font-size: 1rem;
}

.cd-timeline-content p {
    margin: 1em 0;
    line-height: 1.6;
}

.cd-timeline-content::before {
    content: '';
    position: absolute;
    top: 12px;
    right: 100%;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #f2f3f4;
}

/* General issue modal */

#general-issue-container {
    width: 100%;
    height: 100%;
    min-height: 200px;
    /* background: red; */
    position: relative;
}

#general-issue-content {
    /* position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: yellow; */
    display: inline-block;
    margin: auto;
}

#general-issue-content .logo {
    background-image: url(/static/img/jp_logo_small.svg);
    background-repeat: no-repeat;
    height: 80px;
    max-width: 60px;
    max-height: 60px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: 60px;
    width: 60px;
    margin: auto;
}

.brand-vodafone #general-issue-content .logo {
    background-image: url(/static/img/VodafoneGreece.png);
    max-width: 70px;
    max-height: 70px;
    background-size: 70px;
    width: 70px;
}

.brand-movistarArgentina #general-issue-content .logo {
    background-image: url(/static/img/movistarArgentina-horizontal.png);
    max-width: 70px;
    max-height: 70px;
    background-size: 70px;
    width: 70px;
}

.brand-softbank #general-issue-content .logo {
    background-image: url(/static/img/softbank-logo.png);
    max-width: 150px;
    max-height: 150px;
    background-size: 150px;
    width: 150px;
}

/* Flipping Cards */

.card-container {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
    /* margin-bottom: 30px; */
}

.card-container .box-main-info {
    width: calc(100% - 10px);
}

/* flip the pane when hovered */

.card-container:not(.manual-flip):hover .card-section,
.card-container.hover.manual-flip .card-section {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.card-container.static:hover .card-section,
.card-container.static.hover .card-section {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
}

/* flip speed goes here */

.card-section {
    -webkit-transition: -webkit-transform .5s;
    -moz-transition: -moz-transform .5s;
    -o-transition: -o-transform .5s;
    transition: transform .5s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}

.card-container:hover>.bc-titleBox {
    margin-right: -6px !important;
    z-index: 100;
}

.card-container>.bc-titleBox {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    width: 100%;
    margin-right: -385px;
    background: #000;
    background: rgb(47, 63, 79);
    color: #FFF;
    padding: 17px 17px 10px;
    text-align: center;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

/* hide back of pane during swap */

.front-side-card,
.back-side-card {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #FFF;
    /* box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14); */
    padding: 10px;
    cursor: pointer;
}

/* front pane, placed above back */

.front-side-card {
    z-index: 2;
    cursor: pointer;
}

.front-side-card span.border {
    min-height: 135px;
    width: 2px;
    position: absolute;
    top: -1px;
    left: -1px;
    right: auto;
}

/* back, initially hidden pane */

.back-side-card {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 3;
    padding: 0;
}

.back-side-card .card-value {
    max-width: calc(100% - 25px);
}

.back-side-card .header {
    padding: 7px;
}

.card-container,
.front-side-card,
.back-side-card {
    width: 100%;
    min-height: 100%;
}

/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {

    .front-side-card,
    .back-side-card {
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back-side-card {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92, .01, .83, .67);
    }

    .front-side-card {
        z-index: 4;
    }

    .card-container:not(.manual-flip):hover .back-side-card,
    .card-container.manual-flip.hover .back-side-card {
        z-index: 5;
        visibility: visible;
    }
}

#cookieconsent>a {
    position: relative;
    top: 10px;
    left: 22px;
}

.cc-compliance {
    display: inline-block;
    /* float:right; */
    margin-top: -38.75px;
    z-index: 5;
    position: absolute;
    width: 160px;
    top: 113px;
    left: 202px;
}

.cc-compliance>a {
    /* float:right; */
    display: inline-block;
}

.cc-message>a {
    position: relative;
    top: 12px;
    left: 24px;
}

.cc-window.cc-floating.cc-type-info.cc-theme-classic.cc-bottom.cc-left {
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.65);
    background: #212d3a;
}

/* Crop image implementation */

#cropped-profile-photo>img {
    background: #E4E4E4;
    overflow: hidden;
    width: 75px;
    height: 75px;
    border-radius: 10%;
    margin: auto;
    margin-right: 5px;
    display: inline-block;
}

@media (max-width: 450px) {
    #cropped-profile-photo span.autofill-box {
        position: relative;
        margin: 10px 0 0 0;
        float: none !important;
        padding-right: 7px;
        font-size: 14px;
        left: 12px;
        top: -3px;
        font-weight: 700;
        text-align: center;
    }
}

#cookieconsent {
    z-index: 4;
}

.isteve-dropup .checkboxLayer {
    bottom: 23px;
}

.calendly-overlay {
    z-index: 10000 !important;
}

/* My textbox button */

#mytextbox-action-btn {
    position: relative;
    background-color: #2f3f4f;
    color: #ffffff;
    display: inline-block;
    padding: 6px 25px;
}

#mytextbox-action-btn:hover {
    opacity: 0.9;
    filter: alpha(opacity=0.9)s;
}

#mytextbox-action-btn-spinner {
    position: absolute;
    top: 6px;
    right: 5px;
}

.multi-dynamic-field {
    margin-bottom: 5px;
}

option:disabled,
select[disabled]>option {
    background-color: #d2dbe0 !important;
}

/* Copy to clickboard Boxes */

.contact-box .personal-info-section {
    width: 100%;
}

.contact-box .phoneBox,
.contact-box .emailBox,
.contact-box .mobileBox {
    width: 100%;
    display: block;
}

.contact-box .phoneBoxInfo,
.contact-box .emailBoxInfo,
.contact-box .mobileBoxInfo {
    display: inline-block;
    max-width: calc(100% - 50px);
    vertical-align: top;
}

.copyToClickboardContacts {
    display: none;
    padding-left: 5px;
}

.contact-box .phoneBox:hover .copyToClickboardContacts {
    display: inline-block;
}

.contact-box .emailBox:hover .copyToClickboardContacts {
    display: inline-block;
}

.contact-box .mobileBox:hover .copyToClickboardContacts {
    display: inline-block;
}

/* END Copy to clickboard Boxes */

/* Copy to clickboard View */

.contact-view-width {
    width: inherit;
}

.contact-field-width {
    max-width: calc(100% - 5px);
    display: inline-block;
    vertical-align: top;
}

.copy-view-button {
    display: none;
    padding-left: 5px;
}

.contact-view-width .copy-on-hover:hover .copy-view-button {
    display: inline-block;
    color: #676a6c;
}

.contact-view-width .copy-on-hover:hover .contact-field-width {
    max-width: calc(100% - 30px) !important;
}

.copy-on-hover {
    width: 100%;
    display: block;
}

/* END OF Copy to clickboard View */

.vat-notice {
    text-align: center;
    font-size: 11px;
    margin-top: 10px;
}

.profilePhotoContainer {
    width: 67px;
    height: 67px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 3px solid white;
    box-shadow: 0 0 0 1px #adadad;
    border-bottom: transparent;
}

.profilePhotoContainerBox,
.profilePhotoContainerCardBox {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 3px solid white;
    box-shadow: 0 0 0 1px #adadad;
}

.profilePhotoContainerBox {
    width: 67px;
    height: 67px;
}

.profilePhotoContainerCardBox {
    width: 60px;
    height: 60px;
}

.profilePhotoContainerParent {
    position: relative;
    top: -5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 67px;
    height: 67px;
    display: inline-block;
    float: left;
}

.profilePhotoContainerContacted {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 1px solid white;
    box-shadow: 0 0 0 1px #adadad;
    background-color: white;
    border-radius: 50%;
}

.profilePhotoContainerNavbar {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}

.enchanceContainerBox {
    width: inherit;
    height: inherit;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 1px solid white;
    box-shadow: 0 0 0 2px #adadad;
    background-color: white;
}

.profilePhotoContainerTeams {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    vertical-align: -17px;
    border: 1px solid white;
    box-shadow: 0 0 0 1px #adadad;
    background-color: white;
}

.select-master {
    padding: 27px;
    font-size: 18px;
    font-weight: 300;
    border-bottom: 1px solid #ededed;
    margin-left: -15px;
    margin-right: -15px;
}

.merge-master-selection {
    border: 0;
    border-bottom: 1px #ededed solid;
    min-height: 117px !important;
}

.front-side-card:hover {
    /* border: #009688; */
}

.merge-choices {
    float: left;
    padding: 2px 7px;
    border: 2px dashed #8d98a9;
    border-radius: 6px;
    margin: 10px 10px 0px 0px;
    cursor: pointer;
}

.merge-choices:hover {
    border-color: #23c1c5;
}

.brand-vodafone .merge-choices:hover {
    border-color: #e60000;
}

.brand-softbank .merge-choices:hover {
    border-color: #4982ba;
}

.merge-choices-selected {
    background: #23c1c5;
    color: white;
    border-color: #23c1c5;
}

.brand-vodafone .merge-choices-selected {
    background: #e60000;
    color: white;
    border-color: #e60000;
}

.brand-movistarArgentina .merge-choices-selected {
    background: #8b8b8b;
    color: white;
    border-color: #8b8b8b;
}

.brand-softbank .merge-choices-selected {
    background: #dfdfdf;
    color: black;
    border-color: #dfdfdf;
}

.merge-master-contact {
    width: 310px;
    margin-top: 90px;
    background: white;
    padding: 0;
    height: 100%;
}

.merge-contact-list {
    height: calc(100vh - 235px);
    overflow: auto;
    box-sizing: border-box;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.merge-edit-form {
    display: inline-block;
    vertical-align: top;
    height: auto;
    width: calc(100% - 344px);
}

.set-master {
    margin-top: 10px;
    color: #24c1c5;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.base-contact {
    position: absolute;
    top: -6px;
    left: 244px;
    font-size: 24px;
    border-top: solid 30px #23c1c5;
    border-right: solid 30px #23c1c5;
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
}

.new-base-contact {
    position: absolute;
    top: -6px;
    left: 280px;
    font-size: 24px;
}

.brand-vodafone .base-contact {
    position: absolute;
    top: -6px;
    left: 244px;
    font-size: 24px;
    border-top: solid 30px #E60000;
    border-right: solid 30px #E60000;
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
}

.brand-movistarArgentina .base-contact {
    position: absolute;
    top: -6px;
    left: 244px;
    font-size: 24px;
    border-top: solid 30px #00A9E0;
    border-right: solid 30px #00A9E0;
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
}

.brand-softbank .base-contact {
    position: absolute;
    top: -6px;
    left: 244px;
    font-size: 24px;
    border-top: solid 30px #4982ba;
    border-right: solid 30px #4982ba;
    border-bottom: solid 30px transparent;
    border-left: solid 30px transparent;
}

.brand-vodafone .set-master {
    margin-top: 10px;
    color: #E60000;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.brand-movistarArgentina .set-master {
    margin-top: 10px;
    color: #00A9E0;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.brand-softbank .set-master {
    margin-top: 10px;
    color: #4982ba;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.remove-contact-merge {
    margin-top: 20px;
    color: #eb5767;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.brand-vodafone .remove-contact-merge {
    margin-top: 30px;
    color: #999999;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.brand-movistarArgentina .remove-contact-merge {
    margin-top: 30px;
    color: #999999;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.brand-softbank .remove-contact-merge {
    margin-top: 30px;
    color: #c12b2b;
    border-radius: 2px;
    padding: 0px 98px;
    right: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.front-side-card:hover .set-master {
    display: block;
}

.front-side-card:hover .remove-contact-merge {
    display: block;
}

/* .front-side-card:hover .master_info {
    color: #18998f;
} */

.set-master-contact {
    cursor: default;
    margin: 0;
    padding: 0;
    min-height: 117px;
}

.master-card-section .set-master {
    display: block;
}

.merge-scrollbar {
    height: calc(100vh - 145px);
    overflow: auto;
    overflow-x: hidden;
    width: calc(100% - 15px);
}

/* width */

::-webkit-scrollbar {
    width: 10px;
}

/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.merge-container {
    display: inline-block;
}

.selected-photo {
    border: 2px solid #23c1c5;
    border-radius: 10%;
}

.brand-vodafone .selected-photo {
    border: 2px solid #8b8b8b;
    border-radius: 10%;
}

.brand-movistarArgentina .selected-photo {
    border: 2px solid #8b8b8b;
    border-radius: 10%;
}

.brand-softbank .selected-photo {
    border: 2px solid#4982ba;
    border-radius: 10%;
}

.selected-photo:hover {
    border: 2px solid #23c1c5;
}

.brand-vodafone .selected-photo:hover {
    border: 2px solid #e60000;
}

.brand-movistarArgentina .selected-photo:hover {
    border: 2px solid #00A9E0;
}

.brand-softbank .selected-photo:hover {
    border-color: #4982ba;
}

.profile-photo {
    margin: 0;
    cursor: pointer;
}

.optional-photos {
    border: 2px dashed #009688;
    border-radius: 10%;
}

.brand-vodafone .optional-photos {
    border: 2px dashed #8b8b8b;
    border-radius: 10%;
}

.brand-movistarArgentina .optional-photos {
    border: 2px dashed #8b8b8b;
    border-radius: 10%;
}

.brand-softbank .optional-photos {
    border: 2px dashed #4982ba;
    border-radius: 10%;
}

.optional-photos:hover {
    border-color: #009688;
}

.brand-vodafone .optional-photos:hover {
    border: 2px dashed #e60000;
}

.brand-movistarArgentina .optional-photos:hover {
    border: 2px dashed #00A9E0;
}

.brand-softbank .optional-photos:hover {
    border-color: #4982ba;
}

.merge-column {
    background: white;
    min-height: calc(100% - 10px);
    padding: 0;
    display: inline-block;
    height: -webkit-fill-available;
    width: 430px;
}

.master-card-section-background {
    background-color: #f4f4f4;
    padding: 0;
    min-height: 117px;
}

.set-new-base-contact {
    position: absolute;
    top: 7px;
    left: -7px;
    color: #23c1c5;
}

.brand-softbank .set-new-base-contact {
    color: #4982ba;
}

.brand-vodafone .set-new-base-contact {
    color: #E60000;
}

.brand-movistarArgentina .set-new-base-contact {
    color: #00A9E0;
}

.remove-new-base-contact {
    position: absolute;
    top: 89px;
    left: -7px;
    color: #eb5767;
}

.brand-softbank .remove-new-base-contact {
    color: #c12b2b;
}

.brand-vodafone .remove-new-base-contact {
    color: #999999;
}

.brand-movistarArgentina .remove-new-base-contact {
    color: #999999;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

[draggable] {
    -moz-user-select: element;
    -khtml-user-select: element;
    -webkit-user-select: element;
    user-select: element;
    -khtml-user-drag: element;
    -webkit-user-drag: element;
}

.drag-me {
    cursor: -webkit-grab;
    user-select: none;
    -ms-user-select: none;
}

.drag-me:active {
    cursor: -webkit-grabbing;
}

.drag-me>div {
    cursor: -webkit-grab;
    user-select: none;
    -ms-user-select: none;
}

.drag-me:active>div {
    cursor: -webkit-grabbing;
}

.comment-options {
    margin: 0;
    padding: 0 10px;
    display: inline-block;
    font-size: 22px;
}

.comment-options:hover {
    color: #009688;
}

.comment-bubble {
    width: fit-content;
    height: 34px;
    border: 2px outset#e8e8e8;
    border-radius: 4px;
    position: relative;
    top: -9px;
    left: auto;
    padding: 4px 5px;
    background: #4a4d4e00;
}

#merge-photo-collection {
    overflow: hidden;
    border-radius: 10%;
    display: inline-block;
    margin: 0;
    width: 67px;
    height: 67px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    border: 3px solid white;
}

@keyframes non-selected {
    0% {
        border: 1px solid red;
    }

    100% {
        border: 1px solid #e5e6e7;
    }
}

.non-selected {
    animation-name: non-selected;
    animation-duration: 1s;
}

.enrich-right-position {
    right: 5px !important;
}

.merge-tooltip-message {
    margin: 0 auto;
    width: fit-content;
}

.merge-tooltip-message:hover {
    cursor: pointer;
}

.master-card {
    padding: 6px;
    position: relative;
    margin-top: 15px;
    overflow: hidden;
    background-color: rgb(244, 244, 244, 0.5);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    width: 310px;
}

.right-arrow {
    transform: rotate(180deg);
    position: absolute;
    top: -30px;
    right: 15px;
}

.botface-merge-message {
    float: right;
    position: absolute;
    border-radius: 7px;
    padding: 10px 10px 10px 15px;
    width: 280px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .11);
    animation: bounceIn .1s;
    transform: scale(1);
    border: 1px solid #d7d7d7;
    z-index: 900;
    cursor: default;
    font-size: 14px;
    line-height: 19px;
    background: #ffff;
    top: 40px;
    right: 0px;
}

.enrichment-merge-options {
    position: relative;
    top: 15px;
    right: 0;
    width: auto;
    float: right;
}

.enrichment-merge-botface {
    float: right;
    position: absolute;
    right: 10px;
    top: -20px;
    width: 45px;
}

.base-contact-hovered-value {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19), 0px 0px 2px 3px #24c1c5 inset, 0px 0px 1px 0px #24c1c5;
}

.brand-vodafone .base-contact-hovered-value {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19), 0px 0px 2px 3px #e60000 inset, 0px 0px 1px 0px #e60000;
}

.brand-movistarArgentina .base-contact-hovered-value {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19), 0px 0px 2px 3px #00A9E0 inset, 0px 0px 1px 0px #00A9E0;
}

.brand-softbank .base-contact-hovered-value {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19), 0px 0px 2px 3px #4982ba inset, 0px 0px 1px 0px #4982ba;
}

@keyframes groupRelatedContactsFadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes groupRelatedContactsFadeOut {
    0% {
        opacity: 1;
    }

    99% {
        display: block;
    }

    100% {
        opacity: 0;
        display: none;
    }
}

.card-container-fadeIn {
    animation: groupRelatedContactsFadeIn 5s;
}

.card-container-fadeIn.ng-animate {
    animation: groupRelatedContactsFadeIn 5s;
}

.card-container-fadeIn.ng-enter {
    animation: groupRelatedContactsFadeIn 5s;
}

.card-container-fadeIn.ng-enter.ng-enter-active {
    animation: groupRelatedContactsFadeIn 5s;
}

.card-container-fadeOut {
    animation: groupRelatedContactsFadeOut 1s;
}

.card-container-fadeOut.ng-animate {
    animation: groupRelatedContactsFadeOut 1s;
}

.card-container-fadeOut.ng-leave {
    animation: groupRelatedContactsFadeOut 1s;
}

.card-container-fadeOut.ng-leave.ng-leave-active {
    animation: groupRelatedContactsFadeOut 1s;
}

.mass-email .botface-message {
    position: absolute;
    background: #ffffff;
    border-radius: 7px;
    padding: 10px 10px 10px 15px;
    width: 370px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .11);
    top: -15px;
    left: 50px;
    animation: bounceIn .6s;
    transform: scale(1);
    border: 1px solid #d7d7d7;
    z-index: 900;
    cursor: default;
    font-size: 14px;
    line-height: 19px;
}

.mass-email .botface {
    width: 30px;
}

.organization-autocomplete .brand-vodafone input.form-control.ng-invalid:not(:focus) {
    border: 1px solid #E60000;
}

.organization-autocomplete .brand-movistarArgentina input.form-control.ng-invalid:not(:focus) {
    border: 1px solid #00A9E0;
}

.organization-autocomplete .brand-softbank input.form-control.ng-invalid:not(:focus) {
    border: 1px solid #E60000;
}

.organization-autocomplete input.form-control.ng-invalid:not(:focus) {
    border: 1px solid red;
}

/* Tags */

.tag-element {
    padding: 3px 5px;
    border-radius: 5px;
    color: white;
    cursor: default;
    display: inline-block;
    margin: 0 6px 6px 0;
}

.add-tags-action,
.manage-tags-action {
    margin-top: 10px;
    display: block;
    text-align: right;
    cursor: default;
}

.manage-tags-action-disabled {
    color: rgba(103, 106, 108, 0.2);
    cursor: default;
}

.add-tags-action:hover {
    text-decoration: underline;
    cursor: pointer;
}

.add-tag-button-section {
    color: rgb(103, 106, 108);
    display: inline-block;
    font-size: 13px;
    line-height: 12px;
    padding: 5px;
    border: 1px solid #22C1C5;
    border-radius: 5px;
}

.add-tag-button-section-disabled {
    background: #E5E5E5;
    color: #BBBBBB;
    border: 1px solid #E5E5E5;
    cursor: default;
}

.contact-no-email {
    border: 2px solid #f7a107;
    padding: 4px;
    padding-right: 8px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.massemail-btn-disabled {
    border-color: #d2dbe0 !important;
    background-color: #d2dbe0 !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.elasticEmailInput {
    width: 100%;
    border: none;
    border-bottom: 1px darkgrey;
    border-bottom-style: solid;
    color: #212D3A;
    font-size: 14px;
}

.elasticEmailInput:focus {
    border-bottom: 1px solid #36c0c3;
    transition: border-bottom 1s;
}

.elasticEmailInput::placeholder {
    font-size: 12px;
    opacity: 0.8;
}

.custom-fields-form {
    min-height: 200px;
}

@media (max-width:990px) {
    .custom-fields-form {
        min-height: 230px;
    }
}

@media (max-width:814px) {
    .custom-fields-form {
        min-height: 250px;
    }
}

@media (max-width:789px) {
    .custom-fields-form {
        min-height: 310px;
    }
}

.user-add-team-dropdown-menu {
    left: 120px;
    top: -120px;
}

/* Import 'need help' links */

.import-help-link {
    color: #22C1C5;
    cursor: pointer;
    text-decoration: none;
    font-family: "OpenSansSemiBold";
}

.import-body-container {
    background: white;
    min-height: calc(100vh - 140px);
    margin-left: -15px;
    margin-right: -15px;
}

@media only screen and (max-height: 880px) {
    .import-body-container {
        background: white;
        min-height: calc(100vh - 55px);
        margin-left: -15px;
        margin-right: -15px;
    }
}

.import-help-link:hover,
.import-help-link:focus,
.import-help-link:visited {
    color: #22C1C5;
    cursor: pointer;
    text-decoration: underline;
    font-family: "OpenSansSemiBold";
}

.import-help-link:hover i {
    text-decoration: none;
}

/* Stylus checkboxes
--- https://github.com/forsigner/magic-check
 */

/* @keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #22c1c5;
    }
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
    cursor: not-allowed;
}

.magic-radio+label,
.magic-checkbox+label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.magic-radio+label:hover:before,
.magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-radio+label:before,
.magic-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}

.magic-radio+label:after,
.magic-checkbox+label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled]+label,
.magic-checkbox[disabled]+label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-radio[disabled]+label:hover,
.magic-radio[disabled]+label:before,
.magic-radio[disabled]+label:after,
.magic-checkbox[disabled]+label:hover,
.magic-checkbox[disabled]+label:before,
.magic-checkbox[disabled]+label:after {
    cursor: not-allowed;
}

.magic-radio[disabled]+label:hover:before,
.magic-checkbox[disabled]+label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-radio[disabled]+label:before,
.magic-checkbox[disabled]+label:before {
    border-color: #e4e4e4;
}

.magic-radio:checked+label:before,
.magic-checkbox:checked+label:before {
    animation-name: none;
}

.magic-radio:checked+label:after,
.magic-checkbox:checked+label:after {
    display: block;
}

.magic-radio+label:before {
    border-radius: 50%;
}

.magic-radio+label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c1c5;
}

.magic-radio:checked+label:before {
    border: 1px solid #22c1c5;
}

.magic-radio:checked[disabled]+label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled]+label:after {
    background: #c9e2f9;
}

.magic-checkbox+label:before {
    border-radius: 0;
}

.magic-checkbox+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked+label:before {
    border: #22c1c5;
    background: #22c1c5;
}

.magic-checkbox:checked[disabled]+label:before {
    border: #c9e2f9;
    background: #c9e2f9;
} */

/* Call Inteligence screen */

call-intelligence-screen {
    background: white !important;
    width: 100%;
    display: block;
    height: calc(100% + 25px);
}

call-tracker-screen {
    background: white !important;
    display: block;
    height: calc(100% + 25px);
    overflow: auto;
}

/* Download mobile app */

download-mobile-app {
    background: white !important;
    display: block;
    min-height: 100vh;
}

avoid-internet-explorer {
    background: white !important;
    display: block;
    min-height: 100vh;
}

/* Contacts Proposals */

contact-proposals-screen {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

/* Proposals enrichment */

enrichment-screen {
    background: #ffffff !important;
    display: block;
    min-height: calc(100% + 25px);
}

/* Onboarding screens */

sign-up-screen {
    background: white !important;
    display: block;
    min-height: 100vh;
}

/* Home screen */

home-screen {
    background: white !important;
    display: block;
}

/* Business cards screen */

business-cards-screen {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

/* Request Service on Billing and Store */
request-service {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

/* Entity list screen */

contact-list-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}

organization-list-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}

coworker-list-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}

/* Entity add/update screen */

contact-add-edit-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}

organization-add-edit-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}

coworker-add-edit-screen {
    background: white !important;
    display: block;
    min-height: 100%;
}


/* Billing and Store screen */

marketplace-screen {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

choose-plan,
billing-info,
review,
pay-screen {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

billing-screen {
    background: #ffffff !important;
    display: inline-block;
    min-height: calc(100%);
    width: 100%;
}

checkout {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}


/*Marketplace review & Billing screen */

.order-summary-container .table-responsive::-webkit-scrollbar-thumb,
.billing-container .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background: #888888ba;
}

.order-summary-container .table-responsive::-webkit-scrollbar-thumb:hover,
.billing-container .table-responsive::-webkit-scrollbar-thumb:hover {
    background: #888888d9;
}

.order-summary-container .table-responsive::-webkit-scrollbar,
.billing-container .table-responsive::-webkit-scrollbar {
    height: 6px;
}


.order-summary-container .table-responsive::-webkit-scrollbar-track,
.billing-container .table-responsive::-webkit-scrollbar-track {
    border-radius: 3px;
}

/* Tasks screen */

tasks-screen {
    background: white !important;
    display: block;
    padding-bottom: 10px;
    height: auto;
    min-height: calc(100% + 25px);
}

.template {
    color: black;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    background-color: #eeeeee;
    border: 1px solid #bebebe;
    padding: 2px 0px;
    position: relative;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.template.no-fallback span {
    padding-left: 20px;
}

.template.no-fallback::before {
    content: '\f071';
    color: #f8a206;
    font-weight: 900;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 4px;
}

.multi-tag-modal-title-section {
    font-size: 16px;
    display: block;
    position: relative;
    top: -20px;
    left: -10px;
}

.btn-general {
    background: #22C1C5;
    border: 1px solid #22C1C5;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}

.brand-vodafone .btn-general {
    background: #E60000;
    border: 1px solid #E60000;
}

.brand-movistarArgentina .btn-general {
    background: #00A9E0;
    border: 1px solid #00A9E0;
}

.brand-softbank .btn-general {
    background: #4982ba;
    border: 1px solid #4982ba;
}

.btn-general span {
    font-family: "OpenSansRegular";
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.flatpickr-calendar.animate.open {
    right: 15px !important;
    margin-bottom: 20px;
}

.flatpickr-calendar.static {
    position: absolute;
    top: 0px !important;
}

/* Flatpickr */

#due-date-section .flatpickr-wrapper,
#custom-reminder-date-section .flatpickr-wrapper {
    position: relative !important;
    display: block !important;
}

/* Intercom icon position */

/* body.sidemenu-taskOpen .intercom-launcher-frame,
body.sidemenu-taskOpen .intercom-messenger-frame {
    right: 380px !important;
    left: auto !important;
}

body:not(.sidemenu-taskOpen) .intercom-launcher-frame,
body:not(.sidemenu-taskOpen) .intercom-messenger-frame {
    right: 50px !important;
    left: auto !important;
} */

#drop-area {
    max-width: 480px;
    font-family: sans-serif;
    margin: 0px auto;
    padding: 20px;
    background: #FCFCFE;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
}

#drop-area.highlight {
    border-color: purple;
}

p {
    margin-top: 0;
}

.my-form {
    margin-bottom: 10px;
}

#gallery {
    margin-top: 10px;
}

#gallery img {
    width: 150px;
    margin-bottom: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

#fileElem {
    display: none;
}

.choose-file-button {
    padding: 10px;
    cursor: pointer;
    display: table;
    margin: 0px auto;
    color: #23c1c5;
}

.brand-vodafone .choose-file-button {
    padding: 10px;
    cursor: pointer;
    display: table;
    margin: 0px auto;
    color: #e60000;
}

.brand-movistarArgentina .choose-file-button {
    padding: 10px;
    cursor: pointer;
    display: table;
    margin: 0px auto;
    color: #00A9E0;
}

.brand-softbank .choose-file-button {
    padding: 10px;
    cursor: pointer;
    display: table;
    margin: 0px auto;
    color: #428BD3;
}

.content {
    margin-left: 30px;
    margin-right: 30px;
}

.content-borders {
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    padding-bottom: 30px;
}

.wizard-header {
    padding: 30px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    font-size: 18px;
    text-transform: capitalize;
    border-bottom: 1px solid #bbbbbb;
    margin: 0 30px;
    padding-left: 0px;
}

.header-section {
    font-weight: 300;
    line-height: normal;
    text-align: center;
}

.title-text {
    font-size: 26px;
    padding: 25px 0px;
}

.subtext {
    font-size: 14px;
    max-width: 550px;
    margin: 0 auto;
}

.main-section {
    padding: 30px 0px;
}

.type-card-section {
    display: table;
    margin: 0 auto;
}

.types-section {
    display: inline-block;
}

.type-card {
    float: left;
    margin: 10px 20px 10px 0;
    padding: 15px;
    width: 200px;
    height: 250px;
    cursor: pointer;
    background: #FFFFFF;
    border: 2px solid #E1E1E1;
    box-sizing: border-box;
    border-radius: 3px;
}

.type-card:hover {
    border-color: #22C1C5;
    /* box-shadow: 0px 0px 0px 1px #22C1C5; */
}

.brand-vodafone .type-card:hover {
    border-color: #e60000 !important;
}

.brand-movistarArgentina .type-card:hover {
    border-color: #00A9E0 !important;
}

.brand-softbank .type-card:hover {
    border-color: #4982ba !important;
}

.type-card:has(input:checked) {
    box-shadow: 0px 0px 0px 2px #22C1C5;
}

.brand-vodafone .type-card:has(input:checked) {
    box-shadow: 0px 0px 0px 2px #e60000 !important;
}

.brand-movistarArgentina .type-card:has(input:checked) {
    box-shadow: 0px 0px 0px 2px #00A9E0 !important;
}

.brand-softbank .type-card:has(input:checked) {
    box-shadow: 0px 0px 0px 2px #4982ba !important;
}

.horizontal-type-card {
    width: 300px;
    height: 145px;
}

.selected-card {
    border: 2px solid #22C1C5;
}

.brand-vodafone .selected-card {
    /* box-shadow: 0px 0px 0px 2px #22C1C5; */
    border: 2px solid #e60000 !important;
}

.brand-movistarArgentina .selected-card {
    /* box-shadow: 0px 0px 0px 2px #22C1C5; */
    border: 2px solid #00A9E0 !important;
}

.brand-softbank .selected-card {
    /* box-shadow: 0px 0px 0px 2px #22C1C5; */
    border: 2px solid #4982ba !important;
}

.type-card-icon {
    margin: 20px auto;
    display: table;
    background-size: contain;
}

.type-card-title {
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin: 10px 0px;
}

.type-card-text {
    text-align: center;
    padding: 10px 5px;
}

.help-section {
    text-align: center;
}

.help-section a {
    color: #22C1C5;
}

.brand-vodafone .help-section a {
    color: #e60000 !important;
}

.brand-movistarArgentina .help-section a {
    color: #00A9E0 !important;
}

.brand-softbank .help-section a {
    color: #4982ba !important;
}

.brand-vodafone .help-section i {
    color: #e60000 !important;
}

.brand-movistarArgentina .help-section i {
    color: #00A9E0 !important;
}

.brand-softbank .help-section i {
    color: #4982ba !important;
}

.buttons-section {
    margin: 0 auto;
    display: table;
}

.import-next-button {
    width: 120px;
    height: 48px;
    border-radius: 3px;
    margin: 30px 10px;
    display: block;
    float: left;
    background: #22C1C5 !important;
    border-color: #22C1C5 !important;
}

.brand-vodafone .import-next-button {
    width: 120px;
    height: 48px;
    border-radius: 3px;
    margin: 30px 10px;
    display: block;
    float: left;
    background: #e60000 !important;
    border-color: #e60000 !important;
}

.brand-movistarArgentina .import-next-button {
    width: 120px;
    height: 48px;
    border-radius: 3px;
    margin: 30px 10px;
    display: block;
    float: left;
    background: #00A9E0 !important;
    border-color: #00A9E0 !important;
}

.brand-softbank .import-next-button {
    width: 120px;
    height: 48px;
    border-radius: 3px;
    margin: 30px 10px;
    display: block;
    float: left;
    background: #4982ba !important;
    border-color: #4982ba !important;
}

.import-back-button {
    width: 120px;
    height: 48px;
    border-radius: 3px;
    margin: 30px 10px;
    display: block;
    float: left;
    background: #F7A54A !important;
    border-color: #F7A54A !important;
    color: white;
}

/* The radio */

.radio {
    display: block;
    position: relative;
    text-align: center;
    margin-bottom: 12px;
    margin-top: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
}

/* Hide the browser's default radio button */

.radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */

.checkround {
    position: absolute;
    left: 0;
    height: 15px;
    width: 15px;
    border-color: #676a6c;
    border-style: solid;
    border-width: 1px;
    border-radius: 50%;
}

/* When the radio button is checked, add a blue background */

.radio input:checked~.checkround {
    background-color: #fff;
    border-color: #22c1c5;
}

.brand-vodafone .radio input:checked~.checkround {
    background-color: #fff;
    border-color: #e60000 !important;
}

.brand-movistarArgentina .radio input:checked~.checkround {
    background-color: #fff;
    border-color: #00A9E0 !important;
}

.brand-softbank .radio input:checked~.checkround {
    background-color: #fff;
    border-color: #4982ba !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */

.checkround:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */

.radio input:checked~.checkround:after {
    display: block;
}

/* Style the indicator (dot/circle) */

.radio .checkround:after {
    left: 1px;
    top: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #22c1c5;
}

.brand-vodafone .radio .checkround:after {
    left: 1px;
    top: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #e60000 !important;
}

.brand-movistarArgentina .radio .checkround:after {
    left: 1px;
    top: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #00A9E0 !important;
}

.brand-softbank .radio .checkround:after {
    left: 1px;
    top: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #4982ba !important;
}

@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #22c1c5;
    }
}

@keyframes hover-color-softbank {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #4982ba;
    }
}

@keyframes hover-color-vodafone {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #E60000;
    }
}

@keyframes hover-color-movistarArgentina {
    from {
        border-color: #c0c0c0;
    }

    to {
        border-color: #00A9E0;
    }
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
    cursor: not-allowed;
}

.magic-radio+label,
.magic-checkbox+label {
    position: relative;
    display: block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
}

.magic-radio+label:hover:before,
.magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.brand-vodafone .magic-radio+label:hover:before,
.brand-vodafone .magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color-vodafone;
}

.brand-softbank .magic-radio+label:hover:before,
.brand-softbank .magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color-softbank;
}

.brand-movistarArgentina .magic-radio+label:hover:before,
.brand-movistarArgentina .magic-checkbox+label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color-movistarArgentina;
}

.magic-radio+label:before,
.magic-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}

.magic-radio+label:after,
.magic-checkbox+label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled]+label,
.magic-checkbox[disabled]+label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-radio[disabled]+label:hover,
.magic-radio[disabled]+label:before,
.magic-radio[disabled]+label:after,
.magic-checkbox[disabled]+label:hover,
.magic-checkbox[disabled]+label:before,
.magic-checkbox[disabled]+label:after {
    cursor: not-allowed;
}

.magic-radio[disabled]+label:hover:before,
.magic-checkbox[disabled]+label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-radio[disabled]+label:before,
.magic-checkbox[disabled]+label:before {
    border-color: #e4e4e4;
}

.magic-radio:checked+label:before,
.magic-checkbox:checked+label:before {
    animation-name: none;
}

.magic-radio:checked+label:after,
.magic-checkbox:checked+label:after {
    display: block;
}

.magic-radio+label:before {
    border-radius: 50%;
}

.magic-radio+label:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c1c5;
}

.brand-softbank .magic-radio+label:after {
    background: #4982ba;
}

.brand-vodafone .magic-radio+label:after {
    background: #E60000;
}

.brand-movistarArgentina .magic-radio+label:after {
    background: #00A9E0;
}

.magic-radio:checked+label:before {
    border: 1px solid #22c1c5;
}

.brand-softbank .magic-radio:checked+label:before {
    border: 1px solid #4982ba;
}

.brand-vodafone .magic-radio:checked+label:before {
    border: 1px solid #E60000;
}

.brand-movistarArgentina .magic-radio:checked+label:before {
    border: 1px solid #00A9E0;
}

.magic-radio:checked[disabled]+label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled]+label:after {
    background: #c9e2f9;
}

.magic-checkbox+label:before {
    border-radius: 0;
}

.magic-checkbox+label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked+label:before {
    border: #22c1c5;
    background: #22c1c5;
}

.brand-movistarArgentina .magic-checkbox:checked+label:before {
    border: #00A9E0;
    background: #00A9E0;
}

.brand-vodafone .magic-checkbox:checked+label:before {
    border: #E60000;
    background: #E60000;
}

.brand-softbank .magic-checkbox:checked+label:before {
    border: #4982ba;
    background: #4982ba;
}

.magic-checkbox:checked[disabled]+label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}

@media only screen and (max-height: 880px) {
    .wizard-header {
        display: none;
    }
}

.access_options_teams {
    position: absolute !important;
    top: 63px !important;
    left: 15px;
}

.cards-container {
    flex-wrap: wrap;
    justify-content: center;
}

.choose-role-cards-container {
    margin: auto;
    display: inline-flex;
    width: 100%;
}

.team-select-tooltip {
    font-weight: 100 !important;
    margin-top: 5px;
    font-size: 14px;
}

.role-title {
    text-align: center;
    font-size: 15px;
    margin: 10px 0px;
    position: relative;
    top: -1.5px;
    padding-left: 2px;
}

.role-description {
    margin-left: 22px;
    font-size: 14px;
    margin-top: 3px;
    padding-right: 5px;
    padding-bottom: 6px;
    color: #676a6c;
    display: block;
    line-height: 17px;
}

.warningButton {
    background: #f1c440 !important;
    color: white;
}

.max-limit-tags-per-entity {
    display: inline-block;
    position: absolute;
    top: 22px;
    left: 20px;
    font-size: 10px;
}

.preview-data-tip {
    margin: 7px;
    margin-right: 2px;
    color: #22c1c5;
}

.centered-element {
    display: table;
    margin: 0 auto;
}

.my-autocomplete-searching-mode {
    display: block;
    top: 57px;
    left: 0px;
}

ul.my-autocomplete-searching-mode>li {
    border-top: 1px solid rgb(210, 210, 210);
}

.canimated-logo {
    width: 350px;
    height: 350px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.canimated-logo svg * {
    fill: #333;
}

.canimated-logo svg {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0px;
    transition: opacity .3s ease;
    opacity: 1;
    overflow: visible;
}

.canimated-logo svg * {
    transition: all .3s ease;
    opacity: 1;
}

.canimated-logo svg * {
    stroke-dasharray: 500;
    stroke-dashoffset: 500;
    stroke-width: 2px;
    animation: dash 6s linear forwards;
    stroke-miterlimit: 10;
    stroke: #23c1c5;
    fill: #00000029;
}

[src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII="] {
    opacity: 0 !important;
}

.canimated-logo svg path:nth-child(17),
.canimated-logo svg path:nth-child(18),
.canimated-logo svg path:nth-child(19),
.canimated-logo svg path:nth-child(20),
.canimated-logo svg path:nth-child(21),
.canimated-logo svg path:nth-child(22) {
    animation: dashWhite 6s linear forwards !important;
    stroke: white !important;
    fill: #00000029 !important;
}

@keyframes dashWhite {
    0% {
        stroke-dashoffset: 500;
        fill: #00000029;
    }

    95% {
        stroke-dashoffset: 250px;
        stroke-width: 2px;
        fill: #00000029;
    }

    100% {
        stroke-dashoffset: 250px;
        stroke-width: 0px;
        fill: white;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 500;
        fill: #00000029;
    }

    95% {
        stroke-dashoffset: 250px;
        stroke-width: 2px;
        fill: #00000029;
    }

    100% {
        stroke-dashoffset: 250px;
        stroke-width: 0px;
        fill: #23c1c5;
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    display: inline-block;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}

.entity-manage-setting {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    position: relative;
    top: -3px;
    left: -7px;
    color: #23c1c5 !important;
    border: 1px solid #23c1c5;
    margin-left: 10px;
}

.brand-vodafone .entity-manage-setting {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    position: relative;
    top: -3px;
    left: -7px;
    color: #E60000 !important;
    border: 1px solid #E60000;
    margin-left: 10px;
}

.brand-movistarArgentina .entity-manage-setting {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    position: relative;
    top: -3px;
    left: -7px;
    color: #00A9E0 !important;
    border: 1px solid #00A9E0;
    margin-left: 10px;
}

.brand-softbank .entity-manage-setting {
    font-size: 12px;
    padding: 4px 8px;
    border-radius: 6px;
    position: relative;
    top: -3px;
    left: -7px;
    color: #4982ba !important;
    border: 1px solid #4982ba;
    margin-left: 10px;
}

.entity-manage-setting:hover {
    color: white !important;
    background: #23c1c5;
}

.brand-vodafone .entity-manage-setting:hover {
    color: white !important;
    background: #E60000;
}

.brand-movistarArgentina .entity-manage-setting:hover {
    color: white !important;
    background: #00A9E0;
}

.brand-softbank .entity-manage-setting:hover {
    color: white !important;
    background: #4982ba;
}

.entity-manage-setting-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #23c1c5 !important;
    border-radius: 4px;
    border: 1px solid #23c1c5;
    margin-left: 10px;
}

.brand-vodafone .entity-manage-setting-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #E60000 !important;
    border-radius: 4px;
    border: 1px solid #E60000;
    margin-left: 10px;
}

.brand-movistarArgentina .entity-manage-setting-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #00A9E0 !important;
    border-radius: 4px;
    border: 1px solid #00A9E0;
    margin-left: 10px;
}

.brand-softbank .entity-manage-setting-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #4982ba !important;
    border-radius: 4px;
    border: 1px solid #4982ba;
    margin-left: 10px;
}

.entity-manage-setting-modal:hover {
    color: white !important;
    background: #23c1c5;
}

.brand-vodafone .entity-manage-setting-modal:hover {
    color: white !important;
    background: #E60000;
}

.brand-movistarArgentina .entity-manage-setting-modal:hover {
    color: white !important;
    background: #00A9E0;
}

.brand-softbank.entity-manage-setting-modal:hover {
    color: white !important;
    background: #4982ba;
}

.entity-manage-setting-warning-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: rgb(241, 196, 64) !important;
    border-radius: 4px;
    border: 1px solid rgb(241, 196, 64);
}

.brand-vodafone .entity-manage-setting-warning-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #E60000 !important;
    border-radius: 4px;
    border: 1px solid #E60000;
}

.brand-movistarArgentina .entity-manage-setting-warning-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #00A9E0 !important;
    border-radius: 4px;
    border: 1px solid #00A9E0;
}

.brand-softbank .entity-manage-setting-warning-modal {
    font-size: 12px;
    padding: 4px 8px;
    color: #4982ba !important;
    border-radius: 4px;
    border: 1px solid #4982ba;
}

.entity-manage-setting-warning-modal:hover {
    color: white !important;
    background: rgb(241, 196, 64);
}

.brand-vodafone .entity-manage-setting-warning-modal:hover {
    color: white !important;
    background: #E60000;
}

.brand-movistarArgentina .entity-manage-setting-warning-modal:hover {
    color: white !important;
    background: #00A9E0;
}

.brand-softbank .entity-manage-setting-warning-modal:hover {
    color: white !important;
    background: #4982ba;
}


.entity-manage-modal {
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    background: #23c1c5;
    border-radius: 5px;
    color: white;
}

.brand-vodafone .entity-manage-modal {
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    background: #E60000;
    border-radius: 5px;
    color: white;
}

.brand-movistarArgentina .entity-manage-modal {
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    background: #00A9E0;
    border-radius: 5px;
    color: white;
}

.brand-softbank .entity-manage-modal {
    font-size: 13px;
    padding: 5px 10px;
    display: inline-block;
    background: #4982ba;
    border-radius: 5px;
    color: white;
}

.entity-manage-modal:hover {
    color: white;
}

#smart-banner .ngx-modal .ngx-modal-body {
    padding: 20px;
    background: #fff;
    margin: 0px;
    max-width: 100%;
    height: 100%;
}

/* New Contact view screen */

contact-view {
    background: white !important;
    display: block;
    height: inherit;
    overflow: hidden;
}

organization-view {
    background: white !important;
    display: block;
    height: inherit;
    overflow: hidden;
}

coworker-view {
    background: white !important;
    display: block;
    height: inherit;
    overflow: hidden;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 1000px 104px;
    display: inline-block;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}


/* Invite screen*/
.invite-screen {
    background: white !important;
    display: block;
}

.header-section-invite {
    height: 96px;
    margin: 0 60px;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
}

.header-section-invite .title {
    font-size: 26px;
    display: inline-block;
    color: #676A6C;
    line-height: 96px;
    font-family: "OpenSansLight";
}

.invite-screen .main-body-section {
    margin: 0 0 0 60px;
    height: calc(100vh - 151px);
}

.invite-screen .title-section {
    padding-top: 20px;
    margin-bottom: 35px;
}

.invite-screen .title-section .icon {
    font-size: 22px;
    margin-right: 15px;
}

.invite-screen .title-section .icon-container {
    display: inline-block;
    height: initial;
    vertical-align: top;
    position: relative;
    top: 7px;
}

.invite-screen .title-section .title {
    display: inline-block;
    color: #676A6C;
    font-size: 26px;
    font-family: "OpenSansLight";
    vertical-align: middle;
}

.invite-screen .add-coworkers-section {
    overflow: auto;
    height: calc(100vh - 151px);
    padding-right: 28px;
    border-right: 1px solid #E1E1E1;
    padding-bottom: 10px;
    padding-left: 0;
}

.invite-screen .content-section {
    margin-left: 36px;
}

.invite-screen .invite-section-full-width {
    width: 100%;
    padding-right: calc(100% - 717px);
}

.pending-invites-container {
    position: relative;
    bottom: 0;
}

.pending-invites-container .view-pending-invites-message {
    vertical-align: middle;
    cursor: default;
}

.pending-invites-container .view-pending-invites {
    font-weight: 400;
    color: #23c1c5;
    vertical-align: middle;
}

.invite-screen .add-new-btn {
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 0;
    margin-top: 10px;
    user-select: none;
}

.invite-screen .fix-pending-invites-container-position-with-banner2 {
    height: calc(100% - 202px) !important;
}

.invite-screen .fix-pending-invites-container-position-with-banner {
    height: calc(100% - 255px) !important;
}

.invite-screen .fix-pending-invites-container-position2 {
    height: calc(100% - 177px) !important;
}

.invite-screen .fix-pending-invites-container-position {
    height: calc(100% - 230px) !important;
}

.invite-screen .pending-invites-container-position-with-banner {
    padding-bottom: 25px;
}

@media (max-width:900px) {
    .invite-screen .invite-section-full-width {
        width: 100%;
        padding-right: 72px;

    }
}

#inviteEmailTypeSelectionForm label {
    margin: 0;
    width: 45px;
    text-align: right;
    display: block;
}

.invite-screen .choose-email-type-message {
    width: 40px;
    vertical-align: top;
    position: relative;
    top: -1px;
}

.invite-screen .choose-email-type-container {
    margin-left: 36px;
    margin-bottom: 35px;
}

.invite-screen .choose-email-type-container .radio-btn-section {
    width: 108px;
    display: inline-block;
    margin-left: 10px
}

.invite-screen .choose-email-type-container .radio-btn-label {
    position: relative;
    top: -1px;
}

.invite-screen .no-invitations-available-container {
    text-align: center;
    height: calc(100vh - 351px);
    margin-top: 80px;
    padding-right: 135px;
}

.invite-screen .no-invitations-available-message {
    margin-top: 25px;
}

.invite-screen .no-invitations-available-submessage {
    text-align: center;
    width: 386px;
    margin-top: 15px;
}

.invite-screen .no-invitations-available-submessage-container {
    display: inline-block;
}

.invite-screen #upgrade-btn {
    margin: 25px auto;
    padding: 12px 50px;
    text-transform: uppercase;
    font-size: 16px;
}

.pending-invites-container img {
    width: 32px !important;
}

.pending-invites-container #pending-invites-bubble {
    padding-top: 15px;
}

.invite-screen .popup-visible {
    display: block;
}

.invite-screen .add-coworkers-section-with-banner {
    padding-bottom: 35px;
}

.invite-screen .add-coworkers-main-body-section-fix-height-full {
    height: calc(100% - 92px);
}

.invite-screen #add-coworkers-main-body-section {
    height: calc(100% - 311px);
    margin-left: 36px;
}

.head-icon {
    height: 120px;
}

.no-permitted-invite-action-section-modal {
    padding: 10px 20px 20px 20px;
    text-align: center;
    max-width: 300px;
}

.no-permitted-invite-action-section-modal .header {
    font-size: 20px;
    padding: 10px 10px 8px 10px;
    font-family: "OpenSansBold";
}

.no-permitted-invite-action-section-modal .description {
    font-size: 14px;
}

.no-permitted-invite-action-section-modal .modalButton {
    color: white;
    background: #22C1C5;
    border: 0;
    padding: 10px 30px;
    border-radius: 20px;
    margin-top: 20px;
    cursor: pointer;
    text-transform: uppercase;
}

.no-permitted-invite-action-section-modal .link {
    color: #22C1C5;
    margin-top: 5px;
    cursor: pointer;
}

/* Touch event for dropdown mwnus on mobile */
@media (max-width: 767px) {
    .dropdown-backdrop {
        position: static;
    }
}

language-selection {
    display: inline-block;
}


/* Entity list on progress 
** header-section-container class is used to diverse from the other angular 2+ components
*/

.entity-list-container {
    width: 100%;
    min-height: 100%;
    display: block;
    background: #fff;
}

.header-section-container {
    background-color: #fff;
}

.header-section-container .header-section-entity-list {
    height: 96px;
    margin: 0 60px;
    border-bottom: 1px solid #E1E1E1;
    position: relative;
}

.header-section-container .header-section-entity-list .title {
    font-size: 26px;
    display: inline-block;
    color: #676A6C;
    line-height: 96px;
    font-family: "OpenSansLight";
}

.header-section-container .header-section-entity-list .actions-wrapper {
    display: inline-block;
    position: absolute;
    right: 0;
    line-height: 96px;
}

.header-section-container .header-section-entity-list .actions-wrapper .main-list-actions,
.header-section-container .header-section-entity-list .actions-wrapper .related-contacts-actions,
.header-section-container .header-section-entity-list .actions-wrapper .marketing-actions {
    display: inline-block;
}

.header-section-container .header-section-entity-list .actions-wrapper .actions-section {
    display: inline-block;
    margin-left: 6px;
}

.header-section-container .btn-general {
    background: #22C1C5;
    border: 1px solid #22C1C5;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}

.header-section-container .brand-vodafone .btn-general {
    background: #E60000;
    border: 1px solid #E60000;
}

.header-section-container .brand-movistarArgentina .btn-general {
    background: #00A9E0;
    border: 1px solid #00A9E0;
}

.header-section-container .brand-softbank .btn-general {
    background: #4982ba;
    border: 1px solid #4982ba;
}

.header-section-container .btn-general span {
    font-family: "OpenSansRegular";
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
}

.header-section-container .btn-outline-general {
    background: transparent;
    border: 1px solid #22C1C5;
    color: #22C1C5;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.header-section-container .btn-outline-general:hover {
    background: #22C1C5;
    border: 1px solid #22C1C5;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}

.header-section-container .brand-vodafone .btn-outline-general {
    background: transparent;
    border: 1px solid #E60000;
    color: #E60000;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.header-section-container .brand-vodafone .btn-outline-general:hover {
    background: #E60000;
    border: 1px solid #E60000;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}

.header-section-container .brand-softbank .btn-outline-general {
    background: transparent;
    border: 1px solid #4982ba;
    color: #4982ba;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.header-section-container .brand-softbank .btn-outline-general:hover {
    background: #4982ba;
    border: 1px solid #4982ba;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}

.header-section-container .brand-movistarArgentina .btn-outline-general {
    background: transparent;
    border: 1px solid #00A9E0;
    color: #00A9E0;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
    -webkit-transition: background-color .4s ease-out;
    -moz-transition: background-color .4s ease-out;
    -o-transition: background-color .4s ease-out;
    transition: background-color .4s ease-out;
}

.header-section-container .brand-movistarArgentina .btn-outline-general:hover {
    background: #00A9E0;
    border: 1px solid #00A9E0;
    color: #ffffff;
    box-sizing: border-box;
    border-radius: 3px;
    height: 40px;
}



/* dnfjbfjbsjkfbdbkfbjkb */

.header-section-container .main-body-section {
    margin: 0 60px;
    display: block;
}

.header-section-container .main-body-section .first-row-section {
    display: block;
    width: 100%;
    min-height: 50px;
    border-bottom: 1px solid #E1E1E1;
    height: auto;
    padding-top: 8px;
}

.header-section-container .main-body-section .first-row-section .content-wrapper {
    width: inherit;
    display: inline-block;
    padding: 0px 0;
    height: 100%;
}

.header-section-container .main-body-section .first-row-section .content-wrapper .sorting-section-separator {
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    min-height: 20px;
    vertical-align: middle;
    margin: 0 15px;
}

.header-section-container .main-body-section .first-row-section .content-wrapper .sort-option-wrapper {
    display: block;
    padding: 8px 0;
    float: left;
}

.header-section-container .main-body-section .first-row-section .content-wrapper .sort-option-wrapper .sort-by-verbal {
    font-size: 14px;
    color: #22c1c5;
}

.brand-softbank .header-section-container .main-body-section .first-row-section .content-wrapper .sort-option-wrapper .sort-by-verbal {
    color: #4982ba;
}

.brand-vodafone .header-section-container .main-body-section .first-row-section .content-wrapper .sort-option-wrapper .sort-by-verbal {
    color: #E60000;
}

.brand-movistarArgentina .header-section-container .main-body-section .first-row-section .content-wrapper .sort-option-wrapper .sort-by-verbal {
    color: #5BC500;
}

.header-section-container .main-body-section .second-row-section {
    display: block;
    width: 100%;
    min-height: 50px;
    height: auto;
    padding-top: 8px;
}

.header-section-container .main-body-section .second-row-section .content-wrapper {
    width: inherit;
    display: inline-block;
    padding: 0px 0;
    height: 100%;
}

.header-section-container .main-body-section .second-row-section .content-wrapper .entity-counter-section {
    min-width: 210px;
    text-align: left;
    display: block;
    padding: 8px 0;
    float: left;
    position: relative;
}

.header-section-container .main-body-section .second-row-section .content-wrapper .main-actions-section {
    text-align: left;
    display: block;
    padding: 8px 0;
}

.header-section-container .main-body-section .second-row-section .content-wrapper .main-actions-section .action-section {
    display: inline-block;
    min-width: 70px;
    font-size: 14px;
}

.header-section-container .main-body-section .second-row-section .content-wrapper .main-actions-section .action-section {
    display: inline-block;
    min-width: 70px;
}

.header-section-container .action-section .disabled-action-color {
    color: #e1e1e1;
}

.header-section-container .action-section .main-action-color {
    color: #22c1c5;
}

.brand-vodafone .header-section-container .action-section .main-action-color {
    color: #E60000;
}

.brand-softbank .header-section-container .action-section .main-action-color {
    color: #4982ba;
}

.brand-movistarArgentina .header-section-container .action-section .main-action-color {
    color: #5BC500;
}

.header-section-container .main-body-section .second-row-section .content-wrapper .main-actions-section .delete-action-section {}

.header-section-container .main-body-section .second-row-section .content-wrapper .main-actions-section .actions-section-separator {
    border-left: 1px solid #e1e1e1;
    display: inline-block;
    min-height: 20px;
    vertical-align: middle;
    margin: 0 15px;
}

.header-section-container .counter-container {
    display: inline-block;
}

.header-section-container .total-entities,
.header-section-container .total-entities-selected,
.header-section-container .total-entities-filtered {
    display: inline-block;
    padding-right: 10px;
}

.entity-list-wrapper {
    display: inline-block;
    background-color: #ffffff;
    width: 100%;
}

/* END - Entity list */

filter-manager {
    display: inline;
}

card-box-container {
    width: 100%;
    display: inline-block;
}

/* Generic loader */
generic-loader {
    display: inline-block;
    width: 100%;
}

app-live-cards {
    display: block;
    width: 100%;
    background: #ffffff;
}

.header-section-home {
    height: 96px;
    margin: 0 60px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.header-section-home .title {
    font-size: 26px;
    display: inline-block;
    color: #676a6c;
    line-height: 96px;
    font-family: "OpenSansLight";
}

.header-section-home .actions-section {
    display: inline-block;
    position: absolute;
    right: 0;
    line-height: 96px;
}

.setting-body-container {
    padding: 40px 60px;
    background: white;
    overflow: auto;
    display: grid;
}

#deleteTeamModal smart-autocomplete input[type=text] {
    width: auto;
    height: auto;
    opacity: 1;
}

#managePrivateContactsModal smart-autocomplete input[type=text] {
    width: auto;
    height: auto;
    opacity: 1;
}

/* Invite requested */

invite-requested {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

.not-found-general-register-cd {
    width: 100%;
}

/* Marketplace middleware */
marketplace-middleware {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

.signin-button>div>div>svg {
    height: 50px;
    width: 100%;
}

/* Import process */
import-upload-file-process {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

import-contact-map-fields,
import-organization-map-fields,
import-coworker-map-fields {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

import-contact-duplicate-options,
import-organization-duplicate-options,
import-coworker-duplicate-options {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

import-contact-access {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

import-contact-progress,
import-organization-progress,
import-coworker-progress {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}

import-coworker-role {
    background: #ffffff !important;
    display: block;
    min-height: calc(100%);
}