.imageSmall-1 {
    height: 36px;
    width: 36px;
}
.rounded-circle {
    border-radius: 50% !important;
}

.userStatusCircle {
    height: 8px;
    width: 8px;
    margin-right: -11px;
    margin-top: 1px;
}

.h4 {
    font-size: 1.21875rem;
}

.badge-pill {
    padding: .4rem .6rem .3rem .6rem;
    border-radius: 4px !important;
}

.badge {
    /*display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;*/
/*    border-radius: .25rem;*/
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.circle-icon {
    background: white;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 0.38rem;
    border: 1px solid #212121;
}


.previewModalUserField img, .previewModalUserField .circle-icon {
    height: 32px !important;
    width: 32px !important;
}

/*will add border radius 4px to element*/
.rounded-4{
    border-radius: .25rem !important;
}
.rounded-bottom-4{
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}
.rounded-top-4{
    border-top-right-radius: .25rem !important;
    border-top-left-radius: .25rem !important;
}

.rounded-0{
    border-radius: 0px !important;
}
.rounded-6{
    border-radius: 6px !important;
}
.rounded-8{
    border-radius: 8px !important;
}
.rounded-12{
    border-radius: 12px !important;
}
.rounded-20{
    border-radius:20px !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}
.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}
.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}
.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}
.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}
.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}


.scrollbar {
    overflow-y: auto;
}
.scrollbar-default::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.45rem;
    background: inherit ;
}
.scrollbar-default::-webkit-scrollbar-thumb {
    border-radius: 6px;
    box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.1);
    background-color: #d4d4d7;
}

.text-warning-2 {
    color: #FF8E4B !important;
}

.py-7-5 {
    padding-top: 7.5px;
    padding-bottom: 7.5px;
}
.pl-2, .px-2 {
    padding-left: 8px !important;
}
.pr-2, .px-2 {
    padding-right: 8px !important;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.ml-2, .mx-2 {
    margin-left: .5rem !important;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}
.mr-3, .mx-3 {
    margin-right: 1rem !important;
}
.mr-2, .mx-2 {
    margin-right: .5rem !important;
}
.mt-2, .my-2 {
    margin-top: .5rem !important;
}
.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}
.p-2 {
    padding: .5rem !important;
}.m-3 {
    margin: 1rem !important;
}
.pl-4, .px-4 {
    padding-left: 1.5rem !important;
}
.pr-4, .px-4 {
    padding-right: 1.5rem !important;
}
.pb-1, .py-1 {
    padding-bottom: .25rem !important;
}
.pt-1, .py-1 {
    padding-top: .25rem !important;
}

/*Padding 20px*/
.p-1-5 {
    padding : 6.5px;
}
.pl-4px{
    padding-left: 4px;
}
.pl-6px{
    padding-left: 6px;
}
.p-xy-16 {
    padding: 16px !important;
}

.pt-12px {
    padding-top: 12px !important;
}
.pt-2px{
    padding-top: 2px !important;
}

.pb-12px {
    padding-bottom: 12px !important;
}

.p-2-5 {
    padding : 10px;
}
.py-2-5 {
    padding-top : 12px !important;
    padding-bottom : 12px !important;
}
.py-8px{
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}
.pxy-4-8{
    padding: 4px 8px !important;
}
.pxy-6-12{
    padding: 6px 12px !important;
}
.pxy-16-24{
    padding: 16px 24px !important;
}
.p-3-5 {
    padding : 20px;
}
.p-16px{
    padding: 16px !important;
}

.px-16px {
    padding-right: 16px;
    padding-left: 16px;
}
.p-12px{
    padding: 12px !important;
}
.px-12px {
    padding-right: 12px !important;
    padding-left: 12px !important;
}
.px-4-5 {
    padding-left : 32px;
    padding-right : 32px;
}
.m-0{
    margin:0;
}
.pt-1px {
    padding-top: 1px;
}
.p-0{
    padding:0;
}

.my-2-5 {
    margin-top: 13px;
    margin-bottom: 13px;
}

.pt-4-8 {
    padding-top : 37px;
}
.ml-4-5 {
    margin-left: 2rem !important;
}
.ml-9px {
    margin-left: 9px !important;
}
.ml-12px {
    margin-left: 12px !important;
}
.mr-12px {
    margin-right: 12px !important;
}
.mr-14px {
    margin-right: 14px !important;
}
.mr-20px {
    margin-right: 20px !important;
}
.ml-16px {
    margin-left: 16px !important;
}
.ml-0-75-rem{
    margin-left: 0.75rem !important;
}
.my-6px{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.m-auto {
    margin: auto !important;
}
.p-5-12{
    padding: 5px 12px;
}

.pxy-0 {
    padding: 0 !important;
}
.pl-1, .px-1 {
    padding-left: .25rem !important;
}
.pr-1, .px-1 {
    padding-right: .25rem !important;
}
.pb-2, .py-2 {
    padding-bottom: 8px !important;
}
.pt-2, .py-2 {
    padding-top: 8px !important;
}

.headerTitleActions:hover{
    color:#0065ff !important;
}






.h3, h3 {
/*    font-size: 1.421875rem;*/
}

.border-bottom-1 {
    border-bottom: 1px solid #F0F1F3!important;
}
.border-right-1 {
    border-right: 1px solid #F0F1F3!important;
}
.border-left-1 {
    border-left: 1px solid #F0F1F3!important;
}
.border-white-right-1 {
    border-right: 1px solid #FFFFFF!important;
}
.border-grey-right-1 {
    border-right: 1px solid #EBEBEE !important
}
.border-grey-bottom-1 {
    border-bottom: 1px solid #DFE1E6 !important
}
.border-white-bottom-1 {
    border-bottom: 1px solid #FFFFFF!important;
}

.mw-160px {
    max-width: 160px !important;
}


.text-grey-6 {
    color: #595D5D !important;
}


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


.c-pointer {
    cursor: pointer;
}




.pt-4-8 {
    padding-top : 37px;
}
.ml-4-5 {
    margin-left: 2rem !important;
}
.ml-9px {
    margin-left: 9px !important;
}
.ml-12px {
    margin-left: 12px !important;
}
.mr-12px {
    margin-right: 12px !important;
}
.mr-14px {
    margin-right: 14px !important;
}
.mr-20px {
    margin-right: 20px !important;
}
.ml-16px {
    margin-left: 16px !important;
}
.ml-0-75-rem{
    margin-left: 0.75rem !important;
}
.my-6px{
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}
.my-2px {
    margin: 2px 0;
}

.mt-1, .my-1 {
    margin-top: .25rem !important;
}



.h-80 {
    height: 80% !important;
}
.h-100 {
    height: 100% !important;
}

.w-80 {
    width: 80% !important;
}
.w-81 {
    width: 81% !important;
}
.w-60 {
    width: 60% !important;
}
.w-90 {
    width: 90% !important;
}

.w-20 {
    width: 20% !important;
}

.w-95{
    width: 95% !important; 
}
.w-35 {
    width: 35% !important;
}

.w-65{
    width: 65% !important; 
}

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

.position-absolute {
    position: absolute !important;
}







.border-bottom-grey-0 {
    border-bottom: 1px solid #f0f1f3 !important;
}



/* Deep dive css ended */
#createEmailSequence .modal-body{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
#createEmailSequence .fieldName span.select2-container {
    width : 100% !important;
}
.insightsPipelineField span.select2-container, .insightsDateField span.select2-container {
    width : 160px !important;
}
#createEmailSequence .recipientSearchBox span.select2-container .select2-search__field {
    width : 100% !important;
    height:auto; 
}
#reportsQuickCreate span.select2-container {
    width : 60% !important;
}
.summaryReportMetrics {
    height: 35px;
    width: 36px;
    background-color:#d6e0f5;
    border-radius: 50%;
}
.emailSequenceSearchfield .searchClearIcon{
    width:0%;
}
.stepContents .recipientSearchBox .select2-container{
    width:100% !important;
}
.stepContents .recipientSearchBox .select2-container .select2-selection{
    margin-left: 0px !important;
}

.emailSequenceDeatailStagefilter .dropdown-menu{
    max-height: 400px;
    overflow: auto;
}
.summaryReportMetricsLabel{
    font-size:16px;
    font-weight:400;
    color:#8c8c8c;
}

#emailPreviewModal .stageEmailPreview {
    padding: 0px !important;
}
#createEmailSequence .stepContents{
    min-height:580px;
}
#createEmailSequence .recipientSearchBox .form-control:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.emailSequenceDetailStageTable .tableActionColumn{
    position: inherit !important;
}

.sequenceStageCriteria  .select2-selection{
    max-width: 160px;
}
.composeEmailData li.select2-selection__choice{
    border-radius: 16px !important;
    height: 29px !important;
    margin-top: 3px !important;
    padding-top: 5px !important;
    background-color: #f0f1f3 !important;
    max-width: 90% !important;
}
li.select2-selection__choice > .select2-selection__choice__remove {
    float: right;
    margin-left: .45rem;
    color: #1c2121 !important;
    height: 10px;
    width: 10px;
    text-align: center;
    margin-top: 6px;
    line-height: 10px;
    font-size: 16px;
    font-weight: 400px;
}
li.select2-selection__choice {
    border: none !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    max-width: 100%;
}
.highlight-hover:hover {
    color: #fff;
    background: #0065ff !important;
}
.MyActionsThreadActions .dropdown-menu {
    left: 0px !important;
    width: 265px;
    height: auto;
}
.highlightbar{
    width: 4px;
    background-color: #3d79fa;
    border-radius: 5px;
    margin: 8px 0px;
}
.highlight-hover-newactions:hover {
    color: rgb(32, 32, 32);
    background: #e7f1fe !important;
}
.highlightText-hover:hover {
    color: #3978FE !important;
}
.compositeDropdown .dropdown-menu{
    background-color: #f8f9fa;
    width: 450px;
    left: -40% !important
}
.detailCompositeDropDown >a:not(:last-child){
    border-bottom: 1px solid #f1f1f1;
    min-width: 300px !important;
}
/*On focus of <b-tab> is showing outline which is not required*/














/* Custom colors start */
/* Text and icons */
.text-grey-0 {
    color: #555555;
}
.text-grey-1 {
    color: #C8C9CB;
}
.text-grey-2 {
    color: #7B7F85;
}
.text-grey-3 {
    color: #DDDDDD;
}
.text-grey-4 {
    color: #8E9093 !important;
}
.text-grey-5{
    color: #dfe1e6;
}
.text-grey-6 {
    color: #595D5D  !important;
}
.text-grey-7 {
    color: #8e9093;
}
.text-grey-8 {
    color: #2C3E50;
}
.text-dark-0 {
    color: #1C2121;
}
.text-dark-1 {
    color: #3D3D3D;
}
.text-lighter-grey {
    color: #c4c4c4
}

.text-blue-0 {
    color: #3978FE;
}
.text-blue-1 {
    color: #6794DA;
}
.text-blue-2 {
    color: #A9CBFF;
}
.text-blue-3 {
    color: #0065FF;
}
.text-blue-4 {
    color : #5c9dff;
}
.text-blue-5 {
    color: #3978FE;
}
.text-orange-0 {
    color: #FC9A61 !important;
}
.text-orange-1{
    color: #ff8e4b !important;
}
.text-white {
    color: #FFFFFF;
}
.text-pink-0 {
    color: #F4798D
}
.text-green-0 {
    color : #5ED092 !important;
}
/* Borders */
.border-grey-1 {
    border-color: #DFE1E6 !important;
}
.border-grey-2 {
    border-color: #E5E5E5 !important;
}
.border-grey-3 {
    border-color: #CCC !important;
}
.border-grey-4 {
    border-color: #EBECF0 !important
}
.border-grey-5 {
    border-color: #F0F3F6
}
.border-grey-6 {
    border-color: #E8E8E8;
}
.border-grey-8 {
    border-color: #D5D7D9 !important;
}
.border-grey-9 {
    border-color: #F0F1F3 !important;
}
.border-grey-10{
    border-color: #F0F1F3!important;
}
.border-grey-11{
    border-color: #EFF0F2 !important;
}
.border-solid-grey-11{
    border: 1px solid #eff0f2;
}
.border-light-grey-0 {
    border: solid 1px #E5E5E5;
}

.border-light-grey-1 {
    border: solid 1px #cccccc
}

.border-primary{
    border-color: #3978FE !important; 
}
.border-blue-0{
    border-color: #3978FE !important;
}
.border-blue-1{
    border-color: #3978FE !important;
}

/* Backgrounds */
.bg-primary{
    background-color: #3978FE !important;
}
.bg-primary-active{
    background-color: #315DFF !important;
}
.bg-success {
    background-color: #5ED092 !important;
}
.bg-purple-0 {
    background-color: #6759F4
}

.bg-pink-0 {
    background-color: #F4798D
}

.bg-pink-1{
    background-color: #ffe9e9;
}

.bg-orange {
    background-color: #FFBE10;
}
.bg-orange-0 {
    background-color: #FC9A61
}
.bg-orange-1 {
    background-color: #F6AB2E
}
.bg-orange-2 {
    background-color: #ff8e4b !important;
}
.bg-light-blue-0 {
    background-color: #E3F2FD;
}
.bg-light-blue-1 {
    background-color: #E2F1FF
}
.bg-light-blue-2 {
    background-color: #D0E3FF;
}
.bg-light-blue-3 {
    background-color: #E7F1FF !important;
}
.bg-light-blue-4 {
    background-color: #F1F3F6 !important;
}




.bg-blue-0 {
    background-color: #0041a3
}
.bg-blue-1 {
    background-color: #0053D1
}
.bg-blue-2 {
    background-color: #1564D8
}
.bg-blue-3 {
    background-color: #B9D5FF;
}
.bg-blue-4 {
    background-color: #D9ECFB;
}
.bg-blue-5 {
    background-color: #3978FE !important;
}
.bg-blue-6 {
    background-color: #7ea8ff !important;
}
.bg-blue-7 {
    background-color: #ECFAFE !important;
}
.bg-dark-blue-1 {
    background-color: #2c3e50 !important;
}
.bg-grey-hue-23{
    background-color: #FAFBFC;
}
.bg-grey-hue-22 {
    background-color: #dfe4e8 !important;
}
.bg-grey-hue-21{
    background-color: #f6f7f8;
}
.bg-grey-hue-20{
    background-color: #ebebee;
}
.bg-grey-hue-19 {
    background-color: #EAEAEA;
}
.bg-grey-hue-18{
    background-color: #f7f8f9
}
.bg-grey-hue-17 {
    background-color: #e9ecef;
}
.bg-grey-hue-16 {
    background-color: #E7E7E7;
}
.bg-grey-hue-15 {
    background-color: #EEEFF2;
}
.bg-grey-hue-14 {
    background-color: #FAFAFB
}
.bg-grey-hue-13 {
    background-color: #D7DBE1
}
.bg-grey-hue-12 {
    background-color: #D5D7D9;
}
.bg-grey-hue-11 {
    background-color: #EDEFF2
}
.bg-grey-hue-10 {
    background-color: #9EA3AB;
}
.bg-grey-hue-9 {
    background-color: #f0f1f3 !important;
}
.bg-grey-hue-8{
    background-color: #EFF0F2 !important;
}
.bg-grey-hue-7 {
    background-color: #F9F9FA !important;
}
.bg-grey-hue-6 {
    background-color: #F5F5F5;
}
.bg-grey-hue-5 {
    background-color: #DDDDDD;
}
.bg-grey-hue-4 {
    background-color: #DFE1E6;
}
.bg-grey-hue-3 {
    background-color: #E6E6E6;
}
.bg-grey-hue-2 {
    background-color: #F6F6F6;
}
.bg-grey-hue-1 {
    background-color: #F8F9FA;
}
.bg-grey-hue-0 {
    background-color: #F9F9F9;
}
/*For Modal header title back ground color in task preview */
.bgLtGrey{
    background-color: #EBECF0 !important;
}
.bg-light-yellow {
    background-color: #FFFAE0 !important;
}
.bg-yellow-0{
    background-color: #fff5db;
}
.bg-yellow-1{
    background-color: #ffdfae;
}
.bg-yellow-2 {
    background-color: #FFECD1;
}
.bg-green-0 {
    background-color: #C1E8D2
}
.bg-green-1 {
    background-color: #34AB45
}
.bg-red-0 {
    background-color: #f2637a
}
.bg-red-1 {
    background-color: #F85C75 !important;
}
.bg-red-2 {
    color: #FB3F3F;
}
/* Custom colors end */




/**
*Bootstrap colors5 overwritten
**/
/*.btn-outline-secondary {
    background-color: #8E9093 !important;
}*/


.text-primary {
    color : #3978FE !important;
}
.text-primary-hover:hover {
    color : #3978FE !important;
}
.text-success {
/*    color : #1A9C55 !important;*/
}

.text-danger {
/*    color : #D70A2A !important;*/
}
.text-danger-1 {
    color : #F85C75 !important;
}
.text-danger-2 {
    color: #fb637c !important;
}

.text-warning {
/*    color : #E55907 !important;*/
}
.text-warning-1 {
    color : #FB6107 !important;
}
.text-warning-2{
    color: #FF8E4B !important;
}
.text-dark {
    color: #1C2121 !important;
}
.text-dark-no-hover {
    color: #1C2121 !important;
}
a.text-dark-no-hover:hover, button:hover .text-dark-no-hover {
    color: #0047B3 !important;
}
.vds-pg-bg {
    background-color: #f6f7f8 !important;
}