@charset "UTF-8";.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    zoom:1;*display: inline;
    vertical-align: middle
}

:root {
    --main-pink-color: #ff214f;
    --main-blue-color: #009efb;
    --main-black-color: #2c2b2e;
    --main-dark-grey-color: #54667a;
    --main-light-grey-color: #f2f4f8;

    --border-color-grey: #69717a6e;
    --main-border-radius: 0.25rem;
}

.select2-container,.select2-drop,.select2-search,.select2-search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.select2-container .select2-choice {
    display: block;
    height: 26px;
    padding: 0 0 0 8px;
    overflow: hidden;
    position: relative;
    border: 1px solid #aaa;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    border-radius: 4px;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    background-image: -moz-linear-gradient(center bottom,#eee 0,#fff 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#eee));
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%)
}

.select2-container.select2-drop-above .select2-choice {
    border-bottom-color: #aaa;
    border-radius: 0 0 4px 4px;
    background-image: -moz-linear-gradient(center bottom,#eee 0,#fff 90%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eeeeee", GradientType=0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),color-stop(90%,#fff));
    background-image: linear-gradient(to bottom,#eee 0,#fff 90%)
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 42px
}

.select2-container .select2-choice>.select2-chosen {
    margin-right: 26px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select2-container .select2-choice abbr {
    display: none;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(assets/images/icon/select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
    display: inline-block
}

.select2-container .select2-choice abbr:hover {
    background-position: right -11px;
    cursor: pointer
}

.select2-drop-mask {
    border: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-drop {
    width: 100%;
    margin-top: -1px;
    position: absolute;
    z-index: 9999;
    top: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #aaa;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    box-shadow: 0 4px 5px rgba(0,0,0,.15)
}

.select2-drop-auto-width {
    border-top: 1px solid #aaa;
    width: auto
}

.select2-drop-auto-width .select2-search {
    padding-top: 4px
}

.select2-drop.select2-drop-above {
    margin-top: 1px;
    border-top: 1px solid #aaa;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    -webkit-box-shadow: 0 -4px 5px rgba(0,0,0,.15);
    box-shadow: 0 -4px 5px rgba(0,0,0,.15)
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top: 1px solid #5897fb
}

.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: 1px solid #aaa;
    border-radius: 0 4px 4px 0;
    background-clip: padding-box;
    background: #ccc;
    background-image: -moz-linear-gradient(center bottom,#ccc 0,#eee 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#cccccc", GradientType=0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ccc),color-stop(60%,#eee));
    background-image: linear-gradient(to bottom,#ccc 0,#eee 60%)
}

.select2-container .select2-choice .select2-arrow b {
    display: block;
    width: 100%;
    height: 100%;
    background: url(assets/images/icon/select2.png) no-repeat 0 1px
}

.select2-search {
    display: inline-block;
    width: 100%;
    min-height: 26px;
    margin: 0;
    padding-left: 4px;
    padding-right: 4px;
    position: relative;
    z-index: 10000;
    white-space: nowrap
}

.select2-search input {
    width: 100%;
    height: auto!important;
    min-height: 26px;
    padding: 4px 20px 4px 5px;
    margin: 0;
    outline: 0;
    font-family: sans-serif;
    font-size: 1em;
    border: 1px solid #aaa;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff url(assets/images/icon/select2.png) no-repeat 100% -22px;
    background: url(assets/images/icon/select2.png) no-repeat 100% -22px,-webkit-gradient(linear,left top,left bottom,color-stop(85%,#fff),color-stop(99%,#eee));
    background: url(assets/images/icon/select2.png) no-repeat 100% -22px,linear-gradient(to bottom,#fff 85%,#eee 99%)
}

.select2-drop.select2-drop-above .select2-search input {
    margin-top: 4px
}

.select2-container-active .select2-choice,.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.select2-dropdown-open .select2-choice {
    border-bottom-color: transparent;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #eee;
    background-image: -moz-linear-gradient(center bottom,#fff 0,#eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#eee));
    background-image: linear-gradient(to bottom,#fff 0,#eee 50%)
}

.select2-dropdown-open.select2-drop-above .select2-choice,.select2-dropdown-open.select2-drop-above .select2-choices {
    border: 1px solid #5897fb;
    border-top-color: transparent;
    background-image: -moz-linear-gradient(center top,#fff 0,#eee 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#ffffff", GradientType=0);
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(50%,#eee));
    background-image: linear-gradient(to top,#fff 0,#eee 50%)
}

.select2-dropdown-open .select2-choice .select2-arrow {
    background: 0 0;
    border-left: none;
    -webkit-filter: none;
    filter: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
    background-position: -18px 1px
}

.select2-results {
    max-height: 200px;
    padding: 0 0 0 4px;
    margin: 4px 4px 4px 0;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.select2-results ul.select2-result-sub {
    margin: 0;
    padding-left: 0
}

.select2-results ul.select2-result-sub>li .select2-result-label {
    padding-left: 20px
}

.select2-results ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 40px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 60px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 80px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 100px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 110px
}

.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub>li .select2-result-label {
    padding-left: 120px
}

.select2-results li {
    list-style: none;
    display: list-item;
    background-image: none
}

.select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 700
}

.select2-results .select2-result-label {
    padding: 3px 7px 4px;
    margin: 0;
    cursor: pointer;
    min-height: 1em;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select2-results .select2-highlighted {
    background: #3875d7;
    color: #fff
}

.select2-results li em {
    background: #feffde;
    font-style: normal
}

.select2-results .select2-highlighted em {
    background: 0 0
}

.select2-results .select2-highlighted ul {
    background: #fff;
    color: #000
}

.select2-results .select2-no-results,.select2-results .select2-searching,.select2-results .select2-selection-limit {
    background: #f4f4f4;
    display: list-item
}

.select2-results .select2-disabled.select2-highlighted {
    color: #666;
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-disabled {
    background: #f4f4f4;
    display: list-item;
    cursor: default
}

.select2-results .select2-selected {
    display: none
}

.select2-more-results.select2-active {
    background: #f4f4f4 url(select2-spinner.gif) no-repeat 100%
}

.select2-more-results {
    background: #f4f4f4;
    display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
    background-color: #f4f4f4;
    background-image: none;
    border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
    display: none
}

.select2-container-multi .select2-choices {
    height: auto!important;
    height: 1%;
    margin: 0;
    padding: 0;
    position: relative;
    border: 1px solid #aaa;
    cursor: text;
    overflow: hidden;
    background-color: #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(1%,#eee),color-stop(15%,#fff));
    background-image: linear-gradient(to bottom,#eee 1%,#fff 15%)
}

.select2-locked {
    padding: 3px 5px 3px 5px!important
}

.select2-container-multi .select2-choices {
    min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: 0;
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.select2-container-multi .select2-choices li {
    float: left;
    list-style: none
}

.select2-container-multi .select2-choices .select2-search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
    padding: 5px;
    margin: 1px 0;
    font-family: sans-serif;
    font-size: 100%;
    color: #666;
    outline: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0!important
}

.select2-default {
    color: #999!important
}

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 18px;
    margin: 3px 0 3px 5px;
    position: relative;
    line-height: 13px;
    color: #333;
    cursor: default;
    border: 1px solid #aaa;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
    box-shadow: 0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #e4e4e4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eeeeee", endColorstr="#f4f4f4", GradientType=0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),to(#eee));
    background-image: linear-gradient(to bottom,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%)
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
    cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
    background: #d4d4d4
}

.select2-search-choice-close {
    display: block;
    width: 12px;
    height: 13px;
    position: absolute;
    right: 3px;
    top: 4px;
    font-size: 1px;
    outline: 0;
    background: url(assets/images/icon/select2.png) right top no-repeat
}

.select2-container-multi .select2-search-choice-close {
    left: 3px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
    background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
    background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #ddd;
    cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
    padding: 3px 5px 3px 5px;
    border: 1px solid #ddd;
    background-image: none;
    background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
    display: none;
    background: 0 0
}

.select2-result-selectable .select2-match,.select2-result-unselectable .select2-match {
    text-decoration: underline
}

.select2-offscreen,.select2-offscreen:focus {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important
}

.select2-display-none {
    display: none
}

.select2-measure-scrollbar {
    position: absolute;
    top: -10000px;
    left: -10000px;
    width: 100px;
    height: 100px;
    overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:144dpi) {
    .select2-container .select2-choice .select2-arrow b,.select2-container .select2-choice abbr,.select2-search input,.select2-search-choice-close {
        background-image:url(assets/images/icon/select2x2.png)!important;
        background-repeat: no-repeat!important;
        background-size: 60px 40px!important
    }

    .select2-search input {
        background-position: 100% -21px!important
    }
}

.cowboy-form {
    padding: 1.25rem;
    max-width: 320px;
    margin: 0 auto;
    text-align: center;
    font-family: Rubik,sans-serif;
    line-height: 1.5;
    color: #54667a
}

.cowboy-form form :focus {
    scroll-margin-top: 110px
}

.cowboy-form .custom-from-field {
    position: relative;
    margin-bottom: .5rem
}

.cowboy-form input[type=date],.cowboy-form input[type=email],.cowboy-form input[type=number],.cowboy-form input[type=text],.cowboy-form textarea {
    display: block;
    width: 100%;
    padding: .5625rem 1.5rem .5625rem .75rem;
    font-size: 15px;
    line-height: 1.25;
    color: #54667a;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    font-family: inherit;
    overflow: visible;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cowboy-form textarea {
    resize: none;
    overflow: auto
}

.cowboy-form .field-error-message {
    font-size: 12.5px;
    font-weight: 400;
    color: red;
    text-align: left;
    padding: 0 5px
}

.cowboy-form .required-field-badge {
    color: red;
    font-size: 18px;
    position: absolute;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

.cowboy-form form input:focus:required:invalid,.cowboy-form textarea:focus:required:invalid {
    border-bottom: 1px solid red
}

.cowboy-form label {
    font-size: 15px;
    font-weight: 500;
    text-align: left;
    width: 100%;
    display: inline-block;
    margin-bottom: .5rem;
    font-family: inherit
}

.cowboy-form label.hidden-label {
    display: none
}

.cowboy-form .btn-lg {
    margin: 15px auto 5px;
    font-family: Rubik,sans-serif;
    padding: 7px 12px;
    font-size: 16px;
    cursor: pointer;
    background-color: #263238;
    border-color: #263238;
    color: #fff;
    display: block;
    width: 100%;
    line-height: 1.5;
    border-radius: .3rem;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    -webkit-appearance: button;
    text-transform: none
}

.cowboy-form select::-ms-expand {
    display: none
}

.cowboy-form select {
    background-image: linear-gradient(45deg,transparent 50%,#54667a 60%),linear-gradient(135deg,#54667a 40%,transparent 50%)!important;
    background-position: calc(100% - 15px) 14px,calc(100% - 10px) 14px,100% 0;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 38.75px;
    min-height: 38.75px;
    color: #54667a;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    padding: .5rem 1.5rem .5rem .75rem;
    font-size: 15px;
    line-height: 1.25;
    cursor: pointer
}

.cowboy-form .checkbox {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 14.5px;
    padding-left: 0
}

.cowboy-form .checkbox input[type=checkbox] {
    opacity: 1;
    position: static;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    font: inherit;
    color: #253237;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 2px;
    -webkit-transform: translateY(-.075em);
    transform: translateY(-.075em);
    display: inline-grid;
    place-content: center;
    vertical-align: middle
}

.cowboy-form .checkbox input[type=checkbox]::before {
    content: "";
    width: 16px;
    height: 16px;
    -webkit-clip-path: polygon(28% 38%,41% 53%,75% 24%,86% 38%,40% 78%,15% 50%);
    clip-path: polygon(28% 38%,41% 53%,75% 24%,86% 38%,40% 78%,15% 50%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out,120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em #253237;
    box-shadow: inset 1em 1em #253237;
    background-color: #253237
}

.cowboy-form .checkbox input[type=checkbox]:checked::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.cowboy-form .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer
}

.cowboy-form .checkbox label::before {
    display: none
}

.cowboy-form #cowboy_form_success_msg {
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    color: #1e6626!important;
    background-color: #d7f3db;
    border-color: #c8eecc;
    border-radius: 4px;
    padding: 10px;
    margin: 10px auto;
    font-family: Rubik,sans-serif;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cowboy-form #cowboy_form_error_msg {
    font-size: 15px;
    font-weight: 500;
    width: 100%;
    color: #80172a!important;
    background-color: #fdd5dc;
    border-color: #fcc4ce;
    border-radius: 4px;
    padding: 10px;
    margin: 10px auto;
    font-family: Rubik,sans-serif;
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.cowboy-form #cowboy_form_sms_info {
    display: block;
    color: #54667a!important;
    line-height: 22px;
    font-size: 14px;
    font-weight: 400
}

.cowboy-form #cowboy_form_sms_info a {
    color: #2c2b2e;
    -webkit-text-decoration: revert;
    text-decoration: revert
}

.cowboy-form .powered-by {
    font-size: 13px;
    font-weight: 400
}

.cowboy-form .powered-by a {
    color: #ff214e
}

* {
    outline: 0
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .loading-spinner-div {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: auto;
    right: 160px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    line-height: 23px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .loading-spinner-div .spinner-border {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
    margin: 2px 0;
    position: relative
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn {
    font-weight: 500;
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn.active,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn.focus,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn:active,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn:focus,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    -webkit-box-shadow: none;
    box-shadow: none
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn.disabled,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .add-phone-input-btn:disabled {
    opacity: .6;
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    cursor: default
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn {
    padding: 4.33px 6.3px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn.active,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn.focus,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn:active,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn:focus,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn:hover {
    color: #fff;
    background-color: #f62d51;
    border-color: #f62d51;
    -webkit-box-shadow: none;
    box-shadow: none
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn.disabled,.add-edit-contact-modal .modal-dialog .modal-content .modal-body .remove-phone-input-btn:disabled {
    opacity: .6;
    color: #fff;
    background-color: #f62d51;
    border-color: #f62d51;
    cursor: default
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .edit-input-label {
    font-size: 15px;
    font-weight: 500
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .edit-input {
    font-size: 15px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .selectize-input>input {
    font-size: 15px
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .selectize-dropdown .active {
    font-weight: 400
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.add-edit-contact-modal .modal-dialog .modal-content .modal-body .required-field-badge {
    color: red;
    font-size: 18px;
    position: absolute;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

.add-edit-contact-modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.add-edit-contact-modal .modal-dialog .modal-footer .btn-submit.active,.add-edit-contact-modal .modal-dialog .modal-footer .btn-submit.focus,.add-edit-contact-modal .modal-dialog .modal-footer .btn-submit:active,.add-edit-contact-modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.add-edit-contact-modal .error-container {
    line-height: 14px
}

.add-edit-contact-modal .form-control.invalid,.add-edit-contact-modal .form-control.ng-invalid.ng-touched,.add-edit-contact-modal .ng-submitted .form-control.ng-invalid {
    border-bottom: 1px solid red
}

.add-edit-contact-modal .dropdown-toggle {
    cursor: pointer
}

.add-edit-contact-modal .dropdown-item {
    cursor: pointer
}

.add-edit-contact-modal .dropdown-item.active,.add-edit-contact-modal .dropdown-item:active,.add-edit-contact-modal .dropdown-item:focus,.add-edit-contact-modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.add-edit-contact-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

@media (max-width: 767px) {
    .add-edit-contact-modal .modal-dialog .modal-content .modal-body .loading-spinner-div {
        right:53px
    }
}

.add-edit-team-modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.add-edit-team-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.add-edit-team-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .edit-input-label {
    font-size: 15px;
    font-weight: 500
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .edit-input {
    font-size: 15px
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .edit-input.invalid {
    border-bottom: 1px solid red
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .selectize-input>input {
    font-size: 15px
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .selectize-dropdown .active {
    font-weight: 400
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.add-edit-team-modal .modal-dialog .modal-content .modal-body .role-description-span {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    display: block
}

.add-edit-team-modal .modal-dialog .modal-footer .btn-submit {
    width: 125px;
    font-family: Rubik,sans-serif
}

.add-edit-team-modal .modal-dialog .modal-footer .btn-submit.active,.add-edit-team-modal .modal-dialog .modal-footer .btn-submit.focus,.add-edit-team-modal .modal-dialog .modal-footer .btn-submit:active,.add-edit-team-modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.add-edit-team-modal .dropdown-toggle {
    cursor: pointer
}

.add-edit-team-modal .dropdown-item {
    cursor: pointer
}

.add-edit-team-modal .dropdown-item.active,.add-edit-team-modal .dropdown-item:active,.add-edit-team-modal .dropdown-item:focus,.add-edit-team-modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.add-edit-team-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.add-edit-team-modal .radio label {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

.add-edit-team-modal .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    outline: 0;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 16px;
    outline: 0;
    top: 2px
}

.add-edit-team-modal .radio-dark input[type=radio]:checked+label::after {
    background-color: #272d33
}

.add-edit-team-modal .radio label::after {
    -moz-transition: -moz-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -o-transition: -o-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -webkit-transform: scale(0,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    background-color: #263238;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    left: 5px;
    margin-left: -20px;
    position: absolute;
    top: 7px;
    transform: scale(0,0);
    transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    width: 6px
}

.add-edit-team-modal .radio-dark input[type=radio]:checked+label::before {
    border-color: #272d33
}

.add-edit-team-modal .plans-title {
    color: #54667a!important;
    font-weight: 400
}

.add-edit-user-modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.add-edit-user-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.add-edit-user-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .edit-input-label {
    font-size: 15px;
    font-weight: 500
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .edit-input {
    font-size: 15px
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .edit-input.invalid {
    border-bottom: 1px solid red
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .show-hide-password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 18px;
    height: 16px;
    position: absolute;
    bottom: 12px;
    right: 8px;
    cursor: pointer
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .show-hide-password.showed {
    color: #009efb;
    right: 9px
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .selectize-input>input {
    font-size: 15px
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .selectize-dropdown .active {
    font-weight: 400
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.add-edit-user-modal .modal-dialog .modal-content .modal-body .role-description-span {
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    display: block
}

.add-edit-user-modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.add-edit-user-modal .modal-dialog .modal-footer .btn-submit.active,.add-edit-user-modal .modal-dialog .modal-footer .btn-submit.focus,.add-edit-user-modal .modal-dialog .modal-footer .btn-submit:active,.add-edit-user-modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.add-edit-user-modal .dropdown-toggle {
    cursor: pointer
}

.add-edit-user-modal .dropdown-item {
    cursor: pointer
}

.add-edit-user-modal .dropdown-item.active,.add-edit-user-modal .dropdown-item:active,.add-edit-user-modal .dropdown-item:focus,.add-edit-user-modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.add-edit-user-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.add-edit-user-modal .radio label {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

.add-edit-user-modal .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    outline: 0;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 16px;
    outline: 0;
    top: 2px
}

.add-edit-user-modal .radio-dark input[type=radio]:checked+label::after {
    background-color: #272d33
}

.add-edit-user-modal .radio label::after {
    -moz-transition: -moz-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -o-transition: -o-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -webkit-transform: scale(0,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    background-color: #263238;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    left: 5px;
    margin-left: -20px;
    position: absolute;
    top: 7px;
    transform: scale(0,0);
    transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    width: 6px
}

.add-edit-user-modal .radio-dark input[type=radio]:checked+label::before {
    border-color: #272d33
}

.add-edit-user-modal .plans-title {
    color: #54667a!important;
    font-weight: 400
}

.add-funds-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 25px 0
}

.add-funds-modal .modal-dialog .modal-content .modal-header .modal-title-div {
    padding: 0 10px
}

.add-funds-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.add-funds-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.add-funds-modal .modal-dialog .modal-content .modal-body {
    padding: 0 35px 22px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .form-fields {
    width: 160px;
    margin: 0 auto;
    text-align: center
}

.add-funds-modal .modal-dialog .modal-content .modal-body .form-fields label {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 5px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .input-label {
    font-size: 15px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .form-control.ng-invalid-max,.add-funds-modal .modal-dialog .modal-content .modal-body .form-control.ng-invalid-min,.add-funds-modal .modal-dialog .modal-content .modal-body .form-control.ng-invalid-number,.add-funds-modal .modal-dialog .modal-content .modal-body .form-control.ng-invalid-required {
    border-bottom: 1px solid red
}

.add-funds-modal .modal-dialog .modal-content .modal-body .with-required-badge {
    position: relative
}

.add-funds-modal .modal-dialog .modal-content .modal-body .with-required-badge::after {
    content: "*";
    color: red;
    position: absolute;
    right: 7px;
    top: 2px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .with-required-badge .input-label {
    padding-right: 18px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-info-message .info-message {
    font-size: 14px;
    line-height: 18px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-info-message .a-link {
    color: #009efb
}

.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-info-message .a-link:hover {
    text-decoration: underline
}

.add-funds-modal .modal-dialog .modal-content .modal-body .error-message-div {
    padding: 2px 5px;
    color: #ff214f;
    border-radius: .25rem;
    min-height: 26.5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

.add-funds-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.add-funds-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 15px;
    margin-right: 10px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message {
    font-size: 13.5px;
    font-weight: 400;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 17px
}

.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-submit .add-funds-submit-btn {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: 4px;
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb
}

.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-submit .add-funds-submit-btn.focus,.add-funds-modal .modal-dialog .modal-content .modal-body .add-funds-submit .add-funds-submit-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.add-funds-modal .modal-dialog .modal-content .modal-body input[type=number]:not([step=any])::-webkit-inner-spin-button,.add-funds-modal .modal-dialog .modal-content .modal-body input[type=number]:not([step=any])::-webkit-outer-spin-button {
    opacity: 1
}

.add-funds-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.add-funds-modal .loader .loader-message {
    background-color: #fff
}

@media (max-width: 450px) {
    .add-funds-modal .modal-dialog .modal-content .modal-body {
        padding:0 20px 22px
    }
}

.agent-activity-section .statistics-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.8rem
}

.agent-activity-section .statistics-div .card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.agent-activity-section .statistics-div .card .card-body {
    padding: 12px
}

.agent-activity-section .agent-activity-div .card-body {
    padding-right: 5px;
    padding-bottom: 25px
}

.agent-activity-section .agent-activity-div .agent-activity-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 15px
}

.agent-activity-section .agent-activity-div .agent-activity-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.agent-activity-section .agent-activity-div .agent-activity-header .title {
    width: 172px
}

.agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 34px
}

.agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker .calendar-icon {
    color: #54667a
}

.agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker span {
    margin-left: 5px;
    vertical-align: middle
}

.agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a;
    font-size: 11px;
    vertical-align: middle
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn {
    min-width: 187px;
    text-align: left;
    padding-right: 30px;
    height: 34px;
    line-height: 19px
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn::after {
    position: absolute;
    right: 11px;
    top: 15px
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.disabled,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn:disabled {
    cursor: default
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn p {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
    max-width: 150px
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter p {
    width: 100%
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info.active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info.focus,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info:active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info:focus,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-info:hover,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div.show>.btn-info.dropdown-toggle.filter-by-btn.btn-info {
    background: #009efb!important;
    border: 1px solid #009efb!important;
    color: #fff!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info.active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info.focus,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info:active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info:focus,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.btn-outline-info:hover,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div.show>.btn-info.dropdown-toggle.filter-by-btn.btn-outline-info {
    background: #fff!important;
    border: 1px solid #009efb!important;
    color: #009efb!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn:hover {
    opacity: .7
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-menu {
    width: 100%;
    max-height: 175px;
    overflow: auto;
    margin: .125rem 0;
    z-index: 49;
    min-width: 200px
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-item.filter-by-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important;
    padding: 5px 1rem;
    white-space: normal
}

.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-item.active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-item:active,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-item:focus,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a;
    outline: 0
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid transparent;
    font-size: 19px;
    width: 36px;
    height: 34px;
    padding: 9px 7px;
    line-height: 18px
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle.active:not(.disabled,:disabled),.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle.focus:not(.disabled,:disabled),.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle:active:not(.disabled,:disabled),.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle:focus:not(.disabled,:disabled),.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle:hover:not(.disabled,:disabled) {
    color: #009efb;
    opacity: 1
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle::after {
    content: none
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle.disabled,.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-toggle:disabled {
    cursor: default
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li.show .dropdown-toggle {
    color: #009efb
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-menu {
    min-width: 165px;
    max-height: 175px;
    overflow: auto;
    margin: .125rem 0;
    z-index: 49
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-menu-right {
    right: unset;
    left: unset;
    top: unset
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item.active,.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item.focus,.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item:active,.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item:focus,.agent-activity-section .agent-activity-div .agent-activity-header .main-options-li .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.agent-activity-section .agent-activity-div .agents-list {
    position: relative
}

.agent-activity-section .agent-activity-div .agents-list .agent-list-scroll {
    height: calc(100vh - 532px);
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
    min-height: 365px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div {
    padding: 20px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    position: relative
}

.agent-activity-section .agent-activity-div .agents-list .agents-div.list-title-div {
    border-bottom: none;
    margin-top: 5px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div {
    width: 100%
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div.list-title {
    margin-right: 20px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-avatar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 34px;
    flex-basis: 34px;
    width: 34px;
    min-height: 34px;
    position: relative;
    background: 0 0
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .col-title {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #2c2b2e
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status {
    min-height: 28px;
    padding: 4px 15px;
    font-size: 14px;
    line-height: 17px;
    border-radius: .25rem;
    font-weight: 400;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status.offline {
    background-color: #f2f4f8;
    color: #55657a;
    border: 1px solid #f2f4f8
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status.talking {
    background-color: #019efb;
    color: #fff;
    border: 1px solid #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status.dialing {
    background-color: #fff;
    color: #019efb;
    border: 1px solid #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status.page {
    background-color: #263238;
    color: #fff;
    border: 1px solid #263238
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-last-seen {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-last-seen .last-seen-at {
    line-height: 16px;
    font-size: 14px;
    height: 28px;
    padding: 6px 0;
    color: #54667a;
    font-weight: 400
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to .contact-name {
    height: auto;
    color: #54667a;
    font-size: 15px;
    line-height: 19px;
    font-weight: 400
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to .contact-name:hover {
    color: #019efb;
    text-decoration: underline;
    cursor: pointer
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
    height: 32px;
    -ms-flex-preferred-size: 11%;
    flex-basis: 11%;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: .5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox {
    font-size: 16px;
    width: 36px;
    height: 32px;
    padding: 6px 8px;
    line-height: 18px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:hover,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox.active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:hover,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:hover {
    opacity: 1
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop {
    color: #019efb;
    background-color: transparent;
    background-image: none;
    border-color: #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop:hover {
    color: #019efb;
    background-color: transparent;
    background-image: none;
    border-color: #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop.active:hover {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox {
    font-size: 14px;
    padding: 7px 8px;
    color: #54667a;
    background-color: transparent;
    background-image: none;
    border-color: #54667a
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox.active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox:hover {
    background-color: transparent;
    background-image: none;
    border-color: #54667a;
    color: #54667a
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle.active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle.focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle:hover {
    color: #009efb;
    opacity: 1
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group.show .dropdown-toggle {
    color: #009efb
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-menu {
    min-width: 210px;
    max-height: 175px;
    overflow: auto;
    right: 0;
    left: auto!important;
    margin: .125rem 0;
    z-index: 49
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-menu-right {
    right: unset;
    left: unset;
    top: 0!important
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item .dropdown-item-icon.open-conversation {
    font-size: 14px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item.active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item:active,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item:focus,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .placeholder {
    border-color: transparent
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .placeholder:hover {
    opacity: .2
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details {
    margin-left: 55px;
    width: calc(100% - 55px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .first-info {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info {
    -ms-flex-preferred-size: 17%;
    flex-basis: 17%
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info {
    -ms-flex-preferred-size: 24%;
    flex-basis: 24%
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .info {
    color: #54667a;
    font-size: 15px;
    line-height: 28px;
    font-weight: 400
}

.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .info .active-info {
    color: #2c2b2e
}

.agent-activity-section .agent-activity-div .agents-list .agents-div:nth-child(1) {
    padding-top: 0
}

.agent-activity-section .agent-activity-div .agents-list .agents-div.list-title-div:nth-child(1) {
    padding-top: 0;
    padding-bottom: 6px
}

.agent-activity-section .agent-activity-div .agents-list .agents-div:last-child {
    border-bottom: none
}

.agent-activity-section .agent-activity-div .agents-list .agents-div:not(.list-title-div) .content-div .user-main-info .col-title {
    display: none
}

.agent-activity-section .info-tooltip .tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 69px;
    min-height: 27px;
    padding-top: 0;
    left: 50%;
    margin-left: -33px;
    bottom: 100%;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    color: #54667a;
    opacity: 0;
    margin-bottom: 5px;
    cursor: default;
    pointer-events: none;
    -webkit-box-shadow: 1px 5px 15px rgba(0,0,0,.22);
    box-shadow: 1px 5px 15px rgba(0,0,0,.22)
}

.agent-activity-section .info-tooltip .tooltip-content2::after {
    content: "";
    bottom: -12px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -7px;
    background: 0 0;
    top: auto
}

.agent-activity-section .info-tooltip .tooltip-inner2 {
    background: #fff;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px
}

.agent-activity-section .info-tooltip.mytooltip {
    z-index: 3
}

.agent-activity-section .info-tooltip.mytooltip:hover .tooltip-content2 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1)
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip {
    top: 0;
    margin-left: 0;
    margin-bottom: 0;
    margin-right: 5px;
    min-height: 29px;
    line-height: 25px
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip::after {
    content: "";
    bottom: 0;
    left: 83px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent;
    border-left-color: #fff;
    border-width: 6px;
    margin-left: 0;
    background: 0 0;
    top: calc(50% + 2px)
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip-eavesdrop {
    left: -90px
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip-eavesdrop::after {
    left: 83px
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip-jump-to-inbox {
    left: -142px
}

.agent-activity-section .info-tooltip .tooltip-content2.left-tooltip-jump-to-inbox::after {
    left: 134px
}

.agent-activity-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.agent-activity-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.agent-activity-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.agent-activity-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.agent-activity-section .loader .white-background {
    background-color: #fff
}

@media (min-width: 1731px) and (max-width:1900px) {
    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size:22%;
        flex-basis: 22%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 13%;
        flex-basis: 13%
    }
}

@media (min-width: 1683px) and (max-width:1730px) {
    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size:21%;
        flex-basis: 21%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 14%;
        flex-basis: 14%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%
    }
}

@media (min-width: 1570px) and (max-width:1682px) {
    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size:19%;
        flex-basis: 19%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status {
        -ms-flex-preferred-size: 17%;
        flex-basis: 17%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        gap: .25rem
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width: 130px;
        max-width: 155px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        max-width: 90px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 130px;
        max-width: 172px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info {
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }
}

@media (min-width: 1426px) and (max-width:1569px) {
    .agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker span {
        display:none
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width: 130px;
        max-width: 155px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        max-width: 90px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 130px;
        max-width: 172px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox {
        display: none
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status {
        -ms-flex-preferred-size: 19%;
        flex-basis: 19%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 5%;
        flex-basis: 5%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details.right-side-bar-shown {
        gap: .22rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details.right-side-bar-shown .first-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details.right-side-bar-shown .fourth-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details.right-side-bar-shown .second-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details.right-side-bar-shown .third-info {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
}

@media (min-width: 1210px) and (max-width:1425px) {
    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width:130px;
        max-width: 155px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        max-width: 90px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 130px;
        max-width: 172px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        -ms-flex-preferred-size: 16%;
        flex-basis: 16%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%;
        gap: .25rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info {
        -ms-flex-preferred-size: 14%;
        flex-basis: 14%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info {
        -ms-flex-preferred-size: 22%;
        flex-basis: 22%
    }
}

@media (min-width: 1150px) and (max-width:1209px) {
    .agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker span {
        display:none
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width: 130px;
        max-width: 155px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        max-width: 90px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 130px;
        max-width: 172px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox {
        display: none
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 21%;
        flex-basis: 21%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status {
        -ms-flex-preferred-size: 19%;
        flex-basis: 19%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 5%;
        flex-basis: 5%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details {
        gap: .22rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .first-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
}

@media (max-width: 1149px) {
    .agent-activity-section .agent-activity-div .agents-list .agents-div.list-title-div {
        display:none
    }

    .agent-activity-section .agent-activity-div .agents-list .agent-list-scroll {
        margin-top: 25px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div:not(.list-title-div) .content-div .user-main-info .col-title {
        display: block
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name h5 {
        margin-bottom: 8px!important
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-last-seen,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-last-seen,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: .5rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 21%;
        flex-basis: 21%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-left: 45px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-last-seen {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-left: 45px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-talking-to {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        margin-left: 45px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details {
        margin-left: 45px;
        width: calc(100% - 45px)
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div:not(.list-title-div) .content-div .user-main-info .col-title {
        margin-bottom: 0
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info {
        gap: .3rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .icon-div {
        margin: 0 15px 0 0
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-status .status {
        max-width: calc(100% - 60px);
        width: auto
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .activity-date-picker span {
        display: none
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width: 130px;
        max-width: 155px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        max-width: 90px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 130px;
        max-width: 172px
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details {
        gap: .22rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .first-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-avatar {
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .agent-activity-section .agent-activity-div .agents-list .agent-list-scroll {
        height:calc(100vh - 553px)
    }
}

@media (max-width: 699px) {
    .agent-activity-section .agent-activity-div .agents-list .agent-list-scroll {
        height:calc(100vh - 673px)
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details {
        gap: .22rem
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .first-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .fourth-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .second-info,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-details .third-info {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .agent-activity-section .statistics-div {
        gap: 1rem
    }

    .agent-activity-section .statistics-div .card {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }

    .agent-activity-section .statistics-div .card:nth-child(1),.agent-activity-section .statistics-div .card:nth-child(2) {
        margin-bottom: 0
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .eavesdrop,.agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions .jump-to-inbox {
        display: none
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-actions {
        -ms-flex-preferred-size: 5%;
        flex-basis: 5%
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }
}

@media (max-width: 670px) {
    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter .sort-by-field,.agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter span {
        display:none
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter {
        min-width: 62px;
        max-width: 62px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.user-group-filter p {
        display: none
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .filter-by-div .filter-by-btn.sort-by-filter {
        min-width: 97px;
        max-width: 97px
    }

    .agent-activity-section .agent-activity-div .agent-activity-header ul.header-filters {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (max-width: 505px) {
    .agent-activity-section .agent-activity-div .agent-activity-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .agent-activity-section .agent-activity-div .agent-activity-header .title {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .agent-activity-section .agent-activity-div .agents-list .agent-list-scroll {
        height: calc(100vh - 707px)
    }

    .agent-activity-section .agent-activity-div .agents-list .agents-div .content-div .user-main-info .agent-name {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%
    }
}

.api-section .settings-content {
    position: relative
}

.api-section .settings-content .field-title {
    font-size: 16px;
    font-weight: 400
}

.api-section .settings-content .secret-p {
    min-width: 308px
}

.api-section .settings-content .secret-p .placeholderSecret {
    width: 322px;
    letter-spacing: 1.8px
}

.api-section .settings-content .show-hide-secret {
    border: none
}

.api-section .settings-content .show-hide-secret i.active {
    color: #009efb
}

.api-section .settings-content .show-hide-secret:active,.api-section .settings-content .show-hide-secret:focus,.api-section .settings-content .show-hide-secret:hover {
    background: #fff;
    color: #009efb;
    font-weight: 400
}

.api-section .settings-content .field-title-div {
    padding: 8px 0
}

.api-section .settings-content .edit-credentials-btn {
    width: 225px
}

.api-section .settings-content .webhooks-input {
    width: 366px
}

.api-section .settings-content .info-div {
    cursor: pointer
}

.api-section .settings-content .info-div i {
    color: #009efb
}

.api-section .settings-content .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.api-section .webhooks-content {
    position: relative
}

.api-section .webhooks-content .webhooks-title-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.api-section .webhooks-content .webhooks-title-section .subtitle {
    font-size: 14px;
    color: #c4bec0
}

.api-section .webhooks-content .webhooks-title-section .add-webhook-btn {
    border: 1px #afb5b9 solid;
    border-radius: 5px;
    padding: 0 10px;
    height: 25px;
    font-size: 13px;
    background-color: #fff;
    color: #5b5b5b
}

.api-section .webhooks-content .webhooks-title-section .add-webhook-btn:focus {
    outline: 5px auto #5b5b5b
}

.api-section .webhooks-content .webhooks-title-section .add-webhook-btn:hover {
    cursor: pointer
}

.api-section .webhooks-content .webhooks .webhook .webhook-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0;
    vertical-align: top
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div {
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #04a8fb!important
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div .webhook-item-icon {
    position: relative;
    width: 50px;
    height: 50px;
    padding-top: 4px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div .webhook-item-icon .back {
    margin-left: 6px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div .webhook-item-icon .front {
    position: absolute;
    top: -2px;
    right: 14px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div .webhook-item-icon .ti-id-badge.main:before {
    background: #009efb
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .webhook-icon .round-div .webhook-item-icon i {
    font-size: 25px;
    margin: 11px 0
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 0
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .access-code {
    font-size: 15px!important
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .date-div {
    width: calc(100% - 35px);
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text i,.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text span {
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .span-without-icon {
    margin-left: 34px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .green-text {
    color: green
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .red-text {
    color: red
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .dropdown {
    font-size: 14px;
    color: #54667a;
    font-weight: 400;
    cursor: pointer
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .dropdown .dropdown-item {
    font-size: 14px;
    cursor: pointer
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .dropdown .dropdown-item.active,.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .dropdown .dropdown-item:active {
    background-color: #f8f9fa;
    color: inherit
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .content-span {
    font-weight: 500;
    margin-left: 5px;
    vertical-align: middle
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .badge {
    color: #fff;
    font-size: 12px;
    vertical-align: baseline;
    margin-left: 5px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .info-icon {
    width: 25px;
    text-align: center
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .info-text .info-icon .time-icons {
    position: absolute;
    font-size: 11px;
    right: -2px;
    background-color: #fff;
    top: 13px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .content-date-div {
    text-align: right;
    line-height: 100px;
    color: #54667a
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .content-date-div .date-fields {
    font-size: 14px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .option-div {
    padding-top: 15px
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .date-addition-styles {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13)
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .date-addition-styles ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .date-addition-styles ul .left {
    float: left;
    width: 50%;
    clear: left
}

.api-section .webhooks-content .webhooks .webhook .webhook-item .content .date-addition-styles ul .right {
    float: right;
    width: 50%;
    clear: right
}

.api-section .webhooks-content .webhooks .dropdown-toggle.webhook-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px
}

.api-section .webhooks-content .webhooks .dropdown-toggle.webhook-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.api-section .webhooks-content .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.api-section .tooltip-inner2 {
    background: #04a8fc;
    font-size: 14px;
    padding: 20px
}

.api-section .docs-content .href-div {
    height: 64px;
    padding: 20px 20px;
    border: 1px solid #cfecfe;
    border-radius: 4px
}

.api-section .docs-content .href-div .pull-left {
    font-weight: 400
}

.api-section .docs-content .href-div .pull-right {
    font-weight: 500
}

.api-section .docs-content .content-type-title,.api-section .docs-content .example-title {
    font-weight: 400
}

.api-section .docs-content .attr-title-row {
    margin: 0 -8px
}

.api-section .docs-content .attr-title-row .title {
    font-weight: 400
}

.api-section .docs-content .attr-content-row {
    margin: 0 -8px;
    border: 1px solid #f8f9fa
}

.api-section .docs-content .attr-content-row .attr-col-left {
    border-right: 1px solid #f8f9fa
}

.api-section .docs-content .attr-content-row .attr-col-left .attr {
    font-size: 15px;
    padding: 10px
}

.api-section .docs-content .attr-content-row .attr-col-left .type {
    font-size: 13px;
    font-weight: 400
}

.api-section .docs-content .ribbon-wrapper {
    background-color: #f8f9fa!important
}

.api-section .docs-content .ribbon-wrapper .ribbon-content.json-data {
    margin-left: 110px;
    margin-bottom: 1rem
}

.api-section .docs-content .ribbon-wrapper .ribbon-content.json-data::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.api-section .docs-content .ribbon-wrapper .ribbon-content.json-data::-webkit-scrollbar:horizontal {
    height: 7px
}

.api-section .docs-content .ribbon-wrapper .ribbon-content.json-data::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.api-section .tooltip-item2 {
    color: #f62d51!important;
    font-weight: 400!important;
    margin: 35px 0
}

.api-section .tooltip-content4 {
    -webkit-box-shadow: 0 0 15px rgba(48,54,61,.2);
    box-shadow: 0 0 15px rgba(48,54,61,.2);
    background: #fff;
    color: #000;
    text-align: center;
    color: #54667a;
    border-color: #fff
}

.api-section .padding-20px {
    padding: 20px
}

.api-section .nav-item {
    cursor: pointer;
}

.api-section .customtab li a.nav-link {
    font-weight: 400
}

.api-section .dropdown-menu .dropdown-item {
    cursor: pointer
}

.api-section .dropdown-menu .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.api-section .dropdown-menu .dropdown-item.active,.api-section .dropdown-menu .dropdown-item.focus,.api-section .dropdown-menu .dropdown-item:active,.api-section .dropdown-menu .dropdown-item:focus,.api-section .dropdown-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a;
    outline: 0
}

.api-section .no-res {
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.api-popover {
    border-radius: 0;
    border-width: 1px 1px 5px;
    border-style: solid;
    border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) #009efb;
    text-align: center
}

.api-popover .data-pre {
    margin: 1rem;
    min-height: 36px;
    text-align: left
}

.api-popover .data-pre::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.api-popover .data-pre::-webkit-scrollbar:horizontal {
    height: 7px
}

.api-popover .data-pre::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

@media (max-width: 1507px) {
    .api-section .docs-content .ribbon-wrapper .ribbon-content.json-data {
        margin-left:55px
    }
}

@media (max-width: 1200px) {
    .api-section .settings-content .secret-p {
        min-width:256px
    }

    .api-section .settings-content .secret-p .placeholderSecret {
        width: auto;
        letter-spacing: 1.5px
    }

    .api-section .md-font-size-13px {
        font-size: 13px
    }

    .api-section .sm-padding-margin {
        padding: 7px 4px!important;
        margin: 0!important
    }

    .api-section .sm-width-100 {
        width: 100%!important
    }

    .api-section .docs-content .ribbon-wrapper .ribbon-content.json-data {
        margin-left: 0
    }
}

@media (max-width: 992px) {
    .api-section .padding-5px {
        padding:5px
    }
}

@media (max-width: 575px) {
    .api-section .xs-text-center {
        text-align:center!important
    }

    .api-section .docs-content .href-div {
        font-size: 14px;
        height: 80px;
        padding: 20px 15px
    }

    .api-section .docs-content .href-div .pull-left {
        display: block;
        width: 100%
    }

    .api-section .docs-content .href-div .pull-right {
        float: left!important;
        display: block;
        width: 100%
    }

    .api-section .xs-width-100 {
        width: 100%!important
    }
}

@media (max-width: 370px) {
    .api-section .docs-content .href-div {
        height:100px
    }
}

.audio-player-div {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: .25rem
}

.audio-player-div.transform {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.audio-player-div.transform.transform-active {
    width: 265px
}

.audio-player-div .play-spinner {
    font-size: 14px;
    margin-left: 10px;
    border-width: 2px;
    margin-top: 12px;
    margin-right: 12px
}

.audio-player-div .play-pause-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block
}

.audio-player-div .play-pause-btn.active,.audio-player-div .play-pause-btn.focus,.audio-player-div .play-pause-btn:active,.audio-player-div .play-pause-btn:focus,.audio-player-div .play-pause-btn:hover {
    background-color: transparent!important;
    border-color: transparent!important
}

.audio-player-div .play-pause-btn.active,.audio-player-div .play-pause-btn.focus,.audio-player-div .play-pause-btn:active,.audio-player-div .play-pause-btn:focus {
    color: #54667a!important
}

.audio-player-div .play-pause-btn:hover {
    color: #009ffb!important
}

.audio-player-div .current-time-span {
    width: 80px;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
}

.audio-player-div .progress-div {
    display: inline-block;
    width: calc(100% - 200px);
    height: 6px
}

.audio-player-div .progress-div .bar-style {
    height: 6px
}

.audio-player-div .btn-muting {
    margin-left: 10px;
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    padding: 8px 7px
}

.audio-player-div .btn-muting .volume-icon {
    font-size: 16px
}

.audio-player-div .btn-muting.active,.audio-player-div .btn-muting.focus,.audio-player-div .btn-muting:active,.audio-player-div .btn-muting:focus,.audio-player-div .btn-muting:hover {
    background-color: transparent!important;
    border-color: transparent!important
}

.audio-player-div .btn-muting.active,.audio-player-div .btn-muting.focus,.audio-player-div .btn-muting:active,.audio-player-div .btn-muting:focus {
    color: #54667a!important
}

.audio-player-div .btn-muting:hover {
    color: #009ffb!important
}

@media (min-width: 1425px) and (max-width:1600px) {
    audio-player-div.transform.transform-active {
        width:190px
    }

    .audio-player-div .btn-muting {
        width: 35px
    }

    .audio-player-div .progress-div {
        display: none
    }
}

@media (min-width: 576px) and (max-width:1280px) {
    .audio-player-div.transform.transform-active {
        width:180px
    }

    .audio-player-div .btn-muting {
        width: 35px
    }

    .audio-player-div .current-time-span {
        margin-right: 0
    }
}

@media (min-width: 768px) and (max-width:1039px) {
    .audio-player-div .current-time-span {
        margin-right:0
    }

    .audio-player-div .play-pause-btn {
        width: 35px
    }

    .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }
}

@media (max-width: 992px) {
    .audio-player-div .progress-div {
        display:none
    }
}

@media (max-width: 768px) {
    .audio-player-div {
        margin-right:0
    }

    .audio-player-div .progress-div {
        width: calc(100% - 200px)
    }

    .audio-player-div.transform.transform-active {
        width: 100%
    }
}

@media (max-width: 380px) {
    .audio-player-div .progress-div {
        display:none
    }
}

@media (max-width: 360px) {
    .audio-player-div .current-time-span {
        margin-right:0
    }

    .audio-player-div .play-pause-btn {
        width: 35px
    }

    .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }
}

.page-wrapper {
    margin-left: 0!important;
    margin-right: 0!important
}

.auth-toolbar.without-box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 2
}

.navbar-collapse {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.navbar-collapse .login-header-btn {
    font-size: 15.5px!important;
    color: #54667a;
    text-decoration: none;
    font-weight: 400;
    -webkit-transition: color .35s;
    transition: color .35s
}

.navbar-collapse .login-header-btn span {
    border-bottom: 1.5px solid #54667a;
    -webkit-transition: border-color .35s;
    transition: border-color .35s
}

.navbar-collapse .login-header-btn.active,.navbar-collapse .login-header-btn:active,.navbar-collapse .login-header-btn:hover {
    color: #ff214f
}

.navbar-collapse .login-header-btn.active span,.navbar-collapse .login-header-btn:active span,.navbar-collapse .login-header-btn:hover span {
    border-color: var(--main-blue-color)
}

.navbar-collapse .login-header-label {
    font-size: 16px;
    line-height: 50px;
    padding: .5rem 0 .5rem .5rem;
    vertical-align: middle;
    color: #798699
}

.auth-section {
    height: 100%;
    width: 100%;
    overflow: auto;
    padding: 125px 0
}

{
    width: auto;
    max-width: 775px;
    margin: 0 auto;
    height: auto;
    border-radius: .25rem;
    -webkit-box-shadow: 0 0 30px rgba(35,55,86,.1);
    box-shadow: 0 0 30px rgba(35,55,86,.1)
}

.card-body {
    padding: 8% 20% 9%
}

.card-body .auth-highlighted {
    color: #ff214f
}

.card-body .input-label {
    font-size: 15px
}

.card-body .form-control.show-error-after-touched.invalid.ng-touched,.card-body .form-control.show-error-after-touched.ng-invalid.ng-touched,.card-body .ng-submitted .company-size-dropdown .company-size-btn.invalid,.card-body .ng-submitted .company-size-dropdown .company-size-btn.ng-invalid,.card-body .ng-submitted .form-control.invalid,.card-body .ng-submitted .form-control.ng-invalid {
    border-bottom: 1px solid red
}

.card-body .with-required-badge {
    position: relative
}

.card-body .with-required-badge::after {
    content: "*";
    color: red;
    position: absolute;
    right: 9px;
    top: 2px
}

.card-body .with-required-badge .input-label {
    padding-right: 25px
}

.card-body .step-1-submit-alert {
    padding: 0 5px
}

.card-body .step-1-submit-alert .alert-message {
    font-size: 13px;
    line-height: 19px
}

.card-body .checkbox label {
    font-size: 15px;
    line-height: 21px;
    padding-left: 10px
}

.card-body .checkbox label::after {
    top: 0
}

.card-body .checkbox label::before {
    border-radius: 2px
}

.card-body .a-link {
    color: #ff214f
}

.card-body .a-link:hover {
    text-decoration: underline
}

.card-body .company-size-dropdown::after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    top: 17px;
    right: 26px
}

.card-body .company-size-dropdown .company-size-btn {
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #54667a;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    text-align: left;
    cursor: pointer;
    padding-right: 40px
}

.card-body .company-size-dropdown .company-size-btn.invalid {
    border-bottom-color: red
}

.card-body .company-size-dropdown .company-size-btn:focus {
    outline: 0
}

.card-body .company-size-dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a;
    width: 100%;
    margin: .125rem 0
}

.card-body .company-size-dropdown .dropdown-header {
    padding: 5px 16px
}

.card-body .company-size-dropdown .dropdown-item {
    font-size: 15px;
    color: #54667a;
    cursor: pointer;
    padding: 5px 22px
}

.card-body .company-size-dropdown .dropdown-item.active,.card-body .company-size-dropdown .dropdown-item:active,.card-body .company-size-dropdown .dropdown-item:focus,.card-body .company-size-dropdown .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.card-body .auth-submit .auth-submit-btn {
    background: #ff214f;
    border: 1px solid #ff214f;
    width: 100%;
    font-size: 17px;
    padding: 8px 12px
}

.card-body .auth-submit .auth-submit-btn.focus,.card-body .auth-submit .auth-submit-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-body .auth-submit .auth-submit-btn-dark {
    background: #2c2b2e;
    border: 1px solid #2c2b2e;
    width: 100%;
    font-size: 17px;
    padding: 8px 12px
}

.card-body .auth-submit .auth-submit-btn-dark.focus,.card-body .auth-submit .auth-submit-btn-dark:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.card-body .auth-submit .submit-alert-message {
    font-size: 13px;
    line-height: 19px
}

.card-body .error-message-div {
    padding: 2px 5px;
    color: #ff214f;
    border-radius: .25rem;
    min-height: 38px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

.card-body .error-message-div.password-error {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.card-body .error-message-div .error-container .error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

.card-body .error-message-div .error-container .error .error-message-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 15px;
    margin-right: 10px
}

.card-body .error-message-div .error-container .error .error-message {
    font-size: 13.5px;
    font-weight: 400;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 17px;
    word-break: break-word
}

.auth-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.auth-section .loader .white-background {
    background-color: #fff
}

.auth-section.old-auth {
    background: #f2f4f8
}

.auth-section.old-auth.signup-section {
    padding: 6% 0
}

.auth-section.old-auth .input-control {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background-image: none;
    font-size: 16px
}

.auth-section.old-auth .submit-btn {
    font-size: 16px
}

.auth-section.old-auth .form-material .form-control.focus {
    border: 1px solid rgba(0,0,0,.15)
}

.auth-section.old-auth .form-material .form-control:focus {
    border: 1px solid rgba(0,0,0,.15)
}

.auth-section.old-auth .checkbox label {
    font-size: 15px
}

.auth-section.old-auth .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.forgot-password-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 25px 0
}

.forgot-password-modal .modal-dialog .modal-content .modal-header .modal-title-div {
    padding: 0 10px
}

.forgot-password-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.forgot-password-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.forgot-password-modal .modal-dialog .modal-content .modal-body {
    padding: 0 35px 22px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .form-fields {
    width: 100%;
    margin: 0 auto;
    text-align: left
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .form-fields label {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 8px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .input-label {
    font-size: 15px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .with-required-badge {
    position: relative
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .with-required-badge::after {
    content: "*";
    color: red;
    position: absolute;
    right: 7px;
    top: 2px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .with-required-badge .input-label {
    padding-right: 18px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .error-message-div {
    padding: 2px 5px;
    color: #ff214f;
    border-radius: .25rem;
    min-height: 26.5px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 15px;
    margin-right: 10px
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message {
    font-size: 13.5px;
    font-weight: 400;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 17px;
    word-break: break-word
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .forgot-submit .forgot-submit-btn {
    width: 100%;
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: .25rem;
    color: #fff;
    background: #2c2b2e;
    border: 1px solid #2c2b2e
}

.forgot-password-modal .modal-dialog .modal-content .modal-body .forgot-submit .forgot-submit-btn.focus,.forgot-password-modal .modal-dialog .modal-content .modal-body .forgot-submit .forgot-submit-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.forgot-password-modal .modal-dialog .form-control.invalid,.forgot-password-modal .modal-dialog .form-control.ng-invalid.ng-touched,.forgot-password-modal .modal-dialog .ng-submitted .form-control.ng-invalid {
    border-bottom: 1px solid red
}

.forgot-password-modal .modal-dialog .form-control:disabled,.forgot-password-modal .modal-dialog .form-control[readonly] {
    cursor: default
}

.forgot-password-modal .modal-dialog .form-control:disabled.focus,.forgot-password-modal .modal-dialog .form-control:disabled:focus,.forgot-password-modal .modal-dialog .form-control[readonly].focus,.forgot-password-modal .modal-dialog .form-control[readonly]:focus {
    border-color: rgba(0,0,0,.15)
}

.forgot-password-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.forgot-password-modal .loader .loader-message {
    background-color: #fff
}

.login-register {
    position: relative
}

@media (min-width: 1024px) {
    .auth-section.old-auth.signup-section .login-box {
        width:600px
    }
}

@media (max-width: 991px) {
    {
        -webkit-box-shadow:none;
        box-shadow: none
    }

    .card-body {
        padding: 3% 15%
    }
}

@media (max-width: 767px) {
    .auth-section {
        padding:20px 0
    }

    .card-body {
        padding: 40px 15px
    }
}

@media (max-width: 575px) {
    .card-body {
        padding:15px
    }

    .card-body .auth-left-col {
        padding-right: 15px!important;
        margin-bottom: 16px
    }

    .card-body .auth-right-col {
        padding-left: 15px!important
    }

    .card-body .card-number-col {
        margin-bottom: 1rem;
        padding-right: 15px!important
    }

    .card-body .card-code-col {
        padding-left: 15px!important
    }
}

@media (max-width: 450px) {
    .forgot-password-modal .modal-dialog .modal-content .modal-body {
        padding:0 20px 22px
    }
}

@media (max-width: 400px) {
    .navbar-collapse .login-header-label {
        display:none
    }
}

.automation-config-section .automation-config-card-body {
    padding-right: 5px!important
}

.automation-config-section .automation-config-card-body .automation-config-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.automation-config-section .automation-config-card-body .automation-config-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.automation-config-section .automation-config-card-body .automation-config-card-header .add-btn {
    display: inline-block;
    padding: 4.95px 20px;
    margin-left: 20px;
    color: inherit
}

.automation-config-section .automation-config-card-body .automation-config-card-header .add-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.automation-config-section .automation-config-card-body .automation-config-card-header .add-btn.active,.automation-config-section .automation-config-card-body .automation-config-card-header .add-btn:active,.automation-config-section .automation-config-card-body .automation-config-card-header .add-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.automation-config-section .automation-config-card-body .automation-config-card-header.automation-config-actions-header {
    background-color: #fff;
    margin-left: -20px;
    width: calc(100% + 25px);
    padding: 15px 20px;
    margin: 10px 0 10px -20px;
    border-top: 1px solid #d5d4d4;
    border-bottom: 1px solid #d5d4d4
}

.automation-config-section .automation-config-card-body .automation-config-card-content {
    position: relative
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields {
    margin-right: 0
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown {
    display: block
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle {
    min-width: 280px;
    text-align: left;
    padding: 9.25px 12px;
    background-color: #009efb;
    background-image: none;
    border: 1px solid #009efb;
    color: #fff
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle.active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle:active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle:focus,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle:hover {
    background-color: #009efb;
    background-image: none;
    border: 1px solid #009efb;
    color: #fff;
    opacity: .8
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu {
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item.disabled,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item.active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item.disabled:active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget {
    position: relative
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    white-space: nowrap
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-name-div,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-name-div .action-name {
    color: #54667a;
    font-weight: 500;
    margin-bottom: 0
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .action-type-dropdown-btn {
    cursor: pointer
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .action-type-dropdown-btn.disabled {
    opacity: .65
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu {
    font-size: 15px;
    max-height: 115px;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item.disabled,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item.active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item.disabled:active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-input .ui-select-container {
    width: 100%
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-control.single .selectize-input {
    width: 100%;
    padding: 8px 25px 8px 12px;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400;
    max-width: 370px;
    max-height: 38px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-input>* {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-input>input {
    font-size: 15px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-dropdown .active {
    font-weight: 400
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .selectize-control.single .selectize-input:after {
    right: 8px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-toggle.action-menu {
    background: 0 0;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 5px 9px;
    font-size: 17px
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-toggle.action-menu::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    font-size: 15px;
    color: #54667a
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item.disabled,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item.disabled:active,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.automation-config-section .automation-config-card-body .key-input-label {
    font-size: 15px;
    font-weight: 500
}

.automation-config-section .automation-config-card-body .key-input {
    font-size: 15px
}

.automation-config-section .automation-config-card-body .key-input.number-input-field {
    display: block
}

.automation-config-section .automation-config-card-body .actions {
    margin-top: 30px
}

.automation-config-section .automation-config-card-body .actions .add-btn,.automation-config-section .automation-config-card-body .actions .save-btn {
    padding: 7px 25px;
    width: 130px
}

.automation-config-section .automation-config-card-body .actions .save-btn {
    margin-right: 15px
}

.automation-config-section .automation-config-card-body .actions .save-btn.active,.automation-config-section .automation-config-card-body .actions .save-btn.focus,.automation-config-section .automation-config-card-body .actions .save-btn:active,.automation-config-section .automation-config-card-body .actions .save-btn:focus {
    background: #009efb;
    opacity: .7;
    border: 1px solid #009efb;
    background-image: none;
    color: #fff
}

.automation-config-section .automation-config-card-body .actions .add-btn {
    color: inherit
}

.automation-config-section .automation-config-card-body .actions .add-btn.focus,.automation-config-section .automation-config-card-body .actions .add-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.automation-config-section .automation-config-card-body .actions .add-btn.active,.automation-config-section .automation-config-card-body .actions .add-btn:active,.automation-config-section .automation-config-card-body .actions .add-btn:hover {
    color: #fff
}

.automation-config-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.automation-config-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.automation-config-section .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.automation-config-section .alert {
    padding: 7px 15px;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: .25rem;
    margin-top: 16px;
    margin-right: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #e42144;
    background-color: #f8e1e3
}

.automation-config-section .alert i {
    font-size: 15px
}

.automation-config-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.automation-config-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.automation-config-section ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.rules-search-dropdown.select2-container .select2-choice {
    line-height: 1.25;
    padding: 8px 23px 8px 12px;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #54667a;
    font-size: 14.5px;
    text-align: left;
    height: 35px;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none
}

.rules-search-dropdown.select2-container .select2-choice::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    color: #54667a;
    position: absolute;
    right: 10px;
    top: 15px
}

.rules-search-dropdown.select2-container .select2-choice:hover {
    background-color: #fff
}

.rules-search-dropdown.select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    border-radius: 4px;
    margin-right: 0
}

.rules-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: none
}

.rules-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important;
    color: #54667a
}

.rules-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.rules-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.rules-search-dropdown.select2-container.select2-container-disabled .select2-choice {
    opacity: .65;
    cursor: default!important;
    background-color: transparent!important
}

.rules-search-dropdown .select2-drop {
    min-width: 225px;
    padding: 8px;
    border-radius: 4px!important;
    margin-top: 2px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    right: 0;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.rules-search-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.rules-search-dropdown .select2-result-single,.rules-search-dropdown .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.rules-search-dropdown .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.rules-search-dropdown .select2-results {
    max-height: 127px;
    margin: 10px 4px 4px 0!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.rules-search-dropdown .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    padding: 2px 0 2px 2px;
    border-right: 4px;
    white-space: normal
}

.rules-search-dropdown .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.rules-search-dropdown .select2-results .select2-highlighted {
    background: #fff;
    color: #54667a
}

.rules-search-dropdown .select2-results .select2-result-label span.active {
    color: #019efb
}

.rules-search-dropdown .ui-select-highlight {
    font-weight: 700!important
}

.rules-search-dropdown .ui-select-choices-row:hover {
    background-color: #f5f5f5!important
}

.rules-search-dropdown .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    padding: 4px;
    color: #858e96
}

.rules-search-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.rules-search-dropdown ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.rules-search-dropdown ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.rules-search-dropdown .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.rules-search-dropdown.ui-select-container.select2.direction-up .ui-select-dropdown {
    margin-top: -6px
}

.rules-search-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.rules-search-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: rgba(0,0,0,.15);
    border-radius: 4px!important
}

.rules-search-dropdown .select2-results .select2-disabled {
    background: #fff!important;
    opacity: .75;
    color: #54667a!important
}

.rules-search-dropdown .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

@media (max-width: 767px) {
    .automation-config-section .automation-config-card-body .key-input-label {
        display:block;
        margin-bottom: 5px!important
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-type-dropdown {
        margin-top: 5px
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-menu-div .dropdown .dropdown-toggle.action-menu {
        width: 32px;
        height: 32px;
        padding: 4px 8px
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content {
        margin-bottom: 5px
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-label {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control {
        display: block
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
        display: block
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div,.automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control {
        margin-top: 10px
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-input .ui-select-container {
        width: 280px
    }
}

@media (max-width: 400px) {
    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-main-fields .select-event-dropdown .dropdown-toggle {
        min-width:100%
    }

    .automation-config-section .automation-config-card-body .actions .add-btn,.automation-config-section .automation-config-card-body .actions .save-btn {
        padding: 7px 15px;
        width: auto
    }

    .automation-config-section .automation-config-card-body .automation-config-card-content .automation-config-widget .automation-config-list-item .content .action-div .action-body .action-input-control .action-input .ui-select-container {
        width: 100%
    }
}

.automation-section .automation-card-body {
    padding-right: 5px!important
}

.automation-section .automation-card-body .automation-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.automation-section .automation-card-body .automation-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.automation-section .automation-card-body .automation-card-header .title {
    width: 215px
}

.automation-section .automation-card-body .automation-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: #54667a;
    margin-top: 6px
}

.automation-section .automation-card-body .automation-card-header .add-btn span {
    padding-left: 5px
}

.automation-section .automation-card-body .automation-card-header .add-btn.active,.automation-section .automation-card-body .automation-card-header .add-btn.focus,.automation-section .automation-card-body .automation-card-header .add-btn:active,.automation-section .automation-card-body .automation-card-header .add-btn:focus,.automation-section .automation-card-body .automation-card-header .add-btn:hover {
    color: #54667a;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    opacity: .8
}

.automation-section .automation-card-body .automation-card-content .automation-widget {
    position: relative
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0;
    vertical-align: top
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon {
    border-color: #009ffb;
    border-radius: 50%;
    border-style: solid;
    border-width: 1.5px;
    height: 45px;
    width: 45px;
    padding: 6px 6.8px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:after,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:before {
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-color: #009ffb;
    -webkit-box-shadow: -3px -3px 0 0 #fff;
    box-shadow: -3px -3px 0 0 #fff
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:after {
    border-width: 1.5px 0 0 1.5px;
    top: 1px;
    left: 6px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:before {
    border-width: 1.5px 0 0 1.5px;
    bottom: 1px;
    right: 6px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon i {
    color: #009ffb;
    font-size: 28px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .rule-name {
    font-size: 15px!important
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div .view-btn.active,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div .view-btn.focus,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div .view-btn:active,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div .view-btn:focus,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .option-div .view-btn:hover {
    color: #54667a;
    background-color: transparent;
    background-image: none;
    border-color: #6c757d;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .8
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .date-div {
    width: calc(100% - 35px);
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text span {
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text i {
    font-size: 17px;
    color: #54667a;
    vertical-align: middle
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text p {
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text p.event {
    font-weight: 500;
    margin-bottom: 2px!important
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text strong {
    font-size: 14px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .span-without-icon {
    margin-left: 5px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .green-text {
    color: green
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .red-text {
    color: #f62d51
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .content-span {
    font-weight: 500;
    margin-left: 5px!important;
    vertical-align: middle
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .badge {
    color: #fff;
    font-size: 12px;
    vertical-align: baseline;
    margin-left: 5px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .badge.event-badge {
    padding: 7px 15px;
    font-size: 13px;
    font-weight: 400
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .info-icon {
    width: 25px;
    text-align: center
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .info-icon .main {
    font-size: 14px
}

.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text .info-icon .time-icons {
    position: absolute;
    font-size: 10px;
    right: 0;
    background-color: #fff;
    top: 12px
}

.automation-section .automation-card-body .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.automation-section .automation-card-body .dropdown-menu .dropdown-item-icon.drop-cowboy-icon {
    background: url(assets/images/icon/drop-cowboy-icon.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.automation-section .automation-card-body .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.automation-section .automation-card-body .dropdown-toggle.automation-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.automation-section .automation-card-body .dropdown-toggle.automation-activity-item {
    background: 0 0;
    color: #54667a;
    line-height: 22px;
    float: right;
    border: 1px solid #ced4da;
    width: 34.61px;
    height: 34.61px;
    padding: 6px 9px;
    font-size: 17px
}

.automation-section .automation-card-body .dropdown-item {
    cursor: pointer
}

.automation-section .automation-card-body .dropdown-item.active,.automation-section .automation-card-body .dropdown-item:active,.automation-section .automation-card-body .dropdown-item:focus,.automation-section .automation-card-body .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.automation-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.automation-section .no-res {
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2;
    margin-left: -20px;
    padding: 0 30px
}

.automation-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 25px!important;
    bottom: 50%!important
}

.automation-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.automation-section .mytooltip {
    z-index: 2
}

.automation-section .editable-click,.automation-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.automation-section .editable-controls.form-group {
    position: relative
}

.automation-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.automation-section .editable-buttons .btn-primary,.automation-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.automation-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.automation-section .editable-has-buttons {
    padding-right: 95px;
    max-width: 185px;
    font-size: 14px
}

.automation-section .editable-empty,.automation-section .editable-empty:focus,.automation-section .editable-empty:hover,.automation-section a.editable-empty,.automation-section a.editable-empty:focus,.automation-section a.editable-empty:hover {
    color: #428bca
}

@media (min-width: 1425px) and (max-width:1610px) {
    .automation-section .col-12-1425-1610 {
        float:right;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .automation-section .col-12-1425-1610 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text.event-block {
        border-bottom: 1px solid rgba(120,130,140,.13);
        padding-bottom: 10px
    }
}

@media (max-width: 1200px) {
    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content .info-text.event-block {
        border-bottom:1px solid rgba(120,130,140,.13);
        padding-bottom: 10px
    }
}

@media (max-width: 575px) {
    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item {
        padding-left:0
    }
}

@media (max-width: 500px) {
    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div {
        width:35px;
        margin: 8px 10px 15px 0
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .content {
        width: calc(100% - 50px)
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon {
        height: 35px;
        width: 35px;
        padding: 5px 5.5px
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon i {
        font-size: 21px
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:after,.automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:before {
        width: 6px;
        height: 6px
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:before {
        right: 5px
    }

    .automation-section .automation-card-body .automation-card-content .automation-widget .automation-list-item .automation-icon-div .automation-icon:after {
        left: 5px
    }

    .automation-section .automation-card-body {
        padding-left: 10px!important
    }

    .automation-section .p-r-0-500 {
        padding-right: 0
    }
}

:root {
    --bucket-list-placeholder-height: 0px;
    --bucket-list-drag-drop-icon: "";
    --bucket-list-drag-drop-message: "";
    --bucket-list-drag-drop-overlay-color: "";
    --bucket-list-contact-list-placeholder-height: 0px
}

.buckets-search-dropdown.select2-container .select2-choice {
    padding: 9px 23px 9px 12px;
    line-height: 13px;
    background-image: none;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: background-color ease-in-out .15s,border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #54667a;
    font-size: 14.5px;
    text-align: left;
    height: 35px;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none
}

.buckets-search-dropdown.select2-container .select2-choice::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    color: #54667a;
    position: absolute;
    right: 10px;
    top: 15px
}

.buckets-search-dropdown.select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    border-radius: .25rem;
    margin-right: 0
}

.buckets-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: none
}

.buckets-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen {
    display: none!important
}

.buckets-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important;
    color: #54667a
}

.buckets-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.buckets-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.buckets-search-dropdown.select2-container.select2-container-disabled .select2-choice {
    cursor: default;
    opacity: .65
}

.buckets-search-dropdown .select2-drop {
    padding: 8px;
    border-radius: .25rem!important;
    margin-top: 2px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    right: 0;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.buckets-search-dropdown .select2-result-single,.buckets-search-dropdown .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.buckets-search-dropdown .select2-search {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0
}

.buckets-search-dropdown .select2-search .ui-select-refreshing-custom {
    position: absolute;
    right: 20px;
    padding: 6px 6px;
    font-size: 14px;
    background-color: #fff;
    color: #019efb;
    border-radius: 100%
}

.buckets-search-dropdown .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.buckets-search-dropdown .select2-results {
    margin: 0!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.buckets-search-dropdown .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 17px;
    font-size: 15px;
    font-weight: 400;
    padding: 4px 0 4px 2px;
    border-right: 4px
}

.buckets-search-dropdown .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.buckets-search-dropdown .select2-results .select2-highlighted {
    background: #fff;
    color: #54667a
}

.buckets-search-dropdown .ui-select-choices-row:hover {
    background-color: #f5f5f5!important
}

.buckets-search-dropdown .ui-select-choices-group {
    padding: 0!important
}

.buckets-search-dropdown .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    color: #858e96
}

.buckets-search-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.buckets-search-dropdown ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.buckets-search-dropdown ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.buckets-search-dropdown .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.buckets-search-dropdown.ui-select-container.select2.direction-up .ui-select-dropdown {
    margin-top: -6px
}

.buckets-search-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.buckets-search-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-radius: .25rem!important
}

.buckets-search-dropdown .select2-results .select2-disabled {
    opacity: .75;
    color: #54667a!important
}

.buckets-search-dropdown .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

.buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice {
    width: 240px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15)
}

.buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice:hover {
    background-color: #fff
}

.buckets-search-dropdown.available-buckets-dropdown .select2-drop {
    min-width: 240px
}

.buckets-search-dropdown.available-buckets-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.buckets-search-dropdown.available-buckets-dropdown .select2-results {
    max-height: 133px
}

.buckets-search-dropdown.available-buckets-dropdown .select2-results li {
    text-align: right
}

.buckets-search-dropdown.available-buckets-dropdown .select2-results .select2-result-label {
    padding: 3px 9px 4px 7px
}

.buckets-search-dropdown.available-buckets-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.buckets-search-dropdown.available-buckets-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: rgba(0,0,0,.15)
}

.buckets-search-dropdown.available-buckets-dropdown .select2-results .select2-disabled {
    background: #fff!important
}

.buckets-search-dropdown.available-buckets-dropdown .add-list-choices-icon-div {
    width: 11.38px;
    display: inline-block
}

.buckets-search-dropdown.available-buckets-dropdown .add-list-choices-icon-div i {
    font-size: 13px
}

.buckets-search-dropdown.add-list-dropdown.select2-container .select2-choice {
    text-align: center;
    color: #2c2b2e;
    line-height: 17px;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 12px;
    width: 235px;
    background-color: #f2f4f8;
    border: 1px solid #f2f4f8
}

.buckets-search-dropdown.add-list-dropdown.select2-container .select2-choice::after {
    content: none
}

.buckets-search-dropdown.add-list-dropdown.select2-container .select2-choice:hover {
    background-color: #f2f4f8
}

.buckets-search-dropdown.add-list-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.buckets-search-dropdown.add-list-dropdown.select2-container.select2-dropdown-open.open .select2-choice {
    background-color: #fff;
    border-color: rgba(0,0,0,.15)
}

.buckets-search-dropdown.add-list-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.buckets-search-dropdown.add-list-dropdown .select2-drop {
    min-width: 235px;
    width: 235px
}

.buckets-search-dropdown.add-list-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.buckets-search-dropdown.add-list-dropdown .select2-results {
    max-height: 133px
}

.buckets-search-dropdown.add-list-dropdown .select2-results li {
    text-align: right
}

.buckets-search-dropdown.add-list-dropdown .select2-results .select2-result-label {
    padding: 3px 9px 4px 7px
}

.buckets-search-dropdown.add-list-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.buckets-search-dropdown.add-list-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #f2f4f8
}

.buckets-search-dropdown.add-list-dropdown .select2-results .select2-disabled {
    background: #fff!important
}

.buckets-search-dropdown.add-list-dropdown .add-list-choices-icon-div {
    width: 11.38px;
    display: inline-block
}

.buckets-search-dropdown.add-list-dropdown .add-list-choices-icon-div i {
    font-size: 13px
}

.buckets-search-dropdown.list-menu-dropdown.select2-container .select2-choice {
    width: 22px;
    height: 20px;
    background-color: transparent;
    border: none;
    color: #54667a;
    font-size: 18px;
    font-weight: 400;
    padding: 0 3px
}

.buckets-search-dropdown.list-menu-dropdown.select2-container .select2-choice:hover {
    color: #009efb
}

.buckets-search-dropdown.list-menu-dropdown.select2-container .select2-choice::after {
    content: none
}

.buckets-search-dropdown.list-menu-dropdown .select2-drop {
    min-width: 220px
}

.buckets-search-dropdown.list-menu-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.buckets-search-dropdown.list-menu-dropdown .select2-results {
    max-height: 203px
}

.buckets-search-dropdown.list-menu-dropdown .select2-results li {
    text-align: right;
    padding: 0
}

.buckets-search-dropdown.list-menu-dropdown .select2-results .select2-result-label {
    padding: 0
}

.buckets-search-dropdown.list-menu-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.buckets-search-dropdown.list-menu-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: rgba(0,0,0,.15)
}

.buckets-search-dropdown.list-menu-dropdown .select2-results .select2-disabled {
    background: #fff!important
}

.buckets-search-dropdown.list-menu-dropdown .choice {
    padding: 7px 9px 8px 9px
}

.buckets-search-dropdown.list-menu-dropdown .choice.with-border-top {
    border-top: 1px solid rgba(120,130,140,.13);
    margin-top: 2px;
    padding-top: 9px
}

.buckets-search-dropdown.list-menu-dropdown .add-list-choices-icon-div {
    width: 11.38px;
    display: inline-block
}

.buckets-search-dropdown.list-menu-dropdown .add-list-choices-icon-div i {
    font-size: 13px
}

.buckets-popover-menu {
    z-index: 1000;
    min-width: 10rem;
    padding: 8px;
    margin-top: .125rem!important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    font-size: 15px;
    max-height: 238px;
    overflow-y: hidden;
    width: 200px;
    overflow-x: hidden
}

.buckets-popover-menu ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.buckets-popover-menu ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.buckets-popover-menu ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.buckets-popover-menu .popover-body {
    color: #54667a;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    max-height: 220px
}

.buckets-popover-menu .popover-body .popover-menu-item {
    font-size: 15px;
    cursor: pointer;
    padding: 4px 16px;
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #54667a;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    text-align: right
}

.buckets-popover-menu .popover-body .popover-menu-item .menu-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.buckets-popover-menu .popover-body .popover-menu-item .selected-icon-div {
    width: 11.38px;
    display: inline-block
}

.buckets-popover-menu .popover-body .popover-menu-item .selected-icon-div i {
    font-size: 13px
}

.buckets-popover-menu .popover-body .popover-menu-item .popover-item-text {
    max-width: calc(100% - 15.38px);
    display: inline-block;
    white-space: normal;
    vertical-align: top
}

.buckets-popover-menu .popover-body .popover-menu-item:not(.disabled).active,.buckets-popover-menu .popover-body .popover-menu-item:not(.disabled):active,.buckets-popover-menu .popover-body .popover-menu-item:not(.disabled):hover {
    background-color: #f8f9fa
}

.buckets-popover-menu .popover-body .popover-menu-item.focus,.buckets-popover-menu .popover-body .popover-menu-item:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.buckets-popover-menu .popover-body .popover-menu-item.disabled {
    cursor: default;
    opacity: .65
}

.buckets-popover-menu .popover-body .popover-menu-header {
    font-size: 14px;
    padding: 5px 16px;
    display: block;
    width: 100%;
    font-weight: 500;
    color: #2c2b2e;
    margin-top: 5px
}

.buckets-popover-menu.contact-popover {
    width: auto;
    max-width: 235px;
    margin-top: 0!important
}

.buckets-popover-menu.contact-popover .popover-body {
    max-height: 184px
}

.buckets-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.buckets-section .loader .white-background {
    background-color: #fff
}

.buckets-section .loader.buckets-loader {
    height: calc(100% - 76px);
    margin-top: 76px
}

.buckets-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.buckets-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.buckets-section ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.buckets-section .editable-click,.buckets-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.buckets-section .editable-click p,.buckets-section a.editable-click p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 380px;
    line-height: 22px;
    font-size: 18px
}

.buckets-section .editable-click i,.buckets-section a.editable-click i {
    color: #428bca;
    margin-left: 15px;
    font-size: 14px
}

.buckets-section .editable-click.disabled,.buckets-section a.editable-click.disabled {
    cursor: default;
    opacity: .65
}

.buckets-section .editable-controls.form-group {
    position: relative;
    max-width: 265px
}

.buckets-section .editable-controls.form-group .is-invalid,.buckets-section .editable-controls.form-group :invalid {
    border-color: rgba(0,0,0,.15);
    border-bottom-color: #dc3545
}

.buckets-section .editable-controls.form-group .is-invalid.focus,.buckets-section .editable-controls.form-group .is-invalid:focus,.buckets-section .editable-controls.form-group :invalid.focus,.buckets-section .editable-controls.form-group :invalid:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.buckets-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.buckets-section .editable-buttons .btn-primary,.buckets-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 31px;
    padding: 6px;
    margin-left: 3px
}

.buckets-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.buckets-section .editable-has-buttons {
    padding-right: 80px;
    font-size: 14px;
    min-height: 35px
}

.buckets-section .editable-empty,.buckets-section .editable-empty:focus,.buckets-section .editable-empty:hover,.buckets-section a.editable-empty,.buckets-section a.editable-empty:focus,.buckets-section a.editable-empty:hover {
    color: #428bca
}

.buckets-section .editable-wrap .editable-error {
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: -28px;
    white-space: normal;
    line-height: 13px
}

.buckets-section .buckets-card-body {
    height: calc(100vh - 260px);
    overflow: hidden;
    padding: 1.25rem 1.25rem .75rem
}

.buckets-section .buckets-card-body .buckets-card-header {
    width: 100%
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-edit-bucket-name {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-menu {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.buckets-section .buckets-card-body .buckets-card-header .search-div {
    width: 220px;
    display: inline-block;
    margin: 0 15px
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .app-search {
    text-align: left
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .app-search.search-submitted .search-input {
    border-color: #009efb
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .app-search.search-submitted .search-submit-btn {
    color: #009efb
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .app-search.search-submitted .search-clear-btn {
    color: #54667a
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .search-input {
    display: inline;
    width: 100%;
    border-radius: .25rem;
    color: #54667a;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 50px 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 35px
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: 0 0;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .search-submit-btn.disabled {
    cursor: default;
    opacity: .65
}

.buckets-section .buckets-card-body .buckets-card-header .search-div .search-clear-btn {
    margin-left: -49px;
    border-right: 1px solid #ccc;
    padding: 0 7px;
    font-size: 16px;
    vertical-align: middle
}

.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
    width: 220px;
    margin: 0 15px
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-select {
    margin-right: 15px
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
    width: 240px
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn {
    font-weight: 400;
    border-radius: .25rem;
    cursor: pointer;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 40px;
    height: 35px;
    padding: 6px 9px;
    line-height: 18px
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn.disabled {
    cursor: default
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn:not(.disabled).focus,.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn:not(.disabled):focus,.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn:not(.disabled):hover {
    color: #009efb;
    outline: 0
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-menu .buckets-menu-btn::after {
    content: none
}

.buckets-section .buckets-card-body .buckets-card-header .buckets-menu.show .buckets-menu-btn {
    color: #009efb
}

.buckets-section .buckets-card-body .buckets-card-content {
    width: 100%;
    height: calc(100% - 44px);
    overflow-y: hidden;
    padding-top: 30px;
    position: relative
}

.buckets-section .buckets-card-body .buckets-card-content.scroll-bucket {
    overflow-x: auto
}

.buckets-section .buckets-card-body .buckets-card-content.empty {
    overflow-x: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buckets-section .buckets-card-body .buckets-card-content.empty .container {
    padding: 25px;
    text-align: center
}

.buckets-section .buckets-card-body .buckets-card-content.empty .container .icon-div i {
    font-size: 26px
}

.buckets-section .buckets-card-body .buckets-card-content.empty .container .content .loading,.buckets-section .buckets-card-body .buckets-card-content.empty .container .content p {
    line-height: 20px;
    font-size: 16px;
    margin: 10px 0 4px;
    font-weight: 400
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll {
    padding: 0 5px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    overflow: hidden;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col {
    background-color: #fff;
    height: 100%;
    max-height: calc(100% - 7px);
    position: relative
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col.add-list-col {
    width: 235px;
    padding-right: 0
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container {
    width: 300px;
    margin-right: 3rem;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#f2f4f8),to(#e9eef1));
    background: linear-gradient(to bottom,#f2f4f8 0,#e9eef1 100%);
    height: auto;
    max-height: 100%;
    overflow: hidden;
    padding: 10px 5px 15px 7px;
    border-radius: .25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header {
    padding: 4px 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background-color: transparent
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-title {
    color: #2c2b2e;
    line-height: 19px;
    font-size: 17px;
    font-weight: 400;
    max-width: 230px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-subtitle {
    color: #54667a;
    font-size: 13px;
    font-weight: 300
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn {
    color: #54667a;
    font-size: 18px;
    font-weight: 400;
    padding: 0 3px;
    border: none;
    border-radius: .25rem;
    background-color: transparent
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(.disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(.disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(.disabled):hover,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(:disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(:disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn:not(:disabled):hover {
    color: #009efb;
    outline: 0
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .list-menu-btn::after {
    content: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu.show .list-menu-btn {
    color: #009efb
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-header .list-menu .dropdown-menu {
    right: 0;
    left: auto!important;
    text-align: right
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: none;
    padding: 1px 2px 0 3px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items {
    min-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item {
    display: none;
    -webkit-animation: fadein .3s;
    animation: fadein .3s;
    text-decoration: none;
    background-color: #fff;
    border-radius: .25rem;
    margin-right: 4px;
    position: relative;
    border: 1px solid transparent
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item.contact-highlight {
    -webkit-animation: highlightBoxShadow 3s ease-in-out;
    animation: highlightBoxShadow 3s ease-in-out
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item:not(:last-child) {
    margin-bottom: 7px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container {
    padding: .8rem .5rem;
    border-right: 2px solid transparent
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title {
    min-height: 36px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .avatar-div {
    width: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: display .35s;
    transition: display .35s
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .name-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 87px)
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .name-div h5 {
    width: calc(100% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .name-div .company {
    font-size: 13px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .time-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    width: 50px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-title .time-div .time-block {
    font-size: 13px;
    display: block
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .disposition {
    height: 24.88px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .disposition.with-border-divider {
    border-right: 1px solid #ccc;
    padding-right: 15px;
    margin-right: 7px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .disposition .badge {
    font-size: 12px;
    padding: 6px 10px 5px;
    font-weight: 400
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .tag {
    height: 24.88px;
    color: #e8e8e8;
    background-color: #000;
    padding: 2px 10px 4px;
    display: inline-block;
    font-size: 12px;
    border-radius: 20px;
    -webkit-transition: color .35s,background-color .35s;
    transition: color .35s,background-color .35s
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .tag .label-div {
    max-width: 72.55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .list-scroll .list-items .list-item .contact-container .contact-info .disposition-tags-div .more-tags {
    font-size: 13px;
    color: #54667a;
    font-weight: 400;
    padding: 5px 0
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container .dndPlaceholder {
    display: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover {
    min-height: 176.97px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover::before {
    background-color: rgba(255,255,255,.8);
    position: absolute;
    border-radius: .25rem;
    min-height: 97.47px;
    height: calc(var(--bucket-list-contact-list-placeholder-height) + 2px);
    width: 288px;
    top: 64px;
    left: 7px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 3;
    content: var(--bucket-list-drag-drop-icon);
    font-family: "Font Awesome 6 Pro";
    font-size: 45px;
    font-weight: 200;
    color: var(--bucket-list-drag-drop-overlay-color)
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover::after {
    content: var(--bucket-list-drag-drop-message);
    font-size: 15px;
    font-weight: 400;
    color: var(--bucket-list-drag-drop-overlay-color);
    background-color: #fff;
    padding: 0 4px;
    position: absolute;
    z-index: 4;
    top: calc(var(--bucket-list-contact-list-placeholder-height)/ 2 + 90px);
    left: 10px;
    text-align: center;
    height: auto;
    width: 280px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover .list-item {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.2,1);
    transition: -webkit-transform 250ms cubic-bezier(0,0,.2,1);
    transition: transform 250ms cubic-bezier(0,0,.2,1);
    transition: transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover .list-item.dndDragging {
    cursor: auto
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container.dndDragover .dndDraggingSource {
    opacity: .5
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container:not(.dndDragover) .list-item {
    cursor: pointer
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container:not(.dndDragover) .list-item.dndDragging {
    cursor: auto
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .list-container:not(.dndDragover) .list-item:hover {
    background-color: #fafafa
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .infinite-scroll-loading {
    width: 300px;
    height: 0;
    opacity: 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    background-color: rgba(255,255,255,.8);
    bottom: 0;
    left: auto;
    right: auto;
    padding-bottom: 10px;
    overflow: hidden;
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1);
    margin-left: -7px
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .infinite-scroll-loading.show {
    height: 38.5px;
    opacity: 1
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .infinite-scroll-loading .loading-spinner-div {
    width: 25px;
    text-align: center;
    display: inline-block
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .infinite-scroll-loading .loading-spinner-div .spinner-border {
    width: 25px;
    height: 25px;
    border-width: 2px;
    vertical-align: text-top
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu {
    display: none;
    position: absolute;
    width: 52px;
    padding-left: 23px;
    z-index: 1
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu.show {
    display: block
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu.show .menu-btn {
    color: #019efb
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn {
    width: 29px;
    height: auto;
    color: #54667a;
    border: none;
    display: block;
    cursor: default
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.menu-btn {
    font-size: 17px;
    padding: 3px 7px;
    background-color: transparent
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn {
    font-size: 15px;
    padding: 3px 6px;
    background-color: transparent;
    border: 1px solid #54667a
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(.disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(.disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(.disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(.disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(.disabled):hover,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(:disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(:disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(:disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(:disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.call-btn:not(:disabled):hover,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(.disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(.disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(.disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(.disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(.disabled):hover,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(:disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(:disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(:disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(:disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn.sms-btn:not(:disabled):hover {
    border-color: #019efb
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:after {
    content: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled),.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled) {
    cursor: pointer
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(.disabled):hover,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled).active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled).focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled):active,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled):focus,.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-col .bucket-contact-menu .actions-btn:not(:disabled):hover {
    color: #019efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container .dndPlaceholder {
    display: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container .dndDraggingSource {
    opacity: .5
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container.dndDragover .list-col {
    -webkit-transition: -webkit-transform 250ms cubic-bezier(0,0,.2,1);
    transition: -webkit-transform 250ms cubic-bezier(0,0,.2,1);
    transition: transform 250ms cubic-bezier(0,0,.2,1);
    transition: transform 250ms cubic-bezier(0,0,.2,1),-webkit-transform 250ms cubic-bezier(0,0,.2,1)
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container.dndDragover .dndDraggingSource {
    display: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .list-cols-container.dndDragover .dndPlaceholder {
    background-color: rgba(242,244,248,.4392156863)!important;
    border-radius: .25rem;
    display: block;
    height: var(--bucket-list-placeholder-height);
    max-height: calc(100% - 7px);
    width: 300px;
    position: relative;
    margin-right: 3rem;
    list-style: none
}

.buckets-section .buckets-card-body .buckets-card-content .list-col-scroll .dndDragging {
    opacity: .9
}

@media (min-width: 1751px) {
    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width:220px
    }
}

@media (max-width: 1550px) {
    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width:275px
    }
}

@media (max-width: 1424px) {
    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width:155px
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width: 180px
    }

    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width: 210px
    }
}

@media (max-width: 1280px) {
    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width:170px
    }

    .buckets-section .editable-has-buttons {
        width: 225px
    }
}

@media (max-width: 1200px) {
    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-edit-bucket-name {
        -webkit-box-pack:end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        height: 35px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .buckets-section .editable-click,.buckets-section a.editable-click {
        margin-right: 0!important
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-menu {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .buckets-section .buckets-card-body .buckets-card-content {
        padding-top: 20px;
        height: calc(100% - 80px)
    }

    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width: 260px
    }

    .buckets-section .editable-has-buttons {
        width: 265px
    }
}

@media (max-width: 1023px) {
    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width:220px
    }

    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width: 230px
    }

    .buckets-section .buckets-card-body .buckets-card-header .edit-bucket-name-placeholder {
        max-width: 187px
    }
}

@media (max-width: 830px) {
    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width:180px
    }
}

@media (max-width: 767px) {
    .buckets-section .buckets-card-body {
        height:calc(100vh - 285px)
    }
}

@media (max-width: 670px) {
    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-menu {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-edit-bucket-name {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        text-align: right
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width: 210px;
        margin-right: 0
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        margin-left: auto
    }

    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width: 240px
    }
}

@media (max-width: 570px) {
    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width:215px
    }

    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width: 195px
    }

    .buckets-section .editable-has-buttons {
        width: 230px
    }

    .buckets-section .editable-controls.form-group {
        max-width: 230px
    }
}

@media (max-width: 530px) {
    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width:175px
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width: 190px
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
        flex: 1 0 45%
    }
}

@media (max-width: 480px) {
    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-menu {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 45%;
        flex: 1 0 45%
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-edit-bucket-name {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .buckets-section .editable-controls.form-group {
        max-width: calc(100vw - 40px)
    }

    .buckets-section .editable-has-buttons {
        width: calc(100vw - 40px)
    }

    .buckets-section .editable-click p,.buckets-section a.editable-click p {
        max-width: calc(100vw - 80px)
    }

    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width: 155px
    }

    .buckets-search-dropdown.available-buckets-dropdown .select2-drop {
        right: auto;
        left: 0
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div .app-search {
        text-align: left
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width: 148px
    }

    .buckets-section .buckets-card-body .buckets-card-content {
        height: calc(100% - 125px)
    }
}

@media (max-width: 400px) {
    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        width:132px
    }
}

@media (max-width: 370px) {
    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets {
        margin-right:0
    }

    .buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-available-buckets,.buckets-section .buckets-card-body .buckets-card-header .header-title-actions .header-search {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%
    }

    .buckets-section .buckets-card-body .buckets-card-header .search-div,.buckets-section .buckets-card-body .buckets-card-header .search-input-placeholder {
        margin: 0;
        width: calc(100vw - 40px)
    }

    .buckets-search-dropdown.available-buckets-dropdown.select2-container .select2-choice,.buckets-section .buckets-card-body .buckets-card-header .buckets-select .available-buckets-dropdown-placeholder {
        width: calc(100vw - 40px)
    }

    .buckets-section .buckets-card-body .buckets-card-content {
        height: calc(100% - 165px)
    }
}

.byoc-section .byoc-card-body .assistance-with-account,.byoc-section .byoc-card-body .byoc-explainer,.byoc-section .byoc-card-body .call-to-action,.byoc-section .byoc-card-body .contact-us {
    padding: 1.25rem;
    text-align: center;
    border-radius: .25rem
}

.byoc-section .byoc-card-body .assistance-with-account .block-subtitle-highlighted,.byoc-section .byoc-card-body .byoc-explainer .block-subtitle-highlighted,.byoc-section .byoc-card-body .call-to-action .block-subtitle-highlighted,.byoc-section .byoc-card-body .contact-us .block-subtitle-highlighted {
    color: #ff214f
}

.byoc-section .byoc-card-body .assistance-with-account .block-description,.byoc-section .byoc-card-body .byoc-explainer .block-description,.byoc-section .byoc-card-body .call-to-action .block-description,.byoc-section .byoc-card-body .contact-us .block-description {
    font-size: 15px;
    line-height: 20px;
    max-width: 55%;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.byoc-section .byoc-card-body .assistance-with-account .block-actions,.byoc-section .byoc-card-body .byoc-explainer .block-actions,.byoc-section .byoc-card-body .call-to-action .block-actions,.byoc-section .byoc-card-body .contact-us .block-actions {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.byoc-section .byoc-card-body .assistance-with-account .block-actions .action-btn,.byoc-section .byoc-card-body .byoc-explainer .block-actions .action-btn,.byoc-section .byoc-card-body .call-to-action .block-actions .action-btn,.byoc-section .byoc-card-body .contact-us .block-actions .action-btn {
    border: 1px solid #54667a;
    color: #54667a;
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 35px;
    border-radius: .25rem;
    background: #fff
}

.byoc-section .byoc-card-body .assistance-with-account .block-actions .action-btn:hover,.byoc-section .byoc-card-body .byoc-explainer .block-actions .action-btn:hover,.byoc-section .byoc-card-body .call-to-action .block-actions .action-btn:hover,.byoc-section .byoc-card-body .contact-us .block-actions .action-btn:hover {
    opacity: .7
}

.byoc-section .byoc-card-body .assistance-with-account .block-actions .action-btn.focus,.byoc-section .byoc-card-body .assistance-with-account .block-actions .action-btn:focus,.byoc-section .byoc-card-body .byoc-explainer .block-actions .action-btn.focus,.byoc-section .byoc-card-body .byoc-explainer .block-actions .action-btn:focus,.byoc-section .byoc-card-body .call-to-action .block-actions .action-btn.focus,.byoc-section .byoc-card-body .call-to-action .block-actions .action-btn:focus,.byoc-section .byoc-card-body .contact-us .block-actions .action-btn.focus,.byoc-section .byoc-card-body .contact-us .block-actions .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.byoc-section .byoc-card-body .byoc-explainer,.byoc-section .byoc-card-body .call-to-action {
    border: 1px solid #f2f4f8;
    background-color: #f2f4f8
}

.byoc-section .byoc-card-body .call-to-action {
    position: relative
}

.byoc-section .byoc-card-body .call-to-action .preferred-block {
    border: 1px solid #ff214f;
    color: #ff214f;
    font-size: 15.5px;
    font-weight: 400;
    padding: 5px 35px;
    border-radius: .25rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: -19px;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: 0 auto
}

.byoc-section .byoc-card-body .call-to-action .block-logo {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.byoc-section .byoc-card-body .call-to-action .block-logo img {
    width: 100%
}

.byoc-section .byoc-card-body .call-to-action .block-logo.commio-logo {
    width: 155px;
    height: 28px
}

.byoc-section .byoc-card-body .call-to-action .block-have-account {
    text-align: center
}

.byoc-section .byoc-card-body .call-to-action .block-have-account .have-account {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.byoc-section .byoc-card-body .assistance-with-account,.byoc-section .byoc-card-body .contact-us {
    border: 1px solid #fff;
    background-color: #fff;
    padding: .5rem 1.25rem 1.25rem
}

.byoc-section .byoc-card-body .providers {
    padding: 1.25rem
}

.byoc-section .byoc-card-body .providers .provider-block {
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 1.5rem 2rem .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.byoc-section .byoc-card-body .providers .provider-block.commio {
    margin-left: 5px
}

.byoc-section .byoc-card-body .providers .provider-block.telnyx {
    margin-left: 5px
}

.byoc-section .byoc-card-body .providers .provider-block .block-logo {
    -ms-flex-preferred-size: 180px;
    flex-basis: 180px;
    -ms-flex-item-align: center;
    align-self: center
}

.byoc-section .byoc-card-body .providers .provider-block .block-logo img {
    width: 100%;
    height: auto
}

.byoc-section .byoc-card-body .providers .provider-block .block-logo.commio-logo img {
    width: 155px;
    height: 28px;
    margin-top: 12px
}

.byoc-section .byoc-card-body .providers .provider-block .block-logo.twilio-logo img {
    width: 140px;
    height: 44px;
    margin-top: 5px
}

.byoc-section .byoc-card-body .providers .provider-block .block-logo.telnyx-logo img {
    width: 127px;
    height: 33px;
    margin-top: 8px
}

.byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials {
    display: inline-block;
    position: relative
}

.byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status {
    font-size: 14.5px;
    line-height: 20px;
    font-weight: 400;
    position: absolute;
    bottom: 0;
    top: auto;
    right: 0;
    left: 0
}

.byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status.error {
    color: red
}

.byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status.success {
    color: #50c05d
}

.byoc-section .byoc-card-body .providers .provider-block .block-credentials .submit-btn {
    display: inline-block;
    padding: 6.25px 12px;
    height: 32px
}

.byoc-section .byoc-card-body .providers .provider-block .block-default-provider {
    text-align: center
}

.byoc-section .byoc-card-body .providers .provider-block .block-default-provider .default-toggle-div {
    text-align: center
}

.byoc-section .byoc-card-body .providers .provider-block .block-default-provider .default-toggle-div .custom-square-switch-toggle {
    float: unset
}

.byoc-section .byoc-card-body .providers .provider-block .channels-cps {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.byoc-section .byoc-card-body .providers .provider-block .channels-cps .channels-div,.byoc-section .byoc-card-body .providers .provider-block .channels-cps .cps-div {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px;
    height: 53.5px
}

.byoc-section .byoc-card-body .providers .provider-block .channels-cps .channels-div .input-label,.byoc-section .byoc-card-body .providers .provider-block .channels-cps .cps-div .input-label {
    display: block
}

.byoc-section .byoc-card-body .providers .provider-block .block-need-account {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    text-align: center
}

.byoc-section .byoc-card-body .providers .provider-block .block-need-account .need-account-link {
    color: #54667a;
    font-size: 14px;
    line-height: 18px;
    text-decoration: underline
}

.byoc-section .byoc-card-body .providers .provider-block .input-label {
    line-height: 18px;
    font-size: 16px;
    font-weight: 400
}

.byoc-section .byoc-card-body .providers .provider-block .custom-input {
    font-size: 15px;
    min-height: 32px;
    vertical-align: middle;
    max-width: 300px
}

.byoc-section .byoc-card-body .providers .provider-block .custom-input.invalid {
    border-bottom: 1px solid red
}

.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .input-label {
    margin-bottom: 16px
}

.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .channels-edit,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .cps-edit,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .default-toggle-div,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .input-label,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .need-account-link {
    margin-left: auto;
    margin-right: auto
}

.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .channels-edit,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .cps-edit {
    width: 48px;
    height: 23.5px
}

.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .custom-input {
    width: 300px;
    height: 26px;
    display: block
}

.byoc-section .editable-click,.byoc-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 5.25px 0
}

.byoc-section .editable-click p,.byoc-section a.editable-click p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 120px;
    line-height: 18px;
    font-size: 14px;
    text-decoration: underline;
    color: #54667a;
    padding-right: .25rem
}

.byoc-section .editable-click i,.byoc-section a.editable-click i {
    color: #54667a;
    font-size: 14px
}

.byoc-section .editable-click.disabled,.byoc-section a.editable-click.disabled {
    cursor: default;
    opacity: .65
}

.byoc-section .editable-controls.form-group {
    position: relative;
    max-width: 265px
}

.byoc-section .editable-controls.form-group .is-invalid,.byoc-section .editable-controls.form-group :invalid {
    border-color: rgba(0,0,0,.15);
    border-bottom-color: #dc3545
}

.byoc-section .editable-controls.form-group .is-invalid.focus,.byoc-section .editable-controls.form-group .is-invalid:focus,.byoc-section .editable-controls.form-group :invalid.focus,.byoc-section .editable-controls.form-group :invalid:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.byoc-section .editable-buttons {
    position: absolute;
    top: .5px;
    right: 3px
}

.byoc-section .editable-buttons .btn-primary,.byoc-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 23px;
    padding: 2px;
    margin-left: 3px
}

.byoc-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.byoc-section .editable-has-buttons {
    padding: 4px 70px 4px 12px;
    font-size: 14px;
    min-height: 27px;
    vertical-align: middle;
    max-width: 150px
}

.byoc-section .editable-empty,.byoc-section .editable-empty:focus,.byoc-section .editable-empty:hover,.byoc-section a.editable-empty,.byoc-section a.editable-empty:focus,.byoc-section a.editable-empty:hover {
    color: #428bca
}

.byoc-section .editable-wrap .editable-error {
    font-weight: 400;
    position: absolute;
    bottom: -22px;
    white-space: normal;
    font-size: 13.5px;
    line-height: 20px
}

.byoc-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.byoc-section .loader .white-background {
    background-color: #fff
}

.byoc-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.byoc-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.byoc-section ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

@media (max-width: 1800px) {
    .byoc-section.open-right-sidebar .byoc-card-body .assistance-with-account .block-description,.byoc-section.open-right-sidebar .byoc-card-body .byoc-explainer .block-description,.byoc-section.open-right-sidebar .byoc-card-body .call-to-action .block-description,.byoc-section.open-right-sidebar .byoc-card-body .contact-us .block-description {
        max-width:75%
    }
}

@media (min-width: 1426px) and (max-width:1560px) {
    .byoc-section.open-right-sidebar .byoc-card-body .assistance-with-account .block-description,.byoc-section.open-right-sidebar .byoc-card-body .byoc-explainer .block-description,.byoc-section.open-right-sidebar .byoc-card-body .call-to-action .block-description,.byoc-section.open-right-sidebar .byoc-card-body .contact-us .block-description {
        max-width:95%!important
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-logo {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-logo.commio-logo img,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-logo.telnyx-logo img,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-logo.twilio-logo img {
        margin-top: 0;
        margin-bottom: 10px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-credentials {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .channels-cps {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-default-provider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: right
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-need-account {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .input-label {
        text-align: left;
        width: 100%
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-default-provider .default-toggle-div {
        text-align: right
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .channels-cps {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        gap: 1rem;
        padding-bottom: 20px!important
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status {
        text-align: center;
        bottom: 4px
    }

    .byoc-section.open-right-sidebar .editable-wrap .editable-error {
        text-align: center;
        font-size: 12.5px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers {
        padding-top: 0
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block .block-credentials .api-credentials {
        width: calc(100% - 65px)
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block {
        margin-left: 0!important
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-logo .logo {
        margin: 0 auto 10px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .input-label,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .channels-cps .input-label,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .channels-edit,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .cps-edit {
        margin-left: 0;
        margin-right: auto
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .input-label {
        width: 114px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-default-provider .input-label,.byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .default-toggle-div {
        margin-left: auto;
        margin-right: 0
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-default-provider .input-label {
        width: 120px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .channels-cps .input-label {
        width: 70px
    }

    .byoc-section.open-right-sidebar .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .credentials-form {
        padding-bottom: 18px!important
    }
}

@media (max-width: 1440px) {
    .byoc-section .byoc-card-body .assistance-with-account .block-description,.byoc-section .byoc-card-body .byoc-explainer .block-description,.byoc-section .byoc-card-body .call-to-action .block-description,.byoc-section .byoc-card-body .contact-us .block-description {
        max-width:75%
    }
}

@media (max-width: 1300px) {
    .byoc-section .byoc-card-body .providers .provider-block .custom-input {
        max-width:100%
    }

    .byoc-section .byoc-card-body .providers .provider-block .channels-cps .channels-div,.byoc-section .byoc-card-body .providers .provider-block .channels-cps .cps-div {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px
    }

    .byoc-section .editable-has-buttons {
        max-width: 130px
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status {
        font-size: 13.5px
    }
}

@media (min-width: 1024px) and (max-width:1199px),(min-width:690px) and (max-width:950px),(max-width:689px) {
    .byoc-section .byoc-card-body .assistance-with-account .block-description,.byoc-section .byoc-card-body .byoc-explainer .block-description,.byoc-section .byoc-card-body .call-to-action .block-description,.byoc-section .byoc-card-body .contact-us .block-description {
        max-width:95%
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-logo {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-logo.commio-logo img,.byoc-section .byoc-card-body .providers .provider-block .block-logo.telnyx-logo img,.byoc-section .byoc-card-body .providers .provider-block .block-logo.twilio-logo img {
        margin-top: 0;
        margin-bottom: 10px
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .byoc-section .byoc-card-body .providers .provider-block .channels-cps {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-default-provider {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: right
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-need-account {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .byoc-section .byoc-card-body .providers .provider-block .input-label {
        text-align: left;
        width: 100%
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-default-provider .default-toggle-div {
        text-align: right
    }

    .byoc-section .byoc-card-body .providers .provider-block .channels-cps {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: left;
        gap: 1rem;
        padding-bottom: 20px!important
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials .provider-status {
        text-align: center;
        bottom: 4px
    }

    .byoc-section .editable-wrap .editable-error {
        text-align: center;
        font-size: 12.5px
    }

    .byoc-section .byoc-card-body .providers {
        padding-top: 0
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials .api-credentials {
        width: calc(100% - 65px)
    }

    .byoc-section .byoc-card-body .providers .provider-block {
        margin-left: 0!important
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-logo .logo {
        margin: 0 auto 10px
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .input-label,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .channels-cps .input-label,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .channels-edit,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .cps-edit {
        margin-left: 0;
        margin-right: auto
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .input-label {
        width: 114px
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-default-provider .input-label,.byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .default-toggle-div {
        margin-left: auto;
        margin-right: 0
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-default-provider .input-label {
        width: 120px
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .channels-cps .input-label {
        width: 70px
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .block-credentials .credentials-form {
        padding-bottom: 18px!important
    }
}

@media (max-width: 689px) {
    .byoc-section .byoc-card-body .assistance-with-account .block-description,.byoc-section .byoc-card-body .byoc-explainer .block-description,.byoc-section .byoc-card-body .call-to-action .block-description,.byoc-section .byoc-card-body .contact-us .block-description {
        max-width:100%
    }
}

@media (max-width: 600px) {
    .byoc-section .byoc-card-body .providers .provider-block {
        padding:1.5rem 0rem .5rem
    }
}

@media (max-width: 550px) {
    .byoc-section .byoc-card-body .providers .provider-block .block-default-provider {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-default-provider .default-toggle-div {
        text-align: left;
        padding-bottom: 10px
    }

    .byoc-section .byoc-card-body .providers .provider-block .block-credentials .credentials-form {
        width: 100%
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .default-toggle-div {
        margin-left: 0;
        margin-right: auto;
        margin-bottom: 12px
    }

    .byoc-section .byoc-card-body .providers .provider-block.provider-placeholder .custom-input {
        width: 100%
    }
}

@media (max-width: 400px) {
    .byoc-section .byoc-card-body .providers .provider-block .channels-cps .channels-div,.byoc-section .byoc-card-body .providers .provider-block .channels-cps .cps-div {
        -ms-flex-preferred-size:47%;
        flex-basis: 47%
    }

    .byoc-section .editable-has-buttons {
        max-width: 120px
    }
}

.call-tracking-section .statistics-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.8rem
}

.call-tracking-section .statistics-div .card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.call-tracking-section .statistics-div .card .card-body {
    padding: 12px
}

.call-tracking-section .calls-line-chart-div .chart-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.call-tracking-section .calls-line-chart-div .chart-title .legend-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.call-tracking-section .calls-line-chart-div .chart-title .legend-div .outbound-calls {
    color: #b5b4b4
}

.call-tracking-section .calls-line-chart-div .chart-title .legend-div .inbound-calls {
    color: #ee3843
}

.call-tracking-section .calls-line-chart-div .chart-body {
    position: relative;
    height: 320px;
    font-size: 14px
}

.call-tracking-section .calls-line-chart-div .chart-body .ct-chart {
    height: 100%!important
}

.call-tracking-section .calls-line-chart-div .chart-body .loading {
    font-size: 16px
}

.call-tracking-section .call-routing .call-routing-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.call-tracking-section .call-routing .call-routing-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.call-tracking-section .call-routing .call-routing-header .action-btn {
    height: 34px;
    line-heigth: 18px;
    font-size: 14px
}

.call-tracking-section .call-routing .call-routing-header .action-btn.dark-outline {
    color: #495057;
    border-color: #495057;
    background-color: #fff
}

.call-tracking-section .call-routing .call-routing-header .action-btn.blue-outline {
    color: #009efb;
    border-color: #009efb;
    background-color: #fff
}

.call-tracking-section .call-routing .call-routing-header .action-btn:hover {
    opacity: .7
}

.call-tracking-section .call-routing .call-routing-header .action-btn.active,.call-tracking-section .call-routing .call-routing-header .action-btn.focus,.call-tracking-section .call-routing .call-routing-header .action-btn:active,.call-tracking-section .call-routing .call-routing-header .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.call-tracking-section .call-routing .call-routing-list {
    position: relative
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div {
    padding: 15px 10px 12px;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    position: relative;
    cursor: pointer
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div:not(.placeholder).selected,.call-tracking-section .call-routing .call-routing-list .call-routing-div:not(.placeholder):hover {
    background: #f2f4f8;
    border-radius: 4px
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div.placeholder {
    cursor: default
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .icon-div {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    position: relative;
    padding: 7px 8px;
    margin-right: 15px
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .icon-div i {
    font-size: 18px
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div {
    width: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-title h5 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-item-align: center;
    align-self: center
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-1 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-2 {
    -ms-flex-preferred-size: 39%;
    flex-basis: 39%
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-3 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .info-text i,.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .info-text span {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .info-text span {
    font-weight: 400
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .info-text .date-div {
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .info-text .content-span {
    font-weight: 500;
    margin-left: 5px;
    vertical-align: middle
}

.call-tracking-section .time-chart-block {
    padding: 0 15px
}

.call-tracking-section .time-chart-block .chart-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.call-tracking-section .time-chart-block .chart-title .selected-data {
    font-size: 15px;
    font-weight: 400;
    max-width: 80%;
    margin-left: auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.call-tracking-section .time-chart-block .chart-title .chart-info {
    margin-right: 0;
    margin-left: auto;
    width: calc(100% - 160px);
    text-align: right
}

.call-tracking-section .time-chart-block .chart-body {
    position: relative;
    width: 100%;
    height: 550px;
    font-size: 14px
}

.call-tracking-section .time-chart-block .chart-body .time-analysis-chart {
    height: 100%!important
}

.call-tracking-section .time-chart-block .chart-body .loading {
    font-size: 16px
}

.call-tracking-section .map-chart-block .map-chart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.call-tracking-section .map-chart-block .map-chart-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.call-tracking-section .map-chart-block .map-chart-header ul.call-options li,.call-tracking-section .map-chart-block .map-chart-header ul.sms-options li {
    padding: 0 15px
}

.call-tracking-section .map-chart-block .map-chart-header .card-subtitle {
    margin-bottom: 11px
}

.call-tracking-section .map-chart-block .map-chart-header .radio {
    font-size: 15px;
    position: relative;
    width: 100%;
    height: 30.5px
}

.call-tracking-section .map-chart-block .map-chart-header .radio.placeholder {
    max-width: 170px;
    min-width: 105px
}

.call-tracking-section .map-chart-block .map-chart-header .radio input[type=radio] {
    position: absolute;
    left: 2px;
    top: 4px
}

.call-tracking-section .map-chart-block .map-chart-header .radio label::after {
    top: 7px
}

.call-tracking-section .map-chart-block .map-chart-header .radio label::before {
    top: 2px
}

.call-tracking-section .map-chart-block .map-chart-body .map-chart-div {
    position: relative;
    width: 100%;
    height: 400px
}

.call-tracking-section .map-chart-block .map-chart-body .map-chart-div .map-chart {
    height: 100%!important
}

.call-tracking-section .map-chart-block .map-chart-body .map-chart-div .loading {
    font-size: 16px
}

.call-tracking-section .empty-section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 1
}

.call-tracking-section .empty-section.placeholder-graph {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.call-tracking-section .empty-section.placeholder-graph.line-graph {
    width: calc(100% - 15px);
    height: calc(100% - 35px);
    background-position: bottom;
    margin: 20px 0 0 15px;
    background-size: cover;
    background-image: url('data:image/svg+xml, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1293 350" style="enable-background:new 0 0 1293 350;" xml:space="preserve"> <style type="text/css"> .st0{fill:%23E4E4E4;} .st1{opacity:0.35;fill:url(%23SVGID_1_);enable-background:new ;} .st2{opacity:0.35;fill:url(%23SVGID_2_);enable-background:new ;} .st3{fill:%23B5B4B4;} .st4{fill:%23E5E4E3;} .st5{fill:%23EFEFEF;} </style> <g> <rect x="55.1" y="283.4" class="st0" width="1205.4" height="1.3"/> <rect x="55.1" y="255.4" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="227.1" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="198.9" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="170.7" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="142.4" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="114.2" class="st0" width="1205.4" height="0.9"/> <rect x="55.1" y="86" class="st0" width="1205.4" height="0.9"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="56.2064" y1="979.5445" x2="1260.4568" y2="979.5445" gradientTransform="matrix(1 0 0 1 0 -736.4697)"> <stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/> </linearGradient> <path class="st1" d="M62.7,253.5c0,0,223.5-66.7,235.4-68.8c11.9-2.1,114.3,36.5,114.3,36.5l197.9,30.2c0,0,126.2-45.8,143.3-51.1 c17.1-5.2,170.6-21.9,170.6-21.9l191.1,53.2l145.2-60.5l-0.1,143.9H57.5l-1.3-59.7L62.7,253.5z"/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="56.7843" y1="1016.7635" x2="1259.8789" y2="1016.7635" gradientTransform="matrix(1 0 0 1 0 -736.4697)"> <stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/> </linearGradient> <path class="st2" d="M57,292.7l309.4-47c0,0,551.1,47,579,43.8c27.9-3.2,127.5-17.9,127.5-17.9l187,27.6l-0.3,15.8H56.8L57,292.7z" /> <path class="st3" d="M1260.7,315.1H56.1V53.9h1204.6V315.1z M57.2,314.5h1202.3V54.6H57.2V314.5z"/> <path class="st4" d="M1256.3,25.3l-9.8,3.2l-23.7-8.6l-34.4,1.9l-25.8,6.7l-25.8-2.9l-28,2.9l-73,3l-43.3-3.9c0,0-30.9,0-45.3,1.3 c-10.9,1-26.5-1.2-33.8-2.4c-4.3-7.9-9.7-17.3-10.6-17.6c-1.6-0.4-11.2-2.4-11.2-2.4l-9.9,25.3L850,31.6l-9.9,2l-6.7-4.5l-38.6,3.4 l-14-0.6l-37,2.1l-9.9-10.5l-9.9,5.6l-362.8,1.7l-248.3,0.9c0,0-16.3-5.1-18.8-5.6c-2.5-0.4-29,0.3-29,0.3l-7.7,10.7h861.7h339.6 L1256.3,25.3z"/> <rect x="5.3" y="61.6" class="st5" width="38.3" height="18.6"/> <rect x="5.3" y="119.3" class="st5" width="38.3" height="18.6"/> <rect x="5.3" y="175.4" class="st5" width="38.3" height="18.6"/> <rect x="5.3" y="233.2" class="st5" width="38.3" height="18.6"/> <rect x="5.3" y="292.9" class="st5" width="38.3" height="18.6"/> <rect x="78.1" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="223.5" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="368.8" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="514.2" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="659.5" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="804.8" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="950.2" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="1095.5" y="324.3" class="st5" width="19.8" height="19.8"/> <rect x="1240.8" y="324.3" class="st5" width="19.8" height="19.8"/> </g> </svg>')
}

.call-tracking-section .empty-section.placeholder-graph.time-analysis-chart {
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3rem
}

.call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .first {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml, <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 627.1 609.7" style="enable-background:new 0 0 627.1 609.7;" xml:space="preserve"><style type="text/css">.st0{fill:%23E4E4E4;} .st1{fill:url(%23SVGID_1_);} .st2{fill:url(%23SVGID_2_);} .st3{fill:url(%23SVGID_3_);} .st4{fill:url(%23SVGID_4_);} .st5{fill:url(%23SVGID_5_);} .st6{fill:url(%23SVGID_6_);} .st7{fill:url(%23SVGID_7_);} .st8{fill:url(%23SVGID_8_);} .st9{fill:%23B5B4B4;} .st10{fill:url(%23SVGID_9_);} .st11{fill:%23E2E2E2;}</style> <rect x="329.3" y="40.1" class="st0" width="1" height="568.7"/> <rect x="34" y="39.1" class="st0" width="591.7" height="1"/> <rect x="32.5" y="608.7" class="st0" width="594.5" height="1"/> <rect x="32.5" y="586.1" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="563.3" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="540.5" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="517.7" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="494.9" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="472.2" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="449.4" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="426.6" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="403.8" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="381" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="358.2" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="335.5" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="312.7" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="289.9" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="267.1" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="244.3" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="221.5" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="198.7" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="176" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="153.2" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="130.4" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="107.6" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="84.8" class="st0" width="594.5" height="0.8"/> <rect x="32.5" y="62" class="st0" width="594.5" height="0.8"/> <linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="329.9" y1="512.8" x2="369.9" y2="512.8" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="329.9" y="88.4" class="st1" width="40" height="21.6"/> <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="330.4" y1="444.4" x2="448.3" y2="444.4" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.4" y="157.1" class="st2" width="117.9" height="21"/> <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="330.5" y1="421.4" x2="462.5" y2="421.4" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.5" y="180.1" class="st3" width="132" height="21"/> <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="330.4" y1="376.2" x2="403.9" y2="376.2" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.4" y="225.3" class="st4" width="73.5" height="21"/> <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="330.4" y1="285.95" x2="498.8" y2="285.95" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.4" y="315.6" class="st5" width="168.4" height="20.9"/> <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="329.9" y1="217.1" x2="365.4448" y2="217.1" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="329.9" y="383.9" class="st6" width="35.5" height="22"/> <linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="330.3802" y1="308.35" x2="341.0486" y2="308.35" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.4" y="292.7" class="st7" width="10.7" height="21.9"/> <linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="330.3528" y1="263.05" x2="341.0213" y2="263.05" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.4" y="338" class="st8" width="10.7" height="21.9"/> <rect x="85.9" y="157.4" class="st9" width="243.2" height="20.6"/> <rect x="86" y="203.3" class="st9" width="243.2" height="20.6"/> <rect x="189.1" y="225.1" class="st9" width="140" height="21"/> <rect x="86" y="315.8" class="st9" width="243.2" height="20.6"/> <rect x="184.9" y="384.1" class="st9" width="144.8" height="21.7"/> <rect x="238.2" y="89" class="st9" width="90.7" height="21.2"/> <rect x="57.7" y="180.1" class="st9" width="271.5" height="21"/> <rect x="184.4" y="338.2" class="st9" width="144.8" height="21.7"/> <rect x="184.4" y="292.8" class="st9" width="144.8" height="21.7"/> <linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="330.8" y1="398.95" x2="341.4684" y2="398.95" gradientTransform="matrix(1 0 0 -1 0 612)"><stop offset="0" style="stop-color:%23EC1C24"/> <stop offset="0" style="stop-color:%23ED2E53"/> <stop offset="1" style="stop-color:%23EE4036"/></linearGradient> <rect x="330.8" y="202.1" class="st10" width="10.7" height="21.9"/> <rect x="210" y="7" class="st11" width="232" height="18"/> <rect x="-107" y="295.9" transform="matrix(6.123234e-17 -1 1 6.123234e-17 -295.85 313.85)" class="st11" width="232" height="18"/></svg>')
}

.call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .second {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    margin-bottom: 35px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 509.9 474.5" style="enable-background:new 0 0 509.9 474.5;" xml:space="preserve"><style type="text/css">.st0{fill:none;stroke:%23B5B4B4;stroke-width:2;stroke-miterlimit:10;}.st1{fill:%23E4E4E4;}.st2{opacity:0.41;fill:%23B5B4B4;enable-background:new ;}.st3{opacity:0.68;fill:url(%23SVGID_1_);enable-background:new ;}.st4{fill:%23DDDDDD;enable-background:new ;}</style><g><polyline class="st0" points="67.3,68.3 67.3,436.7 508,436.7 "/><rect x="67.9" y="298.2" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="252.3" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="206.4" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="160.4" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="114.5" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="68.6" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="390.1" class="st1" width="438.3" height="1.5"/><rect x="67.9" y="344.1" class="st1" width="438.3" height="1.5"/></g><polygon class="st2" points="68.3,289.8 146.5,153.3 232.4,251.6 309.5,140.3 421.7,77.7 465.5,215.9 507.3,229.4 507.3,436.5 67.5,435.6 "/><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="67" y1="173.45" x2="507.1" y2="173.45" gradientTransform="matrix(1 0 0 -1 0 476)"><stop offset="0" style="stop-color:%23EC1C24"/><stop offset="0" style="stop-color:%23ED2E53"/><stop offset="1" style="stop-color:%23EE4036"/></linearGradient><polygon class="st3" points="68.3,389.8 154,321.1 239.3,376.5 315,233.5 399.9,169.3 468.8,266 507.1,244.4 507.1,435.8 67,435.8 "/><g><path d="M27.7,369.7c-0.1-2-0.2-4.3-0.2-6.1h-0.1c-0.5,1.7-1.1,3.4-1.8,5.4l-2.5,6.9h-1.4l-2.3-6.7c-0.7-2-1.2-3.8-1.6-5.5l0,0c0,1.8-0.1,4.1-0.3,6.3l-0.4,6.1h-1.7l1-14.2h2.3l2.4,6.8c0.6,1.7,1.1,3.3,1.4,4.8h0.1c0.4-1.4,0.9-3,1.5-4.8l2.5-6.8H29l0.9,14.2h-1.8L27.7,369.7z"/><path d="M44.8,368.7c0,4.9-3,7.5-6.6,7.5c-3.7,0-6.4-2.9-6.4-7.2c0-4.5,2.8-7.4,6.6-7.4C42.3,361.6,44.8,364.5,44.8,368.7z M33.8,368.9c0,3,1.6,5.7,4.5,5.7s4.5-2.7,4.5-5.9c0-2.8-1.5-5.8-4.5-5.8C35.3,363.1,33.8,365.8,33.8,368.9z"/><path d="M47.2,375.9v-14.2h2l4.5,7.2c1,1.7,1.9,3.2,2.5,4.6l0,0c-0.2-1.9-0.2-3.6-0.2-5.8v-5.9h1.7V376h-1.8l-4.5-7.2c-1-1.6-1.9-3.2-2.6-4.7h-0.1c0.1,1.8,0.1,3.5,0.1,5.8v6H47.2z"/></g><g><path d="M19,305.9h-4.3v-1.6h10.5v1.6h-4.3v12.6H19V305.9z"/><path d="M28.5,304.4v8.4c0,3.2,1.4,4.5,3.3,4.5c2.1,0,3.4-1.4,3.4-4.5v-8.4H37v8.3c0,4.3-2.3,6.1-5.4,6.1c-2.9,0-5.1-1.7-5.1-6v-8.3h2V304.4z"/><path d="M47.6,311.9h-5.5v5.1h6.1v1.5h-8v-14.2h7.6v1.5H42v4.5h5.5v1.6H47.6z"/><path d="M50.4,316.3c0.8,0.5,2,0.9,3.3,0.9c1.9,0,3-1,3-2.4c0-1.3-0.8-2.1-2.7-2.8c-2.3-0.8-3.7-2-3.7-4c0-2.2,1.8-3.8,4.6-3.8c1.4,0,2.5,0.3,3.1,0.7l-0.5,1.5c-0.5-0.3-1.4-0.7-2.7-0.7c-1.9,0-2.7,1.2-2.7,2.1c0,1.3,0.9,2,2.8,2.7c2.4,0.9,3.6,2.1,3.6,4.2c0,2.2-1.6,4.1-5,4.1c-1.4,0-2.9-0.4-3.6-0.9L50.4,316.3z"/></g><g><path d="M21.2,261.1l-3.6-14.2h1.9l1.7,7.2c0.4,1.8,0.8,3.5,1,4.9l0,0c0.2-1.4,0.7-3.1,1.2-4.9l1.9-7.1h1.9l1.7,7.2c0.4,1.7,0.8,3.4,1,4.8l0,0c0.3-1.6,0.7-3.1,1.1-4.9l1.9-7.1h1.9l-4,14.2H29l-1.8-7.4c-0.4-1.8-0.7-3.2-0.9-4.6l0,0c-0.3,1.4-0.6,2.8-1.1,4.6l-2,7.4h-2V261.1z"/><path d="M44,254.5h-5.5v5.1h6.1v1.5h-8v-14.2h7.6v1.5h-5.8v4.5H44V254.5z"/><path d="M47,247.1c1.1-0.2,2.4-0.3,3.9-0.3c2.6,0,4.5,0.6,5.7,1.8c1.3,1.2,2,2.8,2,5.1c0,2.3-0.7,4.2-2,5.5s-3.5,2-6.3,2c-1.3,0-2.4-0.1-3.3-0.2C47,261,47,247.1,47,247.1z M48.8,259.7c0.5,0.1,1.1,0.1,1.8,0.1c3.9,0,6-2.2,6-6c0-3.3-1.9-5.5-5.7-5.5c-0.9,0-1.7,0.1-2.1,0.2V259.7z"/></g><g><path d="M4.3,191.1H0v-1.6h10.5v1.6H6.2v12.6H4.3V191.1z"/><path d="M13.9,189.5v5.9h6.8v-5.9h1.8v14.2h-1.8V197h-6.8v6.6h-1.8v-14.2L13.9,189.5L13.9,189.5z"/><path d="M27.6,189.5v8.4c0,3.2,1.4,4.5,3.3,4.5c2.1,0,3.4-1.4,3.4-4.5v-8.4h1.8v8.3c0,4.3-2.3,6.1-5.4,6.1c-2.9,0-5.1-1.7-5.1-6v-8.3h2V189.5z"/><path d="M39.3,189.7c0.9-0.2,2.2-0.3,3.5-0.3c2,0,3.2,0.4,4.1,1.2c0.7,0.6,1.1,1.6,1.1,2.7c0,1.9-1.2,3.1-2.7,3.6v0.1c1.1,0.4,1.7,1.4,2.1,2.9c0.5,2,0.8,3.3,1.1,3.9h-1.9c-0.2-0.4-0.5-1.6-0.9-3.4c-0.4-2-1.2-2.7-2.8-2.8h-1.7v6.1h-1.8L39.3,189.7L39.3,189.7z M41.2,196.2H43c2,0,3.2-1.1,3.2-2.7c0-1.8-1.3-2.6-3.3-2.6c-0.9,0-1.5,0.1-1.8,0.2L41.2,196.2L41.2,196.2z"/><path d="M50.4,201.5c0.8,0.5,2,0.9,3.3,0.9c1.9,0,3-1,3-2.4c0-1.3-0.8-2.1-2.7-2.8c-2.3-0.8-3.7-2-3.7-4c0-2.2,1.8-3.8,4.6-3.8c1.4,0,2.5,0.3,3.1,0.7l-0.5,1.5c-0.5-0.3-1.4-0.7-2.7-0.7c-1.9,0-2.7,1.2-2.7,2.1c0,1.3,0.9,2,2.8,2.7c2.4,0.9,3.6,2.1,3.6,4.2c0,2.2-1.6,4.1-5,4.1c-1.4,0-2.9-0.4-3.6-0.9L50.4,201.5z"/></g><g><path d="M34.4,132.1H42v1.5h-5.8v4.7h5.4v1.5h-5.4v6.4h-1.8V132.1z"/><path d="M44.7,132.3c0.9-0.2,2.2-0.3,3.5-0.3c2,0,3.2,0.4,4.1,1.2c0.7,0.6,1.1,1.6,1.1,2.7c0,1.9-1.2,3.1-2.7,3.6v0.1c1.1,0.4,1.7,1.4,2.1,2.9c0.5,2,0.8,3.3,1.1,3.9H52c-0.2-0.4-0.5-1.6-0.9-3.4c-0.4-2-1.2-2.7-2.8-2.8h-1.7v6.1h-1.8L44.7,132.3L44.7,132.3z M46.5,138.7h1.9c2,0,3.2-1.1,3.2-2.7c0-1.8-1.3-2.6-3.3-2.6c-0.9,0-1.5,0.1-1.8,0.2C46.5,133.6,46.5,138.7,46.5,138.7z"/><path d="M57.8,132.1v14.2H56v-14.2H57.8z"/></g><g><path d="M28.7,86.6c0.8,0.5,2,0.9,3.3,0.9c1.9,0,3-1,3-2.4c0-1.3-0.8-2.1-2.7-2.8c-2.3-0.8-3.7-2-3.7-4c0-2.2,1.8-3.8,4.6-3.8c1.4,0,2.5,0.3,3.1,0.7l-0.5,1.5C35.3,76.4,34.3,76,33,76c-1.9,0-2.7,1.2-2.7,2.1c0,1.3,0.9,2,2.8,2.7c2.4,0.9,3.6,2.1,3.6,4.2c0,2.2-1.6,4.1-5,4.1c-1.4,0-2.9-0.4-3.6-0.9L28.7,86.6z"/><path d="M41.6,84.4l-1.5,4.5h-1.9L43,74.7h2.2L50,88.9h-2l-1.5-4.5C46.5,84.4,41.6,84.4,41.6,84.4z M46.2,83l-1.4-4.1c-0.3-0.9-0.5-1.8-0.7-2.6l0,0c-0.2,0.8-0.4,1.7-0.7,2.6L42,83H46.2z"/><path d="M53.2,76.2h-4.3v-1.6h10.5v1.6h-4.3v12.6h-1.8V76.2H53.2z"/></g><g><path d="M23,431.1c0.8,0.5,2,0.9,3.3,0.9c1.9,0,3-1,3-2.4c0-1.3-0.8-2.1-2.7-2.8c-2.3-0.8-3.7-2-3.7-4c0-2.2,1.8-3.8,4.6-3.8c1.4,0,2.5,0.3,3.1,0.7l-0.5,1.5c-0.5-0.3-1.4-0.7-2.7-0.7c-1.9,0-2.7,1.2-2.7,2.1c0,1.3,0.9,2,2.8,2.7c2.4,0.9,3.6,2.1,3.6,4.2c0,2.2-1.6,4.1-5,4.1c-1.4,0-2.9-0.4-3.6-0.9L23,431.1z"/><path d="M35.4,419.2v8.4c0,3.2,1.4,4.5,3.3,4.5c2.1,0,3.4-1.4,3.4-4.5v-8.4H44v8.3c0,4.3-2.3,6.1-5.4,6.1c-2.9,0-5.1-1.7-5.1-6v-8.3h1.9V419.2z"/><path d="M47.2,433.4v-14.2h2l4.5,7.2c1,1.7,1.9,3.2,2.5,4.6l0,0c-0.2-1.9-0.2-3.6-0.2-5.8v-5.9h1.7v14.2h-1.8l-4.5-7.2c-1-1.6-1.9-3.2-2.6-4.7h-0.1c0.1,1.8,0.1,3.5,0.1,5.8v6H47.2z"/></g><rect x="20.9" y="71.8" class="st4" width="39.8" height="18.3"/><rect x="16.7" y="128.8" class="st4" width="43.9" height="18.3"/><rect x="-0.1" y="186.5" class="st4" width="60.7" height="18.3"/><rect x="16.7" y="244.1" class="st4" width="43.9" height="18.3"/><rect x="14" y="302.2" class="st4" width="46.7" height="18.3"/><rect x="14.5" y="360.3" class="st4" width="46.2" height="18.3"/><rect x="15.4" y="418.4" class="st4" width="45.3" height="18.3"/><rect x="69.2" y="451.2" class="st4" width="15.6" height="13.8"/><rect x="147.3" y="451.2" class="st4" width="15.6" height="13.8"/><rect x="225.4" y="451.2" class="st4" width="15.6" height="13.8"/><rect x="303.5" y="451.2" class="st4" width="15.6" height="13.8"/><rect x="381.6" y="451.2" class="st4" width="15.6" height="13.8"/><rect x="459.7" y="451.2" class="st4" width="15.6" height="13.8"/></svg>')
}

.call-tracking-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

@media (min-width: 1900px) {
    .call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .second {
        height:calc(100% - 35px)
    }
}

@media (min-width: 851px) and (max-width:1023px),(min-width:1151px) and (max-width:1340px),(min-width:1501px) and (max-width:1700px) {
    .call-tracking-section .map-chart-block .map-chart-header .call-options .radio {
        line-height:16px;
        width: 115px;
        height: 40px
    }

    .call-tracking-section .map-chart-block .map-chart-header .call-options .radio.answer-rate {
        width: 105px
    }
}

@media (min-width: 1024px) and (max-width:1150px),(min-width:1425px) and (max-width:1500px),(max-width:850px) {
    .call-tracking-section .time-chart-block .chart-body {
        height:900px
    }

    .call-tracking-section .empty-section.placeholder-graph.time-analysis-chart {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .first,.call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .second {
        width: 100%
    }

    .call-tracking-section .empty-section.placeholder-graph.time-analysis-chart .second {
        background-position: top
    }

    .call-tracking-section .map-chart-block .map-chart-header ul.call-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width: 1024px) and (max-width:1100px) {
    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-1 {
        -ms-flex-preferred-size:26%;
        flex-basis: 26%
    }

    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-2 {
        -ms-flex-preferred-size: 41%;
        flex-basis: 41%
    }

    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-3 {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }
}

@media (max-width: 992px) {
    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-2 {
        -ms-flex-preferred-size:42%;
        flex-basis: 42%
    }

    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-3 {
        -ms-flex-preferred-size: 28%;
        flex-basis: 28%
    }
}

@media (max-width: 767px) {
    .call-tracking-section .statistics-div {
        margin-bottom:20px;
        gap: 20px
    }

    .call-tracking-section .statistics-div .card {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -ms-flex-preferred-size: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
        margin-bottom: 0
    }

    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-1,.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-3 {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }

    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-2 {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%
    }
}

@media (max-width: 565px) {
    .call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-1,.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-2,.call-tracking-section .call-routing .call-routing-list .call-routing-div .content-div .route-details .details-col.details-col-3 {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (max-width: 505px) {
    .call-tracking-section .statistics-div .card {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (max-width: 500px) {
    .call-tracking-section .map-chart-block .map-chart-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .call-tracking-section .map-chart-block .map-chart-header ul {
        width: 100%
    }

    .call-tracking-section .map-chart-block .map-chart-body {
        margin-top: 0!important
    }

    .call-tracking-section .map-chart-block .map-chart-body .map-chart-div {
        height: auto
    }

    .call-tracking-section .map-chart-block .map-chart-header ul.sms-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .call-tracking-section .time-chart-block {
        padding: 0
    }

    .call-tracking-section .time-chart-block .chart-title {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .call-tracking-section .time-chart-block .chart-title .chart-info {
        margin-right: auto;
        margin-left: 0;
        margin-top: 5px;
        text-align: left;
        width: 100%
    }

    .call-tracking-section .time-chart-block .chart-title .selected-data {
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .call-tracking-section .calls-line-chart-div .chart-title .legend-div {
        gap:7px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .call-tracking-section .calls-line-chart-div .chart-title .legend-div h6 {
        width: 118px
    }
}

.card-body .campaign-box .sl-item {
    border-bottom: 1px solid;
    margin: 20px 0
}

.card-body .campaign-box .sl-item .sl-right {
    padding-left: 50px
}

.card-body .campaign-box .sl-item .sl-right .desc,.card-body .campaign-box .sl-item .sl-right .inline-photos {
    margin-bottom: 30px
}

.card-body .campaign-box .sl-item .sl-left {
    margin-left: -22px
}

.card-body .campaign-box .campaign-item {
    margin: 20px 0 0
}

.card-body .campaign-box .campaign-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 35px)
}

.card-body .campaign-box .campaign-item .content-div .title-name {
    cursor: pointer
}

.card-body .campaign-box .campaign-item .content-div .title-name:hover {
    font-weight: 500
}

.card-body .campaign-box .campaign-item .content-div .company-block {
    font-size: 13px;
    font-weight: 400
}

.card-body .campaign-box .campaign-item .content-div .disposition-block .label {
    font-size: 12px;
    padding: 6px 6px 5px;
    font-weight: 400
}

.card-body .campaign-box .campaign-item .content-div .recent-calls-desc {
    font-size: 14px;
    margin-bottom: 10px!important
}

.card-body .campaign-box .campaign-item .content-div .audio-note-block .note {
    font-size: 14px
}

.card-body .campaign-box .campaign-item .content-div .audio-note-block .transcription {
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.card-body .campaign-box .campaign-item .content-div .full-info-for-small-resolutions {
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.card-body .campaign-box .campaign-item .missed-calls-style {
    color: #e00c0c;
    font-weight: 400
}

.card-body .campaign-box .campaign-item .option-div {
    padding: 5px 0;
    text-align: right
}

.card-body .campaign-box .campaign-item .option-div.company-full-height {
    padding: 15px 0 5px
}

.card-body .campaign-box .campaign-item .option-div .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.card-body .campaign-box .campaign-item .option-div .dial-text-div {
    width: auto;
    margin-right: 15px
}

.card-body .campaign-box .campaign-item .option-div .dial-text-div .dial-btn,.card-body .campaign-box .campaign-item .option-div .dial-text-div .text-btn {
    font-size: 17px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px
}

.card-body .campaign-box .campaign-item .option-div .dial-text-div .dial-btn {
    line-height: 19px;
    margin-right: 5px
}

.card-body .campaign-box .campaign-item .option-div .dial-text-div .text-btn {
    line-height: 20px
}

.card-body .campaign-box .campaign-item .content-date-div {
    text-align: right;
    line-height: 25px
}

.card-body .campaign-box .campaign-item .content-date-div .date-company-fields {
    font-size: 14px
}

.card-body .campaign-box .campaign-item .content-date-div .date-company-fields.list-div {
    padding-bottom: 10px
}

.card-body .campaign-box .campaign-item .content-date-div.two-line-height {
    padding-top: 10px
}

.card-body .campaign-box .campaign-item .content-date-div.only-date-line-height {
    line-height: 60px
}

.card-body .campaign-box .campaign-item .border-badge-info {
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    position: relative;
    width: 45px;
    line-height: 42px;
    height: 45px;
    font-size: 20px
}

.campaign-section .campaign-card-body .campaign-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.campaign-section .campaign-card-body .campaign-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaign-section .campaign-card-body .campaign-card-header .title {
    width: 350px
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-option-form {
    margin-bottom: 0
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-option-form .faxes-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-option-form .faxes-option-div-select {
    display: inline-block;
    padding-left: 5px
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-option-form .faxes-option-div-select .faxes-select-name {
    font-weight: 500;
    font-size: 15px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    width: auto;
    min-width: 100px;
    vertical-align: baseline
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 33px
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-date-picker .calendar-icon {
    color: #54667a
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-date-picker span {
    margin-left: 5px
}

.campaign-section .campaign-card-body .campaign-card-header .faxes-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a
}

.campaign-section .campaign-card-body .campaign-card-header .send-btn {
    color: #009efb
}

.campaign-section .campaign-card-body .campaign-card-header .send-btn.active,.campaign-section .campaign-card-body .campaign-card-header .send-btn.focus,.campaign-section .campaign-card-body .campaign-card-header .send-btn:active,.campaign-section .campaign-card-body .campaign-card-header .send-btn:focus,.campaign-section .campaign-card-body .campaign-card-header .send-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.campaign-section .campaign-card-body .campaign-card-header .header-options {
    float: right
}

.campaign-section .campaign-card-body .campaign-card-header .campaign-btn.active,.campaign-section .campaign-card-body .campaign-card-header .campaign-btn.focus,.campaign-section .campaign-card-body .campaign-card-header .campaign-btn:active,.campaign-section .campaign-card-body .campaign-card-header .campaign-btn:focus,.campaign-section .campaign-card-body .campaign-card-header .campaign-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.campaign-section .campaign-card-body .campaign-card-header .search-campaigns-div {
    width: 260px;
    display: inline-block;
    margin-right: 15px
}

.campaign-section .campaign-card-body .campaign-card-header .search-campaigns-div .search-input {
    display: inline;
    width: 100%;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.campaign-section .campaign-card-body .campaign-card-header .search-campaigns-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.campaign-section .campaign-card-body .campaign-card-header .search-campaigns-div .search-clear-btn {
    margin-left: -35px
}

.campaign-section .campaign-card-body .search-faxes-div {
    width: 280px;
    display: inline-block;
    margin-right: 15px
}

.campaign-section .campaign-card-body .search-faxes-div .search-input {
    display: inline;
    width: 92%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.campaign-section .campaign-card-body .search-faxes-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.campaign-section .campaign-card-body .steamline {
    margin-left: 25px
}

.campaign-section .campaign-card-body .steamline .campaign-action-button {
    background-color: #fff;
    border: 1px solid #ced4da;
    color: #54667a
}

.campaign-section .campaign-card-body .steamline .sl-left {
    margin-left: -25px;
    width: 65px;
    height: auto;
    line-height: normal;
    text-align: center;
    float: left;
    border-radius: 0;
    background: 0 0
}

.campaign-section .campaign-card-body .steamline .campaigns-item {
    margin: 15px 0
}

.campaign-section .campaign-card-body .steamline .campaigns-item .campaigns-icon-div {
    text-align: center;
    width: 45px!important;
    height: 45px!important;
    position: relative;
    padding: 0;
    background-color: #fff;
    color: #009ffb;
    line-height: 37px;
    font-size: 20px;
    margin-left: 2px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .campaigns-icon-div .arrow-icon {
    font-size: 9px;
    position: absolute;
    top: 29px;
    left: 18px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .status-div {
    width: 65px;
    margin: 5px 0 8px 0;
    margin-left: -7px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .status-div .label {
    font-size: 11px;
    font-weight: 500;
    padding: 5px;
    background-color: #fff
}

.campaign-section .campaign-card-body .steamline .campaigns-item .status-div .label.danger {
    color: #f62d51
}

.campaign-section .campaign-card-body .steamline .campaigns-item .status-div .label.success {
    color: #56cd63
}

.campaign-section .campaign-card-body .steamline .campaigns-item .status-div .label.info {
    color: #019efb
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div {
    vertical-align: middle;
    padding-bottom: 12px;
    padding-left: 0;
    width: calc(100% - 50px)
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .progress-campaign-title {
    font-size: 11px;
    font-weight: 400
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .progress-campaign-bar {
    height: 7px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .title-name {
    cursor: pointer;
    font-weight: 500
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .block-name {
    font-weight: 500;
    font-size: 13px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .title-name:hover {
    font-weight: 500
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .company-block {
    font-size: 14px;
    font-weight: 400
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text {
    line-height: normal
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text .info-icon {
    width: 25px;
    text-align: center
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text i,.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text span {
    font-size: 14px;
    color: #54667a
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text i.text-muted,.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text span.text-muted {
    color: #90a4ae!important
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text i.text-danger,.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text span.text-danger {
    color: #f62d51!important
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .info-text span {
    font-weight: 400
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div.not_seen .font-medium,.campaign-section .campaign-card-body .steamline .campaigns-item .content-div.not_seen .title-name {
    font-weight: 500
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .full-info-for-small-resolutions {
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    font-size: 14px;
    margin-top: 10px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .full-info-for-small-resolutions ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .full-info-for-small-resolutions ul .left {
    float: left;
    width: 50%;
    clear: left
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-div .full-info-for-small-resolutions ul .right {
    float: right;
    width: 50%;
    clear: right
}

.campaign-section .campaign-card-body .steamline .campaigns-item .option-div {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.campaign-section .campaign-card-body .steamline .campaigns-item .option-div .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-date-div {
    text-align: right
}

.campaign-section .campaign-card-body .steamline .campaigns-item .content-date-div .date-company-fields {
    font-size: 14px
}

.campaign-section .vertical-align-middle-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.campaign-section .dropdown-menu {
    color: #54667a
}

.campaign-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.campaign-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.campaign-section .dropdown-toggle.campaign-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.campaign-section .dropdown-toggle.campaign-activity-item {
    background: 0 0;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 5px 9px;
    font-size: 18px
}

.campaign-section .dropdown-toggle.active,.campaign-section .dropdown-toggle.focus,.campaign-section .dropdown-toggle:active,.campaign-section .dropdown-toggle:focus,.campaign-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.campaign-section .dropdown-item {
    cursor: pointer
}

.campaign-section .dropdown-item.active,.campaign-section .dropdown-item:active,.campaign-section .dropdown-item:focus,.campaign-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.campaign-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.campaign-section .no-res {
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 4;
    margin-left: -30px
}

.campaign-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.active,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.disabled,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.focus,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:active,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:disabled,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.fax-send-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.fax-send-modal .custom-select {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 11px 12px;
    width: auto;
    margin-left: 10px;
    height: 38px;
    padding: 8px 35px 8px 12px;
    font-size: 15px;
    line-height: 1.25;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    cursor: pointer
}

.fax-send-modal .custom-select.placeholder {
    color: #868f97
}

.fax-send-modal .fax-input-label {
    font-size: 15px;
    font-weight: 500
}

.fax-send-modal .fax-input {
    font-size: 15px
}

.fax-send-modal .fax-input.invalid {
    border-bottom: 1px solid red
}

.fax-send-modal .inline-loader {
    text-align: center;
    margin: 8px auto;
    font-size: 14px;
    font-weight: 400;
    color: #019efb
}

.fax-send-modal .dropdown-toggle {
    cursor: pointer;
    min-height: 38px;
    display: initial;
    font-size: 15px;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(0,0,0,.15)!important;
    background-color: #fff;
    color: #495057
}

.fax-send-modal .dropdown-toggle p {
    width: calc(100% - 20px);
    display: inline-block
}

.fax-send-modal .dropdown-toggle.active,.fax-send-modal .dropdown-toggle:active,.fax-send-modal .dropdown-toggle:focus,.fax-send-modal .show>.dropdown-toggle {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    color: #495057
}

.fax-send-modal .dropdown-menu {
    width: 100%
}

.fax-send-modal .dropdown-item {
    cursor: pointer;
    font-size: 15px
}

.fax-send-modal .dropdown-item.active,.fax-send-modal .dropdown-item:active,.fax-send-modal .dropdown-item:focus,.fax-send-modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.fax-send-modal .rented-numbers .btn-group {
    width: 100%
}

.fax-send-modal .contact-card {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-right: 0;
    margin-left: 0;
    padding: 15px
}

.fax-send-modal .contact-card .company-block {
    font-weight: 300;
    margin-bottom: 15px;
    color: #90a4ae
}

.fax-send-modal .contact-card .phone-fax-number-block i {
    padding-right: 10px
}

.fax-send-modal .vertical-align-middle-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.campaign-results-section .new-statistic-block .first-col {
    border-left: 1px solid #dee2e6!important
}

.campaign-results-section .new-statistic-block .second-col {
    border-left: 1px solid #dee2e6!important
}

.campaign-results-section .new-statistic-block .next-col {
    border-left: 1px solid #dee2e6!important
}

.campaign-results-section .new-statistic-block .last-col {
    border-left: 1px solid #dee2e6!important
}

.campaign-results-section .new-statistic-block .static-period-label {
    font-size: 12px
}

.campaign-results-section .progress-div {
    margin-bottom: 1rem
}

.campaign-results-section .progress-div .progress-bar {
    height: 6px
}

.campaign-results-section .statistic-block .period {
    font-size: 13px
}

.campaign-results-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px
}

.campaign-results-section .custom-nav-pagination .pull-left {
    margin: 29px 0;
    font-weight: 500;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 16px;
    white-space: nowrap
}

.campaign-results-section .graph-block .empty-graph {
    width: 100%;
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    background-color: rgba(1,1,1,.05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.campaign-results-section .graph-block .loading-graph {
    width: 100%;
    height: calc(100% - 20px);
    position: absolute;
    top: 0;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out
}

.campaign-results-section .graph-block .loading-graph.show {
    opacity: 1
}

.campaign-results-section .graph-block .loading-graph.hide {
    opacity: 0
}

.campaign-results-section .results-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.campaign-results-section .results-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.campaign-results-section .results-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaign-results-section .results-block .header .option-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.campaign-results-section .results-block .header .option-btn i {
    font-weight: 600;
    font-size: 17px
}

.campaign-results-section .results-block .header .option-btn i.info {
    color: #007bff
}

.campaign-results-section .results-block .header .option-btn i.success {
    color: #28a745
}

.campaign-results-section .results-block .header .option-btn span {
    padding-left: 5px
}

.campaign-results-section .results-block .header .option-btn:hover {
    color: #fff
}

.campaign-results-section .results-block .stylish-table thead th {
    font-size: 15px
}

.campaign-results-section .results-block .content {
    position: relative
}

.campaign-results-section .results-block .content .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.campaign-results-section .results-block .content .steamline {
    margin-left: 25px
}

.campaign-results-section .results-block .content .steamline .sl-left {
    margin-left: -25px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .campaings-report-icon-div {
    width: 50px!important;
    height: 50px!important;
    font-size: 25px;
    position: relative
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .campaings-report-icon-div .campaign-result-icon {
    font-size: 24px;
    margin-top: 13px;
    margin-left: -4px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 25px)
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .campaings-report-desc {
    font-size: 14px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .campaings-report-desc.last {
    margin-bottom: 20px!important
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .content-center-div {
    text-align: right
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .content-center-div .label {
    font-size: 16px;
    padding: 10px;
    margin: 27px 0;
    text-transform: uppercase;
    min-width: 112px;
    text-align: center;
    height: 36px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .content-center-div .label.label-light-success {
    margin: 24px 0 5px 0;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    float: right
}

.campaign-results-section .mytooltip {
    z-index: 49
}

.campaign-results-section .tooltip-item2 {
    color: #f62d51!important;
    font-weight: 400!important;
    margin: 35px 0
}

.campaign-results-section .tooltip-content4 {
    -webkit-box-shadow: 0 0 15px rgba(48,54,61,.2);
    box-shadow: 0 0 15px rgba(48,54,61,.2);
    background: #fff;
    color: #000;
    text-align: center;
    color: #54667a;
    border-color: #fff
}

.campaign-results-section .classic-phone:before {
    content: "\f1c3"
}

.campaign-results-section .wifi:before {
    content: "\f5a9"
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-div {
    padding: 20px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    font-size: 14px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-div ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-div ul .left {
    float: left;
    width: 50%;
    clear: left
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-div ul .right {
    float: right;
    width: 50%;
    clear: right
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-status {
    padding: 0 0 20px 0;
    overflow: auto
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .data-small-screen-status .label {
    font-size: 16px;
    padding: 10px;
    text-transform: uppercase;
    min-width: 112px;
    text-align: center;
    height: 36px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .font-size-title {
    font-size: 18px;
    margin-top: 10px
}

.campaign-results-section .results-block .content .steamline .campaings-report-item .content-div .date-div {
    padding-top: 33px;
    text-align: right
}

.campaign-results-section .results-block .content .no-res {
    border-left: 1px solid #fff;
    margin-left: -1px
}

.campaign-results-section .results-block .content .no-res p {
    text-align: center;
    font-weight: 500
}

.campaign-results-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    border-radius: 100px
}

.campaign-results-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.campaign-results-section .graph-block .switch .btn.active {
    -webkit-box-shadow: 0 0 0 3px rgba(134,142,150,.5);
    box-shadow: 0 0 0 3px rgba(134,142,150,.5)
}

.income-year .ct-series-a .ct-bar {
    stroke: #009efb
}

.campaign-results-section .graph-block .total-revenue4 .ct-chart {
    height: 350px
}

.campaign-results-section .graph-block .total-revenue4 .ct-series-a .ct-bar {
    stroke: #55ce63
}

.campaign-results-section .graph-block .total-revenue4 .ct-series-b .ct-bar {
    stroke: #f62d51
}

.campaign-results-section .graph-block .total-revenue4 .ct-series-c .ct-bar {
    stroke: #009efb
}

.ct-label.ct-horizontal {
    white-space: nowrap
}

@media (max-width: 900px) {
    .campaign-results-section .graph-block ul.list-inline li {
        display:block;
        padding: 0
    }
}

@media (max-width: 575px) {
    .campaign-results-section .custom-nav-pagination {
        text-align:center;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .campaign-results-section .custom-nav-pagination .pull-left {
        float: none;
        width: 100%
    }

    .campaign-results-section .custom-nav-pagination .pull-right {
        float: none;
        width: 100%
    }
}

@media (min-width: 1551px) and (max-width:1700px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:200px
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:130px
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:200px
    }
}

@media (max-width: 1023px) {
    .faxes-section .faxes-date-picker {
        text-align:center
    }
}

@media (min-width: 769px) and (max-width:925px) {
    .faxes-section .show-calendar {
        right:110px!important;
        left: auto!important
    }
}

@media (max-width: 767px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div {
        width:calc(100% - 25px)
    }
}

@media (max-width: 575px) {
    .fax-send-modal .profile-avatar {
        text-align:center;
        margin-bottom: 10px
    }

    .fax-send-modal .profile-info {
        text-align: center
    }
}

@media (min-width: 395px) and (max-width:500px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width:30%
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 70%
    }
}

@media (max-width: 394px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 100%;
        margin-bottom: 10px
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width: 100%
    }
}

@media (max-width: 351px) {
    .faxes-section .faxes-card-body .faxes-card-header .faxes-option-form .faxes-option-label {
        display:none
    }

    .faxes-section .faxes-card-body .faxes-card-header .title {
        width: 350px
    }
}

@media (max-width: 900px) {
    .campaign-results-section .graph-block ul.list-inline li {
        display:block;
        padding: 0
    }
}

@media (max-width: 575px) {
    .campaign-results-section .custom-nav-pagination {
        text-align:center;
        width: auto;
        padding-left: 0;
        padding-right: 0
    }

    .campaign-results-section .custom-nav-pagination .pull-left {
        float: none;
        width: 100%
    }

    .campaign-results-section .custom-nav-pagination .pull-right {
        float: none;
        width: 100%
    }
}

@media (max-width: 1700px) {
    .campaign-section .campaign-card-body .header .search-campaigns-div,.campaign-section .campaign-card-body .header-placeholder .search-input-placeholder {
        width:200px
    }
}

@media (min-width: 600px) and (max-width:899px) {
    .campaign-section .campaign-card-body .header .search-campaigns-div,.campaign-section .campaign-card-body .header-placeholder .search-input-placeholder {
        width:160px
    }
}

@media (max-width: 599px) {
    .campaign-section .campaign-card-body .header .search-campaigns-div,.campaign-section .campaign-card-body .header-placeholder .search-input-placeholder {
        display:none
    }
}

.cart-modal .modal-dialog .modal-content .modal-header {
    padding: 17px 25px
}

.cart-modal .modal-dialog .modal-content .modal-header .modal-title-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.cart-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.cart-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 20px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .title-h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards {
    -webkit-animation: fadein .25s;
    animation: fadein .25s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5rem
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards .title {
    font-size: 14px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards .svg-flat-mastercard,.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards .svg-flat-visa {
    height: 25px;
    width: 40px;
    background-size: contain;
    background-repeat: no-repeat
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards .svg-flat-visa {
    background-image: url(/assets/images/payment-icons/visa.svg)
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-title .we-accept-cards .svg-flat-mastercard {
    background-image: url(/assets/images/payment-icons/mastercard.svg)
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body {
    padding: 0;
    position: relative;
    width: 100%;
    border-radius: 4px;
    color: #54667a;
    min-height: 65px;
    height: auto;
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1)
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview {
    background-color: #f2f4f8
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview.address {
    min-height: 138px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview.payment {
    min-height: 92px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .preview-info {
    padding: 15px 15px 0
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .preview-info .info {
    font-size: 14.5px;
    font-weight: 400;
    line-height: 19px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .preview-info.address {
    min-height: 65px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .preview-info.payment {
    min-height: 19px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .change-div {
    padding: 0 15px 15px;
    width: 100%;
    text-align: right
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .change-div .change-btn {
    font-size: 15px;
    font-weight: 400;
    padding: 7px 20px;
    border-radius: 4px;
    color: #343a40;
    background-color: #fff;
    border: 1px solid #dadcdf
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .change-div .change-btn.focus,.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.preview .change-div .change-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info {
    background-color: #fff
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info.address {
    min-height: 65px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info.payment {
    min-height: 146px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .input-control {
    font-size: 15px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .input-control.focus,.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .input-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .with-required-badge {
    position: relative
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .with-required-badge::after {
    content: "*";
    color: red;
    position: absolute;
    right: 7px;
    top: 2px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .checkbox label {
    font-size: 14px;
    line-height: 19px;
    padding-left: 10px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .checkbox label::after {
    top: -1px;
    left: .5px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .checkbox label::before {
    top: 1px;
    border-radius: 2px
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .a-link {
    color: #ff214f
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info .a-link:hover {
    text-decoration: underline
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body .loading-spinner-div {
    -webkit-animation: fadein .25s;
    animation: fadein .25s;
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%
}

.cart-modal .modal-dialog .modal-content .modal-body .step .step-body .loading-spinner-div .spinner-border {
    width: 25px;
    height: 25px;
    border-width: 1.5px;
    top: calc(50% - 13px);
    position: relative
}

.cart-modal .modal-dialog .modal-content .modal-body .step.agree-checkboxes {
    padding-top: 30px
}

.cart-modal .modal-dialog .modal-content .modal-body .required-field-badge-div {
    position: absolute;
    top: 0;
    right: 5px;
    left: auto
}

.cart-modal .modal-dialog .modal-content .modal-body .required-field-badge-div .required-field-badge-title {
    color: #ff214f;
    font-size: 13.5px;
    font-weight: 400;
    line-height: 17px
}

.cart-modal .modal-dialog .modal-content .modal-body .error-message-div {
    padding: 2px 5px;
    color: #ff214f;
    border-radius: .25rem;
    min-height: 28px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

.cart-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.cart-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message-icon {
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 15px;
    margin-right: 10px
}

.cart-modal .modal-dialog .modal-content .modal-body .error-message-div .error-container .error .error-message {
    font-size: 13.5px;
    font-weight: 400;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 17px
}

.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .cart-submit-btn {
    width: 100%;
    font-size: 16px;
    padding: 8px 12px;
    font-weight: 400;
    border-radius: 4px;
    color: #fff
}

.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .cart-submit-btn.focus,.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .cart-submit-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .cart-submit-btn.disabled,.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .cart-submit-btn:disabled {
    opacity: .65;
    cursor: default
}

.cart-modal .modal-dialog .modal-content .modal-body .cart-submit .footer-info {
    font-size: 13px;
    line-height: 19px;
    font-weight: 400
}

.cart-modal .modal-dialog .form-control.invalid,.cart-modal .modal-dialog .form-control.ng-invalid.ng-touched,.cart-modal .modal-dialog .ng-submitted .form-control.ng-invalid {
    border-bottom: 1px solid red
}

.cart-modal .modal-dialog .form-control:disabled,.cart-modal .modal-dialog .form-control[readonly] {
    cursor: default
}

.cart-modal .modal-dialog .form-control:disabled.focus,.cart-modal .modal-dialog .form-control:disabled:focus,.cart-modal .modal-dialog .form-control[readonly].focus,.cart-modal .modal-dialog .form-control[readonly]:focus {
    border-color: rgba(0,0,0,.15)
}

.cart-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.cart-modal .loader .loader-message {
    background-color: #fff
}

@media (min-width: 576px) {
    .cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info.payment .card-number-col {
        padding-right:.5rem
    }

    .cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info.payment .card-code-col {
        padding-left: .5rem
    }
}

@media (max-width: 575px) {
    .cart-modal .modal-dialog .modal-content .modal-body .step .step-body.edit-info.payment .card-number-col {
        margin-bottom:1rem
    }
}

@media (max-width: 450px) {
    .cart-modal .modal-dialog .modal-content .modal-body .step .step-title {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.checklist-section .card-body {
    padding: 30px 40px 50px 35px
}

.checklist-section .header-div .subtitle-highlighted {
    color: #ff214f
}

.checklist-section .header-div .header-divider {
    margin-top: 2.5rem;
    border-color: rgba(105,113,122,.431372549);
    width: 280px
}

.checklist-section .content-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6rem
}

.checklist-section .content-div .menu-div {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.checklist-section .content-div .menu-div .sticky-menu-container {
    position: sticky;
    top: 150px
}

.checklist-section .content-div .menu-div .action-div .action-text {
    font-size: 15px;
    line-height: 20px
}

.checklist-section .content-div .menu-div .action-div .action-btn {
    border: 1px solid #54667a;
    color: #54667a;
    background: 0 0;
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: .25rem
}

.checklist-section .content-div .menu-div .action-div .action-btn:not(.disabled).focus,.checklist-section .content-div .menu-div .action-div .action-btn:not(.disabled):focus,.checklist-section .content-div .menu-div .action-div .action-btn:not(.disabled):hover {
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.checklist-section .content-div .menu-div .action-div .action-btn.disabled {
    opacity: .7;
    cursor: default
}

.checklist-section .content-div .steps {
    padding-right: 40px;
    -ms-flex-preferred-size: calc(75% - 6rem);
    flex-basis: calc(75% - 6rem)
}

.checklist-section .content-div .steps .step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem;
    position: relative
}

.checklist-section .content-div .steps .step .step-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.checklist-section .content-div .steps .step .step-line .step-circle-div {
    border: 1.5px solid rgba(105,113,122,.431372549);
    border-radius: 50%;
    font-weight: 400;
    background-color: #fff;
    width: 60px;
    height: 60px;
    font-size: 20px;
    z-index: 1;
    padding: 13px;
    text-align: center;
    margin-top: 100%
}

.checklist-section .content-div .steps .step .step-line::after {
    content: " ";
    height: 100%;
    border-right: 1.5px solid rgba(105,113,122,.431372549);
    top: 35%;
    position: absolute;
    left: auto;
    right: auto
}

.checklist-section .content-div .steps .step .step-line.checked .step-circle-div {
    background-color: #009efb;
    border-color: #009efb;
    color: #fff
}

.checklist-section .content-div .steps .step .step-line.checked::after {
    border-color: #009efb
}

.checklist-section .content-div .steps .step .step-line.active .step-circle-div {
    color: #009efb;
    border-color: #009efb
}

.checklist-section .content-div .steps .step .step-info {
    position: relative;
    padding: 25px 30px;
    font-size: 15px;
    line-height: 20px;
    width: calc(100% - 95px);
    min-width: 400px;
    border-radius: 4px;
    max-width: calc(100% - 70px);
    color: #54667a;
    border: 1px solid #f2f4f8;
    background-color: #f2f4f8;
    margin-right: 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-bottom: 25px
}

.checklist-section .content-div .steps .step .step-info.with-skip-block {
    padding: 25px 30px 10px
}

.checklist-section .content-div .steps .step .step-info .feature-title {
    max-width: calc(100% - 40px);
    line-height: 26px
}

.checklist-section .content-div .steps .step .step-info .checked-div {
    font-size: 25px;
    position: absolute;
    right: 30px;
    top: 25px
}

.checklist-section .content-div .steps .step .step-info .checked-div.checked {
    color: #2c2b2e
}

.checklist-section .content-div .steps .step .step-info .checked-div.unchecked {
    color: #ff214f
}

.checklist-section .content-div .steps .step .step-info .info-text {
    font-size: 15px;
    line-height: 20px
}

.checklist-section .content-div .steps .step .step-info .skip-block .skip-text {
    font-size: 14px
}

.checklist-section .content-div .steps .step .step-info .skip-block .skip-action {
    margin-left: 7px;
    text-decoration: underline;
    cursor: pointer;
    color: inherit;
    border: none;
    background: 0 0
}

.checklist-section .content-div .steps .step .step-info .skip-block .skip-action.focus,.checklist-section .content-div .steps .step .step-info .skip-block .skip-action:focus,.checklist-section .content-div .steps .step .step-info .skip-block .skip-action:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.checklist-section .content-div .steps .step .step-info .skip-block .skip-action:not(.disabled).focus,.checklist-section .content-div .steps .step .step-info .skip-block .skip-action:not(.disabled):focus,.checklist-section .content-div .steps .step .step-info .skip-block .skip-action:not(.disabled):hover {
    color: #2c2b2e
}

.checklist-section .content-div .steps .step .step-info .skip-block .skip-action.disabled {
    opacity: .7;
    cursor: default
}

.checklist-section .content-div .steps .step .step-info .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.3rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.checklist-section .content-div .steps .step .step-info .actions .action-btn {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: .25rem
}

.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
    min-width: 227px;
    border: 1px solid #54667a;
    color: #54667a;
    background: 0 0
}

.checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn {
    min-width: 185px;
    border: 1px solid #009efb;
    color: #fff;
    background: #009efb
}

.checklist-section .content-div .steps .step .step-info .actions .action-btn:not(.disabled).focus,.checklist-section .content-div .steps .step .step-info .actions .action-btn:not(.disabled):focus,.checklist-section .content-div .steps .step .step-info .actions .action-btn:not(.disabled):hover {
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.checklist-section .content-div .steps .step .step-info .actions .action-btn.disabled {
    opacity: .7;
    cursor: default
}

.checklist-section .content-div .steps .step:last-child .step-info {
    margin-bottom: 0
}

.checklist-section .content-div .steps .step:last-child .step-line::after {
    border-color: #fff;
    background-color: #fff
}

.checklist-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.checklist-section .loader .loading {
    background-color: #f9fafc;
    padding: 2px 4px;
    border-radius: .25rem
}

.checklist-section.open-right-sidebar .content-div .steps .step .step-line::after {
    top: 33%
}

@media (max-width: 1575px) {
    .checklist-section .content-div .steps .step .step-line::after {
        top:30%
    }
}

@media (min-width: 1200px) and (max-width:1340px),(min-width:910px) and (max-width:1023px) {
    .checklist-section .content-div .steps .step .step-info .actions {
        gap:.5rem
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn,.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
        min-width: auto
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn {
        padding: 7px 15px
    }

    .checklist-section .content-div {
        gap: 4rem
    }

    .checklist-section .content-div .menu-div {
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%
    }

    .checklist-section .content-div .steps {
        padding-right: 0;
        -ms-flex-preferred-size: calc(76% - 6rem);
        flex-basis: calc(76% - 6rem)
    }

    .checklist-section .content-div .steps .step .step-info {
        padding: 20px 25px;
        width: calc(100% - 76px)
    }

    .checklist-section .content-div .steps .step .step-info.with-skip-block {
        padding: 20px 25px 10px
    }

    .checklist-section .content-div .steps .step .step-info .checked-div {
        right: 25px;
        top: 20px
    }

    .checklist-section .content-div .steps .step {
        gap: 1rem
    }
}

@media (min-width: 1301px) and (max-width:1340px) {
    .checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn,.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
        min-width:216px
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn {
        padding: 7px 20px
    }
}

@media (min-width: 1145px) and (max-width:1300px),(min-width:910px) and (max-width:1023px) {
    .checklist-section .content-div {
        gap:3rem
    }

    .checklist-section .content-div .menu-div {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%
    }

    .checklist-section .content-div .steps {
        padding-right: 0;
        -ms-flex-preferred-size: calc(68% - 3rem);
        flex-basis: calc(68% - 3rem)
    }

    .checklist-section .content-div .steps .step {
        gap: 1rem
    }

    .checklist-section .content-div .steps .step .step-info.with-skip-block {
        padding: 20px 25px 10px
    }

    .checklist-section .content-div .steps .step .step-info {
        padding: 20px 25px
    }

    .checklist-section .content-div .steps .step .step-info .checked-div {
        font-size: 21px;
        right: 25px;
        top: 23px
    }

    .checklist-section .content-div .steps .step .step-info .actions {
        gap: .5rem
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn {
        font-size: 15px;
        padding: 7px 15px
    }

    .checklist-section .content-div .steps .step .step-line .step-circle-div {
        width: 45px;
        height: 45px;
        padding: 6px
    }

    .checklist-section .content-div .steps .step .step-info {
        width: calc(100% - 65px);
        max-width: calc(100% - 65px)
    }

    .checklist-section .content-div .steps .step .step-line::after {
        top: 21%
    }

    .checklist-section .content-div .steps .step .step-info .actions-title {
        font-size: 17px
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn,.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
        min-width: auto
    }
}

@media (min-width: 1024px) and (max-width:1144px),(max-width:909px) {
    .checklist-section .content-div .steps .step {
        gap:1rem
    }

    .checklist-section .content-div .steps .step .step-info {
        width: 100%;
        max-width: 100%
    }

    .checklist-section .content-div .steps .step .step-line {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .checklist-section .content-div .steps .step .step-line .step-circle-div {
        margin-top: 0
    }

    .checklist-section .content-div .steps .step .step-line {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .checklist-section .content-div .steps .step .step-line::after {
        top: -25px;
        height: 180px
    }

    .checklist-section .content-div .steps .step:first-child .step-line::after {
        top: 0
    }

    .checklist-section .content-div .steps .step:last-child .step-line::after {
        border-color: rgba(105,113,122,.431372549)
    }

    .checklist-section .content-div .steps .step:last-child .step-line.checked::after {
        border-color: #009efb
    }

    .checklist-section .content-div .steps {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-right: 0
    }

    .checklist-section .content-div .menu-div .sticky-menu-container {
        position: relative;
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 2rem
    }

    .checklist-section .content-div .menu-div .sticky-menu-container .action-div {
        margin-top: 0!important;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .checklist-section .content-div .menu-div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .checklist-section .content-div {
        gap: 3rem
    }
}

@media (min-width: 909px) and (max-width:1144px) {
    .checklist-section .content-div .menu-div .action-div .action-text {
        max-width:315px
    }
}

@media (max-width: 768px) {
    .checklist-section .content-div .menu-div .action-div .action-text {
        max-width:310px
    }
}

@media (max-width: 668px) {
    .checklist-section .content-div .menu-div .action-div .action-text {
        max-width:225px
    }
}

@media (max-width: 656px) {
    .checklist-section .content-div .menu-div .sticky-menu-container .action-div:first-child {
        -ms-flex-preferred-size:65%;
        flex-basis: 65%
    }
}

@media (max-width: 630px) {
    .checklist-section .content-div .menu-div .action-div .action-text {
        max-width:270px
    }
}

@media (max-width: 575px) {
    .checklist-section .content-div .menu-div .sticky-menu-container {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .checklist-section .content-div .menu-div .sticky-menu-container .action-div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
    }

    .checklist-section .content-div .steps .step .step-info .actions {
        gap: .5rem
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn {
        padding: 7px 12px
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn,.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
        min-width: auto
    }
}

@media (max-width: 500px) {
    .checklist-section .content-div .steps .step .step-info {
        min-width:auto
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn {
        padding: 7px 18px
    }

    .checklist-section .content-div .steps .step .step-info .actions .action-btn.guide-btn,.checklist-section .content-div .steps .step .step-info .actions .action-btn.step-action-btn {
        width: 213px
    }

    .checklist-section .content-div .steps .step .step-info .checked-div {
        font-size: 18px;
        top: 30px
    }
}

@media (max-width: 400px) {
    .checklist-section .header-div .header-divider {
        margin-top:2rem;
        width: 90%
    }

    .checklist-section .card-body {
        padding: 30px 25px 50px 25px
    }
}

.contact-details-profile-side-panel {
    height: calc(100vh - 208px)!important;
    overflow: hidden;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.contact-details-profile-side-panel ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.contact-details-profile-side-panel ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.contact-details-profile-side-panel ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.contact-details-profile-side-panel .dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item-img {
    margin-right: 10px;
    width: 20px;
    vertical-align: top
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item.disabled,.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item.disabled:active,.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item.active,.contact-details-profile-side-panel .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.contact-details-profile-side-panel .dropdown-btn {
    cursor: pointer
}

.contact-details-profile-side-panel .dropdown-btn.disabled {
    opacity: .65
}

.contact-details-profile-side-panel .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.contact-details-profile-side-panel .dropdown-menu.profile-menu .dropdown-item {
    color: #54667a
}

.contact-details-profile-side-panel .dropdown-menu {
    max-height: 118px;
    overflow: auto
}

.contact-details-profile-side-panel .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px;
    cursor: pointer
}

.contact-details-profile-side-panel .dropdown-item.disabled,.contact-details-profile-side-panel .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-profile-side-panel .dropdown-item.disabled:active,.contact-details-profile-side-panel .dropdown-item:disabled:active {
    background-color: transparent
}

.contact-details-profile-side-panel .dropdown-item.active,.contact-details-profile-side-panel .dropdown-item:active {
    background-color: #f8f9fa
}

.contact-details-profile-side-panel .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel .dropdown-item.active,.contact-details-profile-side-panel .dropdown-item:active,.contact-details-profile-side-panel .dropdown-item:focus,.contact-details-profile-side-panel .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.contact-details-profile-side-panel .dropdown-item.disabled,.contact-details-profile-side-panel .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-profile-side-panel.profile-info {
    height: 100%
}

.contact-details-profile-side-panel.profile-info .contact-details-profile {
    height: 100%
}

.contact-details-profile-side-panel.profile-info .contact-details-menu {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative;
    margin-right: 0;
    margin-left: auto
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 24px;
    width: 30px;
    height: 30px;
    padding: 4px 7px;
    font-size: 19px;
    margin-left: 8px
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn.active,.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn.focus,.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn:active,.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn:focus,.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn:hover {
    border: none!important;
    background: 0 0;
    color: #54667a
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .menu-btn::after {
    content: none
}

.contact-details-profile-side-panel.profile-info .contact-details-menu.show>.btn-info.dropdown-toggle {
    background: 0 0!important;
    border: none!important;
    color: #54667a!important
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .dropdown-menu {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    width: auto!important
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .dropdown-menu .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .dropdown-menu .dropdown-item span {
    vertical-align: middle
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .edit-contact-btn {
    padding: 6px;
    width: 32px;
    height: 30px;
    color: #54667a;
    background-color: transparent;
    border: 1px solid #54667a
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .edit-contact-btn i {
    font-size: 16px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .edit-contact-btn.focus,.contact-details-profile-side-panel.profile-info .contact-details-menu .edit-contact-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-profile-side-panel.profile-info .contact-details-menu .edit-contact-btn:hover {
    opacity: .7
}

.contact-details-profile-side-panel.profile-info .contact-title {
    margin-top: 15px;
    padding-top: 15px
}

.contact-details-profile-side-panel.profile-info .dial-option-btn,.contact-details-profile-side-panel.profile-info .fax-option-btn,.contact-details-profile-side-panel.profile-info .send-rvm-btn {
    display: inline-block;
    padding: 6.75px 12px 5px;
    font-weight: 400;
    color: #54667a;
    border: 1px solid #55657a;
    background-color: #fff;
    font-size: 15px;
    cursor: pointer;
    width: 81px
}

.contact-details-profile-side-panel.profile-info .dial-option-btn i,.contact-details-profile-side-panel.profile-info .fax-option-btn i,.contact-details-profile-side-panel.profile-info .send-rvm-btn i {
    font-size: 16px;
    width: 20px;
    margin-right: 5px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .dial-option-btn {
    color: #56cd63;
    border-color: #56cd63
}

.contact-details-profile-side-panel.profile-info .dial-option-btn.active,.contact-details-profile-side-panel.profile-info .dial-option-btn:active,.contact-details-profile-side-panel.profile-info .dial-option-btn:focus,.contact-details-profile-side-panel.profile-info .dial-option-btn:hover {
    color: #56cd63;
    border-color: #56cd63;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .7
}

.contact-details-profile-side-panel.profile-info .fax-option-btn.active,.contact-details-profile-side-panel.profile-info .fax-option-btn:active,.contact-details-profile-side-panel.profile-info .fax-option-btn:focus,.contact-details-profile-side-panel.profile-info .fax-option-btn:hover,.contact-details-profile-side-panel.profile-info .send-rvm-btn.active,.contact-details-profile-side-panel.profile-info .send-rvm-btn:active,.contact-details-profile-side-panel.profile-info .send-rvm-btn:focus,.contact-details-profile-side-panel.profile-info .send-rvm-btn:hover {
    background-color: #fff;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-profile-side-panel.profile-info .contact-scroll-div {
    height: calc(100% - 274px);
    overflow: hidden;
    scrollbar-gutter: stable;
    border-top: 1px solid rgba(120,130,140,.13)
}

.contact-details-profile-side-panel.profile-info .contact-scroll-div.active-scroll {
    overflow: auto
}

.contact-details-profile-side-panel.profile-info .contact-info {
    padding: 15px;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.contact-details-profile-side-panel.profile-info .contact-info:last-child {
    border-bottom: none
}

.contact-details-profile-side-panel.profile-info .contact-info.main-block {
    overflow: hidden;
    padding: 0
}

.contact-details-profile-side-panel.profile-info .contact-info.main-block .main-block-auto-height {
    height: auto;
    padding: 15px
}

.contact-details-profile-side-panel.profile-info .contact-info.main-block.collapse-animation-main-block {
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1)
}

.contact-details-profile-side-panel.profile-info .contact-info .more-less .link-a {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration: revert;
    text-decoration: revert;
    color: #009ffb
}

.contact-details-profile-side-panel.profile-info .contact-info .info-title {
    font-size: 14px;
    font-weight: 400;
    color: #54667a
}

.contact-details-profile-side-panel.profile-info .contact-info .info-title i {
    padding-right: 10px;
    width: 24px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-info .info {
    font-size: 14px;
    font-weight: 400;
    margin-left: 25px;
    vertical-align: middle;
    margin-top: 5px
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options {
    padding-top: 6px;
    text-align: right
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle {
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle::after {
    content: none
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle.active,.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle.focus,.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle:active,.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle:focus,.contact-details-profile-side-panel.profile-info .contact-info .phone-options .phone-action-toggle:hover {
    border: 1px solid #ced4da!important;
    background: 0 0;
    color: #54667a
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options.show>.btn-info.dropdown-toggle {
    border: 1px solid #ced4da!important;
    color: #54667a!important
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .dropdown-menu {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    width: auto!important;
    margin-right: 10px
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .dropdown-menu .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-info .phone-options .dropdown-menu .dropdown-item span {
    vertical-align: middle
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block {
    position: relative
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown,.contact-details-profile-side-panel.profile-info .contact-info.tags-block .title-col {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn {
    margin-left: auto;
    font-size: 13px;
    line-height: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid #6c757d;
    border-radius: 4px;
    outline: 0;
    color: #6c757d;
    padding: 8px 25px 7.5px 12px;
    background-color: #fff;
    text-align: left
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn .tag-icon {
    font-size: 15px;
    margin-right: 8px;
    text-align: center;
    vertical-align: text-top
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn::after {
    vertical-align: 2px;
    position: absolute;
    right: 9px;
    top: 15px
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .add-tag-btn:hover {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #6c757d!important
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .dropdown-menu {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    width: auto!important;
    margin-right: 10px
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px;
    white-space: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .dropdown-menu .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .dropdown-menu .dropdown-item span {
    vertical-align: middle
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .add-tag-dropdown .dropdown-menu .no-tags-message {
    font-size: 14px;
    padding: 5px 16px;
    font-style: italic
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .tags-list .tag {
    color: #e8e8e8;
    background-color: #000;
    padding: 4px 10px 6px;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
    margin-bottom: 4px;
    -webkit-transition: color .35s,background-color .35s;
    transition: color .35s,background-color .35s
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .tags-list .tag-placeholder {
    padding: 4px 10px 6px;
    display: inline-block;
    border-radius: 20px;
    margin-bottom: 4px
}

.contact-details-profile-side-panel.profile-info .contact-info.tags-block .loader .loading {
    font-size: 14px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .title-col,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .title-col {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-item {
    padding: 0
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs {
    border-bottom: none
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn {
    margin-left: auto;
    font-size: 13px;
    line-height: 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-color: #6c757d;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    outline: 0;
    color: #6c757d;
    padding: 8px 12px 7.5px 12px;
    background-color: #fff;
    text-align: right;
    margin-bottom: -1px;
    -webkit-transition: all .35s;
    transition: all .35s
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn .add-note-btn-icon {
    font-size: 15px;
    margin-right: 8px;
    text-align: center;
    vertical-align: text-top;
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s,-webkit-transform .4s;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    display: inline-block
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.active .add-note-btn-icon,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.active .add-note-btn-icon {
    color: red;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn:disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.disabled,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn:disabled {
    opacity: 1
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-document-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .add-note-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-document-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .add-note-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-document-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .add-note-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-document-btn:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.active:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.active:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn.active:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .add-note-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: inherit;
    background-color: #fff
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .nav-item.show .nav-link,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-document .nav-tabs .nav-link.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .nav-item.show .nav-link,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .add-note .nav-tabs .nav-link.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .nav-item.show .nav-link,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-document .nav-tabs .nav-link.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .nav-item.show .nav-link,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .add-note .nav-tabs .nav-link.active {
    border-color: rgba(0,0,0,.2)!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #fff!important;
    z-index: 1;
    position: relative
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content .tab-pane,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content .tab-pane,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content .tab-pane,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content .tab-pane {
    overflow: hidden;
    height: 0;
    -webkit-transition: height .3s cubic-bezier(.5,0,.3,1);
    transition: height .3s cubic-bezier(.5,0,.3,1)
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content .tab-pane .card-body,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content .tab-pane .card-body,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content .tab-pane .card-body,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content .tab-pane .card-body {
    padding: 12px 9px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content .tab-pane .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content .tab-pane .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content .tab-pane .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content .tab-pane .card-body .loader {
    height: calc(100% + 32px);
    right: 1px;
    top: -31px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content .tab-pane .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content .tab-pane .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content .tab-pane .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content .tab-pane .card-body .loader .loading {
    font-size: 14px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content>.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-content>.show,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content>.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-content>.show,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content>.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-content>.show,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content>.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-content>.show {
    border: 1px solid rgba(0,0,0,.2);
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .edit-note-container,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .edit-note-container,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .edit-note-container,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .edit-note-container {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .edit-note-container .card-body,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .edit-note-container .card-body,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .edit-note-container .card-body,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .edit-note-container .card-body {
    padding: 12px 9px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .edit-note-container .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .edit-note-container .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .edit-note-container .card-body .loader,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .edit-note-container .card-body .loader {
    height: calc(100% + 47px);
    width: calc(100% + 4px);
    right: -2px;
    top: -46px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .edit-note-container .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .edit-note-container .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .edit-note-container .card-body .loader .loading,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .edit-note-container .card-body .loader .loading {
    font-size: 14px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list {
    width: auto;
    height: auto;
    margin-top: 20px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat {
    border-bottom: 1px solid rgba(120,130,140,.13);
    padding-bottom: 5px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .note-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-info,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .note-info {
    font-size: 13px;
    margin: 15px 0 10px 0;
    color: #54667a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat:last-child,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat:last-child {
    border-bottom: none
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes {
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes::after,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes::after {
    content: none
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .contact-details-documents-notes:hover,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:active,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .contact-details-documents-notes:hover {
    border: 1px solid #ced4da!important;
    background: 0 0;
    color: #54667a
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown.show>.btn-info.dropdown-toggle,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown.show>.btn-info.dropdown-toggle {
    border: 1px solid #ced4da!important;
    color: #54667a!important
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu {
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    width: auto!important;
    margin-right: 10px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item i,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .document-repeat .notes-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .document-dropdown .dropdown-menu .dropdown-item span,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes-dropdown .dropdown-menu .dropdown-item span {
    vertical-align: middle
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .notes-list .note-repeat .notes,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .notes-list .note-repeat .notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .notes-list .note-repeat .notes,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .notes-list .note-repeat .notes {
    margin-top: 5px;
    margin-left: 0
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .documents-list .document-repeat .documents,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .documents-list .document-repeat .documents,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .documents-list .document-repeat .documents,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .documents-list .document-repeat .documents {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .save-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .cancel-btn,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .save-btn {
    font-size: 13px;
    padding: 5px 12px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .save-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .cancel-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .cancel-btn:focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .save-btn.focus,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .save-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-notes-container .notes-textarea,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-notes-container .notes-textarea,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-notes-container .notes-textarea,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-notes-container .notes-textarea {
    border: none
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .dropify-wrapper,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .dropify-wrapper,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .dropify-wrapper,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .dropify-wrapper {
    height: 150px;
    border-width: 1.5px;
    border-radius: 4px;
    margin-bottom: 10px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .add-documents-container .dropify-wrapper .dropify-clear,.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .add-documents-container .dropify-wrapper .dropify-clear,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .add-documents-container .dropify-wrapper .dropify-clear,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .add-documents-container .dropify-wrapper .dropify-clear {
    border: 1.5px solid #fff;
    border-radius: 4px;
    font-size: 10px;
    padding: 0 6px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .tab-pane.show,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .tab-pane.show {
    height: 130px;
    display: block
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .notes-row .edit-note-container,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .notes-row .edit-note-container {
    height: 130px
}

.contact-details-profile-side-panel.profile-info .contact-info.documents-block .documents-row .tab-pane.show,.contact-details-profile-side-panel.profile-info .contact-info.notes-block .documents-row .tab-pane.show {
    height: 215px;
    display: block
}

.contact-details-profile-side-panel .editable-click,.contact-details-profile-side-panel a.editable-click {
    width: 100%;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.contact-details-profile-side-panel .editable-click i,.contact-details-profile-side-panel a.editable-click i {
    color: #428bca;
    margin-left: 10px;
    font-size: 12px
}

.contact-details-profile-side-panel .editable-click p,.contact-details-profile-side-panel a.editable-click p {
    max-width: calc(100% - 33px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.contact-details-profile-side-panel .editable-controls.form-group {
    position: relative
}

.contact-details-profile-side-panel .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.contact-details-profile-side-panel .editable-buttons .btn-primary,.contact-details-profile-side-panel .editable-buttons .btn-secondary {
    width: 29px;
    height: 29px;
    padding: 5px;
    margin-left: 2px
}

.contact-details-profile-side-panel .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.contact-details-profile-side-panel .editable-has-buttons {
    padding: 5px 72px 5px 10px;
    max-width: 225px;
    font-size: 14px;
    min-height: 33px
}

.contact-details-profile-side-panel .editable-empty,.contact-details-profile-side-panel .editable-empty:focus,.contact-details-profile-side-panel .editable-empty:hover,.contact-details-profile-side-panel a.editable-empty,.contact-details-profile-side-panel a.editable-empty:focus,.contact-details-profile-side-panel a.editable-empty:hover {
    color: #428bca
}

.contact-details-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.contact-details-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.contact-details-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.contact-details-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.contact-details-section .dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item-img {
    margin-right: 10px;
    width: 20px;
    vertical-align: top
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item.disabled,.contact-details-section .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item.disabled:active,.contact-details-section .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.contact-details-section .dropdown .dropdown-menu .dropdown-item.active,.contact-details-section .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.contact-details-section .dropdown-btn {
    cursor: pointer
}

.contact-details-section .dropdown-btn.disabled {
    opacity: .65
}

.contact-details-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.contact-details-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.contact-details-section .dropdown-menu {
    max-height: 118px;
    overflow: auto
}

.contact-details-section .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px;
    cursor: pointer
}

.contact-details-section .dropdown-item.disabled,.contact-details-section .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-section .dropdown-item.disabled:active,.contact-details-section .dropdown-item:disabled:active {
    background-color: transparent
}

.contact-details-section .dropdown-item.active,.contact-details-section .dropdown-item:active {
    background-color: #f8f9fa
}

.contact-details-section .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-section .dropdown-item.active,.contact-details-section .dropdown-item:active,.contact-details-section .dropdown-item:focus,.contact-details-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.contact-details-section .dropdown-item.disabled,.contact-details-section .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.contact-details-section .timeline-col,.contact-details-section .timeline-column {
    height: calc(100vh - 258px)
}

.contact-details-section .timeline-column {
    display: block
}

.contact-details-section .timeline-block {
    height: 100%
}

.contact-details-section .timeline-block .timeline-mode {
    height: 100%
}

.contact-details-section .timeline-block .timeline-mode .card-body {
    height: 100%
}

.contact-details-section .timeline-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 44px
}

.contact-details-section .timeline-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.contact-details-section .timeline-block .header .type-dropdown {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-section .timeline-block .header .type-dropdown .type-btn {
    color: #54667a;
    font-size: 15px;
    font-weight: 400;
    padding: 4px 20px 4px 12px;
    border: 1px solid #54667a;
    border-radius: 4px;
    background-color: #fff;
    min-width: 141px;
    text-align: left
}

.contact-details-section .timeline-block .header .type-dropdown .type-btn .type-icon {
    font-size: 17px;
    width: 20px;
    margin-right: 8px;
    text-align: center;
    vertical-align: text-top
}

.contact-details-section .timeline-block .header .type-dropdown .type-btn::after {
    vertical-align: 2px;
    position: absolute;
    right: 9px;
    top: 14px
}

.contact-details-section .timeline-block .header .type-dropdown .type-btn.focus,.contact-details-section .timeline-block .header .type-dropdown .type-btn:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-section .timeline-block .header .type-dropdown .dropdown-menu {
    left: auto!important;
    right: 0
}

.contact-details-section .timeline-block .infinite-scroll-loading {
    -webkit-animation: fadein .2s;
    -moz-animation: fadein .2s;
    -ms-animation: fadein .2s;
    -o-animation: fadein .2s;
    width: 100%;
    height: 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    background-color: rgba(255,255,255,.7294117647);
    left: auto;
    right: auto;
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1);
    display: none;
    bottom: 0;
    padding: 8px 0 5px
}

.contact-details-section .timeline-block .infinite-scroll-loading.show {
    height: 46px;
    display: block
}

.contact-details-section .timeline-block .infinite-scroll-loading .loading-spinner-div {
    width: 30px;
    text-align: center;
    display: inline-block
}

.contact-details-section .timeline-block .infinite-scroll-loading .loading-spinner-div .spinner-border {
    width: 30px;
    height: 30px;
    border-width: 2px;
    vertical-align: text-top
}

.contact-details-section .timeline-block .contact-timeline-container {
    height: calc(100% - 248px);
    position: relative
}

.contact-details-section .timeline-block .scroll-contact-timeline {
    margin: 20px 0 20px;
    padding: 0;
    padding-top: 10px;
    max-width: 100%;
    overflow: hidden;
    scrollbar-gutter: stable;
    position: relative;
    height: 100%;
    -webkit-transition: height .3s cubic-bezier(.5,0,.3,1);
    transition: height .3s cubic-bezier(.5,0,.3,1)
}

.contact-details-section .timeline-block .scroll-contact-timeline.scroll-timeline {
    overflow: auto;
    overflow-anchor: none
}

.contact-details-section .timeline-block .scroll-contact-timeline.scroll-timeline::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.contact-details-section .timeline-block .scroll-contact-timeline.scroll-timeline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.contact-details-section .timeline-block .scroll-contact-timeline.scroll-timeline::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.contact-details-section .timeline-block .scroll-contact-timeline.empty-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.contact-details-section .timeline-block .scroll-contact-timeline.empty-timeline .container {
    padding: 25px;
    text-align: center
}

.contact-details-section .timeline-block .scroll-contact-timeline.empty-timeline .container .icon-div i {
    font-size: 26px
}

.contact-details-section .timeline-block .scroll-contact-timeline.empty-timeline .container .content p {
    line-height: 20px;
    font-size: 16px;
    margin: 10px 0 4px;
    font-weight: 400
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline {
    margin: 0;
    max-width: 100%;
    padding: 0 15px 0 0
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li {
    margin-bottom: 0;
    display: none;
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation: fadein .3s
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge {
    position: absolute;
    overflow: hidden;
    padding-top: .9rem;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge.system-note {
    padding-top: .45rem;
    padding-bottom: .45rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge.stacked-cards-timeline-badge {
    padding-top: 1.3rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge.stacked-cards-timeline-badge.system-note {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge .timeline-badge {
    border-radius: 50%;
    text-align: center;
    font-size: 1.4em;
    line-height: 32px;
    margin-left: 0;
    background: #fff;
    padding: 0;
    width: 36px;
    height: 36px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge .timeline-badge i {
    font-size: 18px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry-badge .timeline-badge.border-badge-info {
    border: 1.5px solid #009ffb;
    color: #009ffb
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry {
    width: calc(100% - 50px);
    margin-bottom: 0;
    margin-left: 45px;
    padding-top: .9rem;
    position: relative
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry.system-note {
    padding-top: .45rem;
    padding-bottom: .45rem;
    min-height: 50px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry.stacked-cards-timeline-panel {
    padding-top: 1.3rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry.stacked-cards-timeline-panel.system-note {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .spinner-loading {
    width: calc(100% + 10px);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 100
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .spinner-loading .loading-message {
    font-style: italic;
    font-size: 14px;
    position: absolute;
    display: block;
    top: auto;
    bottom: 0;
    color: #009ffb;
    background-color: #fff;
    left: auto;
    right: 15px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .spinner-loading .loading-message .spinner-border {
    width: 15px;
    height: 15px;
    border-width: 2px;
    vertical-align: text-top
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel {
    position: relative;
    border-radius: 4px;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 0;
    border: none
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel:after,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel:before {
    content: none
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .timeline-panel-content {
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 12px;
    position: relative;
    border-radius: 4px;
    border: 1px solid rgba(105,113,122,.43)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .timeline-panel-content.stacked-cards:after,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .timeline-panel-content.stacked-cards:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    -webkit-transition: -webkit-transform .35s ease-in-out;
    transition: -webkit-transform .35s ease-in-out;
    transition: transform .35s ease-in-out;
    transition: transform .35s ease-in-out,-webkit-transform .35s ease-in-out;
    background-color: #fff;
    border: 1px solid rgba(105,113,122,.43)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .timeline-panel-content.stacked-cards:before {
    z-index: -1;
    -webkit-transform: translate(4px,-4px);
    transform: translate(4px,-4px)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .timeline-panel-content.stacked-cards:after {
    z-index: -2;
    -webkit-transform: translate(7px,-7px);
    transform: translate(7px,-7px)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel:hover .timeline-panel-content {
    background-color: #f8f9fa
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel:hover:after {
    border-right-color: #f8f9fa;
    border-left-color: #f8f9fa
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div {
    padding: 0!important
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-phone-title,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-subject-body,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-text-body {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-phone-title {
    color: #54667a
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-subject-body {
    margin-bottom: 6px;
    color: #000
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .entry-text-body {
    color: #54667a
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .subject-message-div {
    width: 100%
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-duration-player,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-phone-disposition,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-duration-player,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-phone-disposition {
    gap: 1rem;
    width: 100%
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: .5rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents .download-document-btn {
    padding: 5px 10px;
    border: 1px solid transparent;
    background-color: rgba(214,222,231,.5098039216);
    color: #54667a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents .download-document-btn:hover {
    opacity: 1;
    color: #019efb
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents .download-document-btn.focus,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents .download-document-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .disposition-block .label {
    font-size: 12px;
    padding: 5px;
    font-weight: 400
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .missed-calls-message {
    font-size: 14px;
    color: #e00c0c;
    font-weight: 400
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .duration {
    font-size: 14px;
    font-weight: 400;
    color: #54667a
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .duration i {
    font-size: 13px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container {
    border-left: 1px solid #ccc;
    padding-left: 15px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div {
    line-height: 17px;
    width: 27px;
    height: 27px;
    float: left;
    border: 1px solid rgba(105,113,122,.43)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div.transform {
    max-width: 350px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div.transform.transform-active {
    width: 350px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div .play-pause-btn {
    line-height: 15px;
    width: 27px;
    height: 26px;
    font-size: 13px;
    padding: 6px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div .btn-muting {
    line-height: 17px;
    width: 33px;
    height: 26px;
    float: right;
    padding: 5px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div .btn-muting .volume-icon {
    font-size: 13px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div .progress-div {
    width: calc(100% - 180px);
    margin-bottom: 1px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div {
    margin: 4px 8px;
    font-size: 14px;
    text-align: left
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-time {
    color: #55657a;
    font-weight: 400
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .inline-divider {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .img-circle {
    vertical-align: sub
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .pin-note {
    font-size: 12px;
    color: #009efb;
    margin-left: 4px
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn {
    font-size: 15px;
    padding: 2.6px 7px;
    width: 32px;
    height: 22px;
    background-color: transparent;
    color: #54667a;
    border: none;
    cursor: pointer
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn:after {
    content: none
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn.active,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn.focus,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn:active,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn:focus,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .entry-dropdown-menu-btn:hover {
    color: #009efb!important;
    border-color: #f2f4f8;
    background-color: #f2f4f8;
    opacity: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu.show .entry-dropdown-menu-btn {
    color: #009efb;
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .dropdown-menu {
    margin: .125rem 0 .125rem
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .dropdown-item i {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .entry-info-div .entry-menu .dropdown-item i.active-action {
    color: #009efb
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:last-child .timeline-entry-badge::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: calc(100% - 36px - .9rem);
    background-color: #fff;
    bottom: 0;
    top: auto
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:last-child .timeline-entry-badge.system-note::after {
    height: calc(100% - 36px - .45rem)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:last-child .timeline-entry-badge.stacked-cards-timeline-badge::after {
    height: calc(100% - 36px - 1.3rem)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:last-child .timeline-entry-badge.stacked-cards-timeline-badge.system-note::after {
    height: calc(100% - 36px - .75rem)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:first-child .timeline-entry,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:first-child .timeline-entry-badge {
    padding-top: 0!important
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li:first-child:last-child .timeline-entry-badge::after {
    height: calc(100% - 36px)
}

.contact-details-section .timeline-block .scroll-contact-timeline .timeline:before {
    left: 19px;
    top: 5px;
    background-color: #019efb;
    width: 1.5px
}

@media (max-width: 767px) {
    .contact-details-section .timeline-col,.contact-details-section .timeline-column {
        height:calc(100vh - 285px)
    }
}

@media (min-width: 576px) {
    .contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div .progress-div {
        display:inline-block
    }
}

@media (max-width: 575px) {
    .contact-details-section .timeline-block .header .type-dropdown .type-btn .type-title {
        display:none
    }

    .contact-details-section .timeline-block .header .type-dropdown .type-btn {
        min-width: 70px
    }

    .contact-details-section .timeline-block .header ul.title {
        width: calc(100% - 90px)
    }

    .contact-details-section .timeline-block .header ul.title .card-subtitle {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: calc(100% - 125px)
    }

    .contact-details-section .timeline-block .header .type-dropdown .dropdown-menu {
        left: 0!important;
        right: 0
    }

    .contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-duration-player,.contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .call-phone-disposition {
        gap: .5rem
    }

    .contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .player-container .audio-player-div.transform.transform-active {
        width: 100%
    }

    .contact-details-section .timeline-block .scroll-contact-timeline .timeline>li .timeline-entry .timeline-panel .content-div .documents .download-document-btn {
        max-width: 220px
    }
}

@media (max-width: 420px) {
    .contact-details-section .timeline-block .timeline-mode .card-body {
        padding:20px 12px
    }
}

.contacts-section .contacts-card-body .contacts-card-header {
    width: 100%
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-search {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-filter-by-disposition {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-add-contact {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-main-options {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
}

.contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-list-select {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6
}

.contacts-section .contacts-card-body .contacts-card-header .contacts-option-form {
    margin-bottom: 0
}

.contacts-section .contacts-card-body .contacts-card-header .contacts-option-form .contacts-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.contacts-section .contacts-card-body .contacts-card-header .contacts-option-form .contacts-option-div-select {
    display: inline-block;
    padding-left: 5px;
    max-width: calc(100% - 45px)
}

.contacts-section .contacts-card-body .contacts-card-header .contacts-option-form .contacts-option-div-select .list-name {
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: auto;
    width: auto;
    min-width: 100px;
    vertical-align: baseline;
    border-color: #f2f4f8;
    background: #f2f4f8 url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .75rem center no-repeat;
    background-size: 8px 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.contacts-section .contacts-card-body .contacts-card-header .search-contact-div {
    width: 260px;
    display: inline-block;
    margin-right: 15px
}

.contacts-section .contacts-card-body .contacts-card-header .search-contact-div .search-input {
    display: inline;
    width: 100%;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 35px
}

.contacts-section .contacts-card-body .contacts-card-header .search-contact-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.contacts-section .contacts-card-body .contacts-card-header .search-contact-div .search-clear-btn {
    margin-left: -35px
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition {
    min-width: 187px;
    text-align: left;
    padding-right: 30px;
    height: 35px
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition i {
    font-size: 15.5px
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition::after {
    position: absolute;
    right: 11px;
    top: 15px
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition.disabled,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition:disabled {
    cursor: default
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition.active,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition.focus,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition:active,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition:focus,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition:hover,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div.show>.btn-info.dropdown-toggle.filter-by-disposition {
    background: #009efb!important;
    border: 1px solid #009efb!important;
    color: #fff!important
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition:hover {
    opacity: .7
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-menu {
    width: 100%;
    max-height: 175px;
    overflow: auto;
    margin: .125rem 0;
    z-index: 49
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-item.filter-by-disposition-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important;
    padding: 5px 1rem
}

.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-item.active,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-item:active,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-item:focus,.contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.contacts-section .contacts-card-body .contacts-card-header .add-btn {
    color: #009efb;
    height: 35px
}

.contacts-section .contacts-card-body .contacts-card-header .add-btn.active,.contacts-section .contacts-card-body .contacts-card-header .add-btn.focus,.contacts-section .contacts-card-body .contacts-card-header .add-btn:active,.contacts-section .contacts-card-body .contacts-card-header .add-btn:focus,.contacts-section .contacts-card-body .contacts-card-header .add-btn:hover {
    color: #009efb;
    background-color: transparent;
    border-color: #009efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.contacts-section .contacts-card-body .contacts-card-header .add-btn:hover {
    opacity: .7
}

.contacts-section .contacts-card-body .contacts-card-header .add-btn.disabled,.contacts-section .contacts-card-body .contacts-card-header .add-btn:disabled {
    cursor: default
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid transparent;
    font-size: 19px;
    width: 36px;
    height: 35px;
    padding: 9px 7px;
    line-height: 18px
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle.active:not(.disabled,:disabled),.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle.focus:not(.disabled,:disabled),.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle:active:not(.disabled,:disabled),.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle:focus:not(.disabled,:disabled),.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle:hover:not(.disabled,:disabled) {
    color: #009efb;
    opacity: 1
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle::after {
    content: none
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle.disabled,.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-toggle:disabled {
    cursor: default
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li.show .dropdown-toggle {
    color: #009efb
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-menu {
    min-width: 261px;
    max-height: 175px;
    overflow: auto;
    margin: .125rem 0;
    z-index: 49
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-menu-right {
    right: unset;
    left: unset;
    top: unset
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item.active,.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item:active,.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item:focus,.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .drop-cowboy-icon {
    background: url(assets/images/icon/drop-cowboy-icon.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.contacts-section .contacts-card-body .contacts-card-header .main-options-li .dropdown-header {
    color: #54667a
}

.contacts-section .contacts-card-body .contacts-list {
    position: relative
}

.contacts-section .contacts-card-body .contacts-list .contact-div {
    padding: 20px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-transition: background .35s;
    transition: background .35s;
    position: relative
}

.contacts-section .contacts-card-body .contacts-list .contact-div:hover {
    background: #f8f9fa;
    border-radius: .25rem
}

.contacts-section .contacts-card-body .contacts-list .contact-div:last-child {
    border-bottom: none
}

.contacts-section .contacts-card-body .contacts-list .contact-div .contacts-icon-div {
    width: 45px;
    min-height: 45px;
    position: relative;
    background: 0 0;
    margin: 0 15px 0 10px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .contacts-icon-div .label {
    font-size: 13px;
    padding: 6px;
    font-weight: 500
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div {
    width: calc(100% - 59px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-title h5 {
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-title .company-div i,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-title .company-div span {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-title .company-div span {
    font-weight: 400
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-title .company-div i {
    width: 18px;
    text-align: left
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text i,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text span {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text span {
    font-weight: 400
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text .date-div {
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text .content-span {
    font-weight: 500;
    margin-left: 5px;
    vertical-align: middle
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text .disposition-block .label {
    font-size: 12px;
    padding: 6px 6px 5px;
    font-weight: 400;
    color: #009efb
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .main-col {
    -ms-flex-item-align: center;
    align-self: center
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .additional-col {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    -ms-flex-item-align: center;
    align-self: center
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col {
    -ms-flex-preferred-size: 21%;
    flex-basis: 21%;
    -ms-flex-item-align: center;
    align-self: center
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: .3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags .tag {
    color: #e8e8e8;
    background-color: #000;
    padding: 4px 10px 6px;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
    -webkit-transition: color .35s,background-color .35s;
    transition: color .35s,background-color .35s
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags .tag .label-div {
    max-width: 72.55px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags .more-tags {
    font-size: 14px;
    color: #54667a;
    font-weight: 400;
    padding: 5px 0
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
    -ms-flex-item-align: center;
    align-self: center
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-more {
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list {
    width: 100%
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-more {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-icon {
    width: 18px;
    text-align: left;
    font-size: 15px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    gap: .25rem;
    -ms-flex-preferred-size: 11%;
    flex-basis: 11%
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn {
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 8px;
    line-height: 18px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.message.active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.message.focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.message:active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.message:focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .outline-btn.message:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px;
    margin-right: 10px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle.active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle.focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle:active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle:focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle:hover {
    color: #009efb;
    opacity: 1
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group.show .dropdown-toggle {
    color: #009efb
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-menu {
    min-width: 261px;
    max-height: 175px;
    overflow: auto;
    right: 0;
    left: auto!important;
    margin: .125rem 0;
    z-index: 49
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-menu-right {
    right: unset;
    left: unset;
    top: 0!important
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-divider {
    margin: 4px 8px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 320px
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item.disabled,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item:disabled {
    cursor: default;
    opacity: .7;
    background-color: transparent!important
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item.active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item:active,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item:focus,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .btn-group .dropdown-header {
    color: #54667a;
    cursor: default
}

.contacts-section .contacts-card-body .header-placeholder .list-select-placeholder {
    width: 238px
}

.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
    width: 260px;
    margin-right: 15px
}

.contacts-section .contacts-card-body .header-placeholder .disposition-placeholder {
    width: 189.85px
}

.contacts-section .contacts-card-body .header-placeholder .add-btn-placeholder {
    width: 149.86px
}

.contacts-section .contacts-card-body .header-placeholder .options-placeholder {
    width: 36px
}

.contacts-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.contacts-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.contacts-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.contacts-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.contacts-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.contacts-section .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.contacts-section .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.contacts-section .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.contacts-section .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.contacts-section .modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.contacts-section .modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.contacts-section .modal .modal-dialog .modal-footer .btn-submit.active,.contacts-section .modal .modal-dialog .modal-footer .btn-submit.focus,.contacts-section .modal .modal-dialog .modal-footer .btn-submit:active,.contacts-section .modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.contacts-section .modal .dropdown-toggle {
    cursor: pointer
}

.contacts-section .modal .dropdown-item {
    cursor: pointer
}

.contacts-section .modal .dropdown-item.active,.contacts-section .modal .dropdown-item:active,.contacts-section .modal .dropdown-item:focus,.contacts-section .modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

@media (min-width: 1701px) and (max-width:1880px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
        max-width:113px
    }
}

@media (max-width: 1700px) {
    .contacts-section .contacts-card-body .contacts-card-header .search-contact-div,.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
        width:200px
    }
}

@media (max-width: 1600px) {
    .contacts-section .contacts-card-body .contacts-card-header .add-btn span {
        display:none
    }

    .contacts-section .contacts-card-body .header-placeholder .add-btn-placeholder {
        width: 43.5px
    }
}

@media (min-width: 1701px) and (max-width:1799px),(min-width:1311px) and (max-width:1410px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-preferred-size: 46px;
        flex-basis: 46px;
        height: 109px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col {
        -ms-flex-preferred-size: 19%;
        flex-basis: 19%
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .additional-col {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .dropdown .dropdown-menu {
        right: unset;
        left: unset
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
        max-width: 109px
    }
}

@media (min-width: 1411px) and (max-width:1700px),(min-width:1024px) and (max-width:1310px),(max-width:1023px),(min-width:500px) and (max-width:700px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
        max-width:calc(100% - 30px)
    }
}

@media (min-width: 1411px) and (max-width:1700px),(min-width:1024px) and (max-width:1310px),(max-width:1023px),(min-width:500px) and (max-width:700px),(max-width:500px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 46px;
        flex-basis: 46px;
        height: 109px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .main-col {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .additional-col {
        -ms-flex-preferred-size: 53%;
        flex-basis: 53%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags {
        margin-top: 8px
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col .dropdown .dropdown-menu {
        right: unset;
        left: unset
    }
}

@media (min-width: 1425px) and (max-width:1480px),(min-width:1024px) and (max-width:1180px),(max-width:899px) {
    .contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition {
        min-width:60px
    }

    .contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition span {
        display: none
    }

    .contacts-section .contacts-card-body .header-placeholder .disposition-placeholder {
        width: 60px
    }
}

@media (min-width: 1179px) and (max-width:1424px),(min-width:900px) and (max-width:1023px) {
    .contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition {
        min-width:187px
    }

    .contacts-section .contacts-card-body .contacts-card-header .filter-by-disposition-div .filter-by-disposition span {
        display: inline
    }

    .contacts-section .contacts-card-body .header-placeholder .disposition-placeholder {
        width: 189.85px
    }
}

@media (max-width: 1023px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (max-width: 899px) {
    .contacts-section .contacts-card-body .header-placeholder .list-select-placeholder {
        width:183.56px
    }
}

@media (min-width: 600px) and (max-width:899px) {
    .contacts-section .contacts-card-body .contacts-card-header .search-contact-div,.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
        width:160px;
        margin-right: 0
    }
}

@media (max-width: 700px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .info-text .date-div p {
        margin-left:0!important
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
        max-width: calc(100vw - 140px)
    }
}

@media (min-width: 500px) and (max-width:700px) {
    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .additional-col,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .main-col {
        -ms-flex-preferred-size:85%;
        flex-basis: 85%
    }
}

@media (max-width: 599px) {
    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-search {
        -webkit-box-ordinal-group:3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts-section .contacts-card-body .contacts-card-header .search-contact-div,.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
        margin-right: 7px
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-filter-by-disposition {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-add-contact {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-main-options {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-list-select {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 200px;
        flex: 1 0 200px
    }
}

@media (max-width: 500px) {
    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-search {
        -webkit-box-ordinal-group:4;
        -ms-flex-order: 3;
        order: 3;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 150px;
        flex: 1 0 150px
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-main-options {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .contacts-section .contacts-card-body .contacts-card-header .header-title-actions .header-list-select {
        -webkit-box-flex: 80%;
        -ms-flex: 80%;
        flex: 80%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .contacts-section .contacts-card-body .contacts-card-header .search-contact-div,.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
        width: 190px
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .additional-col,.contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .main-col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .contacts-icon-div {
        width: 35px;
        min-height: 35px;
        margin: 0 15px 0 0
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .contacts-icon-div .avatar {
        width: 35px;
        height: 35px
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .action-col {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        margin-top: 8px;
        height: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col {
        margin-top: 8px
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .tags-col .tags {
        margin-bottom: 4px
    }

    .contacts-section .contacts-card-body .contacts-list .contact-div .content-div .contact-details .lists-col .list-name {
        max-width: calc(100vw - 130px)
    }
}

@media (max-width: 400px) {
    .contacts-section .contacts-card-body .contacts-card-header .search-contact-div,.contacts-section .contacts-card-body .header-placeholder .search-input-placeholder {
        width:145px
    }
}

.create-campaign-section .editor-block .editor-desc {
    font-size: 12px;
    color: #444
}

.create-campaign-section .editor-block .text-btn {
    min-width: 120px;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 2px 5px
}

.create-campaign-section .editor-block #editor-container {
    height: 200px;
    font-size: 14px
}

.create-campaign-section .mr-auto {
    list-style-type: none;
    padding-left: 0
}

.create-campaign-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.create-campaign-section .show>.btn-info.dropdown-toggle {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.create-campaign-section .dropdown-menu {
    max-width: 300px;
    min-width: 230px
}

.create-campaign-section .dropdown-toggle.active,.create-campaign-section .dropdown-toggle.focus,.create-campaign-section .dropdown-toggle:active,.create-campaign-section .dropdown-toggle:focus,.create-campaign-section .dropdown-toggle:hover {
    background: #009efb;
    border: 1px solid #009efb
}

.create-campaign-section .dropdown-item {
    cursor: pointer;
    font-size: 15px;
    white-space: normal
}

.create-campaign-section .dropdown-item.active,.create-campaign-section .dropdown-item:active,.create-campaign-section .dropdown-item:focus,.create-campaign-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.create-campaign-section .radio label::before {
    top: 3px
}

.create-campaign-section .radio label::after {
    top: 8px
}

.custom-fields-section .custom-fields-card-body {
    padding-right: 5px!important
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .add-btn i {
    font-weight: 600
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .add-btn span {
    padding-left: 5px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .save-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: #fff;
    margin-top: 10px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .save-btn span {
    padding-left: 5px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-header .buttons {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.custom-fields-section .custom-fields-card-body .add-btn:hover {
    color: #fff
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget {
    position: relative
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item {
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-icon,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    vertical-align: middle
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-icon .round-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-icon .round-div {
    width: 45px;
    height: 45px;
    background: 0 0!important;
    border: 2px solid #04a8fb
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-icon .round-div i,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-icon .round-div i {
    color: #04a8fb;
    font-size: 26px;
    margin-top: 8px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .name-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .name-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .name-div.list-row,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .name-div.list-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .type-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .type-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .type-div.list-row,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .type-div.list-row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 10px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .list-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .list-div {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(.5,0,.3,1);
    transition: max-height .4s cubic-bezier(.5,0,.3,1)
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div {
    -webkit-transition: opacity .4s cubic-bezier(.5,0,.3,1);
    transition: opacity .4s cubic-bezier(.5,0,.3,1);
    opacity: 0;
    height: 0;
    visibility: hidden
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show {
    visibility: visible;
    opacity: 1;
    height: auto
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group h5,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group h5 {
    color: #009ffb;
    font-size: 15px;
    font-weight: 500
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group label,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group label {
    font-weight: 500
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div {
    position: unset;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details {
    line-height: 30px;
    width: 40px;
    height: 40px;
    background-color: #eff0f2;
    color: #54667a;
    border: 1px solid #eff0f2
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i {
    font-size: 20px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i.opened,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i.opened {
    display: none;
    margin-bottom: 3px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i.closed,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details i.closed {
    display: block
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details.focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details:focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details.focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .item-option-div .open-details:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .edit-input,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .filed-items .field-options .field-option-group-div.show .field-option-group .edit-input {
    font-size: 15px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div {
    position: unset;
    text-align: right
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details {
    line-height: 30px;
    width: 40px;
    height: 40px;
    background-color: #eff0f2;
    color: #54667a;
    border: 1px solid #eff0f2
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details i,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details i {
    font-size: 20px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details i.opened,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details i.opened {
    display: none;
    margin-bottom: 3px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details i.closed,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details i.closed {
    display: block
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details.focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .option-div .open-details:focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details.focus,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .option-div .open-details:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .date-addition-styles,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .date-addition-styles {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    width: 100%
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .date-addition-styles ul,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .date-addition-styles ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .content .date-addition-styles ul .left,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .date-addition-styles ul .left {
    float: left;
    clear: left
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .filed-items,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .filed-items {
    max-height: 1024px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .field-options-open,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .field-options-open {
    display: initial;
    position: unset
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .open-details,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .open-details {
    background-color: #009ffb!important;
    color: #fff!important;
    border: 1px solid #009ffb!important
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .open-details .opened,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .open-details .opened {
    display: block!important
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .open-details .closed,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .open-details .closed {
    display: none!important
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item.field-options-open .field-options-closed,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item.field-options-open .field-options-closed {
    display: none
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .field-options .custom-fields-move-items-buttons,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .field-options .custom-fields-move-items-buttons {
    width: 20px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div {
    width: 20px;
    height: 30px;
    background: 0 0!important;
    border: 2px solid transparent;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div i,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div i {
    color: #04a8fb;
    font-size: 20px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div:hover,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .field-options .custom-fields-move-items-buttons .round-div:hover {
    border-color: #05a7fa
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-move-buttons,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-move-buttons {
    width: 20px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    vertical-align: middle
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-move-buttons .round-div,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-move-buttons .round-div {
    width: 20px;
    height: 30px;
    background: 0 0!important;
    border: 2px solid transparent;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-move-buttons .round-div i,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-move-buttons .round-div i {
    color: #04a8fb;
    font-size: 20px
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-title .custom-fields-list-item .custom-fields-move-buttons .round-div:hover,.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .custom-fields-move-buttons .round-div:hover {
    border-color: #05a7fa
}

.custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.custom-fields-section .custom-fields-card-body .mytooltip {
    z-index: 2
}

.custom-fields-section .custom-fields-card-body .editable-controls.form-group {
    position: relative
}

.custom-fields-section .custom-fields-card-body .editable-has-buttons {
    padding-right: 95px;
    max-width: 185px;
    font-size: 14px
}

.custom-fields-section .custom-fields-card-body .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.custom-fields-section .custom-fields-card-body .editable-buttons .btn-primary,.custom-fields-section .custom-fields-card-body .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.custom-fields-section .custom-fields-card-body .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.custom-fields-section .custom-fields-card-body .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 25px!important;
    bottom: 50%!important
}

.custom-fields-section .custom-fields-card-body .editable-click,.custom-fields-section .custom-fields-card-body a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.custom-fields-section .custom-fields-card-body .editable-empty,.custom-fields-section .custom-fields-card-body .editable-empty:focus,.custom-fields-section .custom-fields-card-body .editable-empty:hover,.custom-fields-section .custom-fields-card-body a.editable-empty,.custom-fields-section .custom-fields-card-body a.editable-empty:focus,.custom-fields-section .custom-fields-card-body a.editable-empty:hover {
    color: #428bca
}

.custom-fields-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.custom-fields-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.custom-fields-section .dropdown-toggle.custom-fields-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.custom-fields-section .dropdown-toggle.custom-fields-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px
}

.custom-fields-section .dropdown-toggle.custom-fields-activity-item.active,.custom-fields-section .dropdown-toggle.custom-fields-activity-item.focus,.custom-fields-section .dropdown-toggle.custom-fields-activity-item:active,.custom-fields-section .dropdown-toggle.custom-fields-activity-item:focus,.custom-fields-section .dropdown-toggle.custom-fields-activity-item:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.custom-fields-section .dropdown-item {
    cursor: pointer
}

.custom-fields-section .dropdown-item.active,.custom-fields-section .dropdown-item:active,.custom-fields-section .dropdown-item:focus,.custom-fields-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.custom-fields-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.custom-fields-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.custom-fields-section .no-res {
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2;
    margin-left: -25px
}

@media (max-width: 767px) {
    .custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item .content .name-div {
        padding-top:10px
    }

    .custom-fields-section .custom-fields-card-body .custom-fields-card-content .custom-fields-widget .custom-fields-list-item {
        padding-left: 0
    }
}

.custom-shopping-cart-modal .modal-dialog {
    -webkit-transition: max-width .3s ease-in-out!important;
    transition: max-width .3s ease-in-out!important
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding-bottom: 5px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-header .logo-div {
    margin: 0 auto
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .step-pagination {
    width: 100%;
    margin-top: 0;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.custom-shopping-cart-modal .modal-dialog .modal-content .step-pagination .step-pagination-bullet {
    margin: 0 5px;
    height: 9px;
    width: 9px;
    outline: 0;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.custom-shopping-cart-modal .modal-dialog .modal-content .step-pagination .step-pagination-bullet.active {
    background: #232323;
    opacity: 1
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body {
    border-top: 1px solid #e9ecef;
    margin-top: 15px;
    min-height: 480px;
    padding: 35px 35px 25px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .title-section {
    position: relative;
    font-family: Rubik,sans-serif;
    width: 100%;
    height: 20px;
    margin-bottom: 25px;
    color: #2c2b2e
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .title-section .title-div {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 30px;
    background-color: #fff;
    position: absolute;
    top: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .title-section .divider {
    position: absolute;
    top: 60%;
    height: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    opacity: .5;
    z-index: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .title-section .divider.hide {
    display: none
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product {
    margin: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-big-resolution {
    display: block;
    width: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution {
    display: none;
    width: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content {
    display: inline-block;
    width: calc(100% - 73px);
    margin-left: 10px;
    vertical-align: middle
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .row {
    margin-right: 0;
    margin-left: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .product-title {
    margin-left: 0;
    width: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .modal-input {
    min-height: 34px;
    height: 34px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .remove-btn {
    padding: 0 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    line-height: 12px;
    font-size: 12px;
    text-transform: uppercase;
    color: #6f6f6f;
    height: 20px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .remove-btn.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .remove-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .price-col {
    padding-left: 0;
    padding-right: 5px;
    text-align: right
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .price-col .price-p {
    font-size: 15px;
    padding-right: 10px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon {
    padding: 15px;
    width: 58px;
    height: 55px;
    background-color: #f7f7f7;
    border-radius: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon i {
    color: #ff214e;
    font-size: 25px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription {
    padding: 10px 11px;
    position: relative;
    vertical-align: middle
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription .subscription-div {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100%;
    height: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription .subscription-div .out-icon {
    font-size: 35px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription .in-icon {
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 20px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.one-time-charges {
    position: relative;
    vertical-align: middle;
    padding: 11px 13px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.one-time-charges .one-time-charges-div {
    width: 32px;
    height: 32px;
    border: 2.5px solid #ff214d;
    border-radius: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.one-time-charges .in-icon {
    position: absolute;
    top: 12px;
    left: 20px;
    font-size: 20px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-title {
    margin-bottom: 0;
    display: inline-block;
    margin-left: 15px;
    width: calc(100% - 85px);
    vertical-align: middle;
    font-weight: 400;
    line-height: 22px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .modal-input {
    min-height: 34px;
    height: 34px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .remove-btn {
    color: #939393;
    background-color: transparent;
    position: absolute;
    bottom: -24px;
    height: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 10px;
    text-transform: uppercase;
    width: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .remove-btn:hover {
    color: #ff214d
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .remove-btn.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .remove-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-price-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-price-col .price-p {
    font-size: 16px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .add-recommended-add-on {
    height: 34px;
    width: 100%
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .add-recommended-add-on.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .add-recommended-add-on:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total {
    margin-top: 25px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input {
    width: 50%;
    position: relative
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input input {
    padding-right: 30px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input .checking-icon {
    color: #5d5d5d;
    position: absolute;
    right: 10px;
    top: 6px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input .checking-icon i {
    font-size: 16px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input .checked-icon {
    color: green;
    margin-bottom: 0;
    position: absolute;
    right: 9px;
    top: 9px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input .checked-icon i {
    font-size: 17px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input .checked-icon i.color-red {
    color: red
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .subtotal-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .subtotal-col .title {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .subtotal-col .subtotal-price {
    border-top: 1px solid #232323;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    padding-left: 8px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .subtotal-col .subtotal-price p {
    font-size: 16px;
    color: #ff214d;
    font-weight: 400
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .subtotal-col .subtotal-subtitle p {
    color: #939393;
    line-height: 16px;
    text-align: center;
    font-size: 13px;
    margin-top: 3px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div.recommended-add-ons-list .product .product-title {
    width: 100%;
    margin-left: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div {
    border: 1px solid rgba(0,0,0,.3);
    border-radius: .25rem;
    padding: 25px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .title-section {
    margin-bottom: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .items-title-col {
    width: 100%;
    height: 20px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .items-title-col .title-div {
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    color: #2c2b2e
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .edit-btn {
    height: 20px;
    padding: 0 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0;
    margin-left: auto;
    line-height: 12px;
    font-size: 12px;
    text-transform: uppercase;
    color: #6f6f6f
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .summary-title {
    margin-bottom: 0;
    display: inline-block;
    margin-left: 15px;
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .price-p {
    font-size: 15px;
    line-height: 20px;
    color: #2c2b2e
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .price-p.color-red {
    color: #ff214d
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .price-p.bold-p {
    font-weight: 400
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .details-p {
    color: #939393;
    line-height: 16px;
    text-align: right;
    font-size: 13px;
    margin-top: 3px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-amount {
    padding-top: 10px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-amount-div .title-div {
    display: inline-block;
    position: relative;
    padding-right: 5px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-amount-div .details-p {
    display: inline-block
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-details,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-price {
    border-top: 1px solid #232323;
    padding-top: 10px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .summary-address {
    margin-bottom: 0;
    display: inline-block;
    white-space: pre-wrap;
    font-weight: 400
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .payment-method-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .payment-method-col .payment-method-div {
    margin-bottom: 0
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 0;
    margin-left: auto
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .title {
    display: inline-block;
    font-size: 15px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .card-logo {
    padding: 5px 0 0 15px;
    display: inline-block;
    vertical-align: middle
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .card-logo .svg-flat-mastercard,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .card-logo .svg-flat-visa {
    height: 25px;
    width: 40px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .card-logo .svg-flat-visa {
    background-image: url(/assets/images/payment-icons/visa.svg)
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards .card-logo .svg-flat-mastercard {
    background-image: url(/assets/images/payment-icons/mastercard.svg)
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input {
    font-size: 15px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control:disabled,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control[readonly] {
    cursor: default
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control:disabled.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control:disabled:focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control[readonly].focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.form-control[readonly]:focus {
    border-color: rgba(0,0,0,.15)
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.invalid {
    border-bottom: 1px solid red
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .modal-input.placeholder-color {
    color: #858e96
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body textarea.modal-input {
    height: 2.7em
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .required-field-badge {
    color: red;
    font-size: 18px;
    position: absolute;
    right: 22px;
    left: auto;
    top: 0;
    z-index: 1
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .required-field-badge-title {
    color: red;
    font-size: 13px;
    text-align: right
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .error-message-div {
    background-color: rgba(255,33,78,.8705882353);
    margin-top: 20px;
    padding: 8px 20px;
    color: #fff;
    border-radius: .25rem
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .error-message-div .error-message-icon {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .error-message-div .error-message-span {
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .a-link-style,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .a-link-style.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .a-link-style:focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .a-link-style:hover {
    color: #ff214d
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body select {
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg,transparent 50%,grey 0),linear-gradient(135deg,grey 50%,transparent 0);
    background-position: calc(100% - 20px) calc(1em + 1px),calc(100% - 15px) calc(1em + 1px),calc(100% - 2.5em) .5em;
    background-size: 5px 5px,5px 5px,1px 1.5em;
    background-repeat: no-repeat
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-body select:focus-visible {
    outline: 0!important
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer .btn-submit {
    width: 100%;
    margin: 15px auto;
    font-family: Rubik,sans-serif;
    font-size: 15px;
    padding: 7px 20px;
    display: block
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer .secure-checkout-div {
    text-align: center;
    margin-bottom: 8px;
    color: #939393;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    font-size: 14px
}

.custom-shopping-cart-modal .modal-dialog .modal-content .modal-footer .secure-checkout-div i {
    font-size: 15px;
    margin-right: 5px;
    vertical-align: text-top
}

.custom-shopping-cart-modal ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 6px;
    width: 6px;
    border-radius: 0;
    background-color: #efefef
}

.custom-shopping-cart-modal ::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: grey;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.custom-shopping-cart-modal .iti__country-list {
    max-height: 160px
}

.custom-shopping-cart-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

@media (max-width: 991px) {
    .custom-shopping-cart-modal-md-display-none {
        display:none!important
    }

    .custom-shopping-cart-modal-md-display-block {
        display: block!important
    }

    .custom-shopping-cart-modal-md-pr-0 {
        padding-right: 0
    }

    .custom-shopping-cart-modal-md-mt-20 {
        margin-top: 20px!important
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-big-resolution {
        display: none
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution {
        display: block
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input {
        width: 80%
    }

    .custom-shopping-cart-modal .iti__country-list {
        max-height: 145px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .price-p {
        text-align: right
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-amount-div .details-p {
        display: block;
        text-align: left
    }
}

@media (max-width: 575px) {
    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription .subscription-div .out-icon {
        font-size:26px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.subscription .in-icon {
        left: 17px;
        font-size: 15px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon {
        width: 48px;
        height: 45px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.one-time-charges .one-time-charges-div {
        width: 23px;
        height: 23px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-icon.one-time-charges .in-icon {
        left: 18px;
        font-size: 15px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body {
        padding: 35px 15px 35px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-title {
        line-height: 20px;
        font-size: 15px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .modal-input {
        min-height: 30px;
        height: 30px;
        padding: 4px 6px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col {
        margin-bottom: 10px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input {
        width: 70%
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-col .product-mobile-resolution .content .price-col .price-p {
        padding-right: 0
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product .product-count-col .modal-input {
        min-height: 30px;
        height: 30px;
        padding: 4px 6px
    }

    .custom-shopping-cart-modal .iti__country-list {
        max-height: 120px
    }

    .custom-shopping-cart-modal-xs-mt-15 {
        margin-top: 15px!important
    }

    .custom-shopping-cart-modal-xs-mt-5 {
        margin-top: 5px!important
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .summary-title {
        margin-left: 0
    }
}

@media (max-width: 400px) {
    .custom-shopping-cart-modal-xxs-pr-0 {
        padding-right:0!important
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.proceed-to-checkout-section .products-list-div .product-total .coupon-col .coupon-input {
        width: 100%
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .order-summary-section .title-section .title-div {
        padding-right: 0
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div {
        padding: 15px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .summary-div .total-amount-div .title-div {
        font-size: 16px
    }

    .custom-shopping-cart-modal .modal-dialog .modal-content .modal-body .step.order-summary-section .we-accept-cards {
        padding-top: 5px
    }
}

.dash-section .statistics-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.8rem
}

.dash-section .statistics-div .card {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dash-section .statistics-div .card .card-body {
    padding: 12px
}

.dash-section .row-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dash-section .row-container .callable-lists-col {
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    margin-bottom: 30px
}

.dash-section .row-container .call-outcomes-col {
    -ms-flex-preferred-size: 42%;
    flex-basis: 42%
}

.dash-section .row-container .recent-calls-col,.dash-section .row-container .recent-conversions-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.dash-section .row-container.full-screen .callable-lists-col {
    -ms-flex-preferred-size: 58%;
    flex-basis: 58%;
    margin-bottom: 30px
}

.dash-section .row-container.full-screen .call-outcomes-col {
    -ms-flex-preferred-size: 42%;
    flex-basis: 42%
}

.dash-section .row-container.full-screen .recent-calls-col,.dash-section .row-container.full-screen .recent-conversions-col {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.dash-section .callable-lists-div {
    margin-right: 15px;
    height: 100%
}

.dash-section .callable-lists-div .card-body {
    padding-right: 5px
}

.dash-section .callable-lists-div .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 15px
}

.dash-section .callable-lists-div .header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dash-section .callable-lists-div .header .title {
    width: auto
}

.dash-section .callable-lists-div .header .header-options .header-btn.active,.dash-section .callable-lists-div .header .header-options .header-btn.focus,.dash-section .callable-lists-div .header .header-options .header-btn:active,.dash-section .callable-lists-div .header .header-options .header-btn:focus,.dash-section .callable-lists-div .header .header-options .header-btn:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dash-section .callable-lists-div .header .header-options .header-btn:hover {
    opacity: .7
}

.dash-section .callable-lists-div .header .header-options .header-btn.disabled,.dash-section .callable-lists-div .header .header-options .header-btn:disabled {
    cursor: default
}

.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline {
    color: #009efb
}

.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline.active,.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline.focus,.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline:active,.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline:focus,.dash-section .callable-lists-div .header .header-options .header-btn.blue-outline:hover {
    color: #009efb;
    border-color: #009efb
}

.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline {
    color: #54667a
}

.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline.active,.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline.focus,.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline:active,.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline:focus,.dash-section .callable-lists-div .header .header-options .header-btn.grey-outline:hover {
    color: #54667a;
    border-color: #54667a
}

.dash-section .callable-lists-div .lists-content {
    min-height: 220px;
    position: relative;
    max-height: 570px;
    overflow: auto;
    height: auto
}

.dash-section .callable-lists-div .lists-content .lists-div {
    margin-right: 15px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-transition: background .35s;
    transition: background .35s;
    position: relative
}

.dash-section .callable-lists-div .lists-content .lists-div:last-child {
    border-bottom: none
}

.dash-section .callable-lists-div .lists-content .lists-div .list-icon {
    width: 40px;
    height: 40px;
    position: relative;
    background: 0 0;
    margin: 0 15px 0 10px;
    display: inline-block;
    border: none;
    vertical-align: top
}

.dash-section .callable-lists-div .lists-content .lists-div .list-icon .round-div {
    width: 40px;
    height: 40px;
    line-height: 40px
}

.dash-section .callable-lists-div .lists-content .lists-div .list-icon .round-div.with-blue-border {
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    padding: 2px 7px
}

.dash-section .callable-lists-div .lists-content .lists-div .list-icon .round-div i {
    font-size: 21px
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div {
    width: calc(100% - 54px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-title .title-name {
    font-weight: 400;
    font-size: 16px;
    color: #54667a;
    max-width: 100%;
    padding: 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-title .dial-btn {
    font-size: 16px;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 6px;
    line-height: 15px
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .info-text i,.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .info-text span {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .info-text span {
    font-weight: 400
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .info-text .date-div {
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .info-text .content-span {
    font-weight: 500;
    margin-left: 5px;
    vertical-align: middle
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-1 {
    -ms-flex-item-align: start;
    align-self: flex-start;
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-2 {
    -ms-flex-preferred-size: 46%;
    flex-basis: 46%;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.dash-section .recent-calls-block {
    margin-right: 15px;
    height: 100%
}

.dash-section .recent-calls-block .recent-calls-card-body {
    padding-right: 5px
}

.dash-section .recent-calls-block .recent-calls-card-body .recent-calls-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 15px
}

.dash-section .recent-calls-block .recent-calls-card-body .recent-calls-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dash-section .recent-calls-block .recent-calls-card-body .recent-calls-card-header .title {
    width: 172px
}

.dash-section .recent-calls-block .recent-calls-card-body .recent-calls-card-header .header-options {
    float: right
}

.dash-section .recent-calls-block .recent-calls-card-content {
    min-height: 155px;
    position: relative;
    height: auto;
    max-height: 615px;
    overflow: auto
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline {
    margin-left: 25px;
    margin-right: 10px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .sl-left {
    margin-left: -20px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 30px)
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .content-div .recent-calls-desc {
    margin-bottom: 3px;
    font-size: 13px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .content-div .recent-calls-desc.last {
    margin-bottom: 10px!important
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div {
    padding: 5px 0 5px 0;
    text-align: right;
    line-height: 75px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div.missed {
    line-height: 50px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .dial-btn,.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn {
    font-size: 16px;
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 6px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .dial-btn {
    margin-right: 5px;
    line-height: 15px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn {
    line-height: 16px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn.active,.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn.focus,.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn:active,.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn:focus,.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .date-player-row {
    padding: 5px 0 20px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .date-player-row .date-fields {
    font-size: 12px
}

.dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .missed-calls-style {
    color: #e00c0c;
    font-weight: 400
}

.dash-section .call-outcomes-block {
    margin-left: 15px
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-card-header .title {
    width: 215px
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-card-header .header-options {
    float: right
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-content {
    min-height: 300px;
    height: 570px
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-content #call-outcomes-chart {
    min-height: 300px;
    height: 570px
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-content .round-overlap {
    width: 115px!important;
    height: 115px!important;
    top: 31%!important
}

.dash-section .call-outcomes-block .call-outcomes-card-body .call-outcomes-content .round-overlap i {
    line-height: 115px!important
}

.dash-section .recent-conversions-block {
    margin-left: 15px;
    height: 100%
}

.dash-section .recent-conversions-block .recent-conversions-card-body {
    padding-right: 5px
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-card-header {
    padding-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-card-header .title {
    width: 215px
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content {
    position: relative;
    min-height: 155px;
    overflow: auto;
    width: auto;
    height: auto;
    max-height: 615px
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content .recent-conversions-widget {
    position: relative;
    margin-right: 10px
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content .recent-conversions-widget .recent-conversions-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 20px 15px
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content .recent-conversions-widget .recent-conversions-list-item .avatar-div {
    width: 40px;
    position: relative;
    display: inline-block;
    margin: 0 15px 0 0
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content .recent-conversions-widget .recent-conversions-list-item .content {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: middle
}

.dash-section .recent-conversions-block .recent-conversions-card-body .recent-conversions-content .recent-conversions-widget .recent-conversions-list-item .content .info-div .info {
    font-size: 14px
}

.dash-section .open-contact {
    cursor: pointer
}

.dash-section .open-contact:hover {
    color: #000;
    text-decoration: underline
}

.dash-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.dash-section .empty-section {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 1
}

.dash-section .empty-section.placeholder-graph {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

.dash-section .empty-section.placeholder-graph.outcomes-chart {
    height: calc(100% - 100px)
}

.dash-section .border-badge-info {
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    position: relative
}

.dash-section .border-badge-info .main-icon {
    font-size: 19px
}

.dash-section .audio-player-div {
    line-height: 17px;
    width: 33px;
    height: 33px
}

.dash-section .audio-player-div.transform {
    max-width: 300px
}

.dash-section .audio-player-div.transform.transform-active {
    width: 100%
}

.dash-section .audio-player-div .play-pause-btn {
    line-height: 15px;
    width: 33px;
    height: 30px;
    font-size: 13px;
    padding: 9px
}

.dash-section .audio-player-div .btn-muting {
    line-height: 17px;
    width: 30px;
    height: 30px;
    float: right;
    padding: 8px
}

.dash-section .audio-player-div .btn-muting .volume-icon {
    font-size: 13px
}

.dash-section .audio-player-div .progress-div {
    width: calc(100% - 180px)
}

.dash-section .view-all-btn {
    background: 0 0;
    border: 1px solid #ced4da;
    color: #495057
}

.dash-section .view-all-btn:hover {
    background: #55ce63!important;
    border: 1px solid #55ce63!important;
    color: #fff!important
}

.dash-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 5px;
    width: 5px;
    border-radius: 100px;
    background-color: #f4f4f4
}

.dash-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #dcdcdc;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

@media (min-width: 1551px) and (max-width:1720px) {
    .dash-section .audio-player-div .btn-muting {
        margin-left:0
    }
}

@media (min-width: 1200px) and (max-width:1725px) {
    .dash-section .audio-player-div .progress-div {
        display:none
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .dash-section .voicemail-block .audio-player-div {
        margin-top:8px
    }
}

@media (max-width: 380px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1670px) {
    .col-dash-call-main-10 {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 83.33333333%!important;
        flex: 0 0 83.33333333%!important;
        max-width: 83.33333333%!important
    }

    .col-dash-call-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }

    .dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .dial-btn {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: auto
    }

    .dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div .text-btn {
        display: block;
        margin-left: auto
    }

    .dash-section .recent-calls-block .recent-calls-card-content .steamline .recent-calls-item .option-div.missed {
        padding: 0 0 15px 0
    }
}

@media (min-width: 1600px) and (max-width:1670px) {
    .dash-section .row-container:not(.full-screen) .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-1,.dash-section .row-container:not(.full-screen) .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-2 {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (min-width: 1200px) and (max-width:1270px),(min-width:1600px) and (max-width:1670px) {
    .dash-section .row-container .callable-lists-col,.dash-section .row-container.full-screen .callable-lists-col {
        -ms-flex-preferred-size:55%;
        flex-basis: 55%
    }

    .dash-section .row-container .call-outcomes-col,.dash-section .row-container.full-screen .call-outcomes-col {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
}

@media (min-width: 1200px) and (max-width:1270px),(min-width:901px) and (max-width:1023px),(max-width:550px) {
    .dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-1,.dash-section .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-2 {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (min-width: 1491px) and (max-width:1599px) {
    .dash-section .row-container:not(.full-screen) .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-1,.dash-section .row-container:not(.full-screen) .callable-lists-div .lists-content .lists-div .content-div .list-details .details-col-2 {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .dash-section .row-container .callable-lists-col {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%
    }

    .dash-section .row-container .call-outcomes-col {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%
    }
}

@media (min-width: 1426px) and (max-width:1490px),(min-width:1024px) and (max-width:1099px),(max-width:844px) {
    .dash-section .row-container .call-outcomes-col,.dash-section .row-container .callable-lists-col,.dash-section .row-container .recent-calls-col,.dash-section .row-container .recent-conversions-col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .dash-section .row-container:not(.full-screen) .callable-lists-div,.dash-section .row-container:not(.full-screen) .recent-calls-block {
        margin-right: 0
    }

    .dash-section .row-container:not(.full-screen) .call-outcomes-block,.dash-section .row-container:not(.full-screen) .recent-conversions-block {
        margin-left: 0
    }

    .dash-section .row-container:not(.full-screen) .recent-calls-col {
        margin-bottom: 30px
    }
}

@media (min-width: 1271px) and (max-width:1350px) {
    .dash-section .row-container .callable-lists-col {
        -ms-flex-preferred-size:60%;
        flex-basis: 60%
    }

    .dash-section .row-container .call-outcomes-col {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
}

@media (min-width: 1100px) and (max-width:1199px),(min-width:845px) and (max-width:900px) {
    .dash-section .row-container .call-outcomes-col,.dash-section .row-container .callable-lists-col {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }

    .dash-section .row-container:not(.full-screen) .callable-lists-div {
        margin-right: 0
    }

    .dash-section .row-container:not(.full-screen) .call-outcomes-block {
        margin-left: 0
    }
}

@media (max-width: 992px) {
    .dash-section .audio-player-div .progress-div {
        display:inline-block
    }
}

@media (max-width: 800px) {
    .dash-section .statistics-div {
        margin-bottom:30px
    }

    .dash-section .statistics-div .card {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin-bottom: 0
    }
}

@media (max-width: 767px) {
    .dash-section .audio-player-div {
        margin-top:8px
    }
}

@media (max-width: 327px) {
    .dash-section .audio-player-div .progress-div {
        display:none
    }
}

@media (max-width: 380px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1670px) {
    .col-dash-call-main-10 {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 83.33333333%!important;
        flex: 0 0 83.33333333%!important;
        max-width: 83.33333333%!important
    }

    .col-dash-call-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

.dialing-rules-section .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.dialing-rules-section .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dialing-rules-section .content {
    border-bottom: 1px solid #e9ecef;
    padding-bottom: 20px
}

.dialing-rules-section .content .dropdown-toggle {
    text-align: left;
    width: 100%;
    height: 33px;
    overflow-y: hidden
}

.dialing-rules-section .content .dropdown-toggle.disabled,.dialing-rules-section .content .dropdown-toggle:disabled {
    cursor: default
}

.dialing-rules-section .content .dropdown {
    text-align: left;
    width: 100%;
    height: 33px
}

.dialing-rules-section .content .dropdown.disabled,.dialing-rules-section .content .dropdown:disabled {
    cursor: default
}

.dialing-rules-section .content .dropdown-toggle.focus,.dialing-rules-section .content .dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.dialing-rules-section .content .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

.dialing-rules-section .content .dropdown-menu {
    z-index: 10000
}

.dialing-rules-section .content .dropdown-item {
    font-size: 14px;
    cursor: pointer
}

.dialing-rules-section .content .dropdown-item.active,.dialing-rules-section .content .dropdown-item:active {
    text-decoration: none;
    background-color: #fff
}

.dialing-rules-section .content .subcontent .call-routing .dropdown-toggle {
    width: 294px
}

.dialing-rules-section .content .subcontent .call-routing .dropdown {
    width: 294px
}

.dialing-rules-section .content .subcontent .call-routing .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

.dialing-rules-section .content .subcontent .call-routing .dropdown::after {
    float: right;
    margin-top: 7px
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool.show {
    height: 94px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 1rem!important
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper {
    border: 1px solid #e9ecef;
    height: 94px
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper .ribbon-content,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper .ribbon-content {
    font-size: 14px;
    font-weight: 500
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper .dropdown-toggle,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper .dropdown-toggle {
    width: 294px
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper .dropdown,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper .dropdown {
    width: 294px
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .call-routing-pool-col {
    margin-bottom: 0
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-rental {
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-rental.show {
    height: 35px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 1rem!important
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .btn-group {
    width: 297px
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .dropdown-toggle.active,.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .dropdown-toggle.focus,.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .dropdown-toggle:active,.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .dropdown-toggle:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.dialing-rules-section .content .subcontent .call-routing .call-routing-rental .dropdown-menu {
    width: 100%
}

.dialing-rules-section .content .subcontent .dispositions {
    padding-bottom: 15px
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row {
    padding-left: 20px
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-index {
    font-size: 15px;
    font-weight: 400;
    width: 9px
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group {
    width: 297px
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row .neutral-icon {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row .dropdown-menu {
    width: 100%
}

.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
    width: 297px;
    min-height: 33px;
    padding: 7px 12px;
    font-size: 14px
}

.dialing-rules-section .content .subcontent .advanced,.dialing-rules-section .content .subcontent .predictive,.dialing-rules-section .content .subcontent .voicemail-drop {
    padding-bottom: 15px
}

.dialing-rules-section .content .subcontent .advanced .btn-group,.dialing-rules-section .content .subcontent .predictive .btn-group,.dialing-rules-section .content .subcontent .voicemail-drop .btn-group {
    width: 594px!important
}

.dialing-rules-section .content .subcontent .advanced .glyphicon,.dialing-rules-section .content .subcontent .predictive .glyphicon,.dialing-rules-section .content .subcontent .voicemail-drop .glyphicon {
    font-size: 13px;
    top: 2px;
    margin-right: 5px
}

.dialing-rules-section .content .subcontent .advanced .dropdown-menu,.dialing-rules-section .content .subcontent .predictive .dropdown-menu,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 160px;
    max-height: 300px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.dialing-rules-section .content .subcontent .advanced .dropdown-menu>li>a,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>li>a,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.dialing-rules-section .content .subcontent .advanced .dropdown-menu>li>a:focus,.dialing-rules-section .content .subcontent .advanced .dropdown-menu>li>a:hover,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>li>a:focus,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>li>a:hover,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>li>a:focus,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.dialing-rules-section .content .subcontent .advanced li.active,.dialing-rules-section .content .subcontent .predictive li.active,.dialing-rules-section .content .subcontent .voicemail-drop li.active {
    font-weight: 700!important
}

.dialing-rules-section .content .subcontent .advanced .dropdown-menu .divider,.dialing-rules-section .content .subcontent .predictive .dropdown-menu .divider,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.dialing-rules-section .content .subcontent .advanced .dropdown-menu>.active>a,.dialing-rules-section .content .subcontent .advanced .dropdown-menu>.active>a:focus,.dialing-rules-section .content .subcontent .advanced .dropdown-menu>.active>a:hover,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>.active>a,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>.active>a:focus,.dialing-rules-section .content .subcontent .predictive .dropdown-menu>.active>a:hover,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>.active>a,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>.active>a:focus,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.dialing-rules-section .content .subcontent .advanced .dropdown-header,.dialing-rules-section .content .subcontent .predictive .dropdown-header,.dialing-rules-section .content .subcontent .voicemail-drop .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dialing-rules-section .content .subcontent .advanced .input-sm,.dialing-rules-section .content .subcontent .predictive .input-sm,.dialing-rules-section .content .subcontent .voicemail-drop .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.dialing-rules-section .content .subcontent .default-recording-text {
    font-size: 14px;
    margin-bottom: 15px;
    margin-left: 11px;
    margin-right: 10px
}

.dialing-rules-section .content .subcontent .advanced .advanced-row {
    padding-left: 20px;
    padding-bottom: 10px
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
    font-size: 15px;
    font-weight: 400;
    width: 297px;
    vertical-align: middle
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .advanced-multiselect {
    width: 297px
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .advanced-multiselect .dropdown-toggle.disabled,.dialing-rules-section .content .subcontent .advanced .advanced-row .advanced-multiselect .dropdown-toggle:disabled {
    border-color: #ced4da;
    color: #54667a;
    background-color: #e9ecef;
    opacity: .7;
    cursor: default
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-span {
    font-size: 13px;
    font-weight: 500
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input {
    width: 107px;
    min-height: 33px;
    padding: 7px 12px;
    height: 33px;
    font-size: 14px
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles {
    width: 297px;
    min-height: 33px;
    padding: 7px 12px;
    height: 33px;
    font-size: 14px
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input:disabled,.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input[readonly],.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles:disabled,.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles[readonly] {
    background-color: #e9ecef;
    opacity: .7;
    cursor: default
}

.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input:disabled.focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input:disabled:focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input[readonly].focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input[readonly]:focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles:disabled.focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles:disabled:focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles[readonly].focus,.dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles[readonly]:focus {
    border-color: #ced4da;
    color: #54667a
}

.dialing-rules-section .content .subcontent .advanced .btn-group {
    width: 297px!important
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch {
    border: none
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch-container {
    width: 141px;
    margin-left: 0
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch,.dialing-rules-section .content .subcontent .advanced .bootstrap-switch .bootstrap-switch-container {
    border: none
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,.dialing-rules-section .content .subcontent .advanced .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
    border: 1px solid #55ce63;
    border-right: none
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label,.dialing-rules-section .content .subcontent .advanced .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
    border: 1px solid #ccc;
    width: 43px
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.dialing-rules-section .content .subcontent .advanced .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,.dialing-rules-section .content .subcontent .advanced .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
    border: 1px solid #f62d51;
    border-left: none
}

.dialing-rules-section .content .accordion-block-header {
    cursor: pointer
}

.dialing-rules-section .content .accordion-block-content {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-top: 0
}

.dialing-rules-section .content .accordion-block-content.show {
    height: 270px;
    margin-top: 1rem
}

.dialing-rules-section .content .accordion-block-header:focus,.dialing-rules-section .content .accordion-block-header:hover {
    text-decoration: none;
    border-radius: 4px;
    color: #049ffb
}

.dialing-rules-section .content .accordion-block-header:focus h5,.dialing-rules-section .content .accordion-block-header:hover h5 {
    color: #049ffb;
    font-weight: 500
}

.dialing-rules-section .content .accordion-block-header:after {
    font-family: linea-arrows-10;
    content: "\e008";
    float: right;
    font-size: 18px;
    font-weight: 600;
    margin-top: 4px;
    margin-right: 24px;
    cursor: pointer
}

.dialing-rules-section .content .accordion-block-header.show:after {
    content: "\e010"
}

.dialing-rules-section .content:last-child {
    border: none
}

.dialing-rules-section .info-tooltip .btn-icon {
    font-weight: 600;
    color: #2c2b2e
}

.dialing-rules-section .info-tooltip .tooltip-inner2 {
    background: #049ffb;
    padding: 20px;
    font-size: 15px
}

.dialing-rules-section .info-tooltip:focus .btn-icon,.dialing-rules-section .info-tooltip:hover .btn-icon {
    color: #049ffb
}

.dialing-rules-section .radio label {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

.dialing-rules-section .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    outline: 0;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 16px;
    outline: 0;
    top: 2px
}

.dialing-rules-section .radio-info input[type=radio]:checked+label::after {
    background-color: #272d33
}

.dialing-rules-section .radio label::after {
    -moz-transition: -moz-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    -o-transition: -o-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    -webkit-transform: scale(0,0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    background-color: #263238;
    border-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    left: 5px;
    margin-left: -20px;
    position: absolute;
    top: 7px;
    transform: scale(0,0);
    transition: -webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33);
    transition: transform .3s cubic-bezier(.8,-.33,.2,1.33),-webkit-transform .3s cubic-bezier(.8,-.33,.2,1.33);
    width: 6px
}

.dialing-rules-section .radio-info input[type=radio]:checked+label::before {
    border-color: #272d33
}

.dialing-rules-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.dialing-rules-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.dialing-rules-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.dialing-rules-section .save-btn {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.dialing-rules-section .save-btn.active,.dialing-rules-section .save-btn.focus,.dialing-rules-section .save-btn:active,.dialing-rules-section .save-btn:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

@media (min-width: 1592px) and (max-width:1733px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:250px
    }
}

@media (min-width: 1424px) and (max-width:1591px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:190px
    }
}

@media (min-width: 1425px) and (max-width:1464px) {
    .ribbon-vwrapper {
        padding:15px 8px 15px 50px
    }
}

@media (min-width: 1425px) and (max-width:1443px) {
    .dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool.show {
        height:114px
    }

    .dialing-rules-section .content .subcontent .call-routing .call-routing-pool .call-routing-pool-col .btn-group {
        margin-bottom: 0;
        margin-top: auto!important
    }
}

@media (min-width: 1024px) and (max-width:1373px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:175px
    }
}

@media (max-width: 1023px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:215px
    }
}

@media (max-width: 1032px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
        width:240px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 287px
    }
}

@media (max-width: 900px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:175px
    }
}

@media (max-width: 767px) {
    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width:150px
    }
}

@media (max-width: 675px) {
    .dialing-rules-section .content .subcontent .predictive .btn-group,.dialing-rules-section .content .subcontent .voicemail-drop .btn-group {
        width:100%!important
    }

    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
        width: 200px;
        vertical-align: middle
    }
}

@media (max-width: 635px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
        width:145px;
        vertical-align: middle
    }

    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        width: 125px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 325px
    }
}

@media (max-width: 580px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
        width:110px;
        vertical-align: middle
    }
}

@media (max-width: 575px) {
    .dialing-rules-section .content .subcontent .call-routing .call-routing-pool.show {
        height:197px
    }

    .call-routing-pool-col {
        margin-bottom: 10px!important
    }

    .dialing-rules-section .content .subcontent .dispositions .disposition-row .btn-group,.dialing-rules-section .content .subcontent .dispositions .disposition-row .disposition-input {
        margin: 5px 0 5px 28px;
        width: calc(100% - 35px)
    }
}

@media (max-width: 545px) {
    .dialing-rules-section .content .subcontent .advanced .btn-group {
        width:180px!important
    }

    .dialing-rules-section .content .subcontent .advanced .advanced-row .advanced-multiselect {
        width: 180px
    }

    .dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input {
        width: 85px
    }

    .dialing-rules-section .content .subcontent .advanced .advanced-row .input-styles {
        width: 180px
    }
}

@media (max-width: 495px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title.callable-hours {
        width:100%;
        margin-bottom: 10px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 357px
    }
}

@media (max-width: 482px) {
    .dialing-rules-section .content .subcontent .call-routing .call-routing-rental .btn-group {
        width:100%
    }
}

@media (max-width: 428px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title.fields-to-dial,.dialing-rules-section .content .subcontent .advanced .advanced-row .option-title.max-call-count,.dialing-rules-section .content .subcontent .advanced .advanced-row .option-title.max-line-count,.dialing-rules-section .content .subcontent .advanced .advanced-row .option-title.min-time {
        width:100%;
        margin-bottom: 10px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 430px
    }
}

@media (max-width: 384px) {
    .dialing-rules-section .content .header .card-subtitle,.dialing-rules-section .content .header .card-title,.dialing-rules-section .content .header .title-details,.dialing-rules-section .content .subcontent {
        margin-left:0!important
    }
}

@media (max-width: 336px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .option-title {
        width:100%;
        margin-bottom: 10px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 430px
    }
}

@media (max-width: 315px) {
    .dialing-rules-section .content .subcontent .advanced .advanced-row .callable-hours-input {
        width:calc(100% - 46px);
        margin-bottom: 10px
    }

    .dialing-rules-section .content .accordion-block-content.show {
        height: 505px
    }
}

@media (max-width: 294px) {
    .dialing-rules-section .content .subcontent .call-routing .call-routing-pool.show {
        height:225px
    }

    .dialing-rules-section .content .subcontent .call-routing .call-routing-pool .autoresponder-ribbon-vwrapper,.dialing-rules-section .content .subcontent .call-routing .call-routing-pool .ivr-ribbon-vwrapper {
        height: 110px
    }
}

.dnc-section .dnc-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.dnc-section .dnc-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.dnc-section .dnc-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.dnc-section .dnc-block .header .header-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.dnc-section .dnc-block .header .header-btn i {
    font-weight: 600
}

.dnc-section .dnc-block .header .header-btn span {
    padding-left: 5px
}

.dnc-section .dnc-block .header .header-btn:hover {
    color: #fff
}

.dnc-section .dnc-block .header .header-btn.add-btn.active,.dnc-section .dnc-block .header .header-btn.add-btn.focus,.dnc-section .dnc-block .header .header-btn.add-btn:active,.dnc-section .dnc-block .header .header-btn.add-btn:focus,.dnc-section .dnc-block .header .header-btn.add-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.dnc-section .dnc-block .content {
    position: relative
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 35px;
    min-width: 720px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table tr.active,.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;
    background-color: #f62d51;
    color: #fff;
    position: relative;
    padding: 8px 8px 8px 5px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .icon-td .fa-phone {
    font-size: 23px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .icon-td .fa-ban {
    position: absolute;
    left: 19px;
    top: 7px;
    font-size: 12px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .phone-number-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .date-td,.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .reason-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.dnc-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 6px 9px
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.dnc-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:not(.disabled) {
    cursor: pointer
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: not-allowed!important
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:not(.disabled):active {
    background-color: #f8f9fa
}

.dnc-section .dnc-block .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.dnc-section .dnc-block .content .table-container .table-responsive::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.dnc-section .dnc-block .content .table-container .table-responsive::-webkit-scrollbar:horizontal {
    height: 7px
}

.dnc-section .dnc-block .content .table-container .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.dnc-section .dnc-block .loader,.dnc-section .dnc-block .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.dnc-section .dnc-block .no-res {
    z-index: 4
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .phone-number-block .form-control,.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .reason-block .form-control {
    font-size: 15px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .phone-number-block .form-control.reason-textarea,.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .reason-block .form-control.reason-textarea {
    height: 108px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .steps ul {
    list-style: none;
    font-size: 15px;
    -webkit-padding-start: 10px;
    padding-inline-start:10px}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .steps ul li:before {
    content: "✓";
    margin-right: 5px;
    color: green
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .checkbox-styles {
    margin-left: 8px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content thead th {
    font-size: 15px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content thead a {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    cursor: pointer
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content thead .dropdown-menu a {
    width: 100%
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content tbody td {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content .table-responsive {
    overflow: auto
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content .table-responsive::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content .table-responsive::-webkit-scrollbar:horizontal {
    height: 7px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content .table-responsive::-webkit-scrollbar:vertical {
    width: 7px
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-body .check-file-block .file-content .table-responsive::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit.active,.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit:active,.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.dnc-section .dnc-block .modal .modal-dialog .modal-content .modal-footer .btn-submit.disabled {
    cursor: default
}

.dnc-section .checkbox label::before {
    top: 2px
}

.dnc-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.dnc-section .phone-number-input {
    width: 100%;
    padding: .5rem .75rem .5rem 3rem;
    font-size: 1rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.dnc-section .phone-number-input.invalid {
    border-bottom: 1px solid #f62d51
}

.dnc-section .phone-number-input.disabled {
    background-color: #e9ecef;
    opacity: .7
}

.dnc-section .intl-tel-input {
    width: 100%
}

.dnc-section .intl-tel-input .country-list {
    min-width: 350px
}

.dnc-section .intl-tel-input .country-list .country {
    padding: 7px 10px;
    font-size: 15px;
    font-weight: 400
}

.dnc-section .intl-tel-input .country-list .country.highlight {
    margin: 0!important
}

.dnc-section .intl-tel-input .country-list .country .dial-code {
    float: right
}

.email-section .card-body .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.email-section .card-body .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.email-section .card-body .header .title {
    width: auto
}

.email-section .card-body .header .add-btn {
    color: #009efb
}

.email-section .card-body .header .add-btn.active,.email-section .card-body .header .add-btn.focus,.email-section .card-body .header .add-btn:active,.email-section .card-body .header .add-btn:focus,.email-section .card-body .header .add-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.email-section .card-body .domains-card-content .domains-widget {
    position: relative
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item .domains-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0;
    vertical-align: top
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item .domains-icon .round-div {
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    padding: 5px 8px
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item .domains-icon .round-div i {
    font-size: 26px
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.email-section .card-body .domains-card-content .domains-widget .domains-list-item .content .secondary-text {
    font-size: 14px
}

.email-section .card-body .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.email-section .card-body .dropdown-toggle.domains-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.email-section .card-body .dropdown-toggle.domains-activity-item {
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a;
    line-height: 25px;
    float: right;
    width: 40px;
    height: 40px
}

.email-section .card-body .dropdown-item {
    cursor: pointer
}

.email-section .card-body .dropdown-item.active,.email-section .card-body .dropdown-item:active,.email-section .card-body .dropdown-item:focus,.email-section .card-body .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.domain-modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.domain-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.domain-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.domain-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.domain-modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.domain-modal .modal-dialog .modal-content .modal-body .required-field-badge {
    position: absolute;
    color: red;
    font-size: 18px;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

.domain-modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.domain-modal .modal-dialog .modal-footer .btn-submit.active,.domain-modal .modal-dialog .modal-footer .btn-submit.disabled,.domain-modal .modal-dialog .modal-footer .btn-submit.focus,.domain-modal .modal-dialog .modal-footer .btn-submit:active,.domain-modal .modal-dialog .modal-footer .btn-submit:disabled,.domain-modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.domain-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.domain-modal .edit-input-label {
    font-size: 15px;
    font-weight: 500
}

.domain-modal .edit-input {
    font-size: 15px
}

.domain-modal .edit-input.invalid {
    border-bottom: 1px solid red
}

.email-templates-section .email-card-body {
    padding-right: 5px!important
}

.email-templates-section .email-card-body .email-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.email-templates-section .email-card-body .email-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.email-templates-section .email-card-body .email-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: inherit;
    margin-top: 6px
}

.email-templates-section .email-card-body .email-card-header .add-btn span {
    padding-left: 5px
}

.email-templates-section .email-card-body .email-card-header .add-btn.active,.email-templates-section .email-card-body .email-card-header .add-btn:active,.email-templates-section .email-card-body .email-card-header .add-btn:hover {
    color: #fff
}

.email-templates-section .email-card-body .email-card-header .add-btn.focus,.email-templates-section .email-card-body .email-card-header .add-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.email-templates-section .email-card-body .email-card-content {
    margin-top: 3rem
}

.email-templates-section .email-card-body .email-card-content .email-widget {
    position: relative
}

.email-templates-section .email-card-body .email-card-content .email-widget.new-item {
    height: 0;
    overflow: hidden
}

.email-templates-section .email-card-body .email-card-content .email-widget.new-item.show-open-edit {
    height: auto
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 10px 15px 12px
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item.new-item {
    -webkit-transform: translateY(-271.51px);
    transform: translateY(-271.51px);
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    opacity: 0
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item.new-item.show-open-edit {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .email-icon {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    border: none;
    background: 0 0;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    text-align: center;
    border-radius: 100%;
    padding: 4px;
    vertical-align: middle
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .email-icon .main {
    font-size: 25px
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content {
    width: calc(100% - 65px);
    display: inline-block
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .name-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .option-div .open-details-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block {
    border: none;
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block.show {
    visibility: visible;
    opacity: 1;
    min-height: 177.5px;
    height: auto;
    position: relative
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn {
    width: 80px;
    padding: .5rem .75rem;
    line-height: 13px;
    background-image: none;
    background-clip: padding-box;
    min-height: 35px;
    display: initial;
    font-size: 14px;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-transition: all 40ms;
    transition: all 40ms
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn.active,.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn.focus,.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn:active,.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn:focus,.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn:hover {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-body {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    min-height: 130.51px;
    margin: 10px 12px 20px 12px;
    padding: 12px 10px 0
}

.email-templates-section .ql-toolbar.ql-snow {
    border: none;
    padding: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1)
}

.email-templates-section .ql-toolbar.ql-snow.show {
    height: 25.89px;
    opacity: 1
}

.email-templates-section .ql-toolbar.ql-snow .ql-formats:first-child {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px
}

.email-templates-section .ql-toolbar.ql-snow .ql-formats:last-child {
    margin-right: 0
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker {
    color: #54667a;
    background-color: #f2f4f8;
    border-radius: 4px;
    margin: 0 5px;
    font-weight: 400
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: transparent;
    color: #ccc
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.email-templates-section .ql-toolbar.ql-snow .ql-stroke {
    fill: none;
    stroke: #54667a;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.2
}

.email-templates-section .ql-toolbar.ql-snow button {
    color: #54667a
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker-item.ql-selected,.email-templates-section .ql-toolbar.ql-snow .ql-picker-item:hover,.email-templates-section .ql-toolbar.ql-snow .ql-picker-label.ql-active,.email-templates-section .ql-toolbar.ql-snow .ql-picker-label:hover,.email-templates-section .ql-toolbar.ql-snow button.ql-active,.email-templates-section .ql-toolbar.ql-snow button:focus,.email-templates-section .ql-toolbar.ql-snow button:hover {
    color: #009efb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker-item.ql-selected .ql-stroke,.email-templates-section .ql-toolbar.ql-snow .ql-picker-item:hover .ql-stroke,.email-templates-section .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke,.email-templates-section .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.email-templates-section .ql-toolbar.ql-snow button.ql-active .ql-stroke,.email-templates-section .ql-toolbar.ql-snow button:focus .ql-stroke,.email-templates-section .ql-toolbar.ql-snow button:hover .ql-stroke {
    stroke: #009efb
}

.email-templates-section .ql-toolbar.ql-snow .ql-picker-options {
    left: 0;
    z-index: 1000;
    float: left;
    margin: .125rem 0 0 0;
    padding: 4px 8px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 106px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-animation: fadein .4s;
    animation: fadein .4s
}

.email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
    width: 150px
}

.email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
    content: "Contact Attributes"
}

.email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
    width: 130px
}

.email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
    content: "User Attributes"
}

.email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-item::before,.email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-item::before {
    content: attr(data-value)
}

.email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-item.ql-selected,.email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-item.ql-selected {
    color: #54667a
}

.email-templates-section .ql-snow .ql-tooltip {
    border-radius: 4px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.email-templates-section .ql-snow .ql-tooltip input[type=text] {
    border-radius: 4px
}

.email-templates-section .ql-container.ql-snow {
    border: none
}

.email-templates-section .ql-editor {
    padding: 15px 0 25px 10px;
    font-size: 14px;
    margin-right: 5px
}

.email-templates-section .ql-editor.ql-blank::before {
    font-style: normal
}

.email-templates-section .loader,.email-templates-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.email-templates-section .no-res {
    z-index: 4
}

.email-templates-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.email-templates-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.email-templates-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.email-templates-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.email-templates-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.email-templates-section .dropdown-toggle.email-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.email-templates-section .dropdown-toggle.email-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.email-templates-section .dropdown-toggle.active,.email-templates-section .dropdown-toggle.focus,.email-templates-section .dropdown-toggle:active,.email-templates-section .dropdown-toggle:focus,.email-templates-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.email-templates-section .dropdown-item {
    cursor: pointer
}

.email-templates-section .dropdown-item.active,.email-templates-section .dropdown-item:active,.email-templates-section .dropdown-item:focus,.email-templates-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.email-templates-section .editable-click,.email-templates-section a.editable-click {
    width: 100%;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.email-templates-section .editable-click i,.email-templates-section a.editable-click i {
    color: #428bca;
    margin-left: 15px;
    font-size: 14px
}

.email-templates-section .editable-click p,.email-templates-section a.editable-click p {
    max-width: calc(100% - 33px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.email-templates-section .editable-controls.form-group {
    display: block;
    position: relative
}

.email-templates-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.email-templates-section .editable-buttons .btn-primary,.email-templates-section .editable-buttons .btn-secondary {
    width: 29px;
    height: 29px;
    padding: 5px;
    margin-left: 2px
}

.email-templates-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.email-templates-section .editable-has-buttons {
    padding: 5px 72px 5px 10px;
    max-width: 225px;
    font-size: 14px;
    min-height: 33px
}

.email-templates-section .editable-empty,.email-templates-section .editable-empty:focus,.email-templates-section .editable-empty:hover,.email-templates-section a.editable-empty,.email-templates-section a.editable-empty:focus,.email-templates-section a.editable-empty:hover {
    color: #428bca
}

.email-templates-section .visible {
    visibility: visible
}

.email-templates-section .hidden {
    visibility: hidden
}

.email-templates-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

@media (min-width: 1425px) and (max-width:1550px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-header,.email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display: none
    }
}

@media (min-width: 1101px) and (max-width:1200px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }
}

@media (min-width: 1024px) and (max-width:1100px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-header,.email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display: none
    }
}

@media (max-width: 992px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }
}

@media (max-width: 860px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-header,.email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display:none
    }
}

@media (max-width: 767px) {
    .email-templates-section .email-card-body .email-card-content {
        margin-top:1rem
    }
}

@media (max-width: 615px) {
    .email-templates-section .ql-toolbar.ql-snow .ql-picker.ql-align {
        display:none
    }
}

@media (max-width: 575px) {
    .email-templates-section .email-card-body .email-card-header ul.title li {
        margin-right:20px
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item {
        padding-left: 0
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .email-icon {
        margin-right: 10px
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content {
        width: calc(100% - 55px)
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .option-div {
        padding-right: 10px
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .name-div {
        padding-right: 0
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .name-div p {
        max-width: calc(100% - 33px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn {
        margin-right: 10px
    }

    .email-templates-section .editable-text {
        width: 100%
    }

    .email-templates-section .editable-has-buttons {
        max-width: 100%
    }

    .email-templates-section .ql-toolbar.ql-snow button.ql-link,.email-templates-section .ql-toolbar.ql-snow button.ql-list {
        display: none
    }
}

@media (max-width: 465px) {
    .email-templates-section .ql-toolbar.ql-snow button.ql-bold,.email-templates-section .ql-toolbar.ql-snow button.ql-italic,.email-templates-section .ql-toolbar.ql-snow button.ql-underline {
        display:none
    }

    .email-templates-section .ql-toolbar.ql-snow .ql-formats:first-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }
}

@media (max-width: 400px) {
    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .option-div {
        padding-right:0
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-header .action-btn {
        margin-right: 0
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .details-block .details-body {
        margin-right: 0;
        margin-left: 0
    }

    .email-templates-section .dropdown-toggle.email-activity-item {
        width: 32px;
        padding: 7px 8px
    }

    .email-templates-section .email-card-body .email-card-content .email-widget .email-list-item .content .option-div .open-details-btn {
        width: 32px;
        padding: 7px 8px;
        margin-right: 4px!important
    }
}

@media (max-width: 351px) {
    .email-section .card-body .header .title {
        width:180px
    }
}

.faxes-section .faxes-card-body .faxes-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.faxes-section .faxes-card-body .faxes-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.faxes-section .faxes-card-body .faxes-card-header .title {
    width: 180px
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-option-form {
    margin-bottom: 0
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-option-form .faxes-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-option-form .faxes-option-div-select {
    display: inline-block;
    padding-left: 5px
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-option-form .faxes-option-div-select .faxes-select-name {
    font-weight: 500;
    font-size: 15px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    width: auto;
    min-width: 100px;
    vertical-align: baseline
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 33px
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-date-picker .calendar-icon {
    color: #54667a
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-date-picker span {
    margin-left: 5px
}

.faxes-section .faxes-card-body .faxes-card-header .faxes-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a
}

.faxes-section .faxes-card-body .faxes-card-header .send-btn {
    color: #009efb
}

.faxes-section .faxes-card-body .faxes-card-header .send-btn.active,.faxes-section .faxes-card-body .faxes-card-header .send-btn.focus,.faxes-section .faxes-card-body .faxes-card-header .send-btn:active,.faxes-section .faxes-card-body .faxes-card-header .send-btn:focus,.faxes-section .faxes-card-body .faxes-card-header .send-btn:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff
}

.faxes-section .faxes-card-body .faxes-card-header .header-options {
    float: right
}

.faxes-section .faxes-card-body .search-faxes-div {
    width: 280px;
    display: inline-block;
    margin-right: 15px
}

.faxes-section .faxes-card-body .search-faxes-div .search-input {
    display: inline;
    width: 92%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.faxes-section .faxes-card-body .search-faxes-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.faxes-section .faxes-card-body .steamline {
    margin-left: 25px
}

.faxes-section .faxes-card-body .steamline .sl-left {
    margin-left: -25px;
    width: 65px;
    height: auto;
    line-height: normal;
    text-align: center;
    float: left;
    border-radius: 0;
    background: 0 0
}

.faxes-section .faxes-card-body .steamline .faxes-item {
    margin: 15px 0
}

.faxes-section .faxes-card-body .steamline .faxes-item .faxes-icon-div {
    text-align: center;
    border-radius: 100%;
    width: 45px!important;
    height: 45px!important;
    position: relative;
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    line-height: 37px;
    font-size: 20px;
    margin-left: 2px
}

.faxes-section .faxes-card-body .steamline .faxes-item .faxes-icon-div .arrow-icon {
    font-size: 9px;
    position: absolute;
    top: 29px;
    left: 18px
}

.faxes-section .faxes-card-body .steamline .faxes-item .status-div {
    width: 65px;
    margin: 5px 0 8px 0;
    margin-left: -7px
}

.faxes-section .faxes-card-body .steamline .faxes-item .status-div .label {
    font-size: 11px;
    font-weight: 500;
    padding: 5px;
    background-color: #fff
}

.faxes-section .faxes-card-body .steamline .faxes-item .status-div .label.danger {
    color: #f62d51
}

.faxes-section .faxes-card-body .steamline .faxes-item .status-div .label.success {
    color: #56cd63
}

.faxes-section .faxes-card-body .steamline .faxes-item .status-div .label.info {
    color: #019efb
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div {
    vertical-align: middle;
    padding-bottom: 12px;
    padding-left: 0;
    width: calc(100% - 50px)
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .title-name {
    cursor: pointer
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .title-name:hover {
    font-weight: 500
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .company-block {
    font-size: 14px;
    font-weight: 400
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text {
    line-height: normal
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text .info-icon {
    width: 25px;
    text-align: center
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text i,.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text span {
    font-size: 14px;
    color: #54667a
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text i.text-muted,.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text span.text-muted {
    color: #90a4ae!important
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text i.text-danger,.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text span.text-danger {
    color: #f62d51!important
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .info-text span {
    font-weight: 400
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div.not_seen .font-medium,.faxes-section .faxes-card-body .steamline .faxes-item .content-div.not_seen .title-name {
    font-weight: 500
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions {
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    font-size: 14px;
    margin-top: 10px
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .left {
    float: left;
    width: 50%;
    clear: left
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .right {
    float: right;
    width: 50%;
    clear: right
}

.faxes-section .faxes-card-body .steamline .faxes-item .option-div {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.faxes-section .faxes-card-body .steamline .faxes-item .option-div .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-date-div {
    text-align: right
}

.faxes-section .faxes-card-body .steamline .faxes-item .content-date-div .date-company-fields {
    font-size: 14px
}

.faxes-section .vertical-align-middle-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.faxes-section .dropdown-menu {
    color: #54667a
}

.faxes-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.faxes-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.faxes-section .dropdown-toggle.faxes-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.faxes-section .dropdown-toggle.faxes-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    padding: 7px 11px;
    font-size: 18px
}

.faxes-section .dropdown-toggle.active,.faxes-section .dropdown-toggle.focus,.faxes-section .dropdown-toggle:active,.faxes-section .dropdown-toggle:focus,.faxes-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.faxes-section .dropdown-item {
    cursor: pointer
}

.faxes-section .dropdown-item.active,.faxes-section .dropdown-item:active,.faxes-section .dropdown-item:focus,.faxes-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.faxes-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.faxes-section .no-res {
    width: calc(100% + 30px);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 4;
    margin-left: -30px
}

.faxes-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.fax-send-modal.modal .modal-dialog .modal-content .modal-body .dropify-clear {
    display: none!important
}

.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.active,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.disabled,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit.focus,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:active,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:disabled,.fax-send-modal.modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.fax-send-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.fax-send-modal .custom-select {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 11px 12px;
    width: auto;
    margin-left: 10px;
    height: 38px;
    padding: 8px 35px 8px 12px;
    font-size: 15px;
    line-height: 1.25;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    cursor: pointer
}

.fax-send-modal .custom-select.placeholder {
    color: #868f97
}

.fax-send-modal .fax-input-label {
    font-size: 15px;
    font-weight: 500
}

.fax-send-modal .fax-input {
    font-size: 15px
}

.fax-send-modal .fax-input.invalid {
    border-bottom: 1px solid red
}

.fax-send-modal .inline-loader {
    text-align: center;
    margin: 8px auto;
    font-size: 14px;
    font-weight: 400;
    color: #019efb
}

.fax-send-modal .dropdown-toggle {
    cursor: pointer;
    min-height: 38px;
    display: initial;
    font-size: 15px;
    width: 100%;
    text-align: left;
    border: 1px solid rgba(0,0,0,.15)!important;
    background-color: #fff;
    color: #495057
}

.fax-send-modal .dropdown-toggle p {
    width: calc(100% - 20px);
    display: inline-block
}

.fax-send-modal .dropdown-toggle.active,.fax-send-modal .dropdown-toggle.focus,.fax-send-modal .dropdown-toggle:active,.fax-send-modal .dropdown-toggle:focus,.fax-send-modal .dropdown-toggle:hover {
    background-color: #fff!important;
    color: #495057!important;
    border-color: rgba(0,0,0,.15)!important
}

.fax-send-modal .dropdown-toggle.active,.fax-send-modal .dropdown-toggle:active,.fax-send-modal .dropdown-toggle:focus,.fax-send-modal .show>.dropdown-toggle {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
    color: #495057
}

.fax-send-modal .dropdown-menu {
    width: 100%
}

.fax-send-modal .dropdown-item {
    cursor: pointer;
    font-size: 15px
}

.fax-send-modal .dropdown-item.active,.fax-send-modal .dropdown-item:active,.fax-send-modal .dropdown-item:focus,.fax-send-modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.fax-send-modal .rented-numbers .btn-group {
    width: 100%
}

.fax-send-modal .contact-card {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-right: 0;
    margin-left: 0;
    padding: 15px
}

.fax-send-modal .contact-card .company-block {
    font-weight: 300;
    margin-bottom: 15px;
    color: #90a4ae
}

.fax-send-modal .contact-card .phone-fax-number-block i {
    padding-right: 10px
}

.fax-send-modal .vertical-align-middle-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 1551px) and (max-width:1700px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:200px
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:130px
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .faxes-section .faxes-card-body .search-faxes-div {
        width:200px
    }
}

@media (max-width: 1023px) {
    .faxes-section .faxes-date-picker {
        text-align:center
    }
}

@media (min-width: 769px) and (max-width:925px) {
    .faxes-section .show-calendar {
        right:110px!important;
        left: auto!important
    }
}

@media (max-width: 767px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div {
        width:calc(100% - 25px)
    }
}

@media (max-width: 575px) {
    .fax-send-modal .profile-avatar {
        text-align:center;
        margin-bottom: 10px
    }

    .fax-send-modal .profile-info {
        text-align: center
    }
}

@media (min-width: 395px) and (max-width:500px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width:30%
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 70%
    }
}

@media (max-width: 394px) {
    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 100%;
        margin-bottom: 10px
    }

    .faxes-section .faxes-card-body .steamline .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width: 100%
    }
}

@media (max-width: 351px) {
    .faxes-section .faxes-card-body .faxes-card-header .faxes-option-form .faxes-option-label {
        display:none
    }

    .faxes-section .faxes-card-body .faxes-card-header .title {
        width: 180px
    }
}

.how-it-works-section .customtab li a.nav-link,.how-it-works-section .profile-tab li a.nav-link {
    cursor: pointer
}

.how-it-works-section .timeline-block .timeline {
    margin: 20px 0 20px;
    padding: 0;
    max-width: 100%
}

.how-it-works-section .timeline-block .timeline>li>.timeline-badge {
    top: 0;
    left: 20px;
    width: 50px;
    height: 50px
}

.how-it-works-section .timeline-block .timeline>li>.timeline-panel {
    float: right;
    width: calc(100% - 60px)
}

.how-it-works-section .timeline-block .timeline>li>.timeline-panel:before {
    top: 20px
}

.how-it-works-section .timeline-block .timeline>li>.timeline-panel:after {
    top: 21px
}

.how-it-works-section .timeline-block .timeline>li .text-badge-main {
    background: #ffc33b
}

.how-it-works-section .timeline-block .timeline>li .text-badge-main .step {
    font-weight: 600
}

.how-it-works-section .timeline-block .timeline li:last-child {
    background-color: #fff
}

.how-it-works-section .timeline-block .timeline:before {
    left: 20px;
    top: 5px
}

.inbox-left-sidebar-section .left-sidebar {
    position: fixed;
    right: auto;
    left: -100px;
    width: 340px;
    height: calc(100% - 59px);
    padding-top: 70px;
    margin-bottom: 59px;
    z-index: 4;
    background: #fff;
    top: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-left-sidebar-section .left-sidebar .hidden {
    visibility: hidden
}

.inbox-left-sidebar-section .left-sidebar .ringing-inbound-calls {
    height: auto;
    width: auto;
    position: absolute;
    z-index: 4;
    right: auto;
    left: 100%;
    top: calc(50vh - 87px)
}

.inbox-left-sidebar-section .left-sidebar .ringing-inbound-calls .inbound-calls-left-side-toggle {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    width: 25px;
    padding: 7px 4px;
    background-color: #fff;
    color: #019efb;
    border: 1.5px solid #009efb;
    border-left: none
}

.inbox-left-sidebar-section .left-sidebar .ringing-inbound-calls .inbound-calls-left-side-toggle.focus,.inbox-left-sidebar-section .left-sidebar .ringing-inbound-calls .inbound-calls-left-side-toggle:focus {
    outline: 0
}

.inbox-left-sidebar-section .left-sidebar .ringing-inbound-calls .inbound-calls-left-side-toggle i {
    -webkit-animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel {
    height: auto;
    width: auto;
    position: absolute;
    z-index: 4;
    right: auto;
    left: 100%;
    top: calc(50vh - 7px)
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    font-size: 17px;
    cursor: pointer;
    height: 40px;
    width: 25px;
    padding: 7px 4px
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle i {
    -webkit-animation: none;
    animation: none;
    position: initial
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle .unread-animated-indicator-div .unread-animated-indicator {
    background-color: #fff;
    position: absolute;
    top: 8px;
    right: -1px
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle .unread-animated-indicator-div .heartbit-animation-div {
    position: absolute;
    top: 3px;
    right: -4px;
    height: 20px;
    width: 20px;
    z-index: 10;
    border: 5px solid #fff;
    border-radius: 70px;
    -webkit-animation: heartbit 1s ease-out;
    animation: heartbit 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    display: inline-block
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle .bulk-selected-tasks-mark {
    position: absolute;
    top: -15px;
    right: -13px;
    left: auto;
    bottom: auto;
    background-color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 26.5px;
    min-width: 22px;
    color: #55657a;
    font-size: 13px;
    padding: 2px 4px;
    border: 1.5px solid #019efb;
    border-radius: 4px
}

.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle.active,.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle.focus,.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle:active,.inbox-left-sidebar-section .left-sidebar .min-max-tasks-panel .tasks-left-side-toggle:focus {
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.inbox-left-sidebar-section .left-sidebar.shw-lside {
    left: 240px;
    width: 340px
}

.inbox-left-sidebar-section .left-sidebar .loader {
    width: 100%;
    height: calc(100vh - 272px);
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 100;
    direction: ltr
}

.inbox-left-sidebar-section .left-sidebar .loader span {
    background-color: #fff
}

.inbox-left-sidebar-section .left-sidebar .loader.inside-scroll {
    height: calc(100vh - 272px);
    top: 143px
}

.inbox-left-sidebar-section .left-sidebar ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.inbox-left-sidebar-section .left-sidebar ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.inbox-left-sidebar-section .left-sidebar ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip .tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 69px;
    min-height: 27px;
    padding-top: 0;
    left: 50%;
    margin-left: -33px;
    bottom: 100%;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    color: #54667a;
    opacity: 0;
    margin-bottom: 5px;
    cursor: default;
    pointer-events: none;
    -webkit-box-shadow: 1px 5px 15px rgba(0,0,0,.22);
    box-shadow: 1px 5px 15px rgba(0,0,0,.22)
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip .tooltip-content2::after {
    content: "";
    bottom: -12px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -7px;
    background: 0 0;
    top: auto
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip .tooltip-inner2 {
    background: #fff;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip.mytooltip {
    z-index: 3
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip.mytooltip:hover .tooltip-content2 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1)
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip .tooltip-content2.left-tooltip {
    left: -75px;
    margin-left: 0;
    top: 0;
    margin-bottom: 0;
    margin-right: 5px;
    min-height: 29px
}

.inbox-left-sidebar-section .left-sidebar .info-tooltip .tooltip-content2.left-tooltip::after {
    content: "";
    bottom: 0;
    left: 68px;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent;
    border-left-color: #fff;
    border-width: 6px;
    margin-left: 0;
    background: 0 0;
    top: calc(50% + 2px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar {
    padding-top: 0;
    padding-bottom: 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body {
    padding: 40px 0 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    height: 103px;
    padding: 0 20px;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item-img {
    margin-right: 10px;
    width: 20px;
    vertical-align: top
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item.disabled,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item.disabled:active,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item.active,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown-btn {
    cursor: pointer
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .dropdown-btn.disabled {
    opacity: .65
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .assigned-to-btn {
    position: relative;
    font-size: 19px;
    padding: 3px 7px;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .assigned-to-btn .unread-indicator-dropdown {
    position: absolute;
    top: 2px;
    right: 2px;
    margin: 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .assigned-to-btn:after {
    content: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .assigned-to-btn:focus {
    outline: 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu {
    width: 295px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu .dropdown-item {
    padding: 5px 10px 5px 16px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu .unread-count {
    width: auto;
    max-width: 63.15px;
    margin-left: 5px;
    display: inline-block;
    min-width: 48.6px;
    height: 18px;
    vertical-align: text-bottom
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu .unread-count .count {
    background-color: #059dfa;
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 20px;
    vertical-align: top
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu .count {
    position: relative;
    width: 30px;
    text-align: right
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn {
    color: #54667a;
    font-size: 15px;
    font-weight: 400;
    padding: 4px 12px;
    border: 1px solid #54667a;
    border-radius: 4px;
    background-color: #fff
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn .status-icon {
    font-size: 17px;
    width: 20px;
    margin-right: 8px;
    text-align: center;
    vertical-align: text-top
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn::after {
    vertical-align: 2px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn:focus {
    outline: 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn {
    color: #54667a;
    font-size: 15px;
    font-weight: 400;
    padding: 4px 12px;
    border: 1px solid #54667a;
    border-radius: 4px;
    background-color: #fff
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn::after {
    vertical-align: 2px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn:focus {
    outline: 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-select .checkbox-div {
    width: auto;
    height: 32.5px;
    padding: 6.5px 9px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-select .checkbox-div.checkbox-custom .cr {
    width: 14px;
    height: 14px;
    float: unset;
    vertical-align: middle;
    background-color: #fff;
    margin-bottom: 2px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-select .checkbox-div.checkbox-custom .cr:hover {
    cursor: pointer
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-select .checkbox-div.checkbox-custom.grey label input[type=checkbox]:checked+.cr {
    background-color: #3d506b
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn {
    width: auto;
    height: 30px;
    font-size: 18px;
    color: #54667a;
    padding: 4px 10px;
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn.open {
    font-size: 16px;
    padding: 5px 9px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn:hover {
    color: #019efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn.processing {
    color: #b0b5bb!important;
    opacity: 1
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn.focus,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .loading-spinner-div {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .loading-spinner-div .spinner-border {
    width: 25px;
    height: 25px;
    border-width: 1.5px;
    top: calc(50% - 13px);
    position: relative
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .bulk-edit .loading-spinner-div .spinner-border.open {
    top: calc(50% - 12px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content {
    overflow: hidden;
    scrollbar-gutter: stable;
    height: calc(100vh - 272px);
    direction: rtl;
    -webkit-transition: height .3s cubic-bezier(.5,0,.3,1);
    transition: height .3s cubic-bezier(.5,0,.3,1)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content.scroll-tasks {
    overflow: auto;
    overflow-anchor: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading {
    -webkit-animation: fadein .2s;
    -moz-animation: fadein .2s;
    -ms-animation: fadein .2s;
    -o-animation: fadein .2s;
    width: 100%;
    height: 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    background-color: rgba(255,255,255,.7294117647);
    left: auto;
    right: auto;
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1);
    display: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading.top {
    top: 143px;
    padding: 5px 0 8px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading.bottom {
    bottom: 0;
    padding: 8px 0 5px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading.show {
    height: 46px;
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading .loading-spinner-div {
    width: 30px;
    text-align: center;
    display: inline-block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-tasks-card-content .infinite-scroll-loading .loading-spinner-div .spinner-border {
    width: 30px;
    height: 30px;
    border-width: 2px;
    vertical-align: text-top
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content {
    position: relative;
    direction: ltr
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content.box-placeholder .task-list-item {
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content.box-placeholder .task-list-item .task-last-note-reply .last-note .preview {
    border-left: 2px solid #d4d4d4
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item {
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation: fadein .3s;
    border-bottom: 1px solid rgba(120,130,140,.13);
    border-right: 2px solid transparent;
    background-color: transparent;
    display: none;
    text-decoration: none;
    padding: 15px 25px 20px;
    cursor: pointer;
    direction: ltr
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.with-overlay {
    position: relative
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.disabled {
    cursor: default;
    opacity: .7
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.inbound-call-item {
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title {
    height: 36px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div {
    width: 36px;
    height: 36px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .avatar-div {
    display: block;
    position: relative;
    -webkit-transition: display .35s;
    transition: display .35s
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .avatar-div .draft-message {
    position: absolute;
    top: -3px;
    left: auto;
    right: -7px;
    font-size: 14px;
    color: #2c2b2e;
    background-color: rgba(255,255,255,.6705882353)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .checkbox-div {
    width: 36px;
    height: 36px;
    border: 1.5px solid #d9d9d9;
    border-radius: 100%;
    padding: 5.5px 9px;
    display: none;
    -webkit-transition: display .35s;
    transition: display .35s
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .checkbox-div.checkbox-custom .cr {
    width: 14px;
    height: 14px;
    float: unset;
    margin-right: 0;
    background-color: #fff
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .checkbox-div.checkbox-custom .cr:hover {
    cursor: pointer
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .img-checkbox-div .checkbox-div.checkbox-custom.grey label input[type=checkbox]:checked+.cr {
    background-color: #3d506b
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .name-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 92px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .name-div h5 {
    width: calc(100% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    width: 55px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div p {
    font-size: 13px;
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .change-status-btn {
    display: none;
    padding: 4px 4px 2px;
    border: none;
    color: #54667a;
    width: 25px;
    font-size: 18px;
    text-align: center
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .change-status-btn.open {
    font-size: 16px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .change-status-btn:hover {
    color: #019efb;
    background-color: transparent
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active p {
    display: none!important
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active .change-status-btn {
    display: block!important
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active .change-status-btn .loading-spinner-div {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active .change-status-btn .loading-spinner-div .spinner-border {
    width: 25px;
    height: 25px;
    border-width: 1.5px;
    top: calc(50% - 13px);
    position: relative
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active .change-status-btn .loading-spinner-div .spinner-border.open {
    top: calc(50% - 12px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div.active .change-status-btn.processing {
    color: #b0b5bb!important;
    opacity: 1
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .time-unread-block .unread-indicator {
    opacity: 0;
    background-clip: padding-box;
    border-radius: 50%;
    height: 6px;
    padding: 2px;
    width: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #059dfa;
    margin: 2px;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .time-unread-block.active {
    color: #019efb;
    font-weight: 400
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-title .time-div .time-unread-block.active .unread-indicator {
    opacity: 1
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-info .task-info-title {
    line-height: 17px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 10px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-info .task-preview {
    font-size: 14px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .last-img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .last-img img {
    margin-bottom: 2px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .last-note {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 40px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .last-note .preview {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-left: 2px solid #54667a;
    padding-left: 9px;
    margin-left: 6px;
    width: calc(100% - 20px);
    margin-right: auto
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .urgent-marker-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-last-note-reply .urgent-marker-div i {
    font-size: 15px;
    color: #009efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover {
    background-color: #f8f9fa
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover .task-title.task-title .name-div h5 {
    color: #009efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover .task-title .img-checkbox-div .avatar-div {
    display: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover .task-title .img-checkbox-div .checkbox-div {
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover .task-title .time-div p {
    display: none
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item:not(.with-overlay,.disabled):hover .task-title .time-div .change-status-btn {
    display: block
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.selected {
    background-color: #f2f4f8;
    border-right: 2px solid #019efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.selected .task-title .name-div h5 {
    color: #009efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.bulk-select {
    background-color: #f8f9fa
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item.bulk-select .task-title .name-div h5 {
    color: #009efb
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.9);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 100
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item .task-overlay .content-div {
    width: 50%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list {
    height: auto;
    -webkit-transition: all .3s cubic-bezier(.5,0,.3,1);
    transition: all .3s cubic-bezier(.5,0,.3,1)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .tasks-card-content {
    max-height: calc(50vh - 278px);
    direction: rtl;
    overflow: auto;
    scrollbar-gutter: stable
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn {
    width: 100%;
    border-radius: 0;
    padding: 3px 12px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn i {
    margin-left: 7px;
    font-size: 13px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn.active,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn.focus,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn:active,.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .inbound-сalls-btn:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item {
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation: fadein .3s;
    background-color: #f8f9fa;
    padding: 15px 15px 15px 25px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .name-div {
    width: calc(100% - 150px)
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .wait-time {
    color: #019efb;
    font-weight: 400;
    font-size: 13px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 10px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1.5px solid #fff;
    border-radius: 100px;
    padding: 0 6px;
    background-color: #fff;
    color: #54667a;
    height: 32px;
    margin: 2px 0 2px auto
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div .action-btn {
    padding: 2px 6px;
    border: none;
    color: #54667a
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div .action-btn i {
    font-size: 16px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div .action-btn:hover {
    color: #019efb;
    background-color: transparent
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.ringing {
    width: 45px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.ringing .action-btn i {
    color: #019efb;
    -webkit-animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.answered {
    width: 100px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.answered .action-btn {
    padding: 2px 0 2px 6px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.answered .action-btn i {
    color: #f62d51
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .task-title .action-div.answered .call-duration {
    display: inline;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 12px 4px 0
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .talking-info {
    font-size: 14px;
    margin-left: 50px
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .task-list-item .talking-info .user-name {
    font-weight: 400
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .scroll-inbound-сalls-list .collapsing {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-divider {
    width: 100%;
    height: 10px;
    background-color: #eeeff0;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff
}

.inbox-left-sidebar-section .indicator {
    background-clip: padding-box;
    border-radius: 50%;
    height: 6px;
    padding: 2px;
    width: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #059dfa;
    margin: 2px 4px
}

.inbox-section .info-tooltip .tooltip-content2 {
    position: absolute;
    z-index: 9999;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 69px;
    min-height: 27px;
    padding-top: 0;
    left: 50%;
    margin-left: -33px;
    bottom: 100%;
    border-radius: 4px;
    text-align: center;
    background: #fff;
    color: #54667a;
    opacity: 0;
    margin-bottom: 5px;
    cursor: default;
    pointer-events: none;
    -webkit-box-shadow: 1px 5px 15px rgba(0,0,0,.22);
    box-shadow: 1px 5px 15px rgba(0,0,0,.22)
}

.inbox-section .info-tooltip .tooltip-content2::after {
    content: "";
    bottom: -12px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #fff;
    border-width: 6px;
    margin-left: -7px;
    background: 0 0;
    top: auto
}

.inbox-section .info-tooltip .tooltip-inner2 {
    background: #fff;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 4px
}

.inbox-section .info-tooltip.mytooltip {
    z-index: 3
}

.inbox-section .info-tooltip.mytooltip:hover .tooltip-content2 {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1)
}

.inbox-section .dropdown .dropdown-btn {
    cursor: pointer
}

.inbox-section .dropdown .dropdown-btn:focus {
    outline: 0
}

.inbox-section .dropdown .dropdown-btn.disabled {
    opacity: .65
}

.inbox-section .dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    box-shadow: 0 4px 5px rgba(0,0,0,.15)
}

.inbox-section .dropdown .dropdown-menu .dropdown-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.inbox-section .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.inbox-section .dropdown .dropdown-menu .dropdown-item.disabled,.inbox-section .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.inbox-section .dropdown .dropdown-menu .dropdown-item.disabled:active,.inbox-section .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.inbox-section .dropdown .dropdown-menu .dropdown-item.active,.inbox-section .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.inbox-section .inbox-card-body {
    height: calc(100vh - 195px)
}

.inbox-section .timeline-body-contact-details {
    height: 100%
}

.inbox-section .timeline-column .timeline-body {
    background-color: #fff
}

.inbox-section .timeline-column .bulk-select {
    border-radius: .25rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    width: 100%;
    z-index: 2;
    background-color: #fff;
    display: none;
    opacity: 0
}

.inbox-section .timeline-column .bulk-select.show {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inbox-section .timeline-column .bulk-select .container {
    text-align: center
}

.inbox-section .timeline-column .bulk-select .container .icon-div i {
    font-size: 26px
}

.inbox-section .timeline-column .bulk-select .container .content p {
    line-height: 20px;
    font-size: 16px;
    margin: 10px 0 4px;
    font-weight: 400
}

.inbox-section .timeline-column .bulk-select .container .content .link-a {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration: revert;
    text-decoration: revert
}

.inbox-section .timeline-column .timeline-body {
    position: relative;
    z-index: 1;
    border-radius: .25rem
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    max-width: 360px;
    text-overflow: ellipsis
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
    max-width: 350px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
    font-weight: 300;
    color: #54667a;
    height: 16px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .link-a {
    line-height: 15px;
    font-size: 13px;
    font-weight: 400;
    -webkit-text-decoration: revert;
    text-decoration: revert;
    color: #54667a
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a {
    color: #54667a;
    padding: 4px 9px;
    width: 36px;
    height: 30px;
    margin-top: 7px;
    font-size: 18px;
    background-color: transparent;
    border-color: transparent
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a.open {
    font-size: 16px;
    padding: 5px 9px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a.processing {
    border-color: #f2f4f8;
    background-color: #f2f4f8;
    color: #b0b5bb!important;
    opacity: 1
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a:hover {
    color: #009efb;
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a.focus,.inbox-section .timeline-column .timeline-body .timeline-card-header .action-a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown {
    margin-top: 7px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown.show {
    display: block
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle {
    font-size: 17px;
    padding: 3px 7px;
    width: 36px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle:after {
    content: none
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle.active,.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle.focus,.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle:active,.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle:focus,.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-toggle.task-actions-toggle:hover {
    color: #019efb
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item {
    padding: 7px 16px 6px;
    font-weight: 400;
    color: #54667a
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item.mytooltip {
    display: inline-block
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item.urgent {
    color: #059dfa
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item.focus,.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item.processing {
    border-color: #f2f4f8;
    background-color: #f2f4f8;
    color: #b0b5bb!important;
    opacity: 1
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .loading-spinner-div {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%
}

.inbox-section .timeline-column .timeline-body .timeline-card-header .loading-spinner-div .spinner-border {
    width: 24px;
    height: 24px;
    border-width: 1.5px;
    top: calc(50% - 12px);
    position: relative
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header ul,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header ul li,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .ui-select-container,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .ui-select-container {
    width: 100%;
    height: 30px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-control.single .selectize-input,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-control.single .selectize-input {
    width: 100%;
    padding: 5px 25px 5px 12px;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    font-size: 14px;
    font-weight: 400;
    max-width: 370px;
    max-height: 38px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-input>input,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-input>input {
    font-size: 15px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-dropdown,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a;
    padding: 2px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-dropdown .active,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-dropdown .active {
    font-weight: 400
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-control.single .selectize-input:after,.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-control.single .selectize-input:after {
    right: 8px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .dropdown .selectize-dropdown [data-selectable],.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .dropdown .selectize-dropdown [data-selectable] {
    padding: 6px 8px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header {
    height: 90px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.inbox-card-header .company-links-div {
    margin-left: 49px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header {
    height: 50px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .return-back-btn {
    font-size: 16px;
    width: 28px;
    height: 28px;
    text-align: center;
    color: #54667a;
    border-radius: 4px;
    padding: 2px;
    background-color: transparent
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .return-back-btn:hover {
    color: #009efb;
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .return-back-btn.focus,.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .return-back-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .task-actions-dropdown {
    margin-top: 0;
    margin-left: 16px
}

.inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .action-a {
    margin-top: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content {
    overflow: hidden;
    scrollbar-gutter: stable;
    margin-top: 10px;
    margin-bottom: 15px;
    position: relative;
    height: calc(100vh - 517px);
    -webkit-transition: height .3s cubic-bezier(.5,0,.3,1);
    transition: height .3s cubic-bezier(.5,0,.3,1)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.with-suggested-email {
    height: calc(100vh - 603px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.contact-details-card-content {
    height: calc(100vh - 539px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.contact-details-with-suggested-email {
    height: calc(100vh - 624px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.scroll-timeline {
    overflow: auto;
    overflow-anchor: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.scroll-timeline::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.scroll-timeline::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.scroll-timeline::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .infinite-scroll-loading {
    width: 100%;
    height: 0;
    opacity: 0;
    text-align: center;
    position: absolute;
    z-index: 1;
    background-color: rgba(255,255,255,.8);
    top: 0;
    left: auto;
    right: auto;
    padding-bottom: 10px;
    overflow: hidden;
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .infinite-scroll-loading.show {
    height: 42.5px;
    opacity: 1
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .infinite-scroll-loading .loading-spinner-div {
    width: 30px;
    text-align: center;
    display: inline-block
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .infinite-scroll-loading .loading-spinner-div .spinner-border {
    width: 30px;
    height: 30px;
    border-width: 2px;
    vertical-align: text-top
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content.empty-timeline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content.empty-timeline .container {
    padding: 25px;
    text-align: center
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content.empty-timeline .container .icon-div i {
    font-size: 26px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content.empty-timeline .container .content p {
    line-height: 20px;
    font-size: 16px;
    margin: 10px 0 4px;
    font-weight: 400
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container {
    -webkit-animation: fadein .4s;
    animation: fadein .4s;
    padding: 10px 15px 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div {
    line-height: 17px;
    width: 33px;
    height: 33px;
    float: left;
    border: 1px solid #788699
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div.transform.transform-active {
    width: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .play-pause-btn {
    line-height: 15px;
    width: 33px;
    height: 30px;
    font-size: 13px;
    padding: 9px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .btn-muting {
    line-height: 17px;
    width: 30px;
    height: 30px;
    float: right;
    padding: 8px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .btn-muting .volume-icon {
    font-size: 13px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .progress-div {
    width: calc(100% - 180px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item {
    display: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .inline-divider {
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div {
    padding-bottom: 1rem
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div:hover .timeline-item-body .item-menu {
    display: block
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.disabled .timeline-item-body .item-menu {
    display: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body {
    position: relative;
    padding: 12px;
    font-size: 15px;
    line-height: 20px;
    font-weight: 400;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 400px;
    border-radius: 4px;
    max-width: calc(100% - 70px);
    border: 1px solid transparent;
    color: #54667a
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block {
    overflow: hidden;
    position: relative
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block.collapse-animation-transcription-block {
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block .transcription {
    overflow: auto;
    height: auto;
    max-height: 40px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block .transcription.full {
    max-height: 70px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block .transcription .transcription-scroll {
    height: auto;
    padding-right: 10px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block .transcription .transcription-scroll .sentence-row .sentence {
    font-weight: 300
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .transcription-block .more-less-link {
    font-size: 14px;
    -webkit-text-decoration: revert;
    text-decoration: revert;
    display: block;
    margin-left: 0;
    margin-top: 5px;
    width: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu {
    display: none;
    position: absolute;
    top: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu.show {
    display: block
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu.show .actions-btn {
    color: #019efb
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn {
    font-size: 17px;
    padding: 3px 7px;
    width: 32px;
    height: 32px;
    background-color: transparent;
    color: #54667a;
    border: none;
    cursor: pointer
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn:after {
    content: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .item-menu .actions-btn:hover {
    color: #019efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .spinner-loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,.5);
    z-index: 100
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .spinner-loading .loading-message {
    font-style: italic;
    font-size: 14px;
    position: absolute;
    display: block;
    top: auto;
    bottom: -26px;
    color: #009ffb;
    background-color: #fff;
    left: 0;
    right: auto
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .spinner-loading .loading-message.in {
    left: auto;
    right: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body .spinner-loading .loading-message .spinner-border {
    width: 15px;
    height: 15px;
    border-width: 2px;
    vertical-align: text-top
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    margin-right: 0;
    margin-left: auto;
    padding: 0;
    width: 500px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-radius: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link {
    color: #009efb;
    line-height: 17px;
    font-size: 14.5px;
    font-weight: 400;
    background-color: #fff;
    border-radius: 0;
    padding: 14px 6px;
    width: calc(100% - 20px);
    text-align: left;
    margin: 0 10px;
    white-space: normal;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link.collapsed {
    border-bottom: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-link:hover {
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-collapse .card {
    margin-bottom: 0;
    -webkit-animation: fadein .4s;
    animation: fadein .4s;
    max-height: 230px;
    overflow: auto;
    margin: 6px;
    padding: 10px 15px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card .suggestion-collapse.collapsing {
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section .suggestion-card:last-child {
    border-bottom: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info {
    margin: 4px 8px;
    font-size: 14px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .item-type {
    color: #55657a;
    font-weight: 400
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .timeline-reply-to-email {
    color: #54667a;
    padding: 0;
    width: 30px;
    height: 16.5px;
    font-size: 13px;
    background-color: transparent;
    border-color: transparent
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .timeline-reply-to-email:hover {
    color: #009efb
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .timeline-reply-to-email.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .timeline-reply-to-email:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info.timeline-suggestions-info {
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .img-circle {
    vertical-align: sub
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.out .timeline-item-body {
    background-color: #fff;
    border-color: rgba(105,113,122,.43);
    margin-right: 0;
    margin-left: auto
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.out .timeline-item-body .item-menu {
    left: -34px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.out .info {
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.in .timeline-item-body {
    background-color: #deeef7;
    margin-right: auto;
    margin-left: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.in .timeline-item-body .item-menu {
    right: -34px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div.in .info {
    text-align: left
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.system-note .system-note-div {
    padding-bottom: 1rem;
    text-align: center;
    font-size: 14px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.note .note-div .item-menu {
    left: -34px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.note .note-div .note-body {
    min-width: 350px;
    background-color: #eceef2;
    margin-right: 0;
    margin-left: auto
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.note .note-div .info {
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.sms .text-message-div .message-body {
    min-width: 350px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.voicemail .voicemail-div .voicemail-body .player-main-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.voicemail .voicemail-div .voicemail-body .player-main-container .audio-player-div .progress-div {
    background-color: #fff
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.voicemail .voicemail-div .voicemail-body .duration {
    height: 33px;
    font-size: 13px;
    font-weight: 300;
    padding: 8px 0;
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .player-main-container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .player-main-container .audio-player-div .progress-div {
    background-color: #fff
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .duration {
    height: 33px;
    font-size: 13px;
    font-weight: 300;
    padding: 8px 0;
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition {
    padding: 9px 0;
    width: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label {
    font-size: 12px;
    padding: 6px 6px 5px;
    font-weight: 400;
    background-color: transparent
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label.label-light-success {
    border: 1px solid #55ce63
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label.label-light-info {
    border: 1px solid #009efb
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label.label-light-danger {
    border: 1px solid #f62d51
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ivr,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .phone-number {
    font-size: 13px;
    font-weight: 300
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ivr i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .phone-number i {
    width: 16px;
    text-align: center
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ivr.one-line,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .phone-number.one-line {
    padding: 12px 0;
    margin-bottom: 0!important
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .no-answer-p {
    color: #e00c0c;
    font-weight: 400;
    font-size: 15px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .duration-answered {
    font-size: 13px;
    font-weight: 300;
    padding: 12px 0;
    text-align: left;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 52px;
    max-width: 100%;
    margin-right: 0;
    margin-left: auto
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions {
    width: 100%;
    height: 35px;
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions.answered {
    height: 43px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block {
    display: inline-block;
    text-align: left;
    float: left;
    font-size: 13px;
    font-weight: 300;
    width: calc(100% - 120px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block .talking-title {
    margin-bottom: 2px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block img {
    vertical-align: middle;
    border: 1px solid #edf2f5;
    border-radius: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block .user-name {
    width: calc(100% - 25px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    vertical-align: middle
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action {
    color: #54667a;
    width: auto;
    font-size: 15px!important;
    border: none;
    background-color: transparent;
    -webkit-transition: none;
    transition: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action i {
    margin-right: 5px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.answer {
    color: #fff!important;
    border-color: #009efb;
    background-color: #009efb
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.answer:hover {
    color: #fff!important;
    border-color: #009efb;
    background-color: #009efb;
    opacity: .7
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.decline {
    color: #f62d51!important;
    margin-right: 30px;
    padding: 7px 0 4px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.decline:hover {
    color: #f62d51!important;
    border: none;
    background-color: transparent;
    opacity: .7
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.hangup {
    color: #fff!important;
    border-color: #f62d51;
    background-color: #f62d51;
    margin-top: 5px;
    margin-bottom: 5px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.hangup:hover {
    color: #fff!important;
    border-color: #f62d51;
    background-color: #f62d51;
    opacity: .7
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .status-col {
    padding-top: 4px;
    padding-bottom: 2px;
    text-align: left
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col .status-label,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .status-col .status-label {
    padding: 5px;
    font-size: 12px;
    font-weight: 500;
    background-color: #fff;
    border-radius: 4px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col .status-label.success,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .status-col .status-label.success {
    color: #56cd63
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col .status-label.danger,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .status-col .status-label.danger {
    color: #f62d51
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col .status-label.info,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .status-col .status-label.info {
    color: #009efb
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col {
    text-align: right
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn i,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn i {
    width: 18.75px;
    text-align: center;
    font-size: 15px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn .loading-spinner-div {
    width: 18.75px;
    text-align: center;
    display: inline-block
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn .loading-spinner-div .spinner-border {
    width: 15px;
    height: 15px;
    border-width: 1.5px;
    vertical-align: text-top
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .download-document-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .document-col .download-document-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .subject-message-div .subject-message-text {
    width: calc(100% - 85px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .subject-message-div .text-title,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .subject-message-div .text-title {
    width: 66px;
    margin-right: 3px;
    text-decoration: underline;
    vertical-align: top
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments {
    width: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown {
    width: calc(100% - 46px)
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn {
    max-width: 100%;
    padding: 5px 20px 5px 12px;
    height: 29.5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    text-align: left;
    color: #009efb;
    background-color: transparent;
    border-color: #009efb;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:active,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover {
    color: #009efb;
    background-color: transparent;
    border-color: #009efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:focus,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn:hover {
    opacity: .7
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.dropdown-toggle::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.dropdown-toggle::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.dropdown-toggle::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.dropdown-toggle::after {
    position: absolute;
    right: 8px;
    top: 13px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn.disabled {
    cursor: default
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn::after,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .attachments-list-btn::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: 2px;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    position: absolute;
    right: 55px;
    top: 14px
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu .dropdown-item,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu .dropdown-item,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu .dropdown-item,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .documents-dropdown .dropdown-menu .dropdown-item {
    font-size: 14.5px;
    cursor: pointer;
    padding: 5px 16px;
    color: #54667a!important
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .download-document-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .download-document-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .download-document-btn,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .download-document-btn {
    padding: 5px 12px;
    width: 44.75px;
    height: 29.5px;
    border: 1px solid #009efb!important
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .download-document-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .download-document-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .download-document-btn.disabled,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .download-document-btn.disabled {
    opacity: 1;
    cursor: default
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div {
    text-align: center;
    position: absolute;
    top: 0;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div .spinner-border,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .document-col .email-attachments .download-document-btn .loading-spinner-div .spinner-border {
    width: 18px;
    height: 18px;
    border-width: 1.5px;
    top: calc(50% - 10px);
    position: relative
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item:last-child .timeline-item-div {
    padding-bottom: 0
}

.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item:last-child .system-note-div {
    padding-bottom: 0
}

.inbox-section .timeline-column .timeline-body .suggestions-section {
    background-color: #fff
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions-header {
    margin: 0 6px 6px
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions-header p {
    color: #54667a;
    font-weight: 400;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 0
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions {
    position: relative;
    margin-bottom: 10px;
    height: 52px
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card {
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    position: relative;
    border-radius: 4px;
    margin: 0 3px;
    min-height: 52px;
    height: 52px;
    bottom: 0;
    -webkit-transition: margin .25s,height .25s,-webkit-box-shadow .25s;
    transition: margin .25s,height .25s,-webkit-box-shadow .25s;
    transition: margin .25s,height .25s,box-shadow .25s;
    transition: margin .25s,height .25s,box-shadow .25s,-webkit-box-shadow .25s;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    z-index: 3
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card.above-footer {
    display: inline-block;
    width: calc(33.3% - 6px)
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content {
    padding: 8px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content .suggestion-card-content-title {
    color: #009efb;
    margin-bottom: 8px;
    line-height: 17px;
    font-size: 14.5px;
    font-weight: 400
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content .suggestion-card-content-title .title-text {
    min-height: 20px!important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content .suggestion-card-content-body {
    opacity: 0;
    color: #737376;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content .suggestion-card-content-body .suggestion-card-content-description {
    color: #54667a;
    margin-bottom: 8px;
    line-height: 17px;
    font-size: 14px
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-content .suggestion-card-content-body .suggestion-card-content-description .description-text {
    min-height: 20px!important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 34px;
    overflow: hidden;
    text-overflow: ellipsis
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 0 2px 2px;
    font-weight: 500;
    height: 33.5px;
    background-color: #009efb;
    color: #fff;
    border-color: #019efb;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .25s;
    transition: opacity .25s
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-action.focus,.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-action:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card .suggestion-card-action:hover {
    opacity: .7
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card:hover {
    -webkit-box-shadow: 0 1px 3px rgba(35,55,86,.1);
    box-shadow: 0 1px 3px rgba(35,55,86,.1)
}

.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card:hover .suggestion-card-action,.inbox-section .timeline-column .timeline-body .suggestions-section .suggestions-block .suggestions .suggestion-card:hover .suggestion-card-content-body {
    opacity: 1
}

.inbox-section .ql-snow .ql-tooltip {
    left: 12px!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-weight: 400;
    z-index: 1
}

.inbox-section .ql-snow .ql-tooltip input[type=text] {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-header {
    padding-bottom: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-bottom: none
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 0 25px
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body .template-description {
    margin-top: 8px;
    font-weight: 300;
    color: #90a4ae
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body .template-preview-div {
    padding: 15px 5px;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 10px;
    background-color: #f2f4f8;
    position: relative;
    max-height: 350px;
    overflow: auto
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body .template-preview-div .template-preview-scroll {
    min-height: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body .template-preview-div .template-preview-scroll .template-preview {
    padding: 0 15px;
    overflow: auto;
    height: auto;
    font-size: 15px;
    color: #212529
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-content .modal-body .template-preview-div .template-preview-scroll .loader {
    left: 0
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer {
    border-top: none
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit {
    margin: 0 auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit.active,.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit.disabled,.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit.focus,.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit:active,.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit:disabled,.inbox-section .suggestion-preview-modal.modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.inbox-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.inbox-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.inbox-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.inbox-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 100;
    direction: ltr
}

.inbox-section .loader span {
    background-color: #fff
}

.inbox-section .loader span.background-transparent {
    background-color: transparent
}

.inbox-section .loader.inside-timeline-item {
    border-radius: 4px
}

.inbox-section .select2-container .select2-choice {
    color: #54667a!important;
    width: auto;
    height: 30px;
    font-size: 18px;
    background-color: transparent;
    border-color: transparent;
    background-image: none;
    padding: 0;
    border-radius: 4px;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none
}

.inbox-section .select2-container .select2-choice .loading-spinner-div .spinner-border {
    width: 24px!important;
    height: 24px!important;
    border-width: 1.5px!important;
    top: calc(50% - 11px)!important;
    left: -2.5px!important
}

.inbox-section .select2-container .select2-choice.disabled {
    pointer-events: none;
    background-color: #f2f4f8
}

.inbox-section .select2-container .select2-choice.disabled .user-name {
    color: #009efb!important
}

.inbox-section .select2-container .select2-choice.disabled .team-icon,.inbox-section .select2-container .select2-choice.disabled .user-img,.inbox-section .select2-container .select2-choice.disabled .user-name {
    opacity: .7
}

.inbox-section .select2-container .select2-choice:hover {
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.inbox-section .select2-container .select2-choice:hover>.select2-chosen {
    background-color: #f2f4f8
}

.inbox-section .select2-container .select2-choice:hover>.select2-chosen .user-name {
    color: #009efb
}

.inbox-section .select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    padding: 0 3px 4px 8px;
    border-radius: 4px;
    margin-right: 0
}

.inbox-section .select2-container .select2-choice>.select2-chosen .user-name {
    display: inline-block;
    color: #54667a;
    max-width: 130px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.inbox-section .select2-container .select2-choice>.select2-chosen .user-img {
    display: inline-block;
    vertical-align: text-bottom
}

.inbox-section .select2-container .select2-choice>.select2-chosen .team-icon {
    width: 19px;
    text-align: center;
    font-size: 14px
}

.inbox-section .select2-container .select2-choice .select2-arrow {
    display: none
}

.inbox-section .select2-container .select2-choice.select2-default>.select2-chosen {
    display: none!important
}

.inbox-section .select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important
}

.inbox-section .select2-container.select2-dropdown-open.open .select2-choice {
    border-color: #f2f4f8;
    background-color: #f2f4f8
}

.inbox-section .select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    background-color: #f2f4f8
}

.inbox-section .select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen .user-name {
    color: #009efb
}

.inbox-section .select2-drop {
    min-width: 225px;
    padding: 8px;
    border-radius: 4px;
    margin-top: 3px;
    right: 0;
    left: auto;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.inbox-section .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15);
    border-top: 1px solid rgba(0,0,0,.15)
}

.inbox-section .select2-result-single,.inbox-section .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.inbox-section .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.inbox-section .select2-results {
    max-height: 216px;
    margin: 10px 4px 4px 0!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.inbox-section .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 2px;
    border-right: 4px
}

.inbox-section .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.inbox-section .select2-results .select2-highlighted {
    background: #f8f9fa;
    color: #019efb
}

.inbox-section .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    padding: 4px;
    color: #858e96
}

.inbox-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.inbox-section .dropdown-toggle.assigned-to-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.inbox-section .dropdown-toggle.assigned-to-toggle {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    width: 36px;
    height: 32px;
    padding: 7px 9px;
    font-size: 19px
}

.inbox-section .dropdown-item {
    cursor: pointer
}

.inbox-section .dropdown-item.active,.inbox-section .dropdown-item:active,.inbox-section .dropdown-item:focus,.inbox-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.swal-template .swal-text {
    text-align: left
}

.inbox-timeline-item-popover-menu {
    z-index: 1000;
    min-width: 10rem;
    padding: .5rem 0;
    margin-top: .125rem!important;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    font-size: 15px;
    max-height: 212px;
    overflow-y: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 300px;
    overflow-x: hidden
}

.inbox-timeline-item-popover-menu::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.inbox-timeline-item-popover-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.inbox-timeline-item-popover-menu::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.inbox-timeline-item-popover-menu .popover-body {
    color: #54667a;
    padding: 0
}

.inbox-timeline-item-popover-menu .popover-body .popover-menu-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px;
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #54667a;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0
}

.inbox-timeline-item-popover-menu .popover-body .popover-menu-item .menu-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.inbox-timeline-item-popover-menu .popover-body .popover-menu-item.active,.inbox-timeline-item-popover-menu .popover-body .popover-menu-item:active,.inbox-timeline-item-popover-menu .popover-body .popover-menu-item:hover {
    background-color: #f8f9fa
}

.inbox-timeline-item-popover-menu .popover-body .popover-menu-item.popover-email-files {
    font-size: 14px;
    white-space: normal
}

.timeline-card-footer {
    position: absolute;
    width: calc(100% - 40px);
    bottom: 20px;
    top: auto;
    left: auto;
    right: auto;
    background-color: #fff;
    z-index: 3
}

.timeline-card-footer .contact-details-text-area-container,.timeline-card-footer .inbox-text-area-container {
    background-color: #f7f7f8;
    min-height: 166.38px;
    width: 100%;
    border-radius: 4px;
    margin: 0 3px
}

.timeline-card-footer .footer-content {
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 0 transparent;
    box-shadow: 0 0 0 transparent;
    -webkit-transition: border-color linear .2s,-webkit-box-shadow linear 40ms;
    transition: border-color linear .2s,-webkit-box-shadow linear 40ms;
    transition: box-shadow linear 40ms,border-color linear .2s;
    transition: box-shadow linear 40ms,border-color linear .2s,-webkit-box-shadow linear 40ms;
    z-index: 3
}

.timeline-card-footer .footer-content.with-animation {
    -webkit-animation: fadein .2s;
    -moz-animation: fadein .2s;
    -ms-animation: fadein .2s;
    -o-animation: fadein .2s
}

.timeline-card-footer .footer-content:not(:hover):not(.text-area-selected) {
    -webkit-box-shadow: 0 1px 3px rgba(35,55,86,.1);
    box-shadow: 0 1px 3px rgba(35,55,86,.1)
}

.timeline-card-footer .footer-content .footer-nav-tabs {
    position: relative;
    border-bottom: 0;
    padding: 8px 16px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: rgba(214,222,231,.5098039216);
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item {
    height: 24.5px
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link {
    color: #54667a;
    font-weight: 400;
    border: none;
    padding: 0;
    font-size: 15px;
    margin-right: 14px;
    text-decoration: none
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.disabled {
    pointer-events: none;
    opacity: .7
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link .tabs-toggle-accordion {
    font-size: 13px;
    padding: 0 5px;
    background-color: transparent;
    border-radius: 4px;
    vertical-align: top;
    display: none
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link .tabs-toggle-accordion i {
    vertical-align: middle
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link .tabs-toggle-accordion:hover {
    background-color: #f2f4f8
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.email {
    width: 38px;
    height: 22.5px;
    overflow: hidden;
    -webkit-transition: width .25s;
    transition: width .25s
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.email.with-tabs-toggle-accordion {
    width: 60px
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.email.with-tabs-toggle-accordion .tabs-toggle-accordion {
    display: inline-block;
    -webkit-animation: fadein .4s;
    animation: fadein .4s
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link .tab-title {
    border-bottom: 2px solid transparent
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.active {
    color: #009efb;
    background-color: transparent
}

.timeline-card-footer .footer-content .footer-nav-tabs .nav-item .nav-link.active .tab-title {
    border-bottom-color: #009efb
}

.timeline-card-footer .footer-content .footer-nav-tabs.text-email-selected {
    background-color: #fff
}

.timeline-card-footer .footer-content .tab-content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: rgba(214,222,231,.5098039216);
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.timeline-card-footer .footer-content .tab-content .email-details-block {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: height .35s,opacity .35s;
    transition: height .35s,opacity .35s
}

.timeline-card-footer .footer-content .tab-content .email-details-block.show {
    opacity: 1;
    height: 192.5px
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details {
    margin: 5px 0 10px
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    color: #54667a;
    font-weight: 400;
    font-size: 14px;
    padding: 5px 10px 5px 16px;
    margin: 0;
    height: 35.5px;
    position: relative;
    margin-bottom: 3px
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .preview {
    font-weight: 300;
    padding-right: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .form-control {
    font-size: 14px;
    font-weight: 300;
    min-height: 25.5px;
    padding: 3px 8px
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .form-control.error {
    border-color: red
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .error-message {
    position: absolute;
    left: 51px;
    top: 30px;
    font-size: 12px;
    color: red
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .hide-icon {
    cursor: pointer;
    color: #212529
}

.timeline-card-footer .footer-content .tab-content .email-details-block .email-details .email-details-field .hide-icon:hover {
    color: #009efb
}

.timeline-card-footer .footer-content .tab-content .compose-block .textarea-block .ql-container.ql-snow {
    border: none
}

.timeline-card-footer .footer-content .tab-content .compose-block .textarea-block .ql-editor {
    padding: 7px 10px 10px 16px;
    font-size: 14px;
    margin-right: 5px;
    min-height: 37.88px;
    max-height: 170px
}

.timeline-card-footer .footer-content .tab-content .compose-block .textarea-block.no-attachments .ql-editor {
    min-height: 73.38px
}

.timeline-card-footer .footer-content .tab-content .compose-block .textarea-block .ql-editor.ql-blank::before {
    font-style: normal
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block {
    height: 35.5px;
    padding: 4px 16px;
    margin-right: 5px;
    position: relative
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .carousel-div {
    width: 100%;
    height: 27.5px;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-gutter: stable
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .carousel-div .carousel {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 25.5px
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .carousel-div .carousel .attachment-preview {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    padding: 2px 7px;
    background-color: #fff;
    color: #54667a;
    font-size: 13px;
    display: inline-block
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .carousel-div .carousel .attachment-preview .remove-attachment {
    cursor: pointer;
    color: #54667a
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .carousel-div .carousel .attachment-preview .remove-attachment:hover {
    color: #009efb
}

.timeline-card-footer .footer-content .tab-content .compose-block .attachments-block .attachments-disabled {
    background-color: #fff;
    opacity: .5;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1
}

.timeline-card-footer .footer-content .tab-content .actions-block {
    padding: 0 16px 10px 8px;
    height: 43.5px;
    margin-top: 8px
}

.timeline-card-footer .footer-content .tab-content .actions-block .actions-left {
    float: left;
    position: relative
}

.timeline-card-footer .footer-content .tab-content .actions-block .actions-right {
    float: right
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container .ql-formats.with-border-right {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 5px
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container .ql-formats.custom-block {
    margin-right: 0
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow {
    border: none;
    padding: 6px 0 3px;
    display: inline-block
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker {
    color: #54667a;
    background-color: #f2f4f8;
    border-radius: 4px;
    margin: 0 5px;
    font-weight: 400
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: transparent;
    color: #ccc
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .custom-quill-select .ql-picker-item::before {
    content: attr(data-label)
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .custom-quill-select .ql-picker-item.ql-selected {
    color: #54667a!important
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .custom-quill-select .ql-picker-item.ql-selected.focus,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .custom-quill-select .ql-picker-item.ql-selected:focus,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .custom-quill-select .ql-picker-item.ql-selected:hover {
    color: #009efb!important
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-stroke {
    fill: none;
    stroke: #54667a;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.2
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button {
    color: #54667a
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button.attachments-btn {
    padding: 1px 5px;
    position: relative
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button.attachments-btn .input-file {
    width: .1px;
    height: .1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button.attachments-btn .input-file-label {
    cursor: pointer;
    margin-bottom: 0
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-item.ql-selected,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-item:hover,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-label.ql-active,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-label:hover,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button.ql-active,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button:focus,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button:hover {
    color: #009efb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-item.ql-selected .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-item:hover .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button.ql-active .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button:focus .ql-stroke,.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow button:hover .ql-stroke {
    stroke: #009efb
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container.ql-toolbar.ql-snow .ql-picker-options {
    top: auto;
    bottom: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    margin: 0 0 .125rem 0;
    padding: 4px 8px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 167px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-animation: fadein .4s;
    animation: fadein .4s
}

.timeline-card-footer .footer-content .tab-content .actions-block .toolbar-disabled {
    background-color: #fff;
    opacity: .5;
    width: 100%;
    position: absolute;
    height: 100%;
    z-index: 1
}

.timeline-card-footer .footer-content .tab-content .actions-block .select-caller-id {
    padding: 6px 0 3px;
    height: 34.89px;
    vertical-align: middle
}

.timeline-card-footer .footer-content .tab-content .actions-block .select-caller-id .select-caller-id-div.with-border-left {
    border-left: 1px solid #ccc;
    padding-left: 15px;
    margin-left: 5px
}

.timeline-card-footer .footer-content .tab-content .actions-block .select-caller-id .select-caller-id-div .select-caller-id-label {
    color: #54667a;
    font-weight: 400;
    font-size: 14px
}

.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn.active,.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn.focus,.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn:active,.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn:focus,.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn:hover {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.timeline-card-footer .footer-content .tab-content .actions-block .submit-btn.disabled {
    cursor: default
}

.timeline-card-footer .footer-content .tab-content .footer-textarea {
    position: relative;
    z-index: 10;
    font-size: 14px;
    border: none;
    background-color: transparent;
    padding: 7px 10px 4px 16px;
    margin: 0;
    font-weight: 300;
    min-height: 66.88px
}

.timeline-card-footer .footer-content .tab-content.text-email-selected {
    background-color: #fff
}

.search-dropdown-div {
    display: inline-block;
    height: 24px
}

.inbox-search-dropdown.select2-container .select2-choice {
    color: #54667a;
    background-color: #f2f4f8;
    border-radius: 4px;
    margin: 0 5px;
    font-weight: 400;
    float: left;
    height: 24px;
    position: relative;
    vertical-align: middle;
    font-size: 15px;
    border: none;
    -webkit-transition: none;
    transition: none;
    background-image: none;
    cursor: pointer;
    line-height: 24px
}

.inbox-search-dropdown.select2-container .select2-choice::after {
    display: none
}

.inbox-search-dropdown.select2-container .select2-choice:hover {
    color: #009efb!important
}

.inbox-search-dropdown.select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    border-radius: 4px;
    margin-right: 0;
    padding: 0
}

.inbox-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen {
    display: none!important
}

.inbox-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important;
    color: #54667a;
    padding: 0;
    height: 24px
}

.inbox-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.inbox-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.inbox-search-dropdown.select2-container.select2.direction-up .ui-select-match,.inbox-search-dropdown.select2-container[theme=select2].direction-up .ui-select-match {
    border-radius: 4px
}

.inbox-search-dropdown .select2-drop {
    min-width: 225px;
    padding: 8px;
    border-radius: 4px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    right: auto;
    left: auto;
    opacity: 0;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.inbox-search-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.inbox-search-dropdown .select2-result-single,.inbox-search-dropdown .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.inbox-search-dropdown .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.inbox-search-dropdown .select2-results {
    max-height: 151px;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.inbox-search-dropdown .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 2px;
    border-right: 4px
}

.inbox-search-dropdown .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.inbox-search-dropdown .select2-results liul.select2-result-sub>li .select2-result-label {
    padding-left: 12px
}

.inbox-search-dropdown .select2-results .select2-highlighted {
    background: #fff;
    color: #54667a
}

.inbox-search-dropdown .ui-select-choices-row:hover {
    background-color: #f5f5f5!important
}

.inbox-search-dropdown .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    padding: 4px;
    color: #858e96
}

.inbox-search-dropdown .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.inbox-search-dropdown.ui-select-container.select2.direction-up .ui-select-dropdown {
    margin-top: -6px
}

.inbox-search-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.inbox-search-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: rgba(0,0,0,.15);
    border-radius: 4px!important
}

.inbox-search-dropdown .select2-results .select2-disabled {
    background: #fff!important;
    opacity: .75;
    color: #54667a!important
}

.inbox-search-dropdown .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

.inbox-search-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.inbox-search-dropdown ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.inbox-search-dropdown ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.inbox-search-dropdown.inbox-icon-search-dropdown.select2-container .select2-choice {
    padding: 0 9px
}

.inbox-search-dropdown.inbox-icon-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: none
}

.inbox-search-dropdown.inbox-icon-search-dropdown.macros-dropdown.select2-container .select2-choice {
    line-height: 26px
}

.inbox-search-dropdown.inbox-icon-search-dropdown .select2-results {
    margin: 10px 4px 4px 0!important
}

.inbox-search-dropdown.inbox-text-search-dropdown.select2-container .select2-choice {
    padding: 0 30px 0 9px;
    font-size: 13.5px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px
}

.inbox-search-dropdown.inbox-text-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: inline-block;
    width: 18px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border-left: none;
    background: 0 0
}

.inbox-search-dropdown.inbox-text-search-dropdown.select2-container .select2-choice .select2-arrow b {
    background-size: 18px 22px!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpolygon class='ql-stroke' style=' fill: none; stroke: %2354667a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2;' points='7 11 9 13 11 11 7 11'%3E%3C/polygon%3E%3Cpolygon class='ql-stroke' style=' fill: none; stroke: %2354667a; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2;' points='7 7 9 5 11 7 7 7'%3E%3C/polygon%3E%3C/svg%3E")!important
}

.inbox-search-dropdown.inbox-text-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.inbox-search-dropdown.inbox-text-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice .select2-arrow b {
    background-position: 0 1px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpolygon class='ql-stroke' style=' fill: none; stroke: %23019efb; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2;' points='7 11 9 13 11 11 7 11'%3E%3C/polygon%3E%3Cpolygon class='ql-stroke' style=' fill: none; stroke: %23019efb; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.2;' points='7 7 9 5 11 7 7 7'%3E%3C/polygon%3E%3C/svg%3E")!important
}

.inbox-search-dropdown.inbox-text-search-dropdown .select2-results {
    max-height: 128px;
    margin: 6px 4px 4px 0!important
}

.inbox-search-dropdown.inbox-text-search-dropdown .select2-results .active {
    color: #019efb
}

.tab-content .outline-simple-dropdown .dropdown .toggle-btn {
    font-size: 14px;
    padding: 3px 23px 3px 12px;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #495057;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #495057;
    text-align: left;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 25.5px;
    max-width: calc(100vw - 112px);
    position: relative
}

.tab-content .outline-simple-dropdown .dropdown .toggle-btn .toggle-btn-title {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle;
    font-weight: 400;
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.tab-content .outline-simple-dropdown .dropdown .toggle-btn::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    color: #54667a;
    position: absolute;
    right: 7px;
    top: 11px
}

.tab-content .outline-simple-dropdown .dropdown .toggle-btn.focus,.tab-content .outline-simple-dropdown .dropdown .toggle-btn:focus {
    outline: 0
}

.tab-content .outline-simple-dropdown .dropdown .toggle-btn:hover .toggle-btn-title {
    color: #009efb
}

.tab-content .outline-simple-dropdown .dropdown-menu {
    min-width: 220px;
    max-width: calc(100vw - 112px);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-height: 134px;
    overflow: auto;
    color: #54667a
}

.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item {
    font-size: 14px;
    cursor: pointer;
    padding: 4px 16px;
    white-space: normal
}

.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item.disabled,.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item.disabled:active,.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item.active,.tab-content .outline-simple-dropdown .dropdown-menu .dropdown-item:active {
    background-color: transparent;
    color: #009efb
}

@media (min-width: 1180px) and (max-width:1690px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup {
        padding:5px 9px!important
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup .tooltip-content2 {
        display: block!important
    }
}

@media (min-width: 1365px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.voicemail .voicemail-div .voicemail-body {
        max-width:625px
    }
}

@media (max-width: 1385px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content .timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body {
        max-width:calc(100% - 30px)!important
    }

    .inbox-search-dropdown.inbox-text-search-dropdown.select2-container .select2-choice {
        max-width: 210px
    }
}

@media (min-width: 1300px) and (max-width:1424px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width:280px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width: 300px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: 350px
    }
}

@media (min-width: 1180px) and (max-width:1400px) {
    .ql-snow .ql-picker.ql-header.header-tool,.ql-snow .ql-picker.ql-size.size-tool {
        display:none
    }
}

@media (min-width: 1180px) and (max-width:1299px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width:170px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: 300px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width: 165px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section {
        width: 100%;
        max-width: 100%
    }

    .inbox-card-body:not(.timeline-body-contact-details) .select-caller-id.more-actions .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width: calc(100vw - 255px)
    }

    .inbox-card-body:not(.timeline-body-contact-details) .timeline-card-footer .footer-content .tab-content .actions-block.text-tab-actions.more-actions {
        height: 86.5px
    }

    .inbox-card-body:not(.timeline-body-contact-details) .timeline-card-footer .footer-content .tab-content .actions-block.text-tab-actions .actions-right.more-left-actions {
        margin-top: 5px;
        display: block;
        width: 100%;
        text-align: right
    }
}

@media (max-width: 1180px) {
    .inbox-left-sidebar-section .left-sidebar.shw-lside {
        -webkit-box-shadow:-5px -25px 40px 0 rgba(0,0,0,.1);
        box-shadow: -5px -25px 40px 0 rgba(0,0,0,.1);
        width: 340px
    }
}

@media (min-width: 1024px) and (max-width:1090px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup {
        padding:5px 9px!important
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup .tooltip-content2 {
        display: block!important
    }

    .ql-snow .ql-picker.ql-header.header-tool,.ql-snow .ql-picker.ql-size.size-tool {
        display: none
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: 300px
    }
}

@media (max-width: 1023px) {
    .inbox-left-sidebar-section .left-sidebar {
        left:-340px!important
    }

    .inbox-left-sidebar-section .left-sidebar.shw-lside {
        left: 0!important;
        width: 340px
    }
}

@media (max-width: 820px) {
    .ql-snow .ql-picker.ql-header.header-tool,.ql-snow .ql-picker.ql-size.size-tool {
        display:none
    }
}

@media (max-width: 768px) {
    .container-fluid.inbox-container-fluid {
        padding:25px 0!important
    }
}

@media (max-width: 767px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.contact-details-card-content {
        height:calc(100vh - 567px)
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.contact-details-with-suggested-email {
        height: calc(100vh - 651px)
    }
}

@media (max-width: 680px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section {
        width:100%;
        max-width: 100%
    }
}

@media (max-width: 650px) {
    .select-caller-id.more-actions .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width:130px
    }

    .select-caller-id .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width: 190px
    }

    .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown .select2-drop {
        right: 0;
        left: auto
    }
}

@media (min-width: 551px) and (max-width:830px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width:180px
    }

    .contact-details-section .inbox-section .select2-container .select2-choice>.select2-chosen .user-name {
        max-width: 90px
    }
}

@media (min-width: 551px) and (max-width:700px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width:240px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width: 190px
    }
}

@media (min-width: 576px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 575px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .status-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .status-col {
        margin-top:5px;
        text-align: right
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition .label {
        white-space: normal;
        width: 100%;
        text-align: center
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .disposition {
        padding: 0
    }

    .contact-details-section .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width: calc(100vw - 155px)
    }

    .inbox-card-body:not(.timeline-body-contact-details) .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width: calc(100vw - 135px)
    }

    .select-caller-id.more-actions .inbox-search-dropdown.inbox-text-search-dropdown.caller-id-dropdown.select2-container .select2-choice {
        max-width: calc(100vw - 255px)
    }

    .timeline-card-footer .footer-content .tab-content .actions-block.text-tab-actions {
        height: 86.5px
    }

    .timeline-card-footer .footer-content .tab-content .actions-block.text-tab-actions .actions-right {
        margin-top: 5px;
        display: block;
        width: 100%;
        text-align: right
    }
}

@media (max-width: 550px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width:calc(100vw - 360px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width: calc(100vw - 340px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: calc(100vw - 360px)
    }

    .contact-details-section .inbox-section .select2-container .select2-choice>.select2-chosen .user-name {
        max-width: 80px
    }

    .ql-snow .ql-picker.ql-align.align-tool,.ql-snow.ql-toolbar .ql-bold.bold-tool,.ql-snow.ql-toolbar .ql-italic.italic-tool,.ql-snow.ql-toolbar .ql-list.list-bullet-tool,.ql-snow.ql-toolbar .ql-list.list-ordered-tool,.ql-snow.ql-toolbar .ql-underline.underline-tool {
        display: none
    }

    .timeline-card-footer .footer-content .tab-content .actions-block .toolbar-container .ql-formats.with-border-right {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }

    .inbox-search-dropdown .select2-drop {
        right: auto
    }
}

@media (max-width: 500px) {
    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content .timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body {
        min-width:calc(100% - 30px)!important
    }
}

@media (min-width: 481px) and (max-width:840px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup {
        padding:5px 9px!important
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer .tooltip-content2,.inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup .tooltip-content2 {
        display: block!important
    }
}

@media (min-width: 481px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .task-actions-toggle {
        display:none
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu {
        display: inline;
        position: relative!important;
        z-index: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-animation-name: none;
        animation-name: none;
        float: unset;
        padding: 0;
        margin: 0;
        border: none;
        width: auto;
        max-width: 100%;
        min-width: auto
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item:not(.phone-action) .dropdown-item-span {
        display: none
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .task-actions-dropdown .dropdown-menu .dropdown-item {
        display: inline-block
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action {
        color: #54667a;
        padding: 5px 12px!important;
        width: auto;
        height: 30px;
        margin-right: 16px;
        font-size: 15px!important;
        border: 1px solid #55657a;
        background-color: #fff
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action i {
        margin-right: 5px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action:hover {
        color: #009efb!important;
        border-color: #009efb;
        background-color: #fff
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer {
        color: #009efb!important;
        border-color: #009efb
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.answer:hover {
        color: #fff!important;
        border-color: #009efb;
        background-color: #009efb
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup {
        color: #f62d51!important;
        border-color: #f62d51
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .phone-action.hangup:hover {
        color: #fff!important;
        border-color: #f62d51;
        background-color: #f62d51
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a {
        color: #54667a;
        padding: 3.5px 8px!important;
        width: 36px;
        height: 30px;
        margin-right: 4px;
        font-size: 18px;
        background-color: transparent;
        border-color: transparent
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a.urgent-btn {
        padding: 3px 8px!important
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a.urgent-btn.info-tooltip .tooltip-content2 {
        margin-left: -55px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a.urgent-btn.urgent {
        color: #009efb
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a.urgent-btn.urgent .tooltip-content2 {
        margin-left: -64px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a.snoozed-btn.info-tooltip .tooltip-content2 {
        margin-left: -35px
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .sm-action-a:hover {
        color: #009efb!important;
        border-color: #f2f4f8;
        background-color: #f2f4f8
    }
}

@media (max-width: 480px) {
    .inbox-section .dropdown-item.info-tooltip .tooltip-content2 {
        display:none
    }

    .inbox-section a.dropdown-item.mytooltip {
        font-weight: 400;
        color: #54667a
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .placeholder-full-menu {
        display: none
    }

    .inbox-section .select2-container .select2-choice>.select2-chosen .user-name {
        display: none
    }

    .inbox-section .select2-container .select2-choice>.select2-chosen {
        padding: 0 8px 4px 8px
    }

    .inbox-section .timeline-column .timeline-body {
        padding: 20px 10px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container {
        padding: 10px 10px 0
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.voicemail-body {
        min-width: 270px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body {
        min-width: 250px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.note .note-div .note-body,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.sms .text-message-div .message-body {
        min-width: 200px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.note .note-div .note-body,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.sms .text-message-div .message-body {
        max-width: calc(100% - 30px)
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body {
        font-size: 14px
    }

    .timeline-card-footer {
        width: calc(100% - 20px)
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .email-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.email .fax-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .email-div .fax-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .email-body .subject-message-div .subject-message-text,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.fax .fax-div .fax-body .subject-message-div .subject-message-text {
        display: inline
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info {
        font-size: 13px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .info .item-type {
        display: none
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.call-body .player-col,.inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.voicemail-body .player-col {
        padding-right: 0
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .btn-muting {
        padding: 6px 5px;
        margin-left: 0
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .audio-player-div .play-pause-btn {
        padding: 8px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions.answered {
        height: auto
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .phone-action.hangup {
        margin-top: 8px
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block {
        width: 100%
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item.call .call-div .call-body .ringing-answered-actions .talking-to-block .user-name {
        display: inline;
        white-space: break-spaces
    }

    .contact-details-footer {
        width: calc(100% - 40px)
    }

    .contact-details-footer.conversation {
        width: calc(100% - 28px)
    }
}

@media (min-width: 461px) and (max-width:480px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width:calc(100vw - 170px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width: calc(100vw - 185px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: calc(100vw - 242px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .task-actions-dropdown {
        margin-left: 0
    }
}

@media (max-width: 460px) {
    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name {
        max-width:calc(100vw - 150px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .company-links-div .company-name {
        width: calc(100vw - 197px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header .contact-name.task-name {
        max-width: calc(100vw - 242px)
    }

    .inbox-section .timeline-column .timeline-body .timeline-card-header.contact-details-card-header .task-actions-dropdown {
        margin-left: 0
    }
}

@media (max-width: 420px) {
    .contact-details-footer {
        width:calc(100% - 30px)
    }
}

@media (max-width: 400px) {
    .inbox-left-sidebar-section .left-sidebar.shw-lside {
        width:calc(100vw - 75px)
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-content .task-list-item {
        padding: 15px 15px 20px
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn {
        height: 32.5px
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn .status-title {
        display: none
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn .status-count {
        margin-left: 0!important;
        max-width: 25px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        height: 18px;
        text-align: left
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn .status-icon {
        vertical-align: inherit
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .status-dropdown .status-btn::after {
        vertical-align: .255em
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn {
        height: 32.5px
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn span {
        width: 53px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: inline-block;
        height: 18px
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .sort-dropdown .sort-btn::after {
        vertical-align: .255em
    }

    .inbox-section .timeline-column .timeline-body .scroll-timeline-card-content.timeline-card-content .timeline-container .timeline-item .timeline-item-div .timeline-item-body.timeline-suggestions-section {
        width: 100%;
        max-width: 100%;
        min-width: 100%
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu {
        width: 250px
    }

    .inbox-left-sidebar-section .left-sidebar .scroll-sidebar .card-body .tasks-card-header .assigned-to-dropdown .dropdown-menu .dropdown-item {
        padding: 5px 10px 5px 10px
    }
}

@media (max-width: 345px) {
    .timeline-card-footer .footer-content .tab-content .actions-block .actions-right .submit-btn {
        max-width:160px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis
    }
}

.inbox-right-panel {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.inbox-right-panel.r-panel-body {
    padding: 0 20px 20px;
    height: calc(100vh - 208px)!important;
    overflow: hidden!important
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .contact-name {
    white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 84px);
    text-overflow: ellipsis;
    font-size: 15px;
    height: 16px
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown.show {
    display: block
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-toggle::after {
    content: none
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn {
    font-size: 17px;
    padding: 3px 7px;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    border: none!important;
    color: #54667a
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn.active,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn.focus,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn:active,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn:focus,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .actions-btn:hover {
    color: #019efb;
    outline: 0
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu {
    font-size: 15px;
    color: #54667a;
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,.15);
    box-shadow: 0 4px 5px rgba(0,0,0,.15);
    border-top-left-radius: 4px!important;
    border-top-right-radius: 4px!important;
    width: auto!important
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item-icon {
    font-size: 16px;
    width: 20px;
    margin-right: 10px;
    text-align: center
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    padding: 5px 16px
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item.disabled,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item.disabled:active,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent;
    color: #16181b
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item.active,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item.focus,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item:active,.inbox-right-panel.r-panel-body .contact-details-inbox .contact-title-inbox .dropdown .dropdown-menu .dropdown-item:focus {
    background-color: #f8f9fa;
    color: #16181b;
    outline: 0
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-scroll-div-inbox {
    height: calc(100vh - 279px);
    overflow: auto;
    padding-right: 10px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox {
    padding: 15px 10px;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox:last-child {
    border-bottom: none
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.main-block {
    overflow: hidden;
    padding: 0
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.main-block .main-block-auto-height {
    padding: 15px 10px;
    height: auto
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.main-block.collapse-animation-main-block {
    -webkit-transition: all .35s cubic-bezier(.5,0,.3,1);
    transition: all .35s cubic-bezier(.5,0,.3,1)
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox .more-less .link-a {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration: revert;
    text-decoration: revert;
    color: #009ffb
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox .info-title {
    font-size: 14px;
    font-weight: 400;
    color: #54667a
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox .info-title i {
    padding-right: 10px;
    width: 24px;
    text-align: center
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox .info {
    font-size: 14px;
    font-weight: 400;
    margin-left: 25px;
    vertical-align: middle;
    margin-top: 5px
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.notes-block .note {
    width: 100%;
    border: 1px solid transparent;
    background-color: rgba(214,222,231,.5098039216);
    padding: 10px;
    border-radius: .25rem
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.notes-block .note .info {
    margin-left: 0;
    margin-top: 0;
    color: #54667a
}

.inbox-right-panel.r-panel-body .contact-details-inbox .contact-info-inbox.tags-block .tag {
    color: #e8e8e8;
    background-color: #000;
    padding: 4px 10px 6px;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
    margin-bottom: 4px
}

.inbox-right-panel .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 100;
    direction: ltr
}

.inbox-right-panel .loader span {
    background-color: #fff
}

.incoming-outgoing-calls-section .rpanel-title {
    background: #fff;
    border-bottom: 2px solid rgba(120,130,140,.13);
    padding: 24px 20px 14px
}

.incoming-outgoing-calls-section .rpanel-title .nav-tabs {
    border: none
}

.incoming-outgoing-calls-section .rpanel-title .customtab li a.nav-link,.incoming-outgoing-calls-section .rpanel-title .profile-tab li a.nav-link {
    padding: .5rem 1rem
}

.incoming-outgoing-calls-section .rpanel-title .customtab li a.nav-link .icon-div,.incoming-outgoing-calls-section .rpanel-title .profile-tab li a.nav-link .icon-div {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

.incoming-outgoing-calls-section .rpanel-title .customtab li a.nav-link .icon-div .main-icon,.incoming-outgoing-calls-section .rpanel-title .profile-tab li a.nav-link .icon-div .main-icon {
    font-size: 25px;
    vertical-align: middle
}

.incoming-outgoing-calls-section .rpanel-title .customtab li a.nav-link .icon-div .clock-icon,.incoming-outgoing-calls-section .rpanel-title .profile-tab li a.nav-link .icon-div .clock-icon {
    position: absolute;
    font-size: 14px;
    background: #fff;
    top: -3px;
    right: -5px
}

.incoming-outgoing-calls-section .rpanel-title .customtab li a.nav-link.active {
    background: 0 0;
    border: none
}

.incoming-outgoing-calls-section .rpanel-title .title {
    line-height: 32px
}

.incoming-outgoing-calls-section .rpanel-title .title.first-part {
    margin-left: 20px
}

.incoming-outgoing-calls-section .rpanel-title .btn-close {
    cursor: pointer;
    position: absolute;
    top: 3px;
    right: 5px;
    color: #54667a;
    background: 0 0;
    outline: 0;
    border: none
}

.incoming-outgoing-calls-section .rpanel-title .btn-close i {
    -webkit-animation-name: none;
    animation-name: none;
    position: initial
}

.incoming-outgoing-calls-section .caller-id-block {
    height: 32.74px;
    width: 100%
}

.incoming-outgoing-calls-section .caller-id-block .btn-group {
    width: 100%
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle {
    background: #dae5e7!important;
    border: 1px solid transparent!important;
    color: #2c2b2e!important;
    text-transform: uppercase;
    font-size: 13px;
    width: 100%;
    border-radius: 0
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle.disabled,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle:disabled {
    cursor: default
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle.active,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle.focus,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle:active,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle:focus,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle:hover {
    opacity: 1;
    background: #e6edee!important;
    border: 1px solid transparent!important;
    color: #2c2b2e
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle.disabled,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-toggle:disabled {
    opacity: 1!important;
    background: #eef3f4!important;
    color: #767678!important
}

.incoming-outgoing-calls-section .caller-id-block .btn-group.show>.btn-info.dropdown-toggle {
    background: #dae5e7!important;
    border: 1px solid transparent!important;
    color: #2c2b2e!important
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item {
    padding: 5px 22px;
    font-size: 15px;
    display: block;
    color: #54667a
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item i {
    font-size: 16px;
    color: #019efb;
    vertical-align: middle
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item.disabled-a.active,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item.disabled-a:active,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item.disabled-a:focus,.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item.disabled-a:hover {
    background-color: transparent!important
}

.incoming-outgoing-calls-section .caller-id-block .btn-group .dropdown-item .content-span {
    line-height: 28px
}

.incoming-outgoing-calls-section .r-panel-body {
    height: auto;
    overflow: auto
}

.incoming-outgoing-calls-section .r-panel-body .default-block {
    height: auto
}

.incoming-outgoing-calls-section .r-panel-body .place-a-call-block {
    height: calc(100vh - 455px)
}

.incoming-outgoing-calls-section .r-panel-body .dialing-block {
    height: calc(100vh - 390px);
    overflow: auto;
    padding-right: 10px;
    padding-top: 5px
}

.incoming-outgoing-calls-section .r-panel-body .dialing-block.call-type-app {
    height: calc(100vh - 478px)
}

.incoming-outgoing-calls-section .r-panel-body .talking-block {
    height: calc(100vh - 460px);
    overflow: hidden
}

.incoming-outgoing-calls-section .r-panel-body .wrapup-block {
    height: calc(100vh - 397px);
    overflow: hidden
}

.incoming-outgoing-calls-section .r-panel-body .full-screen-block {
    height: calc(100vh - 235px)
}

.incoming-outgoing-calls-section .r-panel-body .send-text-block {
    height: calc(100vh - 320px)
}

.incoming-outgoing-calls-section .r-panel-body .talking-text-div {
    height: calc(100vh - 370px)
}

.incoming-outgoing-calls-section .r-panel-body .conversations-header-div .title,.incoming-outgoing-calls-section .r-panel-body .text-header-div .title {
    padding: 3.5px 0
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-title .contact-div {
    width: calc(100% - 60px)
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-title .contact-div .contact-name {
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    margin-bottom: 5.145px!important
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-scroll-div {
    height: calc(100vh - 523px);
    overflow: auto;
    padding-right: 10px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-scroll-div.wrapup {
    height: calc(100vh - 445px)
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info {
    padding: 10px;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info:last-child {
    border-bottom: none
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .custom-fields {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1)
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .custom-fields.show {
    visibility: visible;
    opacity: 1;
    min-height: 28.36px;
    height: auto
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .more-less .link-a {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    -webkit-text-decoration: revert;
    text-decoration: revert;
    color: #009ffb
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .info-title {
    font-size: 14px;
    font-weight: 400;
    color: #54667a
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .info-title i {
    padding-right: 10px;
    width: 24px;
    text-align: center
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info .info {
    font-size: 14px;
    font-weight: 400;
    margin-left: 25px;
    vertical-align: middle;
    margin-top: 5px
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info.notes-block .note {
    width: 100%;
    border: 1px solid transparent;
    background-color: rgba(214,222,231,.5098039216);
    padding: 10px;
    border-radius: .25rem
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info.notes-block .note .info {
    margin-left: 0;
    margin-top: 0;
    color: #54667a
}

.incoming-outgoing-calls-section .r-panel-body .contact-details .contact-info.tags-block .tag {
    color: #e8e8e8;
    background-color: #000;
    padding: 4px 10px 6px;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
    margin-bottom: 4px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img {
    width: 65px;
    text-align: center;
    margin: 0
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img.call-text-tab-view {
    width: 45px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img.actions {
    width: 76px;
    margin-left: 10px;
    margin-right: 0;
    height: 135px;
    float: right;
    text-align: right
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .round {
    background: #fff;
    cursor: pointer;
    line-height: unset;
    width: 34px;
    height: 34px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .round:hover {
    -webkit-box-shadow: 0 0 20px rgba(0,159,251,.51);
    box-shadow: 0 0 20px rgba(0,159,251,.51)
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .time-div {
    margin: 8px 0 4px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .time-div p {
    margin: 0;
    font-size: 13px;
    color: #90a4ae;
    line-height: 16px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .badge {
    width: 65px;
    padding: 5px
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .badge .badge-span {
    word-break: break-all
}

.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a:hover {
    background: 0 0
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item {
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item.calls {
    padding-bottom: 10px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon {
    background: 0 0
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags {
    margin: 5px 0 0;
    width: 100%
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags.incoming {
    margin: 3px 0 0
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags .tag-div {
    width: 100%
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags .tag-div .badge {
    width: 100%;
    border-radius: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags .more-then-two-tags {
    font-size: 12px;
    margin-top: 4px;
    line-height: 14px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div {
    width: calc(100% - 70px);
    vertical-align: top
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div.call-text-tab-view {
    width: calc(100% - 50px)!important
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .card-title {
    cursor: pointer
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .card-title:hover {
    text-decoration: underline
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .card-subtitle {
    color: #54667a
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .h6-call-routing-name {
    margin-top: -5px;
    width: 100%;
    text-align: right
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block {
    text-align: right
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle {
    background: 0 0;
    border: none;
    color: #54667a;
    width: 30px;
    height: 30px;
    margin-right: 0;
    margin-left: auto;
    font-size: 18px;
    padding: 5px 7px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle.active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle.focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle:active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle:focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-toggle:hover {
    border: none!important;
    color: #009efb
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .menu-recent-conversation-dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .dropdown-menu-block .dropdown-toggle.menu-recent-conversation-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row {
    margin-top: 20px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row.only-phone-dropdown {
    margin-top: 10px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row .h6-address-text-block {
    color: #54667a;
    cursor: pointer
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row .h6-address-text-block i {
    vertical-align: top
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row .h6-address-text-block .address-text-block {
    width: calc(100% - 20px);
    display: inline-block
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .contact-row .h6-address-text-block:hover {
    color: #009ffb
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block {
    padding: 12px 0 0
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation {
    padding: 4px;
    height: 30px;
    width: 30px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation.btn-outline-info.active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation.btn-outline-info.focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation.btn-outline-info:active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation.btn-outline-info:focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation.btn-outline-info:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .close-text-conversation {
    padding: 6px;
    height: 30px;
    width: 30px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .call-text-block .hangup {
    padding: 4px;
    height: 25px;
    width: 25px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .h6-contact-list-name {
    color: #54667a;
    cursor: pointer
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .h6-contact-list-name:last-child {
    margin-bottom: 0
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .h6-contact-list-name i {
    vertical-align: top
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .h6-contact-list-name .contact-list-name {
    width: calc(100% - 25px);
    display: inline-block
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group {
    margin-top: 10px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .icon-phone {
    vertical-align: top;
    margin-right: 6px;
    font-size: 14px;
    margin-top: 5px;
    color: #2c2b2e
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .phone-number-toggle {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #868e96;
    color: #2c2b2e;
    padding: 7px;
    max-width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .dropdown-menu {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .disabled-item.active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .disabled-item.focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .disabled-item:active,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .disabled-item:focus,.incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div .phone-number-dropdown .btn-group .disabled-item:hover {
    background-color: transparent
}

.incoming-outgoing-calls-section .r-panel-body .call-tab-location .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

.incoming-outgoing-calls-section .r-panel-body .mobile-text-talking-block {
    display: none
}

.incoming-outgoing-calls-section .r-panel-body .text-accordion-title {
    width: 100%;
    text-align: left;
    font-size: 16px;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.incoming-outgoing-calls-section .r-panel-body .text-accordion-title::before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    float: right;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 11px
}

.incoming-outgoing-calls-section .r-panel-body .text-accordion-title.active::before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.incoming-outgoing-calls-section .btn-volume-microphone {
    height: 24px;
    width: 20px;
    text-align: center;
    font-size: 17px;
    color: #54667a
}

.incoming-outgoing-calls-section .btn-volume-microphone:hover {
    color: #019efb
}

.incoming-outgoing-calls-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 10000
}

.incoming-outgoing-calls-section .loader span {
    background-color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block {
    border-color: #fff;
    background-color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area {
    border-radius: .25rem;
    border: 1px solid #009ffb;
    margin: 13px 15px;
    padding: 0
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .text-input {
    font-size: 14px;
    margin: 15px 0 0;
    padding: 0 12px;
    height: 5em
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div {
    margin: 5px
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div .btn {
    font-size: 13px
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div .btn.active,.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div .btn:active {
    background-color: #138496;
    background-image: none;
    border-color: #117a8b;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div .btn.focus,.incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .submit-div .btn:focus {
    color: #fff;
    background-color: #028ee1;
    border: 1px solid #028ee1
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block {
    display: block;
    background-color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn {
    background: #fff;
    border-color: #fff;
    color: #798699;
    text-align: center;
    font-size: 15px;
    float: right;
    position: absolute;
    top: 5px;
    right: 1px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn i {
    display: block;
    margin-bottom: 5px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn.active,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn:active,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn:focus,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .collapse-btn:hover {
    outline: 0;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
    height: 285px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block {
    background-color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col {
    border-top: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn {
    background: #fff;
    border-color: #fff;
    color: #009ffb;
    text-align: center;
    padding: 13px 12px 11px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn.collapsed {
    color: #798699!important
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn.disabled,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn:disabled {
    cursor: default
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn.dispositions {
    padding-left: 0;
    padding-right: 0
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn i {
    display: block;
    margin-bottom: 5px;
    font-size: 17px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn span {
    font-size: 13px
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .btn-link.active,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .btn-link:active,.incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .btn-link:hover {
    color: #009ffb;
    text-decoration: none
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu {
    border-top: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .first-row {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col {
    padding: 15px
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col .action-btn {
    background: 0 0;
    border: 1px solid transparent;
    width: 106px;
    color: #798699
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col .action-btn i {
    font-size: 22px;
    display: block;
    margin-bottom: 10px
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col .action-btn.active {
    color: #009ffb
}

.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col .action-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .action-menu .action-col .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .r-panel-footer .status-div {
    border-top: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .dialing-mode-status-block,.incoming-outgoing-calls-section .r-panel-footer .status-div .idle-mode-status-block,.incoming-outgoing-calls-section .r-panel-footer .status-div .talking-mode-status-block {
    padding: 20px
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .on-call-status {
    color: #3d9447;
    font-weight: 500
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .on-call-status .call-time {
    font-size: 15px;
    margin-left: 10px
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .on-call-status .status {
    font-size: 13px;
    margin-left: 10px;
    float: right;
    color: #798699;
    line-height: 25px
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .incoming-status {
    color: #009ffb;
    font-weight: 500
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .incoming-status .status {
    font-size: 13px;
    margin-left: 10px;
    float: right;
    color: #009ffb
}

.incoming-outgoing-calls-section .r-panel-footer .status-div .dialing-status {
    font-weight: 500;
    font-size: 13px
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div {
    width: 100%
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .btn-group {
    width: 100%
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn {
    width: 100%;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 17px;
    height: 58px
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn:hover {
    opacity: 1
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.disabled,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn:disabled {
    cursor: default
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn.dialing {
    width: 50%
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn.active,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn:active,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn:focus {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn:hover {
    background: #4ebc5a;
    border: 1px solid #4ebc5a;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn.disabled:hover,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.call-btn:disabled:hover {
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    opacity: .65
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn {
    background: #f62d51;
    border: 1px solid #f62d51;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn.dialing {
    width: 50%
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn.active,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn.focus,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn:active,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn:focus {
    background: #f62d51;
    border: 1px solid #f62d51;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn:hover {
    background: #e42a4b;
    border: 1px solid #e42a4b;
    color: #fff
}

.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn.disabled:hover,.incoming-outgoing-calls-section .r-panel-footer .main-actions-div .action-btn.hangup-btn:disabled:hover {
    background: #f62d51;
    border: 1px solid #f62d51;
    color: #fff;
    opacity: .65
}

.incoming-outgoing-calls-section .r-panel-footer .nav-tabs {
    border-bottom: none
}

.incoming-outgoing-calls-section .r-panel-footer .customtab li {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
    padding: 5px 0 0
}

.incoming-outgoing-calls-section .r-panel-footer .customtab li a.nav-link {
    width: 120px;
    color: #798699;
    text-align: center;
    margin: 0 auto;
    background: 0 0
}

.incoming-outgoing-calls-section .r-panel-footer .customtab li a.nav-link i {
    font-size: 22px;
    display: block;
    margin-bottom: 10px
}

.incoming-outgoing-calls-section .r-panel-footer .customtab li a.nav-link.active {
    color: #3d9447;
    font-weight: 500
}

.incoming-outgoing-calls-section .r-panel-footer .disabled-tab {
    pointer-events: none;
    opacity: .5
}

.incoming-outgoing-calls-section .border-right-col {
    border-right: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .border-bottom-col {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.incoming-outgoing-calls-section .dial-pad-container,.incoming-outgoing-calls-section .dispositions-container {
    margin-top: 20px
}

.incoming-outgoing-calls-section .dial-pad-container .phone-number-input-col,.incoming-outgoing-calls-section .dispositions-container .phone-number-input-col {
    text-align: center;
    font-size: 20px;
    overflow: hidden
}

.incoming-outgoing-calls-section .dial-pad-container .phone-number-input-col .dial-pad-input,.incoming-outgoing-calls-section .dispositions-container .phone-number-input-col .dial-pad-input {
    width: 100%;
    overflow-x: auto;
    white-space: nowrap
}

.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid {
    display: grid;
    grid-auto-rows: minmax(37px,auto);
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 10px;
    justify-items: center
}

.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid .digit-btn,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid .digit-btn {
    margin: 1px;
    width: 70px;
    min-height: 37px;
    height: auto;
    padding: 4px 9px
}

.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid .digit-btn .number-p,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid .digit-btn .number-p {
    font-size: 14px
}

.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid .digit-btn .letter-p,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid .digit-btn .letter-p {
    font-size: 9px
}

.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid .digit-btn.focus,.incoming-outgoing-calls-section .dial-pad-container .dial-pad-grid .digit-btn:focus,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid .digit-btn.focus,.incoming-outgoing-calls-section .dispositions-container .dial-pad-grid .digit-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .dispositions-container {
    margin-top: 35px
}

.incoming-outgoing-calls-section .dispositions-container .disposition-grid {
    display: grid;
    grid-auto-rows: minmax(33px,auto);
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 5px
}

.incoming-outgoing-calls-section .dispositions-container .disposition-grid .disposition-btn {
    margin: 1px;
    width: 100%;
    min-height: 33px;
    height: auto;
    white-space: normal;
    text-align: center;
    word-break: break-word;
    text-transform: capitalize
}

.incoming-outgoing-calls-section .dispositions-container .disposition-grid .disposition-btn.focus,.incoming-outgoing-calls-section .dispositions-container .disposition-grid .disposition-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .notes-container {
    margin-top: 35px
}

.incoming-outgoing-calls-section .notes-container .notes-textarea {
    font-size: 15px
}

.incoming-outgoing-calls-section .notes-container .notes-textarea.focus,.incoming-outgoing-calls-section .notes-container .notes-textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .notes-container .save-btn {
    font-size: 15px;
    width: 75px
}

.incoming-outgoing-calls-section .notes-container .save-btn.focus,.incoming-outgoing-calls-section .notes-container .save-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.incoming-outgoing-calls-section .backspace-btn {
    border-color: transparent;
    padding: 5px
}

.incoming-outgoing-calls-section .backspace-btn i {
    font-size: 20px
}

.incoming-outgoing-calls-section .backspace-btn.active,.incoming-outgoing-calls-section .backspace-btn.focus,.incoming-outgoing-calls-section .backspace-btn:active,.incoming-outgoing-calls-section .backspace-btn:focus,.incoming-outgoing-calls-section .backspace-btn:hover {
    outline: 0;
    border-color: transparent!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000!important;
    background-color: transparent!important
}

.incoming-outgoing-calls-section .tab-pane {
    height: 290px
}

.incoming-outgoing-calls-section .intl-tel-input .country-list {
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 317px
}

.incoming-outgoing-calls-section .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.incoming-outgoing-calls-section .chat-box {
    position: relative;
    overflow: hidden;
    width: auto;
    height: calc(100vh - 646px);
    border-top: 1px solid rgba(120,130,140,.13);
    padding-top: 24px;
    margin-top: 2px
}

.incoming-outgoing-calls-section .chat-box.unknown-contact {
    height: calc(100vh - 578px)
}

.incoming-outgoing-calls-section .chat-box-wrapper {
    min-height: 80px;
    position: relative;
    overflow: auto;
    width: auto;
    height: 100%
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper {
    margin: 0 5px 10px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-user-avatar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 34px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-user-avatar .md-user-image {
    border-radius: 50%;
    width: 34px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message {
    max-width: 80%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 15px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message {
    background: #009efb none repeat scroll 0 0;
    color: #fff;
    margin: 0;
    border-radius: 4px;
    clear: both;
    display: block;
    font-size: 13px;
    padding: 8px 16px;
    position: relative
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message p {
    margin: 0
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message .chat-media-audio,.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message .chat-media-image,.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message .chat-media-video {
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 15px 30px 0 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    bottom: 0;
    width: 0;
    border-right-color: #009efb
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message.without-avatar::before {
    border: none
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .note {
    background: #ffedc9 none repeat scroll 0 0;
    margin: 0;
    border-radius: 4px;
    clear: both;
    display: block;
    font-size: 13px;
    padding: 8px 16px;
    position: relative
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .note p {
    margin: 0
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .note::before {
    border-color: transparent #ededed transparent transparent;
    border-style: solid;
    border-width: 15px 30px 0 0;
    content: "";
    height: 0;
    left: -14px;
    position: absolute;
    bottom: 0;
    width: 0;
    border-right-color: #ffedc9
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .note.without-avatar::before {
    border: none
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-time {
    display: block;
    font-size: 11px;
    padding-top: 2px;
    color: #90a4ae;
    margin-left: 44px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper .message-time p {
    margin: 0 7px
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-user-avatar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-message {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-message .message {
    background: #eeeff0 none repeat scroll 0 0;
    color: #2c2b2e
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-message .message::before {
    border-color: transparent transparent transparent #ededed;
    border-width: 15px 0 0 30px;
    left: auto;
    right: -14px;
    border-left-color: #eeeff0
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-message .note {
    background: #ffedc9 none repeat scroll 0 0;
    color: #2c2b2e
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-avatar-div .chat-message .note::before {
    border-color: transparent transparent transparent #ededed;
    border-width: 15px 0 0 30px;
    left: auto;
    right: -14px;
    border-left-color: #ffedc9
}

.incoming-outgoing-calls-section .chat-box-wrapper .chat-message-wrapper.chat-message-right .message-time {
    margin-right: 44px;
    text-align: right
}

.incoming-outgoing-calls-section .dropdown-menu {
    width: 100%;
    -webkit-transform: translate3d(0,31px,0);
    transform: translate3d(0,31px,0);
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.incoming-outgoing-calls-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.incoming-outgoing-calls-section .dropup .dropdown-menu {
    -webkit-transform: translate3d(0,-32.74px,0)!important;
    transform: translate3d(0,-32.74px,0)!important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-shadow: 0 -2px 10px rgba(0,0,0,.05);
    box-shadow: 0 -2px 10px rgba(0,0,0,.05);
    border: 1px solid #dae5e7;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    border-bottom: none;
    margin: 0;
    bottom: 0;
    top: auto!important
}

.incoming-outgoing-calls-section .btn-info.dropdown-toggle.focus,.incoming-outgoing-calls-section .btn-info.dropdown-toggle:focus,.incoming-outgoing-calls-section .dropdown-toggle.active,.incoming-outgoing-calls-section .dropdown-toggle.focus,.incoming-outgoing-calls-section .dropdown-toggle:active,.incoming-outgoing-calls-section .dropdown-toggle:focus,.incoming-outgoing-calls-section .dropdown-toggle:hover,.incoming-outgoing-calls-section .show>.btn-info.dropdown-toggle {
    border: 1px solid #009efb!important;
    color: #fff;
    background-color: #009efb;
    background-image: none;
    background: #009efb;
    border-color: #009efb
}

.incoming-outgoing-calls-section .show>.btn-info.dropdown-toggle.menu-recent-conversation-toggle {
    border: none!important;
    color: #009efb;
    background-color: transparent;
    background-image: none
}

.incoming-outgoing-calls-section .dropdown-item {
    cursor: pointer;
    font-size: 14px
}

.incoming-outgoing-calls-section .dropdown-item.active,.incoming-outgoing-calls-section .dropdown-item:active,.incoming-outgoing-calls-section .dropdown-item:focus,.incoming-outgoing-calls-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.incoming-outgoing-calls-section .active_phone,.incoming-outgoing-calls-section .ringing_phone {
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: #009efb;
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    position: relative;
    margin: 0
}

.incoming-outgoing-calls-section .active_phone {
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px
}

.incoming-outgoing-calls-section .ringing_phone {
    width: 20px;
    height: 20px;
    background: #fff;
    padding: 0
}

.incoming-outgoing-calls-section .active_phone i,.incoming-outgoing-calls-section .ringing_phone i {
    line-height: 20px;
    font-size: 16px;
    color: #fff
}

.incoming-outgoing-calls-section .ringing_phone i {
    -webkit-animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both;
    color: #009efb
}

.incoming-outgoing-calls-section .active_phone:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    background: rgba(0,0,0,.1);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    padding: .5em;
    -webkit-animation: activeCall 2s ease-in-out infinite both;
    animation: activeCall 2s ease-in-out infinite both
}

.incoming-outgoing-calls-section .ringing_phone:after,.incoming-outgoing-calls-section .ringing_phone:before {
    position: absolute;
    content: "";
    opacity: 0;
    border-right: 2px solid #009efb;
    width: 10px;
    height: 10px;
    left: 40%;
    top: 20%;
    border-radius: 50%;
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-animation: fadeInOne 2s infinite both;
    animation: fadeInOne 2s infinite both
}

.incoming-outgoing-calls-section .ringing_phone:before {
    width: 15px;
    height: 15px;
    left: 40%;
    top: 0;
    -webkit-animation: fadeInTwo 2s infinite both;
    animation: fadeInTwo 2s infinite both
}

@-webkit-keyframes activeCall {
    20% {
        padding: 1em
    }

    25% {
        padding: .5em
    }

    35% {
        padding: 1.5em
    }

    50% {
        padding: 1em
    }

    60% {
        padding: 1.55em
    }

    80% {
        padding: .7em
    }

    100% {
        padding: .5em
    }
}

@keyframes activeCall {
    20% {
        padding: 1em
    }

    25% {
        padding: .5em
    }

    35% {
        padding: 1.5em
    }

    50% {
        padding: 1em
    }

    60% {
        padding: 1.55em
    }

    80% {
        padding: .7em
    }

    100% {
        padding: .5em
    }
}

@-webkit-keyframes shake {
    45%,5% {
        -webkit-transform: rotate3d(0,0,1,-7deg);
        transform: rotate3d(0,0,1,-7deg)
    }

    10%,40% {
        -webkit-transform: rotate3d(0,0,1,7deg);
        transform: rotate3d(0,0,1,7deg)
    }

    15%,25%,35% {
        -webkit-transform: rotate3d(0,0,1,-7deg);
        transform: rotate3d(0,0,1,-7deg)
    }

    20%,30% {
        -webkit-transform: rotate3d(0,0,1,7deg);
        transform: rotate3d(0,0,1,7deg)
    }

    51% {
        -webkit-transform: rotate3d(0,0,0,0deg);
        transform: rotate3d(0,0,0,0deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,0,0deg);
        transform: rotate3d(0,0,0,0deg)
    }
}

@keyframes shake {
    45%,5% {
        -webkit-transform: rotate3d(0,0,1,-7deg);
        transform: rotate3d(0,0,1,-7deg)
    }

    10%,40% {
        -webkit-transform: rotate3d(0,0,1,7deg);
        transform: rotate3d(0,0,1,7deg)
    }

    15%,25%,35% {
        -webkit-transform: rotate3d(0,0,1,-7deg);
        transform: rotate3d(0,0,1,-7deg)
    }

    20%,30% {
        -webkit-transform: rotate3d(0,0,1,7deg);
        transform: rotate3d(0,0,1,7deg)
    }

    51% {
        -webkit-transform: rotate3d(0,0,0,0deg);
        transform: rotate3d(0,0,0,0deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,0,0deg);
        transform: rotate3d(0,0,0,0deg)
    }
}

@-webkit-keyframes fadeInOne {
    45% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInOne {
    45% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInTwo {
    55% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInTwo {
    55% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.incoming-outgoing-calls-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.incoming-outgoing-calls-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.incoming-outgoing-calls-section ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .4;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.incoming-outgoing-calls-section .customtab li a.nav-link.active,.incoming-outgoing-calls-section .profile-tab li a.nav-link.active {
    border-bottom: none;
    color: #009efb
}

.incoming-outgoing-calls-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 1039
}

.incoming-outgoing-calls-section .alert-result {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 50px
}

.incoming-outgoing-calls-section .alert-result .alert {
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 15px;
    padding: 5px 15px
}

.incoming-outgoing-calls-section .alert-result .alert .close {
    color: #fff;
    font-size: 12px
}

.incoming-outgoing-calls-section .alert-result .alert.success {
    background-color: #55ce62;
    border-color: #bde4c1
}

.incoming-outgoing-calls-section .alert-result .alert.error {
    background-color: #f62d51;
    border-color: #f5c3cc
}

#main-wrapper.not-verified .incoming-outgoing-calls-section .r-panel-body .place-a-call-block {
    height: calc(100vh - 425px)
}

@media (max-width: 575px) and (min-height:751px) {
    .incoming-outgoing-calls-section .chat-box {
        height:calc(100vh - 675px)!important
    }

    .incoming-outgoing-calls-section .chat-box.unknown-contact {
        height: calc(100vh - 600px)!important
    }
}

@media (max-height: 1050px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:325px
    }

    .incoming-outgoing-calls-section .r-panel-footer .action-menu {
        display: none
    }

    .message-box .message-widget a:last-child {
        border-bottom: none
    }

    .incoming-outgoing-calls-section .r-panel-body .default-block {
        height: calc(100vh - 425px)
    }

    .incoming-outgoing-calls-section .r-panel-body .dialing-block {
        display: none
    }
}

@media (max-height: 903px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:300px
    }
}

@media (max-height: 823px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:320px
    }
}

@media (min-height: 810px) and (max-height:824px) {
    .incoming-outgoing-calls-section .chat-box {
        height:calc(100vh - 635px)
    }

    .incoming-outgoing-calls-section .chat-box.unknown-contact {
        height: calc(100vh - 565px)
    }
}

@media (max-height: 800px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:300px
    }
}

@media (min-height: 751px) {
    .incoming-outgoing-calls-section .r-panel-body .text-accordion-title {
        display:none
    }
}

@media (max-height: 750px) {
    .incoming-outgoing-calls-section .r-panel-body .mobile-text-talking-block {
        display:block
    }

    .incoming-outgoing-calls-section .r-panel-body .full-text-talking-block {
        display: none
    }

    .incoming-outgoing-calls-section .chat-box {
        height: calc(100vh - 430px)
    }

    .incoming-outgoing-calls-section .chat-box.unknown-contact {
        height: calc(100vh - 440px)
    }

    .incoming-outgoing-calls-section .r-panel-body .text-tab-title {
        display: none
    }

    .incoming-outgoing-calls-section .r-panel-body .talking-text-div {
        height: calc(100vh - 450px)
    }

    .incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area .text-input {
        height: 2em
    }

    .incoming-outgoing-calls-section .r-panel-footer .enter-text-block .action-area {
        margin-top: 0
    }
}

@media (max-height: 720px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:295px
    }

    .incoming-outgoing-calls-section .r-panel-footer .status-div .idle-mode-status-block,.incoming-outgoing-calls-section .r-panel-footer .status-div .talking-mode-status-block {
        padding: 10px 20px
    }
}

@media (max-height: 640px) {
    .incoming-outgoing-calls-section .r-panel-footer .status-div .idle-mode-status-block {
        display:none
    }

    .incoming-outgoing-calls-section .r-panel-footer .status-div .dialing-mode-status-block {
        padding: 10px;
        line-height: 20px
    }
}

@media (max-width: 575px) {
    .incoming-outgoing-calls-section .xs-text-right {
        text-align:right
    }
}

@media (max-height: 480px) {
    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .card-body {
        height:276px
    }
}

@media (max-width: 359px) {
    .message-box .message-widget a:last-child {
        border-bottom:none
    }

    .incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .content-div {
        width: calc(100% - 55px)
    }

    .incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img,.incoming-outgoing-calls-section .r-panel-body .message-box .message-widget a .user-img .badge {
        width: 50px
    }

    .incoming-outgoing-calls-section .intl-tel-input .country-list {
        width: 295px
    }

    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col {
        padding: 0
    }

    .incoming-outgoing-calls-section .r-panel-footer .mobile-action-block .action-menu-block .action-col .action-btn {
        width: 100%
    }

    .incoming-outgoing-calls-section .r-panel-body .profile-info-list-item .profile-icon .tags .more-then-two-tags br {
        display: none
    }
}

@media (max-width: 335px) {
    .incoming-outgoing-calls-section .intl-tel-input .country-list {
        width:245px
    }
}

.preloader {
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 99999;
    background: #fff
}

.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px)
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body,#connectToSmtp.modal .modal-dialog .modal-content .modal-body,#createWebhook.modal .modal-dialog .modal-content .modal-body,#sendRvm.modal .modal-dialog .modal-content .modal-body,#syncContacts.modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .subtitle,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .subtitle,#createWebhook.modal .modal-dialog .modal-content .modal-body .subtitle,#sendRvm.modal .modal-dialog .modal-content .modal-body .subtitle,#syncContacts.modal .modal-dialog .modal-content .modal-body .subtitle {
    font-weight: 300;
    margin-bottom: 15px;
    color: #90a4ae;
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .desc,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .desc,#createWebhook.modal .modal-dialog .modal-content .modal-body .desc,#sendRvm.modal .modal-dialog .modal-content .modal-body .desc,#syncContacts.modal .modal-dialog .modal-content .modal-body .desc {
    font-size: 15px;
    font-weight: 300;
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .desc-bold,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .desc-bold,#createWebhook.modal .modal-dialog .modal-content .modal-body .desc-bold,#sendRvm.modal .modal-dialog .modal-content .modal-body .desc-bold,#syncContacts.modal .modal-dialog .modal-content .modal-body .desc-bold {
    font-size: 14px;
    font-weight: 400;
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15,#createWebhook.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15,#sendRvm.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15,#syncContacts.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15 {
    font-size: 15px;
    font-weight: 400;
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .input-label,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .input-label,#createWebhook.modal .modal-dialog .modal-content .modal-body .input-label,#sendRvm.modal .modal-dialog .modal-content .modal-body .input-label,#syncContacts.modal .modal-dialog .modal-content .modal-body .input-label {
    color: #54667a;
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .input-label i,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .input-label i,#createWebhook.modal .modal-dialog .modal-content .modal-body .input-label i,#sendRvm.modal .modal-dialog .modal-content .modal-body .input-label i,#syncContacts.modal .modal-dialog .modal-content .modal-body .input-label i {
    font-size: 15px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .phone-number-input,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .phone-number-input,#createWebhook.modal .modal-dialog .modal-content .modal-body .phone-number-input,#sendRvm.modal .modal-dialog .modal-content .modal-body .phone-number-input,#syncContacts.modal .modal-dialog .modal-content .modal-body .phone-number-input {
    width: 100%;
    padding: .5rem .75rem .5rem 3rem;
    font-size: 1rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body input.invalid,#connectToSmtp.modal .modal-dialog .modal-content .modal-body input.invalid,#createWebhook.modal .modal-dialog .modal-content .modal-body input.invalid,#sendRvm.modal .modal-dialog .modal-content .modal-body input.invalid,#syncContacts.modal .modal-dialog .modal-content .modal-body input.invalid {
    border-bottom-color: red
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .field-error-message,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .field-error-message,#createWebhook.modal .modal-dialog .modal-content .modal-body .field-error-message,#sendRvm.modal .modal-dialog .modal-content .modal-body .field-error-message,#syncContacts.modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .strong-span,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .strong-span,#createWebhook.modal .modal-dialog .modal-content .modal-body .strong-span,#sendRvm.modal .modal-dialog .modal-content .modal-body .strong-span,#syncContacts.modal .modal-dialog .modal-content .modal-body .strong-span {
    color: #2c2b2e;
    font-weight: 500
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .radio label,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .radio label,#createWebhook.modal .modal-dialog .modal-content .modal-body .radio label,#sendRvm.modal .modal-dialog .modal-content .modal-body .radio label,#syncContacts.modal .modal-dialog .modal-content .modal-body .radio label {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .radio label::before,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .radio label::before,#createWebhook.modal .modal-dialog .modal-content .modal-body .radio label::before,#sendRvm.modal .modal-dialog .modal-content .modal-body .radio label::before,#syncContacts.modal .modal-dialog .modal-content .modal-body .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    outline: 0;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 16px;
    outline: 0;
    top: 2px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after,#createWebhook.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after,#sendRvm.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after,#syncContacts.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after {
    background-color: #272d33
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .radio label::after,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .radio label::after,#createWebhook.modal .modal-dialog .modal-content .modal-body .radio label::after,#sendRvm.modal .modal-dialog .modal-content .modal-body .radio label::after,#syncContacts.modal .modal-dialog .modal-content .modal-body .radio label::after {
    background-color: #263238;
    order-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    left: 5px;
    margin-left: -20px;
    position: absolute;
    top: 7px;
    width: 6px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before,#createWebhook.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before,#sendRvm.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before,#syncContacts.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before {
    border-color: #272d33
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .recommended-badge,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .recommended-badge,#createWebhook.modal .modal-dialog .modal-content .modal-body .recommended-badge,#sendRvm.modal .modal-dialog .modal-content .modal-body .recommended-badge,#syncContacts.modal .modal-dialog .modal-content .modal-body .recommended-badge {
    position: relative;
    margin-left: 5px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge,#createWebhook.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge,#sendRvm.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge,#syncContacts.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge {
    position: absolute;
    top: -17px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>img,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>img,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>img,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>img,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>img {
    width: 20%;
    border-radius: 50%
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>h3,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>h3,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>h3,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>h3,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropcowboy-modal-title .flex-row>h3 {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 20px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input,#createWebhook.modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input,#sendRvm.modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input,#syncContacts.modal .modal-dialog .modal-content .modal-body .selectize-control.single .selectize-input {
    background-color: unset;
    background-image: unset
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .password-input,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .password-input,#createWebhook.modal .modal-dialog .modal-content .modal-body .password-input,#sendRvm.modal .modal-dialog .modal-content .modal-body .password-input,#syncContacts.modal .modal-dialog .modal-content .modal-body .password-input {
    position: relative
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .password-input .show-password,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .password-input .show-password,#createWebhook.modal .modal-dialog .modal-content .modal-body .password-input .show-password,#sendRvm.modal .modal-dialog .modal-content .modal-body .password-input .show-password,#syncContacts.modal .modal-dialog .modal-content .modal-body .password-input .show-password {
    position: absolute;
    right: 12px;
    top: 44px;
    font-size: 13px;
    color: #54667a;
    cursor: pointer
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .password-input .show-password:focus,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .password-input .show-password:hover,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .password-input .show-password:focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .password-input .show-password:hover,#createWebhook.modal .modal-dialog .modal-content .modal-body .password-input .show-password:focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .password-input .show-password:hover,#sendRvm.modal .modal-dialog .modal-content .modal-body .password-input .show-password:focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .password-input .show-password:hover,#syncContacts.modal .modal-dialog .modal-content .modal-body .password-input .show-password:focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .password-input .show-password:hover {
    color: #009efb
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .password-input .show-password.disabled,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .password-input .show-password.disabled,#createWebhook.modal .modal-dialog .modal-content .modal-body .password-input .show-password.disabled,#sendRvm.modal .modal-dialog .modal-content .modal-body .password-input .show-password.disabled,#syncContacts.modal .modal-dialog .modal-content .modal-body .password-input .show-password.disabled {
    color: #656565;
    cursor: default
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .auth-subtitle,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .auth-subtitle,#createWebhook.modal .modal-dialog .modal-content .modal-body .auth-subtitle,#sendRvm.modal .modal-dialog .modal-content .modal-body .auth-subtitle,#syncContacts.modal .modal-dialog .modal-content .modal-body .auth-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .25rem
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle {
    text-align: left;
    min-height: 38px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.active,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:active,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.active,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:active,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.active,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:active,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.active,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:active,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.active,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle.focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:active,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-toggle:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-menu,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-menu,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-menu,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-menu,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 160px;
    max-height: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:focus,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:hover,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:hover,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:focus,#createWebhook.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:hover,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:focus,#sendRvm.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:hover,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:focus,#syncContacts.modal .modal-dialog .modal-content .modal-body .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-body .required-field-badge,#connectToSmtp.modal .modal-dialog .modal-content .modal-body .required-field-badge,#createWebhook.modal .modal-dialog .modal-content .modal-body .required-field-badge,#sendRvm.modal .modal-dialog .modal-content .modal-body .required-field-badge,#syncContacts.modal .modal-dialog .modal-content .modal-body .required-field-badge {
    position: absolute;
    color: red;
    font-size: 18px;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

#connectToDropCowboy.modal .modal-dialog .modal-content button.close,#connectToSmtp.modal .modal-dialog .modal-content button.close,#createWebhook.modal .modal-dialog .modal-content button.close,#sendRvm.modal .modal-dialog .modal-content button.close,#syncContacts.modal .modal-dialog .modal-content button.close {
    position: absolute;
    top: 15px;
    right: 15px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .dropcowboy-sign-up,#connectToSmtp.modal .modal-dialog .modal-content .dropcowboy-sign-up,#createWebhook.modal .modal-dialog .modal-content .dropcowboy-sign-up,#sendRvm.modal .modal-dialog .modal-content .dropcowboy-sign-up,#syncContacts.modal .modal-dialog .modal-content .dropcowboy-sign-up {
    margin: 10px 0 20px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer,#createWebhook.modal .modal-dialog .modal-content .modal-footer,#sendRvm.modal .modal-dialog .modal-content .modal-footer,#syncContacts.modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 25px
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-back,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-submit,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-back,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-submit,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-back,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-submit,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-back,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-submit,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-back,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-submit {
    font-family: Rubik,sans-serif
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-submit,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-submit,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-submit,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-submit,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 7px 0 7px auto
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

#connectToDropCowboy.modal .modal-dialog .modal-content .modal-footer .btn-back,#connectToSmtp.modal .modal-dialog .modal-content .modal-footer .btn-back,#createWebhook.modal .modal-dialog .modal-content .modal-footer .btn-back,#sendRvm.modal .modal-dialog .modal-content .modal-footer .btn-back,#syncContacts.modal .modal-dialog .modal-content .modal-footer .btn-back {
    margin: 7px auto 7px 0
}

#connectToDropCowboy.modal .modal-dialog .loader,#connectToSmtp.modal .modal-dialog .loader,#createWebhook.modal .modal-dialog .loader,#sendRvm.modal .modal-dialog .loader,#syncContacts.modal .modal-dialog .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

#connectToDropCowboy .divider,#connectToSmtp .divider,#createWebhook .divider,#sendRvm .divider,#syncContacts .divider {
    border-bottom: 1px #dfdfdf solid;
    margin: 10px 0
}

.ivr-config-section .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ivr-config-section .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ivr-config-section .availability-content .card-subtitle {
    margin-left: 10px
}

.ivr-config-section .availability-content .days-div .days-btn {
    border-radius: 100%
}

.ivr-config-section .availability-content .days-div .days-btn.btn-info.active,.ivr-config-section .availability-content .days-div .days-btn.btn-info.focus,.ivr-config-section .availability-content .days-div .days-btn.btn-info:active,.ivr-config-section .availability-content .days-div .days-btn.btn-info:focus {
    border: 1px solid #009efb!important;
    background: #009efb!important;
    color: #fff!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ivr-config-section .availability-content .days-div .days-btn.btn-secondary.active,.ivr-config-section .availability-content .days-div .days-btn.btn-secondary.focus,.ivr-config-section .availability-content .days-div .days-btn.btn-secondary:active,.ivr-config-section .availability-content .days-div .days-btn.btn-secondary:focus {
    background: #868e96!important;
    border: 1px solid #868e96!important;
    color: #fff!important;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ivr-config-section .availability-content .hours-div .day-hours-row {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(.5,0,.3,1);
    transition: max-height .4s cubic-bezier(.5,0,.3,1)
}

.ivr-config-section .availability-content .hours-div .day-hours-row.show {
    max-height: 42.75px
}

.ivr-config-section .availability-content .hours-div .day-hours-row .day-label {
    font-weight: 400;
    width: 55px
}

.ivr-config-section .availability-content .hours-div .day-hours-row .hours {
    background-color: #e8e9ea;
    color: #54667a;
    font-weight: 400;
    border-radius: 4px
}

.ivr-config-section .availability-content .hours-div .day-hours-row .hours .hours-btn {
    background-color: #e8e9ea!important;
    border-color: #e8e9ea!important;
    color: #54667a!important;
    width: 100px;
    font-size: 15px
}

.ivr-config-section .availability-content .hours-div .day-hours-row .hours .hours-btn.show {
    color: #019efb!important
}

.ivr-config-section .availability-content .hours-div .day-hours-row .hours .hours-btn.focus,.ivr-config-section .availability-content .hours-div .day-hours-row .hours .hours-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.ivr-config-section .rules-content .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ivr-config-section .rules-content .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.ivr-config-section .rules-content .header ul.title {
    margin-left: 10px
}

.ivr-config-section .rules-content .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-right: 10px
}

.ivr-config-section .rules-content .header .add-btn i {
    font-weight: 600
}

.ivr-config-section .rules-content .header .add-btn span {
    padding-left: 5px
}

.ivr-config-section .rules-content .header .add-btn:hover {
    color: #fff
}

.ivr-config-section .rules-content .rules-content .rules-widget {
    position: relative
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 18px 15px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea {
    font-size: 15px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input.send-after-seconds-input,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea.send-after-seconds-input {
    width: 70px;
    vertical-align: middle;
    margin-left: 10px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input.repeat-input,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea.repeat-input {
    width: 100px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .key-press-div {
    line-height: 38px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .key-press-div span {
    font-weight: 500
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .key-input {
    width: 100px;
    margin-left: 10px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .end-rule,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .start-rule {
    font-weight: 500
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    white-space: nowrap
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .option-dropdown-btn {
    cursor: pointer
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .option-dropdown-btn.disabled {
    opacity: .65
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu {
    font-size: 15px;
    max-height: 110px;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item.disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .forward-to-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .repeat-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .say-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div {
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .forward-to-div .form-control,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .form-control,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .repeat-div .form-control,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .say-div .form-control {
    font-size: 15px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-spinner,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-spinner,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-spinner {
    border-width: 2px;
    color: #009efb;
    margin-left: 10px;
    margin-top: 10px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown {
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .show>.btn-info.dropdown-toggle,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .show>.btn-info.dropdown-toggle,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .show>.btn-info.dropdown-toggle {
    background-color: #009efb;
    background-image: none;
    border: 1px solid #009efb;
    color: #fff
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-group,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-group,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-group {
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-toggle,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-toggle,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-toggle {
    min-width: 232px;
    text-align: left;
    padding-right: 20px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-toggle i,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-toggle i,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-toggle i {
    font-size: 15px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-toggle::after,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-toggle::after,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-toggle::after {
    position: absolute;
    right: 9px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-toggle::after,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-toggle::after,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-toggle::after {
    float: right;
    margin-top: 7px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info.active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info.focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info:disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .btn-info:focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info.active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info.focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info:disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .btn-info:focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info.active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info.focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info:disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .btn-info:focus {
    background-color: #009efb;
    background-image: none;
    border: 1px solid #009efb;
    color: #fff;
    cursor: default
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu {
    width: 100%;
    max-width: 360px;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    white-space: normal
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item:disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item:disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item.disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div .blue-dropdown .dropdown-menu .dropdown-item:disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item.disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .blue-dropdown .dropdown-menu .dropdown-item:disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item.disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div .blue-dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .flex-block {
    white-space: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .flex-block .send-after-seconds-input.long-number-input {
    width: 100px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown {
    min-width: 232px;
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .btn-group {
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown multiselect {
    width: 100%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .glyphicon {
    font-size: 13px;
    top: 2px;
    margin-right: 5px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-toggle {
    position: relative;
    text-align: left;
    padding-right: 25px;
    max-width: 360px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 50%
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10000;
    display: none;
    float: left;
    min-width: 232px;
    width: 100%;
    max-width: 360px;
    max-height: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175)
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>li>a:focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown li.active {
    font-weight: 700!important
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>.active>a,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>.active>a:focus,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .queue-div .multiselect-dropdown .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col {
    text-align: right;
    padding-right: 10px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-toggle.rules-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 38px;
    height: 38px;
    padding: 6px 10px;
    font-size: 18px
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-toggle.rules-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    font-size: 15px;
    color: #54667a
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item.disabled,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item.disabled:active,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .actions-col .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.ivr-config-section .submit-btn,.ivr-config-section .submit-btn.active,.ivr-config-section .submit-btn.focus,.ivr-config-section .submit-btn:active,.ivr-config-section .submit-btn:focus {
    margin: 0 auto;
    display: block;
    width: 125px;
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.ivr-config-section .submit-btn:hover {
    opacity: .7
}

.ivr-config-section .white-space {
    white-space: initial
}

.ivr-config-section .nav-item {
    cursor: pointer
}

.ivr-config-section .customtab li a.nav-link {
    font-weight: 400
}

.ivr-config-section .checkbox {
    padding-left: 15px
}

.ivr-config-section .checkbox-label {
    white-space: initial
}

.ivr-config-section .checkbox label::before {
    -o-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    background-color: #fff;
    border-radius: 1px;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 13px;
    left: 0;
    top: 1px;
    margin-left: -15px;
    position: absolute;
    transition: .3s ease-in-out;
    width: 13px;
    outline: 0
}

.ivr-config-section .checkbox label::after {
    color: #263238;
    display: inline-block;
    font-size: 9px;
    height: 12px;
    left: 0;
    margin-left: -15px;
    padding-left: 3px;
    padding-top: 1px;
    position: absolute;
    top: -1px;
    width: 12px
}

.ivr-config-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 1
}

.ivr-config-section input.invalid,.ivr-config-section textarea.invalid {
    border-bottom: 1px solid red
}

.ivr-config-section .field-error-message {
    font-size: 12.5px;
    font-weight: 400;
    white-space: normal
}

.ivr-config-section .field-error-message.key-error {
    display: block;
    position: absolute;
    bottom: -17px
}

.time-popover {
    margin-top: 2px!important;
    border: 1px solid rgba(0,0,0,.15)!important
}

.time-popover .uib-time .btn {
    color: #54667a!important;
    font-size: 15px;
    height: 30px;
    width: 41px;
    padding: 5px 8px;
    margin-left: 5px
}

.time-popover .uib-time .btn.focus,.time-popover .uib-time .btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.time-popover .uib-time input {
    width: 40px;
    padding: 6px;
    font-size: 15px;
    height: 30px;
    min-height: auto
}

.time-popover .uib-time input.ng-empty,.time-popover .uib-time input.ng-invalid {
    border-color: red
}

.time-popover .uib-time input[readonly] {
    background-color: #fff;
    opacity: 1;
    cursor: default
}

.time-popover .uib-separator {
    padding: 0 2px
}

.time-popover .uib-decrement a,.time-popover .uib-increment a {
    padding: 5px 8px;
    width: 42px;
    font-size: 12px;
    height: 28px
}

@media (min-width: 1425px) and (max-width:1680px) {
    .ivr-config-section .col-12-1425-1680 {
        -ms-flex:0 0 100%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }

    .ivr-config-section .col-6-1425-1680 {
        -ms-flex: 0 0 50%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 50%!important;
        max-width: 50%!important
    }

    .ivr-config-section .col-2-1425-1680 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }

    .order-4-1425-1680 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        order: 4
    }

    .order-3-1425-1680 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        order: 3
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .forward-to-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .repeat-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .say-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div {
        margin-top: 15px
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input:not(.send-after-seconds-input,.repeat-input,[type=checkbox]),.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea {
        width: 360px
    }
}

@media (min-width: 1200px) and (max-width:1424px) {
    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .send-voicemail-after-br {
        display:block!important
    }
}

@media (max-width: 1199px) {
    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col {
        margin-bottom:10px
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .title-col .key-input {
        width: calc(100% - 79px)
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-dropdown-col {
        height: 38px
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .forward-to-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .play-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .repeat-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .say-div,.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content .option-col .voicemail-div {
        margin-top: 15px
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input:not(.send-after-seconds-input,.repeat-input,[type=checkbox]),.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea {
        width: 360px
    }
}

@media (max-width: 767px) {
    .ivr-config-section .chosen-container {
        width:70%!important
    }
}

@media (max-width: 575px) {
    .ivr-config-section .chosen-container {
        width:90%!important
    }
}

@media (max-width: 430px) {
    .ivr-config-section .customtabs-style-2 .nav-link {
        padding:8px 12px
    }

    .ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content input:not(.send-after-seconds-input,.repeat-input,[type=checkbox]),.ivr-config-section .rules-content .rules-content .rules-widget .rule-list-item .content textarea {
        width: 100%
    }
}

@media (max-width: 390px) {
    .ivr-config-section .customtabs-style-2 .nav-link {
        width:78px;
        height: 66px;
        padding: 8px 11px
    }

    .ivr-config-section .customtabs-style-2 .nav-link.availability {
        width: 105px;
        padding: 20px 11px
    }

    .ivr-config-section .header .submit-btn {
        display: none
    }

    .ivr-config-section .chosen-container {
        width: 100%!important
    }

    .ivr-config-section .availability-content .days-div .days-btn {
        font-size: 13px;
        padding: 7px 11px;
        margin-left: 4px!important
    }

    .ivr-config-section .availability-content .days-div .days-btn.sunday-btn {
        margin-left: 0!important
    }

    .ivr-config-section .availability-content .days-div,.ivr-config-section .availability-content .hours-div,.ivr-config-section .availability-content .timezone {
        margin-left: 0
    }

    .ivr-config-section .availability-content .hours-div .day-hours-row .day-label {
        width: 32px
    }

    .ivr-config-section .availability-content .hours-div .day-hours-row .hours .hours-btn {
        width: 84px
    }
}

.lists-section_ .lists-card-body .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.lists-section_ .lists-card-body .header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.lists-section_ .lists-card-body .header .title {
    width: auto
}

.lists-section_ .lists-card-body .header .header-options .search-list-div {
    width: 260px;
    display: inline-block;
    margin-right: 15px
}

.lists-section_ .lists-card-body .header .header-options .search-list-div .search-input {
    display: inline;
    width: 100%;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.lists-section_ .lists-card-body .header .header-options .search-list-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.lists-section_ .lists-card-body .header .header-options .search-list-div .search-clear-btn {
    margin-left: -35px
}

.lists-section_ .lists-card-body .header .header-options .header-btn.active,.lists-section_ .lists-card-body .header .header-options .header-btn.focus,.lists-section_ .lists-card-body .header .header-options .header-btn:active,.lists-section_ .lists-card-body .header .header-options .header-btn:focus,.lists-section_ .lists-card-body .header .header-options .header-btn:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.lists-section_ .lists-card-body .header .header-options .header-btn:hover {
    opacity: .7
}

.lists-section_ .lists-card-body .header .header-options .header-btn.disabled,.lists-section_ .lists-card-body .header .header-options .header-btn:disabled {
    cursor: default
}

.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline {
    color: #009efb
}

.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline.active,.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline.focus,.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline:active,.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline:focus,.lists-section_ .lists-card-body .header .header-options .header-btn.blue-outline:hover {
    color: #009efb;
    border-color: #009efb
}

.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline {
    color: #54667a
}

.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline.active,.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline.focus,.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline:active,.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline:focus,.lists-section_ .lists-card-body .header .header-options .header-btn.grey-outline:hover {
    color: #54667a;
    border-color: #54667a
}

.lists-section_ .lists-card-body .lists-content {
    position: relative
}

.lists-section_ .lists-card-body .lists-content .lists-div {
    padding: 20px 0;
    cursor: pointer;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-transition: background .35s;
    transition: background .35s;
    position: relative
}

.lists-section_ .lists-card-body .lists-content .lists-div.view-contacts:hover {
    background: #f8f9fa;
    border-radius: 4px
}

.lists-section_ .lists-card-body .lists-content .lists-div:last-child {
    border-bottom: none
}

.lists-section_ .lists-card-body .lists-content .lists-div.placeholder {
    cursor: default
}

.lists-section_ .lists-card-body .lists-content .lists-div .list-icon {
    width: 45px;
    height: 45px;
    position: relative;
    background: 0 0;
    margin: 0 15px 0 10px;
    display: inline-block;
    border: none;
    vertical-align: top
}

.lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div {
    width: 45px;
    height: 45px
}

.lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div.with-blue-border {
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    padding: 3px 8px
}

.lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div i {
    font-size: 23px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div {
    width: calc(100% - 59px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-title .title-name {
    font-weight: 400;
    font-size: 16px;
    color: #54667a;
    max-width: 100%;
    padding: 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-title .list-title-edit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text i,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text span {
    font-size: 14px;
    color: #54667a;
    vertical-align: middle
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text span {
    font-weight: 400
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text .date-div {
    display: inline-block;
    vertical-align: text-top;
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text .content-span {
    font-weight: 500;
    margin-left: 5px;
    vertical-align: middle
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block.visibility .ui-select-placeholder {
    display: inline-block;
    vertical-align: middle
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block p {
    font-size: 14px;
    color: #54667a;
    font-weight: 400
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group {
    width: calc(100% - 75px)
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    font-size: 14px;
    padding: 3px 23px 3px 12px;
    line-height: 1.25;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle::after {
    position: absolute;
    right: 7px;
    top: 10px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle.callable {
    background: #f2f4f8;
    border: 1px solid #f2f4f8;
    color: #495057
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle.callable.allow {
    color: #009efb
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle.active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle.focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle:active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle:focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle:hover {
    opacity: 1
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle.disabled,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-toggle:disabled {
    opacity: .65;
    cursor: default
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-menu {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0;
    left: auto!important;
    margin: .125rem 0;
    z-index: 49
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-menu-right {
    right: unset;
    left: unset;
    top: 0!important
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item {
    font-size: 14px;
    cursor: pointer;
    color: #54667a!important;
    padding: 4px 12px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item.active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item:active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item:focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-1 {
    -ms-flex-item-align: center;
    align-self: center;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-2 {
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-3 {
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-3 .date-field {
    font-size: 14px;
    color: #54667a
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-preferred-size: 46px;
    flex-basis: 46px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .outline-btn {
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 8px;
    line-height: 18px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .outline-btn.focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .outline-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px;
    margin-right: 10px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle.active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle.focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle:active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle:focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle:hover {
    color: #009efb;
    opacity: 1
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group.show .dropdown-toggle {
    color: #009efb
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-menu {
    min-width: 261px;
    max-height: 175px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0;
    left: auto!important;
    margin: .125rem 0;
    z-index: 49
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-menu-right {
    right: unset;
    left: unset;
    top: 0!important
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item .dropdown-item-icon.drop-cowboy-icon {
    background: url(assets/images/icon/drop-cowboy-icon.svg);
    height: 18px;
    width: 18px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 2px
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item.disabled,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item.disabled:hover,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item.active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item:active,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item:focus,.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col .btn-group .dropdown-header {
    color: #54667a
}

.lists-section_ ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.lists-section_ ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.lists-section_ ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.lists-section_ .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.lists-section_ .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.lists-section_ .editable-click,.lists-section_ a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.lists-section_ .editable-click p,.lists-section_ a.editable-click p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.lists-section_ .editable-click i,.lists-section_ a.editable-click i {
    color: #428bca;
    margin-left: 15px;
    font-size: 14px
}

.lists-section_ .editable-controls.form-group {
    position: relative;
    max-width: 265px
}

.lists-section_ .editable-controls.form-group .is-invalid,.lists-section_ .editable-controls.form-group :invalid {
    border-color: rgba(0,0,0,.15);
    border-bottom-color: #dc3545
}

.lists-section_ .editable-controls.form-group .is-invalid.focus,.lists-section_ .editable-controls.form-group .is-invalid:focus,.lists-section_ .editable-controls.form-group :invalid.focus,.lists-section_ .editable-controls.form-group :invalid:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.lists-section_ .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.lists-section_ .editable-buttons .btn-primary,.lists-section_ .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.lists-section_ .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.lists-section_ .editable-has-buttons {
    padding-right: 95px;
    font-size: 14px
}

.lists-section_ .editable-empty,.lists-section_ .editable-empty:focus,.lists-section_ .editable-empty:hover,.lists-section_ a.editable-empty,.lists-section_ a.editable-empty:focus,.lists-section_ a.editable-empty:hover {
    color: #428bca
}

.lists-section_ .editable-wrap .editable-error {
    font-size: 12.5px;
    font-weight: 400
}

.lists-section_ .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 1.3;
    width: 80%;
    word-wrap: break-word
}

.lists-section_ .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.lists-section_ .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.lists-section_ .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.lists-section_ .modal .modal-dialog .modal-content .modal-body .field-error-message-container {
    position: relative;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lists-section_ .modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.lists-section_ .modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.lists-section_ .modal .modal-dialog .modal-footer .btn-submit.active,.lists-section_ .modal .modal-dialog .modal-footer .btn-submit.focus,.lists-section_ .modal .modal-dialog .modal-footer .btn-submit:active,.lists-section_ .modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.lists-section_ .modal .dropdown-toggle {
    cursor: pointer
}

.lists-section_ .modal .dropdown-item {
    cursor: pointer
}

.lists-section_ .modal .dropdown-item.active,.lists-section_ .modal .dropdown-item:active,.lists-section_ .modal .dropdown-item:focus,.lists-section_ .modal .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.lists-section_ .selectize-control.single .selectize-input {
    background-color: #fff;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px
}

.lists-section_ .selectize-control.single .selectize-input input {
    font-size: 14px
}

.lists-section_ .selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none
}

.lists-section_ .selectize-dropdown [data-selectable] {
    font-size: 14px
}

.lists-section_ .custom-select {
    margin: 0 4px;
    font-size: 15px;
    padding: 4px 35px 4px 12px;
    height: calc(1.75rem + 2px)
}

.lists-visibility-search-dropdown.select2-container .select2-choice {
    font-size: 14px;
    padding: 3px 23px 3px 12px;
    line-height: 1.25;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #495057;
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #495057;
    text-align: left;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 25.5px
}

.lists-visibility-search-dropdown.select2-container .select2-choice::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    color: #54667a;
    position: absolute;
    right: 7px;
    top: 10px
}

.lists-visibility-search-dropdown.select2-container .select2-choice:hover {
    background-color: #fff
}

.lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    border-radius: 4px;
    margin-right: 0
}

.lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen p {
    max-width: 148px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.lists-visibility-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: none
}

.lists-visibility-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen {
    display: none!important
}

.lists-visibility-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important;
    color: #54667a
}

.lists-visibility-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.lists-visibility-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.lists-visibility-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen p {
    color: #019efb!important
}

.lists-visibility-search-dropdown.select2-container.select2-container-disabled .select2-choice {
    opacity: .65;
    cursor: default!important;
    background-color: transparent!important
}

.lists-visibility-search-dropdown .select2-drop {
    min-width: 225px;
    padding: 8px;
    border-radius: 4px!important;
    margin-top: 2px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    right: 0;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.lists-visibility-search-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.lists-visibility-search-dropdown .select2-result-single,.lists-visibility-search-dropdown .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.lists-visibility-search-dropdown .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.lists-visibility-search-dropdown .select2-results {
    max-height: 127px;
    margin: 10px 4px 4px 0!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.lists-visibility-search-dropdown .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 2px;
    border-right: 4px
}

.lists-visibility-search-dropdown .select2-results li .select2-result-label span {
    vertical-align: unset!important;
    word-wrap: break-word
}

.lists-visibility-search-dropdown .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.lists-visibility-search-dropdown .select2-results .select2-highlighted {
    background: #f5f5f5;
    color: #54667a
}

.lists-visibility-search-dropdown .ui-select-highlight {
    font-weight: 700!important
}

.lists-visibility-search-dropdown .ui-select-choices-row:hover {
    background-color: #f5f5f5!important
}

.lists-visibility-search-dropdown .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    padding: 4px;
    color: #858e96
}

.lists-visibility-search-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.lists-visibility-search-dropdown ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.lists-visibility-search-dropdown ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.lists-visibility-search-dropdown .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.lists-visibility-search-dropdown.ui-select-container.select2.direction-up .ui-select-dropdown {
    margin-top: -6px
}

.lists-visibility-search-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.lists-visibility-search-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #495057;
    border-radius: 4px!important
}

.lists-visibility-search-dropdown .select2-results .select2-disabled {
    background: #fff!important;
    opacity: .75;
    color: #54667a!important
}

.lists-visibility-search-dropdown .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

@media (min-width: 1051px) and (max-width:1550px),(min-width:851px) and (max-width:1023px) {
    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-1 {
        -ms-flex-preferred-size:42%;
        flex-basis: 42%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-3 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding-top: 12px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen p {
        max-width: 200px
    }
}

@media (min-width: 1024px) and (max-width:1050px),(max-width:850px) {
    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-1 {
        -ms-flex-preferred-size:45%;
        flex-basis: 45%
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-top: 13px;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .action-col {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding-top: 10px
    }

    .lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen p {
        max-width: 185px
    }
}

@media (max-width: 715px) {
    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-title .list-title-edit {
        width:calc(100vw - 111px)
    }

    .lists-section_ .editable-click p,.lists-section_ a.editable-click p {
        max-width: calc(100% - 40px)
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-1 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .details-col-2 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding-top: 4px
    }

    .lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen p {
        max-width: 225px
    }
}

@media (max-width: 450px) {
    .lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div {
        width:40px;
        height: 40px;
        line-height: 40px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div.with-blue-border {
        padding: 1px 8px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .list-icon .round-div i {
        font-size: 19px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .list-icon {
        width: 40px;
        height: 40px;
        margin: 0 12px 0 2px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div {
        width: calc(100% - 54px)
    }

    .lists-section_ .editable-controls.form-group {
        max-width: 224px
    }

    .lists-section_ .editable-has-buttons {
        max-width: 224px;
        padding-right: 75px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group .dropdown-item {
        max-width: 270px
    }

    .lists-section_ .lists-card-body .lists-content .lists-div .content-div .list-details .info-text.dropdown-block .btn-group {
        width: calc(100vw - 175px)
    }

    .lists-visibility-search-dropdown.select2-container .select2-choice>.select2-chosen p {
        max-width: calc(100vw - 210px)
    }
}

@media (max-width: 1700px) {
    .lists-section_ .lists-card-body .header .search-contact-div,.lists-section_ .lists-card-body .header-placeholder .search-input-placeholder {
        width:200px
    }
}

@media (min-width: 600px) and (max-width:899px) {
    .lists-section_ .lists-card-body .header .search-contact-div,.lists-section_ .lists-card-body .header-placeholder .search-input-placeholder {
        width:160px
    }
}

@media (max-width: 599px) {
    .lists-section_ .lists-card-body .header .search-contact-div,.lists-section_ .lists-card-body .header-placeholder .search-input-placeholder {
        display:none
    }
}

.mailboxes-section .mailboxes-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mailboxes-section .mailboxes-container .form-group .form-control:disabled,.mailboxes-section .mailboxes-container .form-group .form-control[readonly] {
    background-color: #fff
}

.mailboxes-section .mailboxes-container .form-group .error-container {
    min-height: 24px
}

.mailboxes-section .mailboxes-container a.add-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #009efb;
    height: 38px
}

.mailboxes-section .mailboxes-container a.add-icon:hover {
    color: #009efb
}

.mailboxes-section .added-mailboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.mailboxes-section .added-mailboxes .mailbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mailboxes-section .added-mailboxes .mailbox .label {
    color: #54667a;
    font-size: 14px
}

.mailboxes-section .added-mailboxes .mailbox a.remove-icon {
    color: #ff214f
}

.mailboxes-section .added-mailboxes .mailbox a.remove-icon:hover {
    color: #f62d51
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .campaign-name .custom-input {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header ul .contacts-header-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header ul .contacts-header-btn .build-list-btn {
    font-weight: 600;
    color: green
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header ul .contacts-header-btn .reset-list-btn {
    font-weight: 600;
    color: #e40709
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts .header ul .contacts-header-btn span {
    padding-left: 5px
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .tips .jumbotron {
    padding: 2rem
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .tips .jumbotron .text {
    font-size: 15px
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .tips .jumbotron .lead {
    text-align: right;
    margin: 0
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .options .checkboxes {
    font-size: 15px
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .certifications .checkboxes {
    font-size: 15px
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .save-campaign {
    margin: 30px 0;
    text-align: right
}

.new-campaign-wizard-section .new-campaign-wizard-card-body .save-campaign .save-campaign-btn {
    font-size: 16px
}

.new-campaign-wizard-section .dropify-wrapper {
    height: 400px!important
}

@media (max-width: 991px) {
    .new-campaign-wizard-section .new-campaign-wizard-card-body .add-contacts {
        margin-bottom:30px
    }
}

@media (min-width: 992px) and (max-width:1023px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:507px!important
    }
}

@media (min-width: 1024px) and (max-width:1035px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:623px!important
    }
}

@media (min-width: 1036px) and (max-width:1065px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:638px!important
    }
}

@media (min-width: 1066px) and (max-width:1200px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:574px!important
    }
}

@media (min-width: 1200px) and (max-width:1254px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:640px!important
    }
}

@media (min-width: 1255px) and (max-width:1469px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:574px!important
    }
}

@media (min-width: 1470px) and (max-width:1860px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:508px!important
    }
}

@media (min-width: 1861px) and (max-width:2990px) {
    .new-campaign-wizard-section .dropify-wrapper {
        height:442px!important
    }
}

.welcome-section .card-body {
    padding: 30px 40px 50px 35px
}

.welcome-section .header-div .subtitle-highlighted {
    color: #ff214f
}

.welcome-section .header-div .header-divider {
    margin-top: 2.5rem;
    border-color: rgba(105,113,122,.431372549);
    width: 280px
}

.welcome-section .content-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6rem
}

.welcome-section .content-div .menu-div {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%
}

.welcome-section .content-div .menu-div .sticky-menu-container {
    position: sticky;
    top: 150px
}

.welcome-section .content-div .menu-div .welcome-nav-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: none
}

.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item {
    margin-bottom: 0
}

.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link {
    width: 100%;
    text-align: left;
    background-color: #fff;
    display: block;
    position: relative;
    border: none;
    border-bottom: 1px solid rgba(105,113,122,.431372549);
    color: #54667a;
    line-height: 19px;
    font-size: 16px;
    padding: 12px 0;
    font-weight: 400;
    -webkit-transition: all .35s;
    transition: all .35s
}

.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link.active,.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link.focus,.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link:active,.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link:focus,.welcome-section .content-div .menu-div .welcome-nav-tabs .nav-item .nav-link:hover {
    background: 0 0;
    color: #ff214f
}

.welcome-section .content-div .menu-div .welcome-nav-tabs :last-child.nav-item .nav-link {
    border-bottom: none
}

.welcome-section .content-div .menu-div .call-to-action-div .call-to-action-text {
    font-size: 15px;
    line-height: 20px
}

.welcome-section .content-div .menu-div .call-to-action-div .call-to-action-btn {
    border: 1px solid #54667a;
    color: #54667a;
    background: 0 0;
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: .25rem
}

.welcome-section .content-div .menu-div .call-to-action-div .call-to-action-btn:hover {
    opacity: .7
}

.welcome-section .content-div .menu-div .call-to-action-div .call-to-action-btn.focus,.welcome-section .content-div .menu-div .call-to-action-div .call-to-action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.welcome-section .content-div .info-div {
    padding-right: 40px;
    -ms-flex-preferred-size: calc(75% - 6rem);
    flex-basis: calc(75% - 6rem)
}

.welcome-section .content-div .info-div .info-text {
    font-size: 15px;
    line-height: 20px
}

.welcome-section .content-div .info-div .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.3rem;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.welcome-section .content-div .info-div .actions .action-btn {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: .25rem
}

.welcome-section .content-div .info-div .actions .action-btn.view-walkthrough-btn {
    border: 1px solid #54667a;
    color: #54667a;
    background: 0 0
}

.welcome-section .content-div .info-div .actions .action-btn.subscription-btn {
    border: 1px solid #ff214f;
    color: #fff;
    background: #ff214f
}

.welcome-section .content-div .info-div .actions .action-btn:hover {
    opacity: .7
}

.welcome-section .content-div .info-div .actions .action-btn.focus,.welcome-section .content-div .info-div .actions .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.welcome-section .content-div .info-div .youtube-container {
    background-color: #f2f4f8;
    border-radius: .25rem;
    position: relative;
    max-width: 1920px;
    max-height: 1080px;
    aspect-ratio: 16/9;
    margin-right: auto;
    margin-left: auto;
    display: block;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(.5,0,.3,1);
    transition: all .3s cubic-bezier(.5,0,.3,1)
}

.welcome-section .content-div .info-div .youtube-container .loader-circular {
    width: 100%;
    height: 100%
}

.welcome-section .content-div .info-div .youtube-container .loader-circular .circular .path {
    -webkit-animation: dash 1.5s ease-in-out infinite;
    animation: dash 1.5s ease-in-out infinite;
    stroke: #ff214f
}

.welcome-section .content-div .info-div .youtube-container iframe {
    position: absolute;
    top: -.5px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 1px)
}

@media (min-width: 1145px) and (max-width:1300px),(min-width:910px) and (max-width:1023px) {
    .welcome-section .content-div {
        display:block
    }

    .welcome-section .content-div .menu-div {
        width: 35%;
        float: left;
        padding-right: 30px
    }

    .welcome-section .content-div .menu-div .sticky-menu-container {
        position: relative;
        top: 0
    }

    .welcome-section .content-div .info-div {
        padding-right: 0
    }

    .welcome-section .content-div .info-div .youtube-container {
        margin-right: 0
    }
}

@media (min-width: 1024px) and (max-width:1144px),(max-width:909px) {
    .welcome-section .content-div .info-div {
        padding-right:0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .welcome-section .content-div .menu-div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .welcome-section .content-div {
        gap: 3rem;
        margin-top: 30px!important
    }

    .welcome-section .content-div .menu-div .sticky-menu-container {
        position: relative;
        top: 0
    }

    .welcome-section .content-div .menu-div .welcome-nav-tabs {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto
    }

    .welcome-section .content-div .menu-div .call-to-action-div {
        margin-top: 30px!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #f2f4f8;
        padding: 15px;
        border-radius: 4px
    }

    .welcome-section .content-div .menu-div .call-to-action-div .call-to-action-btn {
        -ms-flex-preferred-size: 175px;
        flex-basis: 175px;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content
    }

    .welcome-section .content-div .menu-div .call-to-action-div .call-to-action-content {
        -ms-flex-preferred-size: calc(100% - 2rem - 175px);
        flex-basis: calc(100% - 2rem - 175px)
    }

    .welcome-section .content-div .menu-div .call-to-action-div .call-to-action-text {
        margin-bottom: 0!important
    }

    .welcome-section .content-div .menu-div .call-to-action-div .call-to-action-title {
        margin-bottom: 8px!important
    }

    .welcome-section .card-body {
        padding: 30px
    }
}

@media (max-width: 669px) {
    .welcome-section .content-div .menu-div .call-to-action-div .call-to-action-content {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        text-align: center
    }

    .welcome-section .content-div .menu-div .call-to-action-div {
        gap: 1rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .welcome-section .content-div .info-div .info-text {
        text-align: justify
    }

    .welcome-section .content-div .info-div .actions {
        gap: .8rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .welcome-section .content-div .info-div .actions .action-btn {
        width: 230px
    }

    .welcome-section .content-div .info-div .feature-title {
        text-align: center
    }

    .welcome-section .content-div .info-div .feature-content {
        margin-right: 0!important
    }
}

@media (max-width: 400px) {
    .welcome-section .header-div .header-divider {
        margin-top:2rem;
        width: 90%
    }
}

.outcomes-section .outcomes-card-body {
    padding-right: 5px!important
}

.outcomes-section .outcomes-card-body .outcomes-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.outcomes-section .outcomes-card-body .outcomes-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.outcomes-section .outcomes-card-body .outcomes-card-header .title {
    width: 172px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu {
    margin-left: 20px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu .header-options {
    float: right
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu .header-options .dropdown-header {
    font-size: 12px;
    padding: 14px 14px 10px 14px;
    color: #90a4ae;
    font-weight: 500
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu .header-options .dropdown-header i {
    font-weight: 600;
    padding-right: 5px;
    font-size: 14px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu .header-options .dropdown-item.active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa
}

.outcomes-section .outcomes-card-body .outcomes-card-header .dropdown-main-menu .header-options .dropdown-item i {
    color: green;
    font-weight: 600;
    padding-right: 5px;
    font-size: 14px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .add-btn i {
    font-weight: 600
}

.outcomes-section .outcomes-card-body .outcomes-card-header .add-btn span {
    padding-left: 5px
}

.outcomes-section .outcomes-card-body .outcomes-card-header .add-btn:hover {
    color: #fff
}

.outcomes-section .outcomes-card-body .main-area .h6-styles {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    white-space: nowrap
}

.outcomes-section .outcomes-card-body .main-area .h6-styles p {
    display: inline;
    margin: 0
}

.outcomes-section .outcomes-card-body .main-area .h6-styles.tooltip-td-styles {
    position: relative;
    display: table-cell;
    z-index: 0
}

.outcomes-section .outcomes-card-body .main-area .custom-select {
    width: 100%;
    min-width: 220px;
    font-size: 14px
}

.outcomes-section .outcomes-card-body .main-area .send-message-form {
    position: relative
}

.outcomes-section .outcomes-card-body .main-area .send-message-form .custom-textarea {
    display: inline-block;
    max-width: 100%;
    height: calc(6.25rem + 2px);
    padding: .375rem 2.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    font-size: 14px
}

.outcomes-section .outcomes-card-body .main-area .send-message-form .send-btn {
    position: absolute;
    top: 50px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    right: 10px;
    font-size: 14px;
    color: #03b1fb
}

.outcomes-section .outcomes-card-body .main-area .zap-trigger-form {
    position: relative
}

.outcomes-section .outcomes-card-body .main-area .zap-trigger-form .custom-input {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%
}

.outcomes-section .outcomes-card-body .main-area .zap-trigger-form .send-btn {
    position: absolute;
    top: 20px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    right: 10px;
    font-size: 14px;
    color: #03b1fb
}

.outcomes-section .outcomes-card-body .main-area .td-options {
    padding-left: 0;
    float: left
}

.outcomes-section .outcomes-card-body .main-area .edit-fields-input {
    text-align: left!important;
    line-height: 16px!important;
    font-size: 14px!important;
    font-weight: 500!important;
    margin-bottom: 0!important;
    white-space: nowrap!important;
    color: #03b1fb!important;
    font-family: Rubik,sans-serif!important;
    display: none
}

.outcomes-section .outcomes-card-body .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.outcomes-section .outcomes-card-body .dropdown-toggle.outcomes-activity-item::after,.outcomes-section .outcomes-card-body .dropdown-toggle.outcomes-full-list-menu::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.outcomes-section .outcomes-card-body .dropdown-toggle.outcomes-full-list-menu {
    background: 0 0;
    border: none;
    color: #54667a
}

.outcomes-section .outcomes-card-body .dropdown-toggle.outcomes-full-list-menu i {
    font-size: 20px;
    margin-left: 5px
}

.outcomes-section .outcomes-card-body .dropdown-toggle.outcomes-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px
}

.outcomes-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.outcomes-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 45px!important;
    bottom: 50%!important
}

.outcomes-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.outcomes-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    border-radius: 100px
}

.outcomes-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.phone-number-purchase-section .find-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.phone-number-purchase-section .find-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.phone-number-purchase-section .find-block .content .input-group {
    width: 410px;
    margin: 0 auto;
    z-index: 0
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-toggle.iso-country-code {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-toggle.local-btn {
    border-radius: 0
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-toggle.local-btn:active,.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-toggle.local-btn:hover {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    opacity: .7
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-menu {
    font-size: 15px
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-menu .dropdown-item {
    cursor: pointer
}

.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-menu .dropdown-item.active,.phone-number-purchase-section .find-block .content .input-group .input-group-btn .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.phone-number-purchase-section .find-block .content .input-group .search-input {
    font-size: 15px
}

.phone-number-purchase-section .find-block .content .input-group .search-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.phone-number-purchase-section .find-block .content .input-group .search-btn.active,.phone-number-purchase-section .find-block .content .input-group .search-btn.focus,.phone-number-purchase-section .find-block .content .input-group .search-btn:active,.phone-number-purchase-section .find-block .content .input-group .search-btn:focus,.phone-number-purchase-section .find-block .content .input-group .search-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.phone-number-purchase-section .result-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.phone-number-purchase-section .result-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.phone-number-purchase-section .result-block .content {
    position: relative
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 45px;
    min-width: 100%
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px;
    font-weight: 500
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table tr.active,.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .header-row .phone-number-th {
    line-height: 44px
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .header-row .safe-caller-th p {
    margin-bottom: 0
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row .phone-number-td {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row safe-caller-td img {
    margin-top: 6px
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row .options-td p {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    padding-top: 25px;
    padding-bottom: 25px
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .rent-btn {
    width: 134px
}

.phone-number-purchase-section .result-block .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.phone-number-purchase-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.phone-number-purchase-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.phone-number-purchase-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.show>.btn-outline-secondary.dropdown-toggle.local-btn {
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    opacity: .7
}

@media (max-width: 576px) {
    .phone-number-purchase-section .find-block .content .input-group {
        width:275px
    }

    .phone-number-purchase-section .find-block .content .input-group .search-input {
        font-size: 12px
    }
}

.phone-numbers-section .phone-numbers-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.phone-numbers-section .phone-numbers-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.phone-numbers-section .phone-numbers-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.phone-numbers-section .phone-numbers-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.phone-numbers-section .phone-numbers-block .header .add-btn i {
    font-weight: 600
}

.phone-numbers-section .phone-numbers-block .header .add-btn span {
    padding-left: 5px
}

.phone-numbers-section .phone-numbers-block .header .add-btn:hover {
    color: #fff
}

.phone-numbers-section .phone-numbers-block .content {
    position: relative
}

.phone-numbers-section .phone-numbers-block .content .info-block.alert {
    padding: 1rem 2rem
}

.phone-numbers-section .phone-numbers-block .content .info-block.alert li {
    margin-bottom: .5rem;
    text-align: justify
}

.phone-numbers-section .phone-numbers-block .content .loader,.phone-numbers-section .phone-numbers-block .content .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.phone-numbers-section .phone-numbers-block .content .no-res {
    z-index: 4
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 100px;
    min-width: 1000px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table tr.active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .header-row .ivr-th .update-ivr-spinner {
    margin-bottom: 2px;
    margin-left: 5px;
    border-width: 2px;
    color: #009efb
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .icon-td-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    text-align: center;
    border-radius: 100%;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    position: relative;
    padding: 7px 8px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    font-size: 18px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .phone-number-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .name-td,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .name-td {
    z-index: 0
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .name-td p {
    display: inline;
    margin: 0
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .option-dropdown-btn,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .option-dropdown-btn,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .option-dropdown-btn {
    cursor: pointer
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .option-dropdown-btn.disabled,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .option-dropdown-btn.disabled,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .option-dropdown-btn.disabled {
    opacity: .65;
    cursor: default
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .dropdown .dropdown-menu,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .dropdown .dropdown-menu,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .dropdown .dropdown-menu {
    font-size: 15px;
    max-height: 110px;
    color: #54667a
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .dropdown .dropdown-menu .dropdown-item,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .dropdown .dropdown-menu .dropdown-item,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .dropdown .dropdown-menu .dropdown-item.active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .features-td .dropdown .dropdown-menu .dropdown-item:active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .dropdown .dropdown-menu .dropdown-item.active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .sms-ivr-td .dropdown .dropdown-menu .dropdown-item:active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .dropdown .dropdown-menu .dropdown-item.active,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .voice-ivr-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.phone-numbers-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 6px 9px
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.phone-numbers-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled,.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.phone-numbers-section .phone-numbers-block .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.phone-numbers-section .phone-numbers-block .content .table-container .edit-fields-input {
    font-size: 14px!important;
    font-weight: 500!important;
    margin-bottom: 0!important;
    white-space: nowrap!important;
    color: #03b1fb!important;
    font-family: Rubik,sans-serif!important;
    display: none
}

.phone-numbers-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 15%!important;
    bottom: 50%!important
}

.phone-numbers-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.phone-numbers-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.phone-numbers-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.phone-numbers-section .disabled {
    cursor: default
}

.phone-numbers-section .editable-text {
    width: 100%
}

.phone-numbers-section .editable-click,.phone-numbers-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400
}

.phone-numbers-section .editable-controls.form-group {
    position: relative
}

.phone-numbers-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.phone-numbers-section .editable-buttons .btn-primary,.phone-numbers-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.phone-numbers-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.phone-numbers-section .editable-has-buttons {
    padding-right: 75px;
    max-width: 195px;
    font-size: 14px;
    width: 100%
}

.phone-numbers-section .editable-empty,.phone-numbers-section .editable-empty:focus,.phone-numbers-section .editable-empty:hover,.phone-numbers-section a.editable-empty,.phone-numbers-section a.editable-empty:focus,.phone-numbers-section a.editable-empty:hover {
    color: #428bca
}

.phone-IVRs-section .ivrs-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.phone-IVRs-section .ivrs-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.phone-IVRs-section .ivrs-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.phone-IVRs-section .ivrs-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.phone-IVRs-section .ivrs-block .header .add-btn i {
    font-weight: 600
}

.phone-IVRs-section .ivrs-block .header .add-btn span {
    padding-left: 5px
}

.phone-IVRs-section .ivrs-block .header .add-btn:hover {
    color: #fff
}

.phone-IVRs-section .ivrs-block .content {
    position: relative
}

.phone-IVRs-section .ivrs-block .content .loader,.phone-IVRs-section .ivrs-block .content .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.phone-IVRs-section .ivrs-block .content .no-res {
    z-index: 4
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 90px;
    min-width: 1065px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table tr.active,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .header-row .used-by-th {
    color: green;
    font-weight: 600
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    text-align: center;
    border-radius: 100%;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    position: relative;
    padding: 8px 6px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    font-size: 20px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .name-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    z-index: 0
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .name-td p {
    display: inline;
    margin: 0
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    color: green!important;
    font-weight: 600
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div {
    cursor: pointer;
    padding: 10px 0
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div.empty {
    cursor: default
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div .icons-div {
    position: relative;
    margin-right: 8px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div .icons-div .fa-hashtag {
    position: absolute;
    left: 8px;
    bottom: 10px;
    font-size: 10px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .created-at-td,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .default-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .default-td {
    text-align: center;
    font-size: 18px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .default-td .label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td {
    position: relative
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td a {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td a:hover {
    color: #fff
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.ivr-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.ivr-activity-item {
    background: 0 0;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 34.61px;
    padding: 6px 9px
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.active,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.focus,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:active,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:focus,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled:active,.phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.phone-IVRs-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 10%!important;
    bottom: 50%!important
}

.phone-IVRs-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.phone-IVRs-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.phone-IVRs-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.phone-IVRs-section .editable-click,.phone-IVRs-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500
}

.phone-IVRs-section .editable-controls.form-group {
    position: relative
}

.phone-IVRs-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.phone-IVRs-section .editable-buttons .btn-primary,.phone-IVRs-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.phone-IVRs-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.phone-IVRs-section .editable-has-buttons {
    padding-right: 95px;
    max-width: 195px;
    font-size: 14px
}

.phone-IVRs-section .editable-empty,.phone-IVRs-section .editable-empty:focus,.phone-IVRs-section .editable-empty:hover,.phone-IVRs-section a.editable-empty,.phone-IVRs-section a.editable-empty:focus,.phone-IVRs-section a.editable-empty:hover {
    color: #428bca
}

.call-routing-popover {
    border-radius: 0;
    border-width: 1px 1px 5px;
    border-style: solid;
    border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) green;
    width: 200px;
    text-align: center
}

.call-routing-popover .popover-content {
    padding: 10px 0
}

.call-routing-popover:after {
    content: "";
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: green;
    border-width: 10px;
    margin-left: -10px
}

@media (max-width: 991px) {
    .phone-IVRs-section .ivrs-block .content .table-container .table-responsive .stylish-table {
        min-width:100%
    }
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .title {
    width: 172px
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .calls-option-form {
    margin-bottom: 0
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .calls-option-form .calls-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .calls-option-form .calls-option-div-select {
    display: inline-block;
    padding-left: 5px
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .calls-option-form .calls-option-div-select .calls-select-name {
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: auto;
    width: auto;
    min-width: 100px;
    vertical-align: baseline;
    border-color: #f2f4f8;
    background: #f2f4f8 url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'><path fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/></svg>") right .75rem center no-repeat;
    background-size: 8px 10px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .recent-calls-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 33px
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .recent-calls-date-picker .calendar-icon {
    color: #54667a
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .recent-calls-date-picker span {
    margin-left: 5px;
    vertical-align: middle
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .recent-calls-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a;
    font-size: 11px;
    vertical-align: middle
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .export-btn {
    color: #54667a;
    display: inline-block;
    float: right;
    margin-left: 15px;
    height: 33px;
    padding: 6px 12px
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .export-btn.focus,.recent-calls-section .recent-calls-card-body .recent-calls-card-header .export-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .export-btn:hover {
    opacity: .7
}

.recent-calls-section .recent-calls-card-body .recent-calls-card-header .header-options {
    float: right
}

.recent-calls-section .recent-calls-card-body .search-calls-div {
    width: 280px;
    display: inline-block;
    margin-right: 15px
}

.recent-calls-section .recent-calls-card-body .search-calls-div .search-input {
    display: inline;
    width: 92%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.recent-calls-section .recent-calls-card-body .search-calls-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.recent-calls-section .recent-calls-card-body .steamline {
    margin-left: 25px
}

.recent-calls-section .recent-calls-card-body .steamline .sl-left {
    margin-left: -22px;
    width: 45px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item {
    margin: 20px 0 0
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 35px)
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .title-name {
    cursor: pointer
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .title-name:hover {
    font-weight: 500
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .company-block {
    font-size: 13px;
    font-weight: 400
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .disposition-block .label {
    font-size: 12px;
    padding: 6px 6px 5px;
    font-weight: 400
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .recent-calls-desc {
    font-size: 14px;
    margin-bottom: 10px!important
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .audio-note-block .note {
    font-size: 14px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .audio-note-block .transcription {
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .full-info-for-small-resolutions {
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .full-info-for-small-resolutions .right-ul .player-main-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .missed-calls-style {
    color: #e00c0c;
    font-weight: 400
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div {
    padding: 5px 0;
    text-align: right
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div.company-full-height {
    padding: 15px 0 5px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px;
    width: 22.5px;
    text-align: center
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div {
    width: auto;
    margin-right: 15px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn {
    font-size: 17px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn {
    line-height: 19px;
    margin-right: 5px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:active {
    background-color: #55ce63;
    border-color: #55ce63
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled {
    color: #55ce63;
    background-color: transparent;
    border-color: #55ce63;
    cursor: default
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled:active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled:focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn.disabled:hover,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled:active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled:focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn:disabled:hover {
    color: #55ce63;
    background-color: transparent;
    border-color: #55ce63
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn {
    line-height: 20px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:active {
    background-color: #009efb;
    border-color: #009efb
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled {
    color: #009efb;
    background-color: transparent;
    border-color: #009efb;
    cursor: default
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled:active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled:focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn.disabled:hover,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled.active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled.focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled:active,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled:focus,.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn:disabled:hover {
    color: #009efb;
    background-color: transparent;
    border-color: #009efb
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-date-div {
    text-align: right;
    line-height: 25px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-date-div .date-company-fields {
    font-size: 14px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-date-div .date-company-fields.list-div {
    padding-bottom: 10px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-date-div.two-line-height {
    padding-top: 10px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-date-div.only-date-line-height {
    line-height: 60px
}

.recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .border-badge-info {
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    position: relative;
    width: 45px;
    line-height: 42px;
    height: 45px;
    font-size: 20px
}

.recent-calls-section .audio-player-div {
    background: 0 0;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: .25rem
}

.recent-calls-section .audio-player-div.transform {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    max-width: 350px
}

.recent-calls-section .audio-player-div.transform.transform-active {
    width: 100%
}

.recent-calls-section .audio-player-div .play-spinner {
    font-size: 14px;
    margin-left: 10px;
    border-width: 2px;
    margin-top: 12px;
    margin-right: 12px
}

.recent-calls-section .audio-player-div .play-pause-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block
}

.recent-calls-section .audio-player-div .current-time-span {
    width: 80px;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
}

.recent-calls-section .audio-player-div .progress-div {
    display: inline-block;
    width: calc(100% - 200px)
}

.recent-calls-section .audio-player-div .progress-div .bar-style {
    height: 6px
}

.recent-calls-section .audio-player-div .btn-muting {
    margin-left: 10px;
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    padding: 8px 7px
}

.recent-calls-section .audio-player-div .btn-muting .volume-icon {
    font-size: 16px
}

.recent-calls-section .dropdown-menu {
    color: #54667a
}

.recent-calls-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px;
    width: 22.5px;
    text-align: center
}

.recent-calls-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.recent-calls-section .dropdown-toggle.recent-calls-activity-item::after,.recent-calls-section .dropdown-toggle.recent-calls-full-list-menu::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.recent-calls-section .dropdown-toggle.recent-calls-full-list-menu {
    background: 0 0;
    border: none;
    color: #54667a
}

.recent-calls-section .dropdown-toggle.recent-calls-full-list-menu i {
    font-size: 20px;
    margin-left: 5px
}

.recent-calls-section .dropdown-toggle.recent-calls-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    padding: 8px 11px
}

.recent-calls-section .dropdown-toggle.recent-calls-activity-item i {
    font-size: 18px
}

.recent-calls-section .dropdown-toggle.active,.recent-calls-section .dropdown-toggle.focus,.recent-calls-section .dropdown-toggle:active,.recent-calls-section .dropdown-toggle:focus,.recent-calls-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.recent-calls-section .dropdown-item {
    cursor: pointer;
    font-size: 15px
}

.recent-calls-section .dropdown-item.active,.recent-calls-section .dropdown-item:active,.recent-calls-section .dropdown-item:focus,.recent-calls-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.recent-calls-section .dropdown-item.disabled,.recent-calls-section .dropdown-item:disabled {
    cursor: default
}

.recent-calls-section .dropdown-item.disabled.active,.recent-calls-section .dropdown-item.disabled.focus,.recent-calls-section .dropdown-item.disabled:active,.recent-calls-section .dropdown-item.disabled:focus,.recent-calls-section .dropdown-item.disabled:hover,.recent-calls-section .dropdown-item:disabled.active,.recent-calls-section .dropdown-item:disabled.focus,.recent-calls-section .dropdown-item:disabled:active,.recent-calls-section .dropdown-item:disabled:focus,.recent-calls-section .dropdown-item:disabled:hover {
    color: #868e96;
    background-color: transparent
}

.recent-calls-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.recent-calls-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.recent-calls-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.recent-calls-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.recent-calls-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-body {
    padding: 25px;
    min-height: 74px
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-body .conversation-div {
    overflow-y: auto;
    max-height: calc(100vh - 285px);
    height: auto
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-body .sentence-row {
    font-size: 15px;
    margin-left: 0;
    margin-right: 0
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence-label {
    text-align: right
}

.recent-calls-section .modal .modal-dialog .modal-content .modal-body .loader {
    margin-left: -25px
}

.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit {
    width: auto;
    min-width: 60px;
    font-family: Rubik,sans-serif
}

.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit.active,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit.disabled,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit.focus,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit:active,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit:disabled,.recent-calls-section .modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer.active,.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer.disabled,.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer.focus,.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer:active,.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer:disabled,.recent-calls-section .modal .modal-dialog .modal-footer .btn-footer:focus {
    background: 0 0;
    border: 1px solid #009efb;
    color: #009efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.recent-calls-section .no-res {
    width: calc(100% + 25px);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 4;
    margin-left: -25px
}

.recent-calls-section .loader-export {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    z-index: 4
}

.recent-calls-section .loader-export .message {
    margin-top: 13%
}

@media (max-width: 1700px) {
    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .transcription-li {
        display:none
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul.player-right-ul .transcription-player-li {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (min-width: 1551px) and (max-width:1700px) {
    .recent-calls-section .recent-calls-card-body .search-calls-div {
        width:200px
    }
}

@media (min-width: 1425px) and (max-width:1600px) {
    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        width:35px
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        display: none
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .recent-calls-section .recent-calls-card-body .search-calls-div {
        width:130px
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .recent-calls-section .recent-calls-card-body .search-calls-div {
        width:200px
    }
}

@media (max-width: 1023px) {
    .recent-calls-section .recent-calls-date-picker {
        text-align:center
    }
}

@media (min-width: 769px) and (max-width:925px) {
    .recent-calls-section .show-calendar {
        right:110px!important;
        left: auto!important
    }
}

@media (min-width: 769px) and (max-width:991px),(min-width:1024px) and (max-width:1130px),(min-width:1425px) and (max-width:1490px) {
    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .dial-btn {
        margin-right:0;
        margin-bottom: 5px;
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div .text-btn {
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px;
        margin-bottom: 20px
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div {
        padding: 0 0 0!important
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .option-div .dial-text-div {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }

    .col-date-4 {
        -ms-flex: 0 0 33.333333%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 33.333333%!important;
        max-width: 33.333333%!important
    }

    .col-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

@media (min-width: 576px) and (max-width:1280px) {
    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        width:35px
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right: 0
    }
}

@media (min-width: 768px) and (max-width:1039px) {
    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right:0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }
}

@media (max-width: 992px) {
    .recent-calls-section .recent-calls-card-body .steamline .option-div .right-ul .player-main-container .audio-player-div .progress-div {
        display:none
    }

    .recent-calls-section .xs-margin-bottom-5 {
        margin-bottom: 5px!important
    }
}

@media (max-width: 767px) {
    .md-padding-right-0 {
        padding-right:0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container {
        margin: 0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div {
        margin-right: 0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container {
        padding-top: 0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        width: calc(100% - 200px)
    }

    .recent-calls-section .dropdown-toggle.recent-calls-activity-item {
        margin: 0
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div {
        width: calc(100% - 25px)
    }

    .recent-calls-section .loader-export .message {
        margin-top: 20%
    }
}

@media (max-width: 575px) {
    .recent-calls-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence-label {
        padding-left:0;
        text-align: left
    }
}

@media (max-width: 394px) {
    .daterangepicker.opensleft:before {
        right:9px!important;
        left: auto!important
    }

    .daterangepicker.opensleft:after {
        right: 8px!important;
        left: auto!important
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .full-info-for-small-resolutions ul {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .full-info-for-small-resolutions ul .left {
        width: 100%;
        margin-bottom: 10px
    }

    .recent-calls-section .recent-calls-card-body .steamline .recent-calls-item .content-div .full-info-for-small-resolutions ul .right {
        width: 100%
    }

    .recent-calls-section .loader-export .message {
        margin-top: 40%
    }

    .recent-calls-section .notes {
        padding-left: 0;
        padding-right: 0
    }

    .recent-calls-section .modal .modal-dialog .modal-content .modal-body {
        padding: 25px 15px
    }

    .recent-calls-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence {
        padding-left: 10px!important
    }
}

@media (max-width: 380px) {
    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        display:none
    }
}

@media (max-width: 360px) {
    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right:0
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }

    .recent-calls-section .recent-calls-card-body .steamline .right-ul .player-main-container .audio-player-div .play-pause-btn {
        width: 40px
    }
}

@media (max-width: 351px) {
    .daterangepicker.opensleft:before {
        right:auto!important;
        left: calc(100vw - 95px)!important
    }

    .daterangepicker.opensleft:after {
        right: auto!important;
        left: calc(100vw - 94px)!important
    }

    .recent-calls-section .recent-calls-card-body .recent-calls-card-header .calls-option-form .calls-option-label {
        display: none
    }

    .recent-calls-section .recent-calls-card-body .recent-calls-card-header .title {
        width: 130px
    }
}

.new-recordings-section .recordings-card-body {
    padding-right: 5px;
    padding-bottom: 25px
}

.new-recordings-section .recordings-card-body .recordings-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.new-recordings-section .recordings-card-body .recordings-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.new-recordings-section .recordings-card-body .recordings-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: inherit;
    margin-top: 6px
}

.new-recordings-section .recordings-card-body .recordings-card-header .add-btn span {
    padding-left: 5px
}

.new-recordings-section .recordings-card-body .recordings-card-header .add-btn.active,.new-recordings-section .recordings-card-body .recordings-card-header .add-btn:active,.new-recordings-section .recordings-card-body .recordings-card-header .add-btn:hover {
    color: #fff
}

.new-recordings-section .recordings-card-body .recordings-card-header .add-btn.focus,.new-recordings-section .recordings-card-body .recordings-card-header .add-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.new-recordings-section .recordings-card-body .recordings-list {
    position: relative
}

.new-recordings-section .recordings-card-body .recordings-list .recordings-list-div {
    padding-right: 15px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div {
    padding: 12px 0 12px 12px;
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    position: relative
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div.list-title-div {
    border-bottom: none;
    margin-top: 5px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div {
    width: 100%
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div.list-title {
    margin-right: 20px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
    width: 50px;
    min-height: 40px;
    position: relative;
    background: 0 0
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-icon .icon-div {
    width: 40px;
    height: 40px;
    background: 0 0;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    text-align: center;
    border-radius: 100%;
    padding: 2px;
    vertical-align: middle;
    font-size: 23px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-name {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date p {
    line-height: 16px;
    font-size: 14px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px;
    margin-left: 8px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle.active,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle.focus,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle:active,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle:focus,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle:hover {
    color: #009efb;
    opacity: 1
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group.show .dropdown-toggle {
    color: #009efb
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-menu {
    min-width: 195px;
    max-height: 175px;
    overflow-y: auto;
    overflow-x: hidden;
    right: 0;
    left: auto!important;
    margin: .125rem 0;
    z-index: 49
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-menu-right {
    right: unset;
    left: unset;
    top: 0!important
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 16px;
    width: 20px;
    text-align: center
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item.disabled,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item.disabled:hover,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item:disabled,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item:disabled:hover {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item.active,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item:active,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item:focus,.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-actions .btn-group .dropdown-header {
    color: #54667a
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .col-title {
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    color: #2c2b2e
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .col-title.col-name {
    color: #90a4ae
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div:not(.placeholder):nth-child(1) {
    padding-top: 0
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div.list-title-div:nth-child(1) {
    padding-top: 12px;
    padding-bottom: 6px
}

.new-recordings-section .recordings-card-body .recordings-list .recording-div:not(.placeholder):last-child {
    border-bottom: none
}

.new-recordings-section .recordings-card-body .recordings-list .placeholder-div.first .recording-div {
    padding-top: 0
}

.new-recordings-section .recordings-card-body .recordings-list .placeholder-div.last .recording-div {
    border-bottom: none
}

.new-recordings-section .audio-player-div {
    background: 0 0;
    color: #54667a;
    line-height: 18px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    margin-right: 10px;
    border-radius: .25rem
}

.new-recordings-section .audio-player-div.transform {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in;
    max-width: 350px
}

.new-recordings-section .audio-player-div.transform.transform-active {
    width: 315px
}

.new-recordings-section .audio-player-div .play-spinner {
    font-size: 14px;
    margin-left: 10px;
    border-width: 2px;
    margin-top: 12px;
    margin-right: 12px
}

.new-recordings-section .audio-player-div .play-pause-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 18px;
    width: 36px;
    height: 32px;
    display: inline-block
}

.new-recordings-section .audio-player-div .current-time-span {
    width: 80px;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
}

.new-recordings-section .audio-player-div .progress-div {
    display: inline-block;
    width: calc(100% - 185px)
}

.new-recordings-section .audio-player-div .progress-div .bar-style {
    height: 6px
}

.new-recordings-section .audio-player-div .btn-muting {
    margin-left: 10px;
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 18px;
    width: 36px;
    height: 32px;
    display: inline-block;
    float: right;
    padding: 8px 7px
}

.new-recordings-section .audio-player-div .btn-muting .volume-icon {
    font-size: 15px
}

.new-recordings-section .editable-click,.new-recordings-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
    vertical-align: middle;
    font-size: 15px;
    max-width: 266px;
    overflow-wrap: break-word;
    line-height: 19px
}

.new-recordings-section .editable-click i,.new-recordings-section a.editable-click i {
    color: #428bca;
    margin-left: 10px;
    font-size: 13px
}

.new-recordings-section .editable-controls.form-group {
    position: relative;
    max-width: 265px
}

.new-recordings-section .editable-controls.form-group .is-invalid,.new-recordings-section .editable-controls.form-group :invalid {
    border-color: rgba(0,0,0,.15);
    border-bottom-color: #dc3545
}

.new-recordings-section .editable-controls.form-group .is-invalid.focus,.new-recordings-section .editable-controls.form-group .is-invalid:focus,.new-recordings-section .editable-controls.form-group :invalid.focus,.new-recordings-section .editable-controls.form-group :invalid:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.new-recordings-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.new-recordings-section .editable-buttons .btn-primary,.new-recordings-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.new-recordings-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.new-recordings-section .editable-has-buttons {
    padding-right: 95px;
    font-size: 14px
}

.new-recordings-section .editable-empty,.new-recordings-section .editable-empty:focus,.new-recordings-section .editable-empty:hover,.new-recordings-section a.editable-empty,.new-recordings-section a.editable-empty:focus,.new-recordings-section a.editable-empty:hover {
    color: #428bca
}

.new-recordings-section .editable-wrap .editable-error {
    font-size: 12.5px;
    font-weight: 400
}

.new-recordings-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.new-recordings-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.new-recordings-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.new-recordings-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.new-recordings-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .name-block .form-control {
    font-size: 15px
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .checkbox-label {
    font-size: 15px;
    font-weight: 500
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
    padding: 20px 25px 0
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-1 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 {
    padding: 20px 25px 0
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul {
    list-style: none;
    font-size: 15px;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;min-height: 113px
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li .dropdown-toggle {
    font-size: 15px;
    color: green;
    padding: 0 5px
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li.pin-li {
    clear: both
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li:before {
    content: "✓";
    margin-right: 5px;
    color: green
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .options-content {
    min-height: 240px
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.new-recordings-section .modal .modal-dialog .modal-content .modal-footer .btn-submit.active,.new-recordings-section .modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,.new-recordings-section .modal .modal-dialog .modal-content .modal-footer .btn-submit:active,.new-recordings-section .modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.new-recordings-section .radio label::before {
    margin-top: 2px
}

.new-recordings-section .radio label::after {
    top: 7px
}

@media (min-width: 1600px) and (max-width:1750px) {
    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width:210px
    }

    .new-recordings-section .audio-player-div.transform.transform-active {
        width: 250px
    }
}

@media (min-width: 1426px) and (max-width:1599px) {
    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        -ms-flex-preferred-size:24%;
        flex-basis: 24%
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-name {
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%
    }

    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width: 180px
    }

    .new-recordings-section .audio-player-div .progress-div {
        display: none
    }

    .new-recordings-section .audio-player-div .btn-muting {
        margin-left: 0
    }

    .new-recordings-section .audio-player-div.transform.transform-active {
        width: 165px
    }

    .new-recordings-section .audio-player-div .current-time-span {
        margin-right: 0
    }

    .new-recordings-section .editable-controls.form-group {
        max-width: 215px
    }

    .new-recordings-section .editable-has-buttons {
        padding-right: 75px;
        max-width: 215px
    }
}

@media (min-width: 1201px) and (max-width:1425px),(min-width:1130px) and (max-width:1200px),(min-width:850px) and (max-width:1023px) {
    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        -ms-flex-preferred-size:24%;
        flex-basis: 24%
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-name {
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%
    }

    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width: 210px
    }

    .new-recordings-section .audio-player-div.transform.transform-active {
        width: 230px
    }

    .new-recordings-section .editable-controls.form-group {
        max-width: 230px
    }

    .new-recordings-section .editable-has-buttons {
        padding-right: 73px;
        max-width: 230px
    }
}

@media (min-width: 1130px) and (max-width:1200px),(min-width:850px) and (max-width:1023px),(min-width:575px) and (max-width:700px) {
    .new-recordings-section .audio-player-div .progress-div {
        display:none
    }

    .new-recordings-section .audio-player-div .btn-muting {
        margin-left: 0
    }

    .new-recordings-section .audio-player-div.transform.transform-active {
        width: 165px
    }

    .new-recordings-section .audio-player-div .current-time-span {
        margin-right: 0
    }
}

@media (min-width: 850px) and (max-width:1023px) {
    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width:180px
    }
}

@media (min-width: 1024px) and (max-width:1129px),(min-width:701px) and (max-width:849px) {
    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-name {
        -ms-flex-preferred-size:90%;
        flex-basis: 90%
    }

    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width: 525px
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info {
        gap: .3rem
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div.list-title {
        display: none
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        margin-left: 55px
    }
}

@media (max-width: 992px) {
    .new-recordings-section .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
        border-right:none
    }
}

@media (min-width: 701px) and (max-width:849px) {
    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        -ms-flex-preferred-size:30%;
        flex-basis: 30%
    }
}

@media (max-width: 700px) {
    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-name {
        -ms-flex-preferred-size:calc(100% - 60px);
        flex-basis: calc(100% - 60px)
    }

    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width: calc(100vw - 150px)
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info {
        gap: .3rem
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div.list-title {
        display: none
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        margin-left: 55px
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        -ms-flex-preferred-size: 37%;
        flex-basis: 37%
    }
}

@media (max-width: 574px) {
    .new-recordings-section .recordings-card-body .recordings-card-header .title {
        max-width:230px
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div {
        padding: 12px 0
    }

    .new-recordings-section .editable-click p,.new-recordings-section a.editable-click p {
        max-width: calc(100vw - 140px)
    }

    .new-recordings-section .recordings-card-body .recordings-list .recording-div .content-div .main-info .recording-date {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .new-recordings-section .audio-player-div.transform.transform-active {
        width: 215px
    }

    .new-recordings-section .audio-player-div .current-time-span {
        margin-right: 0
    }

    .new-recordings-section .audio-player-div .progress-div {
        width: calc(100% - 167px)
    }

    .new-recordings-section .audio-player-div .btn-muting {
        margin-left: 0
    }

    .new-recordings-section .editable-controls.form-group {
        max-width: 250px
    }

    .new-recordings-section .editable-has-buttons {
        padding-right: 85px
    }
}

.recordings-section .list-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.recordings-section .list-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.recordings-section .list-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.recordings-section .list-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.recordings-section .list-block .header .add-btn i {
    font-weight: 600
}

.recordings-section .list-block .header .add-btn span {
    padding-left: 5px
}

.recordings-section .list-block .header .add-btn:hover {
    color: #fff
}

.recordings-section .list-block .content {
    position: relative
}

.recordings-section .list-block .content .loader,.recordings-section .list-block .content .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.recordings-section .list-block .content .no-res {
    z-index: 4
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 35px;
    min-width: 1000px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table tr.active,.recordings-section .list-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    position: relative;
    padding: 4px 11px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    font-size: 20px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .name-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    z-index: 0
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .name-td p {
    display: inline;
    margin: 0
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .date-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.recording-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 6px 10px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.recording-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div {
    width: 350px;
    position: absolute;
    right: 0;
    margin-right: 70px;
    font-size: 14px;
    text-align: right;
    height: 43px;
    line-height: 43px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-spinner {
    margin-bottom: 2px;
    float: left;
    margin-left: 5px;
    border-width: 2px;
    color: #009efb
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-pause-btn {
    font-size: 15px;
    font-weight: 600;
    color: green;
    background: 0 0;
    padding: 0;
    border: none;
    margin-right: 10px;
    margin-bottom: 2px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-pause-btn:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .current-time-span {
    width: 95px;
    margin-right: 10px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .record-name {
    margin-top: 4px;
    width: 350px;
    height: 21px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .progress-div {
    display: inline-block;
    width: calc(100% - 165px);
    margin-bottom: 3px
}

.recordings-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .progress-div .bar-style {
    height: 3px;
    background-color: #008b00
}

.recordings-section .list-block .content .table-container .edit-fields-input {
    font-size: 14px!important;
    font-weight: 500!important;
    margin-bottom: 0!important;
    white-space: nowrap!important;
    color: #03b1fb!important;
    font-family: Rubik,sans-serif!important;
    display: none
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .name-block .form-control {
    font-size: 15px
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .checkbox-label {
    font-size: 15px;
    font-weight: 500
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
    padding: 20px 25px 0
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 {
    padding: 20px 25px 0
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul {
    list-style: none;
    font-size: 15px;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;min-height: 113px
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li .dropdown-toggle {
    font-size: 15px;
    color: green;
    padding: 0 5px
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li.pin-li {
    clear: both
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li:before {
    content: "✓";
    margin-right: 5px;
    color: green
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .options-content {
    min-height: 240px
}

.recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.recordings-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 21%!important;
    bottom: 50%!important
}

.recordings-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.recordings-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.recordings-section .radio label::before {
    margin-top: 2px
}

.recordings-section .radio label::after {
    top: 7px
}

.recordings-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.recordings-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.recordings-section .editable-click,.recordings-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.recordings-section .editable-controls.form-group {
    position: relative
}

.recordings-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.recordings-section .editable-buttons .btn-primary,.recordings-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.recordings-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.recordings-section .editable-has-buttons {
    padding-right: 95px;
    max-width: 195px;
    font-size: 14px
}

.recordings-section .editable-empty,.recordings-section .editable-empty:focus,.recordings-section .editable-empty:hover,.recordings-section a.editable-empty,.recordings-section a.editable-empty:focus,.recordings-section a.editable-empty:hover {
    color: #428bca
}

@media (max-width: 992px) {
    .recordings-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
        border-right:none
    }
}

.script-section .script-card-body {
    padding-right: 5px!important
}

.script-section .script-card-body .script-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.script-section .script-card-body .script-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.script-section .script-card-body .script-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: inherit;
    margin-top: 6px
}

.script-section .script-card-body .script-card-header .add-btn span {
    padding-left: 5px
}

.script-section .script-card-body .script-card-header .add-btn.active,.script-section .script-card-body .script-card-header .add-btn:active,.script-section .script-card-body .script-card-header .add-btn:hover {
    color: #fff
}

.script-section .script-card-body .script-card-header .add-btn.focus,.script-section .script-card-body .script-card-header .add-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.script-section .script-card-body .script-card-content {
    margin-top: 3rem
}

.script-section .script-card-body .script-card-content .script-widget {
    position: relative
}

.script-section .script-card-body .script-card-content .script-widget.new-item {
    height: 0;
    overflow: hidden
}

.script-section .script-card-body .script-card-content .script-widget.new-item.show-open-edit {
    height: auto
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 10px 15px 12px
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item.new-item {
    -webkit-transform: translateY(-271.51px);
    transform: translateY(-271.51px);
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    opacity: 0
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item.new-item.show-open-edit {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .script-icon {
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    border: none;
    background: 0 0;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    text-align: center;
    border-radius: 100%;
    padding: 8px;
    vertical-align: middle
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .script-icon .main {
    font-size: 23px
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content {
    width: calc(100% - 65px);
    display: inline-block
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .name-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .option-div .open-details-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block {
    border: none;
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block.show {
    visibility: visible;
    opacity: 1;
    min-height: 177.5px;
    height: auto;
    position: relative
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn {
    width: 80px;
    padding: .5rem .75rem;
    line-height: 13px;
    background-image: none;
    background-clip: padding-box;
    min-height: 35px;
    display: initial;
    font-size: 14px;
    margin-top: 15px;
    margin-right: 15px;
    -webkit-transition: all 40ms;
    transition: all 40ms
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn.active,.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn.focus,.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn:active,.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn:focus,.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn:hover {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-body {
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 4px;
    background-color: #fff;
    min-height: 130.51px;
    margin: 10px 12px 20px 12px;
    padding: 12px 10px 0
}

.script-section .ql-toolbar.ql-snow {
    border: none;
    padding: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1)
}

.script-section .ql-toolbar.ql-snow.show {
    height: 25.89px;
    opacity: 1
}

.script-section .ql-toolbar.ql-snow .ql-formats:first-child {
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px
}

.script-section .ql-toolbar.ql-snow .ql-formats:last-child {
    margin-right: 0
}

.script-section .ql-toolbar.ql-snow .ql-picker {
    color: #54667a;
    background-color: #f2f4f8;
    border-radius: 4px;
    margin: 0 5px;
    font-weight: 400
}

.script-section .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: transparent;
    color: #ccc
}

.script-section .ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: #ccc
}

.script-section .ql-toolbar.ql-snow .ql-stroke {
    fill: none;
    stroke: #54667a;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.2
}

.script-section .ql-toolbar.ql-snow button {
    color: #54667a
}

.script-section .ql-toolbar.ql-snow .ql-picker-item.ql-selected,.script-section .ql-toolbar.ql-snow .ql-picker-item:hover,.script-section .ql-toolbar.ql-snow .ql-picker-label.ql-active,.script-section .ql-toolbar.ql-snow .ql-picker-label:hover,.script-section .ql-toolbar.ql-snow button.ql-active,.script-section .ql-toolbar.ql-snow button:focus,.script-section .ql-toolbar.ql-snow button:hover {
    color: #009efb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.script-section .ql-toolbar.ql-snow .ql-picker-item.ql-selected .ql-stroke,.script-section .ql-toolbar.ql-snow .ql-picker-item:hover .ql-stroke,.script-section .ql-toolbar.ql-snow .ql-picker-label.ql-active .ql-stroke,.script-section .ql-toolbar.ql-snow .ql-picker-label:hover .ql-stroke,.script-section .ql-toolbar.ql-snow button.ql-active .ql-stroke,.script-section .ql-toolbar.ql-snow button:focus .ql-stroke,.script-section .ql-toolbar.ql-snow button:hover .ql-stroke {
    stroke: #009efb
}

.script-section .ql-toolbar.ql-snow .ql-picker-options {
    left: 0;
    z-index: 1000;
    float: left;
    margin: .125rem 0 0 0;
    padding: 4px 8px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    max-height: 106px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-animation: fadein .4s;
    animation: fadein .4s
}

.script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
    width: 150px
}

.script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
    content: "Contact Attributes"
}

.script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
    width: 130px
}

.script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
    content: "User Attributes"
}

.script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-item::before,.script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-item::before {
    content: attr(data-value)
}

.script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-item.ql-selected,.script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-item.ql-selected {
    color: #54667a
}

.script-section .ql-snow .ql-tooltip {
    border-radius: 4px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.script-section .ql-snow .ql-tooltip input[type=text] {
    border-radius: 4px
}

.script-section .ql-container.ql-snow {
    border: none
}

.script-section .ql-editor {
    padding: 15px 0 25px 10px;
    font-size: 14px;
    margin-right: 5px
}

.script-section .ql-editor.ql-blank::before {
    font-style: normal
}

.script-section .loader,.script-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.script-section .no-res {
    z-index: 4
}

.script-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.script-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.script-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.script-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.script-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.script-section .dropdown-toggle.script-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.script-section .dropdown-toggle.script-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.script-section .dropdown-toggle.active,.script-section .dropdown-toggle.focus,.script-section .dropdown-toggle:active,.script-section .dropdown-toggle:focus,.script-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.script-section .dropdown-item {
    cursor: pointer
}

.script-section .dropdown-item.active,.script-section .dropdown-item:active,.script-section .dropdown-item:focus,.script-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.script-section .editable-click,.script-section a.editable-click {
    width: 100%;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.script-section .editable-click i,.script-section a.editable-click i {
    color: #428bca;
    margin-left: 15px;
    font-size: 14px
}

.script-section .editable-click p,.script-section a.editable-click p {
    max-width: calc(100% - 33px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle
}

.script-section .editable-controls.form-group {
    position: relative
}

.script-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.script-section .editable-buttons .btn-primary,.script-section .editable-buttons .btn-secondary {
    width: 29px;
    height: 29px;
    padding: 5px;
    margin-left: 2px
}

.script-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.script-section .editable-has-buttons {
    padding: 5px 72px 5px 10px;
    max-width: 225px;
    font-size: 14px;
    min-height: 33px
}

.script-section .editable-empty,.script-section .editable-empty:focus,.script-section .editable-empty:hover,.script-section a.editable-empty,.script-section a.editable-empty:focus,.script-section a.editable-empty:hover {
    color: #428bca
}

.script-section .visible {
    visibility: visible
}

.script-section .hidden {
    visibility: hidden
}

.script-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

@media (min-width: 1425px) and (max-width:1550px) {
    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }

    .script-section .ql-toolbar.ql-snow .ql-picker.ql-header,.script-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display: none
    }
}

@media (min-width: 1101px) and (max-width:1200px) {
    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }
}

@media (min-width: 1024px) and (max-width:1100px) {
    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }

    .script-section .ql-toolbar.ql-snow .ql-picker.ql-header,.script-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display: none
    }
}

@media (max-width: 992px) {
    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label::before {
        content:"Contact"
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label::before {
        content: "User"
    }

    .script-section .ql-toolbar.ql-snow .ql-contactAttributes .ql-picker-label {
        width: 85px
    }

    .script-section .ql-toolbar.ql-snow .ql-userAttributes .ql-picker-label {
        width: 65px
    }
}

@media (max-width: 860px) {
    .script-section .ql-toolbar.ql-snow .ql-picker.ql-header,.script-section .ql-toolbar.ql-snow .ql-picker.ql-size {
        display:none
    }
}

@media (max-width: 767px) {
    .script-section .script-card-body .script-card-content {
        margin-top:1rem
    }
}

@media (max-width: 615px) {
    .script-section .ql-toolbar.ql-snow .ql-picker.ql-align {
        display:none
    }
}

@media (max-width: 575px) {
    .script-section .script-card-body .script-card-header ul.title li {
        margin-right:20px
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item {
        padding-left: 0
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .script-icon {
        margin-right: 10px
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content {
        width: calc(100% - 55px)
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .option-div {
        padding-right: 10px
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .name-div {
        padding-right: 0
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .name-div p {
        max-width: calc(100% - 33px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        vertical-align: middle
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn {
        margin-right: 10px
    }

    .script-section .editable-text {
        width: 100%
    }

    .script-section .editable-has-buttons {
        max-width: 100%
    }

    .script-section .ql-toolbar.ql-snow button.ql-link,.script-section .ql-toolbar.ql-snow button.ql-list {
        display: none
    }
}

@media (max-width: 465px) {
    .script-section .ql-toolbar.ql-snow button.ql-bold,.script-section .ql-toolbar.ql-snow button.ql-italic,.script-section .ql-toolbar.ql-snow button.ql-underline {
        display:none
    }

    .script-section .ql-toolbar.ql-snow .ql-formats:first-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0
    }
}

@media (max-width: 400px) {
    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .option-div {
        padding-right:0
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-header .action-btn {
        margin-right: 0
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .details-block .details-body {
        margin-right: 0;
        margin-left: 0
    }

    .script-section .dropdown-toggle.script-activity-item {
        width: 32px;
        padding: 7px 8px
    }

    .script-section .script-card-body .script-card-content .script-widget .script-list-item .content .option-div .open-details-btn {
        width: 32px;
        padding: 7px 8px;
        margin-right: 4px!important
    }
}

.sms-autoresponders-section .sms-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.sms-autoresponders-section .sms-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.sms-autoresponders-section .sms-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.sms-autoresponders-section .sms-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.sms-autoresponders-section .sms-block .header .add-btn i {
    font-weight: 600
}

.sms-autoresponders-section .sms-block .header .add-btn span {
    padding-left: 5px
}

.sms-autoresponders-section .sms-block .header .add-btn:hover {
    color: #fff
}

.sms-autoresponders-section .sms-block .content {
    position: relative
}

.sms-autoresponders-section .sms-block .content .loader,.sms-autoresponders-section .sms-block .content .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.sms-autoresponders-section .sms-block .content .no-res {
    z-index: 4
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 90px;
    min-width: 985px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table tr.active,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .header-row .used-by-th {
    color: green;
    font-weight: 600
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    text-align: center;
    border-radius: 100%;
    position: relative;
    padding: 8px 6px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    font-size: 20px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .name-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    z-index: 0
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .name-td p {
    display: inline;
    margin: 0
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    color: green!important;
    font-weight: 600
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div {
    cursor: pointer;
    padding: 10px 0
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div.empty {
    cursor: default
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div .icons-div {
    position: relative;
    margin-right: 8px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .used-by-td .popover-div .icons-div .fa-hashtag {
    position: absolute;
    left: 8px;
    bottom: 10px;
    font-size: 10px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .created-at-td,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .default-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .default-td {
    text-align: center;
    font-size: 18px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .default-td .label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td {
    position: relative
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td a {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .view-rules-td a:hover {
    color: #fff
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.sms-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 34.61px;
    padding: 6px 9px
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.sms-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.active,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.focus,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:active,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:focus,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled:active,.sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.sms-autoresponders-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 10%!important;
    bottom: 50%!important
}

.sms-autoresponders-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.sms-autoresponders-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.sms-autoresponders-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.sms-autoresponders-section .editable-click,.sms-autoresponders-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500
}

.sms-autoresponders-section .editable-controls.form-group {
    position: relative
}

.sms-autoresponders-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.sms-autoresponders-section .editable-buttons .btn-primary,.sms-autoresponders-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.sms-autoresponders-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.sms-autoresponders-section .editable-has-buttons {
    padding-right: 95px;
    max-width: 195px;
    font-size: 14px
}

.sms-autoresponders-section .editable-empty,.sms-autoresponders-section .editable-empty:focus,.sms-autoresponders-section .editable-empty:hover,.sms-autoresponders-section a.editable-empty,.sms-autoresponders-section a.editable-empty:focus,.sms-autoresponders-section a.editable-empty:hover {
    color: #428bca
}

.sms-autoresp-popover {
    border-radius: 0;
    border-width: 1px 1px 5px;
    border-style: solid;
    border-color: rgba(0,0,0,.15) rgba(0,0,0,.15) green;
    width: 200px;
    text-align: center
}

.sms-autoresp-popover .popover-content {
    padding: 10px 0
}

.sms-autoresp-popover:after {
    content: "";
    bottom: -20px;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: green;
    border-width: 10px;
    margin-left: -10px
}

@media (max-width: 991px) {
    .sms-autoresponders-section .sms-block .content .table-container .table-responsive .stylish-table {
        min-width:100%
    }
}

.sms-config-section .name-block {
    min-height: 97px
}

.sms-config-section .name-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.sms-config-section .name-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.sms-config-section .name-block .content .form-control {
    font-size: 15px
}

.sms-config-section .rules-block {
    min-height: 290px
}

.sms-config-section .rules-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.sms-config-section .rules-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.sms-config-section .rules-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.sms-config-section .rules-block .header .add-btn i {
    font-weight: 600
}

.sms-config-section .rules-block .header .add-btn span {
    padding-left: 5px
}

.sms-config-section .rules-block .header .add-btn:hover {
    color: #fff
}

.sms-config-section .rules-block .content {
    position: relative
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 75px;
    min-width: 1000px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table tr.active,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table tbody tr td {
    margin-top: 15px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table tbody tr:first-child td {
    border-top: none;
    margin-top: 0
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row input {
    font-size: 15px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .title-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .title-td .keywords-div {
    position: relative;
    width: 100%
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .title-td .keywords-div strong {
    line-height: 38px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .title-td .keywords-div small {
    margin-top: -10px;
    margin-bottom: 10px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .title-td .keywords-div .keywords-input {
    width: calc(100% - 116px);
    height: 38px;
    font-size: 15px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    white-space: nowrap
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .option-dropdown-btn {
    cursor: pointer
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .option-dropdown-btn.disabled {
    opacity: .65
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu {
    font-size: 15px;
    max-height: 110px;
    color: #54667a
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item.disabled,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item.disabled:active,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-dropdown-td .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td .forward-to-div,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td .say-div {
    width: 100%
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td .forward-to-div .form-control,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td .say-div .form-control {
    font-size: 15px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .option-td .say-div .form-control {
    height: 38px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.rules-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 38px;
    height: 38px;
    padding: 7px 11px
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.rules-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    font-size: 15px;
    color: #54667a
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    font-size: 15px;
    cursor: pointer
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled:active,.sms-config-section .rules-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.sms-config-section .rules-block .content .actions .btn {
    margin: 15px auto;
    display: block;
    width: 125px
}

.sms-config-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500
}

.sms-config-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.sms-config-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.subscription-page .subscription-card-body {
    min-height: calc(100vh - 288px)
}

.subscription-page .subscription-card-body .subscription-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.subscription-page .subscription-card-body .subscription-card-header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.subscription-page .subscription-card-body .subscription-card-content .step {
    padding: 0 15px
}

.subscription-page .subscription-card-body .subscription-card-content .step .title-section {
    position: relative;
    font-family: Rubik,sans-serif;
    width: 100%;
    height: 20px;
    margin-bottom: 30px;
    color: #2c2b2e
}

.subscription-page .subscription-card-body .subscription-card-content .step .title-section .title-div {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 30px;
    background-color: #fff;
    position: absolute;
    top: 0
}

.subscription-page .subscription-card-body .subscription-card-content .step .title-section .sub-title-div {
    font-size: 14px;
    line-height: 17px;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-right: 30px;
    background-color: #fff;
    position: absolute;
    top: 21px;
    font-weight: 300;
    margin-bottom: 15px;
    margin-top: 4px;
    color: #90a4ae
}

.subscription-page .subscription-card-body .subscription-card-content .step .title-section .divider {
    position: absolute;
    top: 60%;
    height: 1px;
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    opacity: .5;
    z-index: 0
}

.subscription-page .subscription-card-body .subscription-card-content .step .title-section .divider.hide {
    display: none
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div {
    padding: 0 0 0 30px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main {
    -ms-flex-preferred-size: calc(100% - 390px);
    flex-basis: calc(100% - 390px)
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
    width: 80%;
    max-width: 455px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 21px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description {
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .product-description,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .product-title {
    width: 35%
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
    width: 35%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge .recharge-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge .threshold {
    text-align: center;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge .recharge-amount .header-col-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge .threshold .header-col-p {
    font-size: 15px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product {
    display: none
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product .header-col-p {
    font-size: 15px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount .price-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount .price-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .price-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity .price-p {
    font-size: 17px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount .header-col-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount .header-col-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .header-col-p,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity .header-col-p {
    font-size: 15px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type {
    -ms-flex-preferred-size: 270px;
    flex-basis: 270px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan {
    font-size: 15px;
    width: 210px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan.active,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan.focus,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan:active,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan:focus,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity {
    -ms-flex-preferred-size: 150px;
    flex-basis: 150px
}

.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity .quantity-input {
    font-size: 15px;
    width: 100px;
    height: 38px
}

.subscription-page .subscription-card-body .subscription-card-content .step input[type=number]:not([step=any])::-webkit-inner-spin-button,.subscription-page .subscription-card-body .subscription-card-content .step input[type=number]:not([step=any])::-webkit-outer-spin-button {
    opacity: 1
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group {
    display: block
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    background: 0 0;
    color: #54667a;
    border: 1px solid #54667a;
    font-size: 15px;
    width: 100%;
    adding: 7px 20px 7px 12px;
    text-align: left
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle.active,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle.focus,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle:active,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle:focus,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle:hover {
    color: #009efb
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle::after {
    position: absolute;
    right: 7px;
    top: 14px
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group.show .dropdown-toggle {
    color: #009efb
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-menu {
    min-width: 210px;
    max-height: 175px;
    overflow: auto;
    margin: .125rem 0;
    z-index: 49
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-item {
    font-size: 15px;
    cursor: pointer;
    color: #54667a!important
}

.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-item.active,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-item:active,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-item:focus,.subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.subscription-page .subscription-card-body .subscription-card-content .summary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #959596;
    margin: 35px 15px 10px
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price,.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title {
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title {
    -ms-flex-preferred-size: calc(100% - 145px);
    flex-basis: calc(100% - 145px);
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p {
    font-size: 16px
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p.main {
    font-weight: 400;
    font-size: 17px;
    color: #2c2b2e
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p.date {
    font-size: 15px
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price {
    -ms-flex-preferred-size: 120px;
    flex-basis: 120px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price p {
    font-size: 17px
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price p.main {
    font-weight: 400;
    color: #2c2b2e
}

.subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price p.date {
    font-size: 15px
}

.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: 4px;
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb
}

.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit.focus,.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit.disabled,.subscription-page .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit:disabled {
    cursor: default
}

.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
    width: 50%;
    max-width: 455px
}

.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
    max-width: 460px
}

.subscription-page .error-message-div {
    background-color: rgba(255,33,78,.8705882353);
    margin-top: 20px;
    padding: 8px 20px;
    color: #fff;
    border-radius: .25rem
}

.subscription-page .error-message-div .error-message-icon {
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle
}

.subscription-page .error-message-div .error-message-span {
    font-size: 15px;
    vertical-align: middle;
    font-weight: 400
}

.subscription-page ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.subscription-page ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.subscription-page ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.subscription-page .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

.subscription-page .loader .loader-message {
    background-color: #fff
}

.subscription-page .cancel-subscription {
    height: 30px;
    padding: 10px 5px 0
}

.subscription-page .cancel-subscription .cancel-p {
    color: #6c757d;
    font-size: 15px
}

.subscription-page .cancel-subscription .cancel-p .cancel-link {
    color: #6c757d;
    font-weight: 400
}

@media (max-width: 1600px) {
    .subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title,.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
        max-width:unset
    }
}

@media (max-width: 1500px) {
    .subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
        width:60%
    }

    .subscription-page.full-screen .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
        width: 40%
    }
}

@media (min-width: 1351px) and (max-width:1424px) {
    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
        width:65%
    }
}

@media (min-width: 1181px) and (max-width:1350px) {
    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
        width:45%
    }
}

@media (min-width: 1024px) and (max-width:1180px),(max-width:900px),(min-width:1425px) and (max-width:1580px) {
    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div {
        padding:0 0 0 10px
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity {
        -ms-flex-preferred-size: 130px;
        flex-basis: 130px
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main {
        -ms-flex-preferred-size: calc(100% - 330px);
        flex-basis: calc(100% - 330px)
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-main {
        -ms-flex-preferred-size: calc(100% - 300px);
        flex-basis: calc(100% - 300px)
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-main.recharge {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
        width: 96%
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan {
        width: auto
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type {
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .product-title {
        width: 50%
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
        width: 52%
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-price {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-title {
        -ms-flex-preferred-size: calc(100% - 125px);
        flex-basis: calc(100% - 125px)
    }

    .subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .submit-div .btn-submit {
        margin-right: 10px!important
    }
}

@media (min-width: 901px) and (max-width:1023px) {
    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge {
        width:50%
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div {
        padding: 0 0 0 10px
    }
}

@media (max-width: 768px) {
    .subscription-page .subscription-card-body {
        min-height:calc(100vh - 315px)
    }

    .subscription-page .cancel-subscription {
        padding: 10px 15px 0
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-menu {
        min-width: 170px
    }
}

@media (max-width: 700px) {
    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div {
        padding:0;
        margin-top: 40px;
        margin-bottom: 2rem!important
    }

    .subscription-page .subscription-card-body .subscription-card-content .step,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step {
        padding: 0
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product.header-product,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product.header-product {
        display: none
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-title {
        width: 100%;
        max-width: 450px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main .product-description {
        margin-bottom: 12px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product .header-col-p,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product .header-col-p {
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%;
        text-align: center
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-amount,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-init-amount,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity {
        -ms-flex-preferred-size: 33.3%;
        flex-basis: 33.3%
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity .quantity-input,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-quantity .quantity-input {
        width: 90%;
        max-width: 110px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product .header-col-p,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .sm-header-product .header-col-p {
        margin-bottom: 4px!important
    }

    .subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .title-section,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .title-section {
        margin-bottom: 60px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-amount,.subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-plan-type,.subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .header-col-p,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-amount,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-plan-type,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .header-col-p {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-plan-type .choose-usage-plan {
        width: 90%;
        max-width: 210px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge,.subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .product-title,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .automatic-balance-recharge,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main.recharge .product-title {
        width: 100%
    }

    .subscription-page .subscription-card-body .subscription-card-content .summary,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary {
        margin: 35px 0 10px
    }

    .subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-price,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-price {
        -ms-flex-preferred-size: 105px;
        flex-basis: 105px
    }

    .subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-title {
        -ms-flex-preferred-size: calc(100% - 110px);
        flex-basis: calc(100% - 110px)
    }

    .subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p {
        font-size: 15px;
        line-height: 18px;
        text-align: right
    }

    .subscription-page .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p.main,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .summary .summary-line .summary-title p.main {
        font-size: 16px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .btn-group .dropdown-toggle {
        max-width: 200px
    }

    .subscription-page .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main,.subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-main,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step .products-list-div .product .product-main,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-main {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (max-width: 420px) {
    .subscription-page .subscription-card-body {
        min-height:calc(100vh - 320px)
    }
}

@media (max-width: 400px) {
    .subscription-page .subscription-card-body .subscription-card-content .step .btn-group .dropdown-menu {
        min-width:135px
    }
}

@media (max-width: 360px) {
    .subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-amount,.subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-plan-type,.subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .header-col-p,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-amount,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .product-plan-type,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .header-col-p {
        -ms-flex-preferred-size:42%;
        flex-basis: 42%
    }

    .subscription-page .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .plan-type,.subscription-page:not(.full-screen) .subscription-card-body .subscription-card-content .step.usage-based-features .products-list-div .product .sm-header-product .plan-type {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%
    }
}

@media (max-width: 350px) {
    .subscription-page .subscription-card-body {
        min-height:calc(100vh - 341px)
    }
}

.tags-section .list-block {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.tags-section .list-block .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.tags-section .list-block .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.tags-section .list-block .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.tags-section .list-block .header .add-btn i {
    font-weight: 600
}

.tags-section .list-block .header .add-btn span {
    padding-left: 5px
}

.tags-section .list-block .header .add-btn:hover {
    color: #fff
}

.tags-section .list-block .content {
    position: relative
}

.tags-section .list-block .content .loader,.tags-section .list-block .content .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.tags-section .list-block .content .no-res {
    z-index: 4
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table {
    margin-bottom: 35px;
    min-width: 1000px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .header-row .icon-th {
    width: 100px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table tr.active,.tags-section .list-block .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 40px!important;
    height: 40px!important;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;
    background: 0 0!important;
    border: 1.5px solid #04a8fb;
    color: #04a8fb;
    position: relative;
    padding: 4px 11px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    font-size: 20px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .name-td {
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px;
    z-index: 0
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .name-td p {
    display: inline;
    margin: 0
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .date-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .example-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: 65px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 0
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .example-td .tag {
    color: #e8e8e8;
    background-color: #000;
    padding: 4px 10px 6px;
    display: inline-block;
    font-size: 14px;
    border-radius: 20px;
    -webkit-transition: color .35s,background-color .35s;
    transition: color .35s,background-color .35s;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .example-td .tag i {
    margin-right: 6px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .example-td .tag .label-div {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .color-div {
    margin: 10px 0
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.tag-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 6px 9px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.tag-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important;
    color: #54667a
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div {
    width: 350px;
    position: absolute;
    right: 0;
    margin-right: 70px;
    font-size: 14px;
    text-align: right;
    height: 43px;
    line-height: 43px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-spinner {
    margin-bottom: 2px;
    float: left;
    margin-left: 5px;
    border-width: 2px;
    color: #009efb
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-pause-btn {
    font-size: 15px;
    font-weight: 600;
    color: green;
    background: 0 0;
    padding: 0;
    border: none;
    margin-right: 10px;
    margin-bottom: 2px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .play-pause-btn:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .current-time-span {
    width: 95px;
    margin-right: 10px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .record-name {
    margin-top: 4px;
    width: 350px;
    height: 21px;
    overflow: hidden;
    float: right;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .progress-div {
    display: inline-block;
    width: calc(100% - 165px);
    margin-bottom: 3px
}

.tags-section .list-block .content .table-container .table-responsive .stylish-table .content-row .option-td .uploading-result-div .progress-div .bar-style {
    height: 3px;
    background-color: #008b00
}

.tags-section .list-block .content .table-container .edit-fields-input {
    font-size: 14px!important;
    font-weight: 500!important;
    margin-bottom: 0!important;
    white-space: nowrap!important;
    color: #03b1fb!important;
    font-family: Rubik,sans-serif!important;
    display: none
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .name-block .form-control {
    font-size: 15px
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .checkbox-label {
    font-size: 15px;
    font-weight: 500
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
    padding: 20px 25px 0
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 {
    padding: 20px 25px 0
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 .desc {
    font-size: 14px;
    text-align: center;
    font-weight: 400
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul {
    list-style: none;
    font-size: 15px;
    -webkit-padding-start: 10px;
    padding-inline-start:10px;min-height: 113px
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li .dropdown-toggle {
    font-size: 15px;
    color: green;
    padding: 0 5px
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li.pin-li {
    clear: both
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-2 ul li:before {
    content: "✓";
    margin-right: 5px;
    color: green
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .options-content {
    min-height: 240px
}

.tags-section .list-block .content .modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.tags-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 21%!important;
    bottom: 50%!important
}

.tags-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.tags-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.tags-section .radio label::before {
    margin-top: 2px
}

.tags-section .radio label::after {
    top: 7px
}

.tags-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.tags-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.tags-section .editable-click,.tags-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.tags-section .editable-controls.form-group {
    position: relative
}

.tags-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.tags-section .editable-buttons .btn-primary,.tags-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.tags-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.tags-section .editable-has-buttons {
    padding-right: 95px;
    width: 100%;
    font-size: 14px
}

.tags-section .editable-empty,.tags-section .editable-empty:focus,.tags-section .editable-empty:hover,.tags-section a.editable-empty,.tags-section a.editable-empty:focus,.tags-section a.editable-empty:hover {
    color: #428bca
}

@media (max-width: 992px) {
    .tags-section .list-block .content .modal .modal-dialog .modal-content .modal-body .options-block .option-1 {
        border-right:none
    }
}

.team-section .team-card-body .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.team-section .team-card-body .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.team-section .team-card-body .header .dropdown-main-menu {
    margin-left: 20px;
    position: relative
}

.team-section .team-card-body .header .dropdown-main-menu .header-options {
    float: right;
    height: 34.61px;
    font-size: 18px;
    padding: 6px 10px;
    color: #54667a
}

.team-section .team-card-body .header .dropdown-main-menu .header-options.active,.team-section .team-card-body .header .dropdown-main-menu .header-options.focus,.team-section .team-card-body .header .dropdown-main-menu .header-options:active,.team-section .team-card-body .header .dropdown-main-menu .header-options:focus,.team-section .team-card-body .header .dropdown-main-menu .header-options:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-menu {
    font-size: 15px;
    color: #54667a;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 2px 0 2px
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-menu.dialer-access {
    width: 181px;
    right: unset
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-divider {
    margin: .3rem 0
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-header {
    padding: 5px 16px;
    font-weight: 400
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-item {
    font-size: 15px;
    color: #54667a;
    cursor: pointer;
    padding: 5px 22px
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-item .dropdown-item-text {
    display: inline-block;
    width: calc(100% - 30px)
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-item .header-menu-checked-icon {
    font-size: 15px;
    color: #019efb;
    vertical-align: middle;
    margin-left: 10px;
    width: 15px
}

.team-section .team-card-body .header .dropdown-main-menu .dropdown-item.active,.team-section .team-card-body .header .dropdown-main-menu .dropdown-item:active,.team-section .team-card-body .header .dropdown-main-menu .dropdown-item:focus,.team-section .team-card-body .header .dropdown-main-menu .dropdown-item:hover {
    background-color: #f8f9fa;
    outline: 0
}

.team-section .team-card-body .header .add-user-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.team-section .team-card-body .header .add-user-btn span {
    padding-left: 5px
}

.team-section .team-card-body .header .add-user-btn.active,.team-section .team-card-body .header .add-user-btn.focus,.team-section .team-card-body .header .add-user-btn:active,.team-section .team-card-body .header .add-user-btn:focus,.team-section .team-card-body .header .add-user-btn:hover {
    border-color: #868e96;
    color: #868e96;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

.team-section .team-card-body .header .search-team-div {
    width: 280px;
    display: inline-block
}

.team-section .team-card-body .header .search-team-div .search-input {
    display: inline;
    width: 97%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.team-section .team-card-body .header .search-team-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.team-section .team-card-body .header .search-team-div .search-submit-btn i {
    font-weight: 600
}

.team-section .team-card-body .content {
    position: relative
}

.team-section .team-card-body .content .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.team-section .team-card-body .content .table-container {
    min-height: 270px;
    overflow-x: auto
}

.team-section .team-card-body .content .table-container .table-responsive {
    overflow-x: unset
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table {
    margin-bottom: 0;
    min-width: 1050px;
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table tr.active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row {
    min-height: 54.4px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row tr:first-child td {
    border-top: none
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row td {
    padding: 10px;
    z-index: 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row td .loading {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .icon-td {
    width: 34px!important;
    height: 34px!important;
    font-size: 17px;
    text-align: center;
    border-radius: 100%;
    background-color: transparent;
    border: 1.5px solid #04a8fb;
    color: #04a8fb
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .icon-td i {
    padding: 6px 8px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .email-td,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .name-td,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .name-td,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-weight: 500
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td {
    font-weight: 400;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropup {
    position: relative
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown.show .dropdown-toggle,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropup.show .dropdown-toggle {
    color: #019efb
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-toggle {
    cursor: pointer
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-menu {
    color: #54667a;
    margin: 2px 0 2px;
    max-height: 200px;
    overflow: auto
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item {
    width: 300px;
    white-space: normal;
    cursor: pointer
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item .checked-icon {
    text-align: right;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #019efb;
    font-size: 18px;
    vertical-align: top
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item.disabled,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item.disabled:hover,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:active {
    background-color: #f8f9fa
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item.disabled:active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:disabled:active {
    background-color: transparent
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item .content {
    margin-bottom: 0;
    width: calc(100% - 35px);
    display: inline-block
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item .content .role-name {
    line-height: 18px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item .content .role-desc {
    font-size: 12px;
    line-height: 12px;
    font-style: italic
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item.active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:focus,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .plan-td .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .status-td {
    text-align: center
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .status-td .label {
    font-size: 15px;
    padding: 10px;
    margin: 10px 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .access-code-td {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .access-code-td .hidden-code {
    position: absolute;
    left: 15px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .access-code-td .tooltip-content2 {
    left: 50%!important;
    margin-left: -20px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .access-code-td.tooltip-td-styles {
    position: relative;
    display: table-cell;
    z-index: 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td {
    font-weight: 400;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropup {
    position: relative
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown.show .dropdown-toggle,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropup.show .dropdown-toggle {
    color: #019efb
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-toggle {
    cursor: pointer
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-menu {
    color: #54667a;
    margin: 2px 0 2px;
    max-height: 200px;
    overflow: auto
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item {
    width: 300px;
    white-space: normal;
    cursor: pointer
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item .checked-icon {
    text-align: right;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #019efb;
    font-size: 18px;
    vertical-align: top
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item.disabled,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item.disabled:hover,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:active {
    background-color: #f8f9fa
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item.disabled:active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:disabled:active {
    background-color: transparent
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item .content {
    margin-bottom: 0;
    width: calc(100% - 35px);
    display: inline-block
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item .content .role-name {
    line-height: 18px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item .content .role-desc {
    font-size: 12px;
    line-height: 12px;
    font-style: italic
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item.active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:focus,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    font-family: Rubik,sans-serif
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-toggle {
    cursor: pointer;
    background: 0 0;
    float: right;
    background: 0 0;
    color: #54667a;
    border: 1px solid #ced4da;
    font-size: 18px;
    width: 36px;
    height: 32px;
    padding: 6px 9px;
    line-height: 18px
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-toggle::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: 1px solid #ced4da;
    color: #54667a
}

.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-item.active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-item:active,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-item:focus,.team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #54667a
}

.team-section .team-card-body .disable-dropdown {
    cursor: default!important
}

.team-section .team-card-body .disable-dropdown::after {
    content: none
}

.team-section .team-card-body .visible {
    visibility: visible
}

.team-section .team-card-body .hidden {
    visibility: hidden
}

.team-section .team-card-body .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.team-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.team-section .tooltip-content2 {
    width: 38px!important;
    height: 38px!important;
    padding: 10px 0!important;
    left: 45px!important;
    bottom: 50%!important
}

.team-section .tooltip-content2::after {
    margin: -8px 0 0 -10px!important;
    width: 20px!important
}

.team-section .mytooltip {
    z-index: 2
}

.team-section .mytooltip.tooltip-effect-4 {
    z-index: auto
}

.team-section .mytooltip.tooltip-effect-4 .tooltip-content {
    width: 200px;
    left: calc(50% + 81px);
    text-align: center
}

.team-section .mytooltip.tooltip-effect-4 .tooltip-item {
    background: #fff
}

.team-section .mytooltip.tooltip-effect-4 .tooltip-text {
    padding: 10px 15px
}

.team-section .editable-click,.team-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.team-section .editable-controls.form-group {
    position: relative
}

.team-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.team-section .editable-buttons .btn-primary,.team-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.team-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.team-section .editable-has-buttons {
    padding-right: 95px;
    width: 100%;
    font-size: 14px
}

.team-section .editable-empty,.team-section .editable-empty:focus,.team-section .editable-empty:hover,.team-section a.editable-empty,.team-section a.editable-empty:focus,.team-section a.editable-empty:hover {
    color: #428bca
}

.team-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.team-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.team-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.user-add-section {
    background: #f2f4f8
}

.user-add-section .userinfo-section {
    padding: 6% 0
}

.user-add-section .input-control {
    display: inline-block;
    max-width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.25;
    color: #495057;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    background-image: none;
    font-size: 16px
}

.user-add-section textarea.input-control {
    height: calc(6.25rem + 2px)
}

.user-add-section .submit-btn {
    font-size: 16px
}

.user-add-section select {
    display: inline-block;
    width: 200px
}

.user-add-section .checkbox label {
    font-size: 15px
}

.user-add-section .form-material .form-control.focus {
    border: 1px solid rgba(0,0,0,.15)
}

.user-add-section .form-material .form-control:focus {
    border: 1px solid rgba(0,0,0,.15)
}

#plan .ui-select-choices-row.disabled,#plan .ui-select-choices-row.disabled:hover {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

#plan .ui-select-choices-row.active.disabled,#plan .ui-select-choices-row.active.disabled:hover {
    background-color: unset;
    font-weight: 100
}

@media (max-width: 435px) {
    .team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-menu {
        right:0;
        width: 100%
    }

    .team-section .team-card-body .content .table-container .table-responsive .stylish-table .content-row .role-td .dropdown-item {
        width: 100%
    }
}

:root {
    --dropdown-menu-users-top: 0px
}

.teams-section .teams-card-body {
    padding-right: 5px!important
}

.teams-section .teams-card-body .teams-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.teams-section .teams-card-body .teams-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.teams-section .teams-card-body .teams-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px;
    color: inherit;
    margin-top: 6px
}

.teams-section .teams-card-body .teams-card-header .add-btn span {
    padding-left: 5px
}

.teams-section .teams-card-body .teams-card-header .add-btn:hover {
    color: #fff
}

.teams-section .teams-card-body .teams-card-content {
    margin-top: 3rem
}

.teams-section .teams-card-body .teams-card-content .teams-widget {
    position: relative
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 20px 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .teams-icon {
    width: 40px;
    height: 32px;
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    border: none;
    background: 0 0;
    vertical-align: top;
    padding: 5px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .teams-icon .main {
    font-size: 23px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .name-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .members-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .members-div .members {
    font-size: 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .option-div .open-details-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block {
    border: none;
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .selectize-control.single .selectize-input {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .selectize-input>input {
    font-size: 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block.show {
    visibility: visible;
    opacity: 1;
    min-height: 177.5px;
    height: auto;
    overflow: hidden;
    position: relative
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header ul {
    margin-top: 15px;
    margin-right: 15px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select {
    width: 100%
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .form-select {
    width: 125px;
    padding: .5rem .75rem;
    line-height: 13px;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #54667a;
    min-height: 35px;
    display: initial;
    font-size: 14px;
    text-align: left;
    margin-top: 15px;
    margin-right: 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .form-select p {
    width: calc(100% - 15px);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .form-select:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .form-select::after {
    float: right;
    margin-top: 5px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .dropdown-menu {
    z-index: 10000;
    width: 100%;
    right: 15px!important;
    min-width: 180px;
    max-height: 125px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-transform: translate3d(0,50px,0)!important;
    transform: translate3d(0,50px,0)!important
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .btn-group.btn-group-select .dropdown-menu .dropdown-item {
    font-size: 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header .ui-select-container {
    width: 100%;
    height: 35px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container {
    margin: 10px 12px 20px 12px;
    min-height: 97.5px;
    overflow-x: auto
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive {
    overflow-x: unset
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .dataTables_scrollHeadInner {
    width: 100%!important
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .dataTables_scrollBody {
    position: unset!important
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table {
    margin-bottom: 0;
    min-width: 840px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th {
    font-size: 15px;
    color: #54667a;
    background-color: #f2f4f8;
    border-bottom: none
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.disabledTh {
    padding: 9px 12px;
    height: 28.5px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.disabledTh:after {
    content: none
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting:after,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_asc:after,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_desc:after {
    font-size: 12px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_asc,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_asc:after,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_desc,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_desc:after {
    color: #428bca
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting:after {
    content: "\f0dc"
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_asc:after {
    content: "\f0de";
    vertical-align: bottom
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.sorting_desc:after {
    content: "\f0dd";
    vertical-align: top
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.disabledTh:after {
    content: none
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tbody .content-row td {
    padding: 9px 12px;
    z-index: 0
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tbody .content-row .user-td {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    font-size: 15px;
    margin-bottom: 0
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tbody .content-row .actions-td .user-actions {
    position: unset
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tbody .content-row .actions-td .user-actions .dropdown-menu.dropdown-menu-users {
    right: 28px;
    left: auto!important;
    top: var(--dropdown-menu-users-top)!important;
    -webkit-transform: translate3d(var(--dropdown-menu-users-top),auto,0)!important;
    transform: translate3d(var(--dropdown-menu-users-top),auto,0)!important
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tbody .content-row .actions-td .user-actions .dropdown-menu.dropdown-menu-users .dropdown-item {
    font-size: 15px
}

.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tr.active,.teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table tr:hover {
    border-left-color: #fff
}

.teams-section .loader,.teams-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3
}

.teams-section .no-res {
    z-index: 4
}

.teams-section .no-res.users {
    height: calc(100% - 125px);
    top: 107px;
    font-weight: 400;
    font-size: 15px
}

.teams-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.teams-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.teams-section ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.teams-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.teams-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.teams-section .dropdown-toggle.teams-activity-item::after,.teams-section .dropdown-toggle.users-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.teams-section .dropdown-toggle.teams-activity-item,.teams-section .dropdown-toggle.users-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 19px;
    float: right;
    border: 1px solid #ced4da;
    width: 36px;
    height: 32px;
    padding: 7px 10px
}

.teams-section .dropdown-toggle.active,.teams-section .dropdown-toggle.focus,.teams-section .dropdown-toggle:active,.teams-section .dropdown-toggle:focus,.teams-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.teams-section .dropdown-item {
    cursor: pointer
}

.teams-section .dropdown-item.active,.teams-section .dropdown-item:active,.teams-section .dropdown-item:focus,.teams-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.teams-section .editable-click,.teams-section a.editable-click {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 400;
    text-decoration: none;
    color: #54667a;
    border-bottom: none;
    padding: 4px 0
}

.teams-section .editable-click p,.teams-section a.editable-click p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    max-width: 480px
}

.teams-section .editable-click i,.teams-section a.editable-click i {
    color: #428bca;
    margin-left: 15px;
    font-size: 14px
}

.teams-section .editable-controls.form-group {
    position: relative;
    max-width: 265px
}

.teams-section .editable-controls.form-group .is-invalid,.teams-section .editable-controls.form-group :invalid {
    border-color: rgba(0,0,0,.15);
    border-bottom-color: #dc3545
}

.teams-section .editable-controls.form-group .is-invalid.focus,.teams-section .editable-controls.form-group .is-invalid:focus,.teams-section .editable-controls.form-group :invalid.focus,.teams-section .editable-controls.form-group :invalid:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.teams-section .editable-buttons {
    position: absolute;
    top: 2px;
    right: 2px
}

.teams-section .editable-buttons .btn-primary,.teams-section .editable-buttons .btn-secondary {
    width: 30px;
    height: 34px;
    padding: 7px
}

.teams-section .editable-buttons .btn-primary {
    color: #fff;
    background-color: #019efb;
    border-color: #019efb
}

.teams-section .editable-has-buttons {
    padding-right: 95px;
    font-size: 14px
}

.teams-section .editable-empty,.teams-section .editable-empty:focus,.teams-section .editable-empty:hover,.teams-section a.editable-empty,.teams-section a.editable-empty:focus,.teams-section a.editable-empty:hover {
    color: #428bca
}

.teams-section .editable-wrap .editable-error {
    font-size: 12.5px;
    font-weight: 400
}

.teams-section .visible {
    visibility: visible
}

.teams-section .hidden {
    visibility: hidden
}

.teams-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.teams-search-dropdown.select2-container .select2-choice {
    width: 125px;
    padding: 10px 23px 10px 12px;
    line-height: 13px;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color: #54667a;
    font-size: 14.5px;
    text-align: left;
    height: 35px;
    font-weight: 400;
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none
}

.teams-search-dropdown.select2-container .select2-choice::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
    color: #54667a;
    position: absolute;
    right: 10px;
    top: 15px
}

.teams-search-dropdown.select2-container .select2-choice:hover {
    background-color: #fff
}

.teams-search-dropdown.select2-container .select2-choice>.select2-chosen {
    background-color: transparent;
    width: 100%;
    border-radius: 4px;
    margin-right: 0
}

.teams-search-dropdown.select2-container .select2-choice .select2-arrow {
    display: none
}

.teams-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen {
    display: none!important
}

.teams-search-dropdown.select2-container .select2-choice.select2-default>.select2-chosen.ng-hide:not(.ng-hide-animate) {
    display: block!important;
    color: #54667a
}

.teams-search-dropdown.select2-container.select2-dropdown-open.open {
    z-index: 1000
}

.teams-search-dropdown.select2-container.select2-dropdown-open.open .select2-choice>.select2-chosen {
    color: #019efb!important
}

.teams-search-dropdown .select2-drop {
    min-width: 225px;
    padding: 8px;
    border-radius: 4px!important;
    margin-top: 2px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    right: 0;
    -webkit-animation: fadein .25s;
    animation: fadein .25s
}

.teams-search-dropdown .select2-drop-active {
    border: 1px solid rgba(0,0,0,.15)
}

.teams-search-dropdown .select2-result-single,.teams-search-dropdown .select2-results ul.select2-result-sub {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.teams-search-dropdown .select2-search input {
    background-size: 57px 41px!important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    color: #54667a;
    font-size: 14px;
    line-height: 1.25;
    width: 100%!important
}

.teams-search-dropdown .select2-results {
    max-height: 127px;
    margin: 10px 4px 4px 0!important;
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.teams-search-dropdown .select2-results li {
    display: block!important;
    color: #54667a;
    line-height: 16px;
    font-size: 14px;
    font-weight: 400;
    padding: 4px 0 4px 2px;
    border-right: 4px
}

.teams-search-dropdown .select2-results li.select2-result-with-children>.select2-result-label {
    font-weight: 400;
    color: #2c2b2e;
    padding: 0 7px 7px
}

.teams-search-dropdown .select2-results .select2-highlighted {
    background: #fff;
    color: #54667a
}

.teams-search-dropdown .ui-select-choices-row:hover {
    background-color: #f5f5f5!important
}

.teams-search-dropdown .ui-select-no-choice {
    font-size: 14px;
    text-align: center;
    padding: 4px;
    color: #858e96
}

.teams-search-dropdown ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.teams-search-dropdown ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.teams-search-dropdown ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.teams-search-dropdown .ui-select-container[theme=select2].direction-up .ui-select-dropdown,.teams-search-dropdown.ui-select-container.select2.direction-up .ui-select-dropdown {
    margin-top: -6px
}

.teams-search-dropdown .ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match,.teams-search-dropdown.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: rgba(0,0,0,.15);
    border-radius: 4px!important
}

.teams-search-dropdown .select2-results .select2-disabled {
    background: #fff!important;
    opacity: .75;
    color: #54667a!important
}

.teams-search-dropdown .select2-results .select2-disabled .select2-result-label {
    cursor: default
}

@media (min-width: 1641px) and (max-width:1860px) {
    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width:370px
    }
}

@media (min-width: 1200px) and (max-width:1640px),(min-width:815px) and (max-width:1023px) {
    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width:260px
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width:195px
    }
}

@media (min-width: 700px) and (max-width:814px) {
    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width:225px
    }
}

@media (max-width: 767px) {
    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .members-div {
        margin-top:5px
    }

    .teams-section .teams-card-body .teams-card-content {
        margin-top: 1rem
    }
}

@media (min-width: 576px) and (max-width:699px) {
    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width:170px
    }
}

@media (max-width: 575px) {
    .teams-section .teams-card-body .teams-card-header ul.title li {
        margin-right:20px
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item {
        padding-left: 0
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .teams-icon {
        margin-right: 10px
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content {
        width: calc(100% - 55px)
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .option-div {
        margin-top: 5px;
        padding-left: 0;
        padding-right: 10px
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header ul {
        margin-right: 10px
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container {
        margin-right: 10px;
        margin-left: 0
    }

    .teams-section .editable-click p,.teams-section a.editable-click p {
        max-width: calc(100vw - 135px)
    }
}

@media (max-width: 400px) {
    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .option-div {
        padding-left:0;
        padding-right: 0
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .details-header ul {
        margin-right: 0
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container {
        margin-right: 0;
        margin-left: 0
    }

    .teams-section .teams-card-body .teams-card-content .teams-widget .teams-list-item .content .details-block .table-container .table-responsive .stylish-table thead th.disabledTh {
        padding: 9px 7px
    }
}

.text-messages-section .text-messages-card-body .text-messages-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.text-messages-section .text-messages-card-body .text-messages-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.text-messages-section .text-messages-card-body .text-messages-card-header .title {
    width: 215px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-option-form {
    margin-bottom: 0
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-option-form .text-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-option-form .text-option-div-select {
    display: inline-block;
    padding-left: 5px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-option-form .text-option-div-select .text-select-name {
    font-weight: 500;
    font-size: 15px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    width: auto;
    min-width: 100px;
    vertical-align: baseline
}

.text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div {
    width: 280px;
    display: inline-block;
    margin-right: 15px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div .search-input {
    display: inline;
    width: 92%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-messages-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 33px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-messages-date-picker .calendar-icon {
    color: #54667a
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-messages-date-picker span {
    margin-left: 5px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .text-messages-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a
}

.text-messages-section .text-messages-card-body .text-messages-card-header .export-btn {
    color: #54667a;
    display: inline-block;
    float: right;
    margin-left: 15px;
    height: 33px
}

.text-messages-section .text-messages-card-body .text-messages-card-header .header-options {
    float: right
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .message-icon {
    margin: 0;
    margin-right: 10px;
    margin-top: 5px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .message-icon .round-div {
    width: 45px;
    height: 45px;
    font-size: 22px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .message-icon .round-div.border-badge-info {
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    position: relative
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet {
    width: calc(100% - 60px);
    vertical-align: top
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .sms-body-block {
    padding-top: 2px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .title {
    font-size: 16px;
    color: #54667a
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .title-name {
    cursor: pointer
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .title-name:hover {
    font-weight: 500
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .company-block {
    font-size: 13px;
    font-weight: 400
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .disposition-block .label {
    font-size: 12px;
    padding: 6px 6px 5px;
    font-weight: 400
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .name-span-to {
    font-size: 14px;
    display: block;
    margin: 1px 0 5px;
    color: #54667a
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions {
    padding: 10px 0 5px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    font-size: 14px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul .left {
    float: left;
    width: 70%;
    clear: left
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul .right {
    float: right;
    width: 30%;
    clear: right;
    text-align: right
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .content-date-div {
    text-align: right;
    line-height: 25px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .content-date-div .date-company-fields {
    font-size: 14px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .content-date-div.one-line {
    line-height: 65px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .content-date-div.two-lines {
    padding-top: 2px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div {
    padding: 19px 0 0;
    text-align: right
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div.two-lines {
    padding: 5px 0
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div {
    width: auto;
    margin-right: 10px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .dial-btn,.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn {
    font-size: 17px;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .dial-btn {
    line-height: 19px;
    margin-right: 5px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn {
    line-height: 20px
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn.active,.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn.focus,.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn:active,.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn:focus,.text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.text-messages-section .text-messages-card-body .message-box .text-messages-list-item:hover {
    background: #fff
}

.text-messages-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.text-messages-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.text-messages-section .dropdown-toggle.text-messages-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    margin: 0;
    padding: 8px 11px
}

.text-messages-section .dropdown-toggle.text-messages-activity-item i {
    font-size: 18px
}

.text-messages-section .dropdown-toggle.text-messages-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.text-messages-section .dropdown-toggle.active,.text-messages-section .dropdown-toggle.focus,.text-messages-section .dropdown-toggle:active,.text-messages-section .dropdown-toggle:focus,.text-messages-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.text-messages-section .dropdown-item {
    cursor: pointer
}

.text-messages-section .dropdown-item.active,.text-messages-section .dropdown-item:active,.text-messages-section .dropdown-item:focus,.text-messages-section .dropdown-item:hover {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa;
    outline: 0
}

.text-messages-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.text-messages-section .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.text-messages-section .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer
}

.text-messages-section .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.text-messages-section .modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.text-messages-section .modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.text-messages-section .modal .modal-dialog .modal-content .modal-body .rented-numbers .btn-group,.text-messages-section .modal .modal-dialog .modal-content .modal-body .rented-numbers .dropdown-menu,.text-messages-section .modal .modal-dialog .modal-content .modal-body .rented-numbers .dropdown-toggle {
    width: 100%
}

.text-messages-section .modal .modal-dialog .modal-content .modal-body .rented-numbers .dropdown-toggle {
    font-size: 1rem;
    line-height: 1.25;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem
}

.text-messages-section .modal .modal-dialog .modal-content .modal-body .rented-numbers .dropdown-toggle span {
    width: calc(100% - 10px);
    float: left;
    text-align: left
}

.text-messages-section .modal .modal-dialog .modal-footer .btn-submit {
    margin: 15px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.text-messages-section .modal .modal-dialog .modal-footer .btn-submit.active,.text-messages-section .modal .modal-dialog .modal-footer .btn-submit.focus,.text-messages-section .modal .modal-dialog .modal-footer .btn-submit:active,.text-messages-section .modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.text-messages-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.text-messages-section .no-res {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 4
}

.text-messages-section .loader-export {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    z-index: 4
}

.text-messages-section .loader-export .message {
    margin-top: 13%
}

@media (min-width: 1551px) and (max-width:1700px) {
    .text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div {
        width:200px
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div {
        width:130px
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .text-messages-section .text-messages-card-body .text-messages-card-header .search-sms-div {
        width:200px;
        text-align: right
    }
}

@media (max-width: 1023px) {
    .text-messages-section .text-messages-date-picker {
        text-align:center
    }
}

@media (min-width: 769px) and (max-width:991px),(min-width:1024px) and (max-width:1100px),(min-width:1425px) and (max-width:1470px) {
    .text-messages-section .show-calendar {
        right:110px!important;
        left: auto!important
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .dial-btn {
        margin-right: 0;
        margin-bottom: 5px;
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn {
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div {
        padding: 0 0 0
    }

    .text-messages-section .dropdown-toggle.text-messages-activity-item {
        vertical-align: top
    }

    .message-box .message-widget a {
        padding: 5px 15px 15px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .option-div .dial-text-div {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }

    .col-date-4 {
        -ms-flex: 0 0 33.333333%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 33.333333%!important;
        max-width: 33.333333%!important
    }

    .col-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

@media (max-width: 767px) {
    .text-messages-section .dropdown-toggle.text-messages-activity-item {
        margin:0
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .name-span-to {
        margin: 1px 0 7px
    }

    .text-messages-section .loader-export .message {
        margin-top: 20%
    }

    .message-box .message-widget a .user-img {
        width: 40px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .message-icon .round-div {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 40px
    }

    .message-box .message-widget a .user-img .profile-status {
        left: 25px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .message-icon .in-out-div {
        top: 24px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .sms-body-block {
        padding-right: 0
    }
}

@media (max-width: 394px) {
    .daterangepicker.opensleft:before {
        right:9px!important;
        left: auto!important
    }

    .daterangepicker.opensleft:after {
        right: 8px!important;
        left: auto!important
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul .left {
        width: 100%;
        margin-bottom: 10px
    }

    .text-messages-section .text-messages-card-body .message-box .text-messages-list-item .mail-contnet .full-info-for-small-resolutions ul .right {
        width: 100%
    }

    .text-messages-section .loader-export .message {
        margin-top: 40%
    }

    .text-messages-section .notes {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width: 351px) {
    .daterangepicker.opensleft:before {
        right:auto!important;
        left: calc(100vw - 95px)!important
    }

    .daterangepicker.opensleft:after {
        right: auto!important;
        left: calc(100vw - 94px)!important
    }

    .text-messages-section .text-messages-card-body .text-messages-card-header .text-option-form .text-option-label {
        display: none
    }

    .text-messages-section .text-messages-card-body .text-messages-card-header .title {
        width: 140px
    }
}

.trial-modal {
    z-index: 10000
}

.trial-modal .modal-dialog .width-80 {
    width: 80%
}

.trial-modal .modal-dialog .text-red {
    color: red
}

.trial-modal .border {
    border-bottom: 1px solid #d3d3d3;
    width: 40%;
    margin: 0 auto
}

.trust-center-brands-section .main-row {
    padding: 10px 0;
    margin-right: -15px;
    margin-left: -15px
}

.trust-center-brands-section .main-row .main-container {
    min-height: 348.5px
}

.trust-center-brands-section .main-row .main-container .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.trust-center-brands-section .main-row .main-container .trust-center {
    min-height: calc(100vh - 440px)
}

.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .card-text {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .action-btn {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 200px
}

.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .action-btn.active,.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .action-btn.focus,.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .action-btn:active,.trust-center-brands-section .main-row .main-container .trust-center .top-banner .content .action-btn:focus {
    background: #009efb!important;
    border: 1px solid #009efb!important;
    color: #fff!important
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header {
    padding: 16px 0;
    border-bottom: 1px solid #e4e4e4;
    background-color: transparent
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header.active-accordion {
    border: none
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header.active-accordion .accordion-btn {
    color: #009ffb
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header .accordion-btn.focus,.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header .accordion-btn:focus {
    outline: 0
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header .accordion-btn {
    width: 100%;
    border: none;
    background: 0 0;
    cursor: pointer;
    font-size: 15px;
    color: #2c2b2e
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header .accordion-btn .btn-title {
    position: relative;
    text-align: left;
    padding-right: 20px
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .card .card-header .accordion-btn .btn-title .span-arrow {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 14px;
    color: #2c2b2e
}

.trust-center-brands-section .main-row .main-container .trust-center .faq .faq-accordion .answer-body {
    padding: 0 10px 20px 20px;
    border-bottom: 1px solid #e4e4e4;
    font-size: 15px
}

.trust-center-brands-section .main-row .main-container .number-pools .header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.trust-center-brands-section .main-row .main-container .number-pools .header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.trust-center-brands-section .main-row .main-container .number-pools .header .add-btn {
    display: inline-block;
    float: right;
    margin-left: 15px
}

.trust-center-brands-section .main-row .main-container .number-pools .header .add-btn i {
    font-weight: 600
}

.trust-center-brands-section .main-row .main-container .number-pools .header .add-btn span {
    padding-left: 5px
}

.trust-center-brands-section .main-row .main-container .number-pools .header .add-btn:hover {
    color: #fff
}

.trust-center-brands-section .main-row .main-container .number-pools .content {
    position: relative
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table {
    margin-bottom: 70px;
    min-width: 782px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table thead th {
    font-size: 15px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row {
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .name-td,.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .phone-numbers-td {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 30px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .name-td {
    font-weight: 500
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .checked-icon-td {
    width: 40px!important;
    height: 40px!important;
    font-size: 20px;
    text-align: center;
    border-radius: 100%;
    background-color: transparent;
    position: relative;
    padding: 8px 8px 8px 5px;
    margin: 0 auto
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .checked-icon-td.checked {
    color: #019efb
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .checked-icon-td.unchecked {
    color: #d4e3f8
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .status-td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .status-td .label {
    padding: 8px;
    margin-bottom: 0;
    margin: 0 auto
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .status-td .label.label-approved {
    background-color: #fff;
    color: #019efb
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .status-td .label.label-review {
    background-color: #fff;
    color: #ffbe3c
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .status-td .label span {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td {
    position: relative
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown {
    position: absolute;
    right: 0;
    margin-right: 15px;
    top: calc(50% - 17px)
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .show>.btn-info.dropdown-toggle {
    background: 0 0;
    border: none;
    color: #54667a
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.phone-numbers-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle.phone-numbers-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 35px;
    height: 35px;
    padding: 5px 9px;
    font-size: 18px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-toggle::after {
    display: none
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu {
    float: right;
    right: 0;
    left: auto!important
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item {
    cursor: pointer
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item.disabled,.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .dropdown .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .show-hide-details-area {
    line-height: 25px;
    width: 35px;
    height: 35px;
    padding: 6px 10px;
    position: absolute;
    right: 0;
    margin-right: 60px;
    top: calc(50% - 17px)
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .show-hide-details-area .show-details {
    font-size: 17px;
    margin-bottom: 7px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .actions-td .show-hide-details-area .hide-details {
    font-size: 17px;
    margin-bottom: 10px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td {
    border: none;
    margin: 0;
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s cubic-bezier(.5,0,.3,1);
    transition: all .4s cubic-bezier(.5,0,.3,1);
    margin-bottom: 0!important
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td.show {
    visibility: visible;
    opacity: 1;
    min-height: 205px;
    overflow: hidden
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td .dataTables_wrapper {
    margin: 22px 12px 37px 12px
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td .header-row .header-col {
    font-weight: 400;
    color: #90a4ae;
    vertical-align: bottom;
    font-size: 15px;
    padding: .75rem
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td .detail-col {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 7px;
    border-top: 1px solid #f3f1f1
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td tr:first-child .detail-col {
    border-top: none
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .details-td .details-container {
    max-height: 245px;
    overflow-x: hidden;
    overflow-y: auto
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table .content-row .no-results-td {
    font-size: 15px;
    font-weight: 500;
    padding: 30px .75rem
}

.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table tbody tr.active,.trust-center-brands-section .main-row .main-container .number-pools .content .table-container .table-responsive .stylish-table tbody tr:hover {
    border-left-color: transparent
}

.trust-center-brands-section .main-row .main-container .number-pools .custom-select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    padding: 4px 28px 4px 12px;
    line-height: 1;
    height: calc(2rem + 2px);
    width: 70px;
    margin: 0 auto
}

.trust-center-brands-section .dataTables_scrollBody::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.trust-center-brands-section .dataTables_scrollBody::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.trust-center-brands-section .disabled,.trust-center-brands-section :disabled {
    cursor: default;
    opacity: .5
}

.trust-center-brands-section ::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 100px
}

.trust-center-brands-section ::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 15px auto;
    width: auto;
    font-family: Rubik,sans-serif;
    padding: 7px 35px
}

.add-number-pool-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit .plan-span {
    font-size: 12px;
    font-weight: 300;
    margin-left: 3px
}

.add-number-pool-modal .add-pool-input {
    font-size: 15px;
    padding-right: 20px
}

.add-number-pool-modal .required-marker {
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 19px;
    z-index: 1
}

.add-number-pool-modal .required-marker-info {
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: -10px
}

.add-number-pool-modal .add-pool-input.invalid,.add-number-pool-modal .custom-select.invalid,.add-number-pool-modal .selectize-control.single.invalid .selectize-input {
    border-bottom: 1px solid red
}

.add-number-pool-modal .custom-select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23333' d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 13px 13px;
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 28px 8px 12px;
    font-size: 15px;
    line-height: 1.25;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    cursor: pointer
}

.add-number-pool-modal .custom-select.placeholder {
    color: #868f97
}

.add-number-pool-modal .header-badge {
    font-size: 11px;
    font-weight: 500;
    padding: 5px;
    vertical-align: text-top;
    margin-left: 4px
}

.add-number-pool-modal .iti {
    width: 100%
}

.add-number-pool-modal .iti__country-list {
    margin: -226px 0 0 -1px;
    -webkit-box-shadow: 2px -2px 4px rgba(0,0,0,.2);
    box-shadow: 2px -2px 4px rgba(0,0,0,.2)
}

.add-number-pool-modal .selectize-control.single {
    margin-bottom: -7px
}

.add-number-pool-modal .selectize-control.single .selectize-input {
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #54667a;
    min-height: 38px;
    font-size: 15px;
    font-weight: 400
}

.add-number-pool-modal .selectize-control.single .selectize-input>input {
    font-size: 15px
}

.add-number-pool-modal .selectize-control.single .selectize-input:after {
    border-color: #333 transparent transparent transparent
}

.add-number-pool-modal .selectize-dropdown {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    color: #54667a
}

.add-number-pool-modal .selectize-dropdown .active {
    font-weight: 400
}

.add-number-pool-modal .iti__arrow {
    border-top: none;
    border-bottom: 4px solid #555
}

.add-number-pool-modal .iti__arrow--up {
    border-top: 4px solid #555;
    border-bottom: none
}

.add-number-pool-modal .checkbox-custom p {
    width: calc(100% - 26px);
    margin-left: 26px
}

.add-number-pool-modal .checkbox-custom label {
    width: 100%
}

.add-number-pool-modal .country-select .flag-dropdown,.add-number-pool-modal .country-select.inside .selected-flag,.add-number-pool-modal .country-select.inside input,.add-number-pool-modal .country-select.inside input[type=text] {
    width: 100%;
    color: #54667a;
    min-height: 38px;
    border-radius: .25rem;
    border-color: rgba(0,0,0,.15);
    border-width: 1px;
    cursor: pointer
}

.add-number-pool-modal .country-select {
    width: 100%
}

.add-number-pool-modal .country-select .country-list .flag {
    margin-right: 10px
}

.add-number-pool-modal .country-select .country-list .country-name {
    font-size: 15px;
    font-weight: 400
}

.add-number-pool-modal .country-select .country-list .country.highlight {
    margin: 0
}

.add-number-pool-modal .country-select .selected-flag .arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 13px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    border-radius: 4px
}

.add-number-pool-modal .country-select .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 6px solid #333
}

.add-number-pool-modal .country-select-main-input {
    font-size: 15px;
    color: #54667a;
    min-height: 38px;
    display: initial;
    width: 100%;
    padding: .5rem .75rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

.add-number-pool-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.add-number-pool-modal .editor-block #standalone-container {
    width: 100%
}

.add-number-pool-modal .editor-block #editor-container {
    height: 200px;
    font-size: 14px;
    border-color: rgba(0,0,0,.15);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.add-number-pool-modal .editor-block #editor-container2 {
    height: 200px;
    font-size: 14px;
    border-color: rgba(0,0,0,.15);
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.add-number-pool-modal .editor-block .ql-toolbar.ql-snow {
    border-color: rgba(0,0,0,.15);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.add-number-pool-modal .editor-block .ql-formats.float-right {
    margin-right: 0
}

.add-number-pool-modal .editor-block .ql-formats .text-btn {
    min-width: 110px;
    font-size: 13px;
    border: 1px solid #ccc;
    padding: 2px 5px;
    border-radius: .25rem;
    color: #54667a;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.add-number-pool-modal .editor-block .ql-formats .text-btn:focus,.add-number-pool-modal .editor-block .ql-formats .text-btn:hover {
    background-color: #f2f2f2
}

.add-number-pool-modal .editor-block [type=button]:focus,.add-number-pool-modal .editor-block button:focus {
    outline: 0!important
}

.add-number-pool-modal .editor-block .short-code-btn {
    min-width: 50px;
    font-size: 12px;
    color: #54667a
}

.add-number-pool-modal .editor-block .ql-snow a.dropdown-item {
    font-size: 15px;
    color: #54667a!important;
    cursor: pointer
}

@media (max-width: 991px) {
    .add-number-pool-modal .selectize-control>.selectize-dropdown {
        width:100%
    }
}

@media (max-width: 450px) {
    .add-number-pool-modal.modal .modal-dialog .modal-content .modal-body .editor-block .field-error-message {
        display:block
    }

    .add-number-pool-modal.modal .modal-dialog .modal-content .modal-body .editor-block .message-length {
        display: block;
        width: 100%;
        text-align: right;
        margin-bottom: 5px
    }

    .add-number-pool-modal .editor-block .ql-formats .text-btn {
        min-width: auto
    }
}

.upsell-modal .modal-dialog {
    width: 90vw;
    max-width: 1700px
}

.upsell-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 25px 0
}

.upsell-modal .modal-dialog .modal-content .modal-header .modal-title-div {
    margin: 0 auto
}

.upsell-modal .modal-dialog .modal-content .modal-header .modal-title-div .subtitle-highlighted {
    color: #ff214f
}

.upsell-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.upsell-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.upsell-modal .modal-dialog .modal-content .modal-body {
    padding: 0 50px 40px
}

.upsell-modal .modal-dialog .modal-content .modal-body .nav-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 486.25px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan {
    -ms-flex-preferred-size: 23%;
    flex-basis: 23%;
    border: 1px solid rgba(105,113,122,.431372549);
    border-radius: 4px;
    padding: 20px 15px;
    position: relative
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-logo {
    width: 90px;
    height: 90px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.1);
    box-shadow: 0 0 3px rgba(0,0,0,.1);
    background-size: 55px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.contact_center .plan-logo.auto-dialer-monthly {
    background-image: url(/assets/images/pricing/auto-dialer.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.contact_center .plan-logo.back-office-monthly {
    background-image: url(/assets/images/pricing/back-office-user.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.contact_center .plan-logo.front-office-monthly {
    background-image: url(/assets/images/pricing/front-office-user.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.contact_center .plan-logo.predictive-dialer-monthly {
    background-image: url(/assets/images/pricing/predictive-dialer.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-elite-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-enterprise-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-extralarge-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-jumbo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-large-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-paygo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-prime-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-ultra-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.ringless_voicemail .plan-logo.usage-plan-wholesale-monthly {
    background-image: url(/assets/images/pricing/front-office-user.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-elite-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-enterprise-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-extralarge-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-jumbo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-large-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-paygo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-prime-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-ultra-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_routing .plan-logo.usage-plan-wholesale-monthly {
    background-image: url(/assets/images/pricing/predictive-dialer.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-elite-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-enterprise-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-extralarge-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-jumbo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-large-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-paygo-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-prime-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-ultra-monthly,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan.call_recording .plan-logo.usage-plan-wholesale-monthly {
    background-image: url(/assets/images/pricing/auto-dialer.svg)
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .upsell-badge {
    position: absolute;
    top: 25px;
    right: 0;
    font-size: 13px;
    line-height: 17px;
    padding: 2px 12px;
    font-weight: 400;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .upsell-badge.popular {
    right: -1px;
    background-color: #ff214f;
    color: #fff
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .upsell-badge.current-plan {
    background-color: #f2f4f8;
    color: #54667a
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-desc,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title {
    height: 30px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-desc {
    height: 60px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-desc p {
    font-size: 15px;
    line-height: 20px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-price {
    margin-bottom: -5px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-price-subtitle {
    font-size: 14px;
    line-height: 19px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info p {
    font-size: 15px;
    line-height: 20px;
    margin-right: auto;
    margin-left: auto
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info-details p {
    font-size: 15px;
    line-height: 23px;
    margin-right: auto;
    margin-left: auto
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info-details p .more-text {
    color: #2c2b2e;
    font-size: 16px;
    font-weight: 400
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info-details p .count-info {
    color: #2c2b2e;
    font-weight: 400
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-info-details p .mark-info {
    color: #ff214f
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 20px;
    border-radius: 4px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.subscribe-btn-trial {
    border: 1px solid #54667a;
    color: #54667a;
    background: 0 0
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.subscribe-btn {
    border: 1px solid #ff214f;
    color: #fff;
    background: #ff214f
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn:hover {
    opacity: .7
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.focus,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.disabled,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn:disabled {
    cursor: default
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-alert-message {
    font-size: 13px;
    line-height: 17px;
    margin-right: -8px;
    margin-left: -8px
}

.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-alert-message .mark-span {
    color: #ff214f;
    font-size: 15px
}

.upsell-modal .modal-dialog .modal-content .modal-body .alert-message {
    font-size: 13px;
    line-height: 18px
}

.upsell-modal .modal-dialog .modal-content .modal-body .alert-message .mark-span {
    color: #ff214f;
    font-size: 15px
}

.upsell-modal .pricing-container {
    margin-top: 30px
}

.upsell-modal .pricing-container .membershipswitch-div {
    position: relative
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch input[type=checkbox],.upsell-modal .pricing-container .membershipswitch-div .membershipswitch input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox {
    display: none
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-label {
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #54667a;
    border-radius: 20px;
    height: 32px;
    width: 75px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 0;
    position: relative
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-label .membershipswitch-switch {
    display: block;
    width: 26px;
    margin: 2px 3px;
    background: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    border: 2px solid #000;
    border-radius: 20px;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:not(:checked)~.membershipswitch-label .membershipswitch-switch {
    right: auto
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-label .membershipswitch-switch {
    right: 0;
    background: #ff214f;
    border-color: #ff214f
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.annually h4,.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.monthly h4 {
    color: #000
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.monthly h4,.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.annually h4 {
    color: #54667a
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-inner2 {
    display: inline-block;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-inner2.annually::before {
    content: "SAVE 30%";
    background-color: #ff214f;
    color: #fff;
    position: absolute;
    right: -39px;
    top: 3px;
    border-radius: 20px;
    font-size: 10px;
    padding: 0 10px;
    font-weight: 600;
    font-family: Montserrat,sans-serif
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.annually::after {
    height: 32px;
    width: 109px;
    -webkit-animation: pricing-arrow-in .3s linear;
    animation: pricing-arrow-in .3s linear
}

.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.annually::after {
    content: " ";
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='109' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)' fill='%23FF214F'%3E%3Cpath d='M106.549 23.27c-7.893-6.413-16.523-11.236-25.68-14.485-4.527-1.628-9.23-2.73-13.906-3.45-4.67-.591-9.426-.92-14.028-.49a68.152 68.152 0 00-27.273 7.697c-8.55 4.413-16.553 10.715-23.417 18.354 6.75-7.76 14.633-14.31 23.27-18.986A70.823 70.823 0 0152.85 3.568c4.698-.566 9.56-.244 14.325.213 4.774.585 9.476 1.687 14.099 3.18a89.09 89.09 0 0126.397 14.18l-1.123 2.128z'/%3E%3Cpath d='M100.294 11.359c1.945.77 3.835 2.315 5.235 4.405a16.222 16.222 0 011.799 3.347c.494 1.122.788 2.387 1.09 3.779l.327 1.775-1.492-.287c-.96-.194-1.919-.387-2.871-.453-.96-.194-1.902-.131-2.854-.197-1.894-.004-3.893-.001-5.884.13 1.714-1.14 3.776-1.789 5.75-2.175a12.11 12.11 0 013.038-.2c1.056.06 2.112.118 3.072.312l-1.165 1.488a20.973 20.973 0 00-.847-3.281c-.285-1.137-.771-2.132-1.257-3.127-.487-.994-1.078-1.982-1.765-2.835-.583-.86-1.375-1.707-2.176-2.681z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath fill='%23fff' transform='rotate(176.239 53.968 14.118)' d='M0 0h106.679v24.718H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    display: block;
    background-size: 109px 32px;
    height: 0;
    width: 0;
    position: absolute;
    top: -25px;
    left: 195px;
    background-repeat: no-repeat;
    -webkit-animation: pricing-arrow-out .3s linear;
    animation: pricing-arrow-out .3s linear
}

.upsell-modal .pricing-container .membershipswitch-div.disabled-membershipswitch-div {
    -webkit-filter: grayscale(1) opacity(.6);
    filter: grayscale(1) opacity(.6)
}

.upsell-modal .pricing-container .membershipswitch-div.disabled-membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.annually h4,.upsell-modal .pricing-container .membershipswitch-div.disabled-membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.monthly h4 {
    color: #54667a
}

.upsell-modal .pricing-container .membershipswitch-div.disabled-membershipswitch-div .membershipswitch-label {
    cursor: default
}

.upsell-modal .pricing-container .membershipswitch-div.disabled-membershipswitch-div .membershipswitch-label .membershipswitch-switch {
    background: #54667a;
    border-color: #54667a
}

.upsell-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 500;
    z-index: 19
}

.upsell-modal .loader .loader-message {
    margin-top: 40vh
}

@-webkit-keyframes pricing-arrow-in {
    0% {
        width: 0;
        height: 0;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    12% {
        width: 13px;
        height: 4px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    24% {
        width: 26px;
        height: 8px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    36% {
        width: 39px;
        height: 12px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    48% {
        width: 52px;
        height: 16px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    60% {
        width: 65px;
        height: 20px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    72% {
        width: 80px;
        height: 24px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    86% {
        width: 96px;
        height: 28px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    100% {
        width: 109px;
        height: 32px;
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes pricing-arrow-in {
    0% {
        width: 0;
        height: 0;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    12% {
        width: 13px;
        height: 4px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    24% {
        width: 26px;
        height: 8px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    36% {
        width: 39px;
        height: 12px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    48% {
        width: 52px;
        height: 16px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    60% {
        width: 65px;
        height: 20px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    72% {
        width: 80px;
        height: 24px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    86% {
        width: 96px;
        height: 28px;
        -webkit-transform-origin: left;
        transform-origin: left
    }

    100% {
        width: 109px;
        height: 32px;
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@keyframes pricing-arrow-out {
    0% {
        width: 109px;
        height: 32px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    12% {
        width: 96px;
        height: 28px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    24% {
        width: 80px;
        height: 24px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    36% {
        width: 65px;
        height: 20px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    48% {
        width: 52px;
        height: 16px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    60% {
        width: 39px;
        height: 12px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    72% {
        width: 26px;
        height: 8px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    86% {
        width: 13px;
        height: 4px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    100% {
        width: 0;
        height: 0;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@-webkit-keyframes pricing-arrow-out {
    0% {
        width: 109px;
        height: 32px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    12% {
        width: 96px;
        height: 28px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    24% {
        width: 80px;
        height: 24px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    36% {
        width: 65px;
        height: 20px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    48% {
        width: 52px;
        height: 16px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    60% {
        width: 39px;
        height: 12px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    72% {
        width: 26px;
        height: 8px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    86% {
        width: 13px;
        height: 4px;
        -webkit-transform-origin: right;
        transform-origin: right
    }

    100% {
        width: 0;
        height: 0;
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media (min-width: 1651px) and (max-width:1813px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.start-7days-btn,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.start-now-btn,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.subscribe-btn-trial {
        padding:7px 12px;
        font-size: 15px
    }
}

@media (min-width: 1425px) and (max-width:1650px),(min-width:768px) and (max-width:930px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions {
        gap:.4rem
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.start-7days-btn,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.start-now-btn,.upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn.subscribe-btn-trial {
        padding: 7px;
        font-size: 14px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-desc {
        height: 80px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title {
        height: 54px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title h3 {
        -ms-flex-preferred-size: 88%;
        flex-basis: 88%;
        line-height: 27px
    }
}

@media (min-width: 1120px) and (max-width:1270px) {
    .upsell-modal .modal-dialog .modal-content .modal-body {
        padding:0 10% 40px
    }
}

@media (min-width: 768px) and (max-width:1424px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan {
        -ms-flex-preferred-size:48%;
        flex-basis: 48%
    }
}

@media (min-width: 768px) and (max-width:1270px) {
    .upsell-modal .customtabs-style-3 .nav-item {
        -ms-flex-preferred-size:47%;
        flex-basis: 47%;
        margin-bottom: 0
    }

    .upsell-modal .customtabs-style-3 .nav-item .nav-link {
        padding: 5px 8px
    }

    .upsell-modal .customtabs-style-3 .nav-item .nav-link::before {
        -webkit-transform: rotate(43deg);
        transform: rotate(43deg)
    }

    .upsell-modal .customtabs-style-3 .nav-item .nav-link::after {
        -webkit-transform: rotate(-43deg);
        transform: rotate(-43deg)
    }

    .upsell-modal .customtabs-style-3 .nav-item:nth-child(1) .nav-link,.upsell-modal .customtabs-style-3 .nav-item:nth-child(2) .nav-link {
        border-top-left-radius: 17px;
        border-top-right-radius: 17px
    }

    .upsell-modal .customtabs-style-3 .nav-item:nth-child(3) .nav-link::after,.upsell-modal .customtabs-style-3 .nav-item:nth-child(3) .nav-link::before,.upsell-modal .customtabs-style-3 .nav-item:nth-child(4) .nav-link::after,.upsell-modal .customtabs-style-3 .nav-item:nth-child(4) .nav-link::before {
        border-top: 1px solid rgba(105,113,122,.431372549)
    }

    .upsell-modal .customtabs-style-3 .nav-item:not(:last-child) .nav-link {
        border-right: 1px solid rgba(105,113,122,.431372549)
    }

    .upsell-modal .customtabs-style-3.three-tabs :nth-child(1).nav-item,.upsell-modal .customtabs-style-3.three-tabs :nth-child(2).nav-item {
        -ms-flex-preferred-size: 94%;
        flex-basis: 94%
    }

    .upsell-modal .customtabs-style-3.three-tabs .nav-item:nth-child(3) .nav-link::after {
        border-top: none
    }

    .upsell-modal .customtabs-style-3.three-tabs .nav-item:nth-child(4) .nav-link::before {
        border-top: none
    }
}

@media (min-width: 768px) and (max-width:1270px) {
    .customtabs-style-3 .nav-link {
        font-size:15px;
        text-align: center
    }
}

@media (max-width: 767px) {
    .upsell-modal .modal-dialog {
        max-width:570px;
        margin-left: auto;
        margin-right: auto
    }

    .upsell-modal .modal-dialog .modal-content .modal-header {
        padding: 17px 30px 0
    }

    .upsell-modal .customtabs-style-3 {
        margin-top: 25px!important;
        margin-bottom: 10px!important
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan {
        -ms-flex-preferred-size:80%;
        flex-basis: 80%
    }
}

@media (min-width: 576px) and (max-width:602px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn {
        padding:7px 12px
    }
}

@media (max-width: 575px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%
    }
}

@media (max-width: 505px) {
    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-inner2.annually:before {
        right:-13px;
        top: -22px
    }

    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.annually:after {
        -webkit-transform: rotate(-14deg);
        transform: rotate(-14deg);
        background-size: 95px 32px;
        top: -30px;
        left: 169px;
        -webkit-animation: none!important;
        animation: none!important
    }

    .upsell-modal .modal-dialog .modal-content .modal-body {
        padding: 0 25px 25px
    }
}

h1 {
    font-family: Rubik, sans-serif;
    font-weight: 400 !important;
    line-height: 40px !important;
    font-size: 36px !important;
}

h2 {
    font-weight: 400 !important;
    line-height: 36px !important;
    font-size: 24px !important;
}

h3 {
    font-weight: 400 !important;
    line-height: 30px !important;
    font-size: 21px !important;
}

h4 {
    font-weight: 400 !important;
    line-height: 22px !important;
    font-size: 18px !important;
}

h5 {
    line-height: 18px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

h6 {
    line-height: 16px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.bg-light {
    background-color: #f8f8f8;
}

@media (max-width: 450px) {
    .upsell-modal .modal-dialog .modal-content .modal-header h1 {
        line-height:44px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions {
        gap: .5rem
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .actions .action-btn {
        width: 100%
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-desc {
        height: 80px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title {
        height: 54px
    }

    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .plan-title h3 {
        line-height: 27px
    }

    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-label {
        width: 55px;
        margin-left: 15px;
        margin-right: 15px
    }

    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.annually h4,.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox:checked~.membershipswitch-inner2.monthly h4,.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.annually h4,.upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.monthly h4 {
        font-size: 14px;
        line-height: 19px
    }

    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-inner2.annually:before {
        right: -3px;
        top: -22px
    }

    .upsell-modal .pricing-container .membershipswitch-div .membershipswitch .membershipswitch-checkbox~.membershipswitch-inner2.annually:after {
        -webkit-transform: rotate(-22deg);
        transform: rotate(-22deg);
        background-size: 59px 22px;
        top: -34px;
        left: 120px
    }
}

@media (min-width: 1425px) and (max-width:1585px),(min-width:768px) and (max-width:860px),(max-width:400px) {
    .upsell-modal .modal-dialog .modal-content .modal-body .plans-container .plan .upsell-badge.current-plan {
        padding:2px 5px
    }
}

.voicemail-section .voicemail-card-body .voicemail-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.voicemail-section .voicemail-card-body .voicemail-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.voicemail-section .voicemail-card-body .voicemail-card-header .title {
    width: 172px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .vms-option-form {
    margin-bottom: 0
}

.voicemail-section .voicemail-card-body .voicemail-card-header .vms-option-form .vms-option-label {
    display: inline-block;
    font-size: 15px;
    margin: 0;
    font-weight: 400
}

.voicemail-section .voicemail-card-body .voicemail-card-header .vms-option-form .vms-option-div-select {
    display: inline-block;
    padding-left: 5px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .vms-option-form .vms-option-div-select .vms-select-name {
    font-weight: 500;
    font-size: 15px;
    border: none;
    padding-top: 0;
    padding-bottom: 0;
    height: 22px;
    width: auto;
    min-width: 100px;
    vertical-align: baseline
}

.voicemail-section .voicemail-card-body .voicemail-card-header .voicemail-date-picker {
    background: #fff;
    cursor: pointer;
    padding: 8px 10px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    height: 33px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .voicemail-date-picker .calendar-icon {
    color: #54667a
}

.voicemail-section .voicemail-card-body .voicemail-card-header .voicemail-date-picker .caret-down-icon {
    padding-left: 4px;
    color: #54667a
}

.voicemail-section .voicemail-card-body .voicemail-card-header .voicemail-date-picker span {
    padding-left: 5px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div {
    width: 280px;
    display: inline-block;
    margin-right: 15px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div .search-input {
    display: inline;
    width: 92%;
    border-radius: 100px;
    font-size: 14px;
    -webkit-transition: .5s ease-in;
    transition: .5s ease-in;
    border-radius: .25rem;
    color: #868e96;
    background-color: transparent;
    background-image: none;
    border-color: #868e96;
    padding: 7px 12px;
    font-size: 14px;
    font-weight: 400;
    min-height: 33px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div .search-submit-btn {
    display: inline;
    margin-left: -25px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    font-size: 14px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .configure-btn {
    display: inline-block;
    float: right;
    margin-left: 15px;
    font-size: 15px;
    height: 33px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .configure-btn i {
    font-weight: 600
}

.voicemail-section .voicemail-card-body .voicemail-card-header .configure-btn span {
    padding-left: 5px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .configure-btn:hover {
    color: #fff
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options {
    float: right
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-toggle.voicemail-full-list-menu {
    background: 0 0;
    border: none;
    color: #54667a;
    padding: 7px 2px;
    margin-left: 10px;
    height: 33px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-toggle.voicemail-full-list-menu i {
    font-size: 20px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-toggle.voicemail-full-list-menu::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu {
    color: #54667a
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-header {
    font-size: 12px;
    padding: 14px 14px 10px 14px;
    color: #90a4ae;
    font-weight: 500
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-header i {
    font-weight: 600;
    padding-right: 5px;
    font-size: 14px
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-item {
    cursor: pointer
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-item.active,.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-item:active {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa
}

.voicemail-section .voicemail-card-body .voicemail-card-header .header-options .dropdown-menu .dropdown-item i {
    color: green;
    font-weight: 600;
    padding-right: 5px;
    font-size: 14px
}

.voicemail-section .voicemail-card-body .steamline {
    margin-left: 25px
}

.voicemail-section .voicemail-card-body .steamline .sl-left {
    margin-left: -22px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item {
    margin: 20px 0 0;
    padding-bottom: 20px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .border-badge-info {
    padding: 0;
    background-color: #fff;
    border: 1.5px solid #009ffb;
    color: #009ffb;
    position: relative;
    width: 45px;
    line-height: 42px;
    height: 45px;
    font-size: 20px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .border-badge-info.rvm-badge .arrow-icon {
    font-size: 10px;
    position: absolute;
    top: 26px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .border-badge-info.rvm-badge .arrow-icon.left {
    left: 17px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .border-badge-info.rvm-badge .arrow-icon.right {
    left: 16px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 35px)
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .title-name {
    cursor: pointer
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .title-name:hover {
    font-weight: 500
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .company-block {
    font-size: 13px;
    font-weight: 400
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .voicemail-desc {
    margin-bottom: 3px!important;
    font-size: 14px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .voicemail-desc.last {
    margin-bottom: 20px!important
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .full-info-for-small-resolutions {
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .full-info-for-small-resolutions .right-ul .player-main-container {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div {
    padding: 0 0 15px 20px;
    line-height: 25px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div.two-lines {
    padding: 0 0 0 20px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .transcription-li {
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .transcription-li .transcription {
    font-size: 14px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .date-company-info {
    text-align: right;
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .date-company-info .date-company-fields {
    font-size: 14px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    margin-right: 15px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .dial-btn,.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn {
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 17px;
    margin-top: 4px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .dial-btn {
    line-height: 19px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn {
    line-height: 20px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn.active,.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn.focus,.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn:active,.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn:focus,.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .dial-text-li .text-btn:hover {
    background: #009efb;
    border-color: #009efb;
    color: #fff
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .action-dropdown-li {
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-remove-div {
    padding-top: 15px
}

.voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-remove-div.two-lines-info {
    padding-top: 4px
}

.voicemail-section .voicemail-card-body .steamline .right-ul {
    width: 100%;
    float: right;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.voicemail-section .voicemail-card-body .steamline .right-ul.player-right-ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 8px
}

.voicemail-section .voicemail-card-body .steamline .right-ul.player-right-ul .transcription-player-li {
    display: none
}

.voicemail-section .voicemail-card-body .steamline .right-ul.player-right-ul .player-main-container {
    width: auto
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container {
    float: right;
    width: 100%;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container.two-lines-info {
    padding-top: 4px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: .25rem
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div.transform {
    -webkit-transition: .3s ease-in;
    transition: .3s ease-in
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div.transform.transform-active {
    width: 265px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .play-spinner {
    font-size: 14px;
    margin-left: 10px;
    border-width: 2px;
    margin-top: 12px;
    margin-right: 12px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .play-pause-btn {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
    width: 80px;
    display: inline-block;
    font-size: 12px;
    margin-right: 10px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
    display: inline-block;
    width: calc(100% - 200px)
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div .bar-style {
    height: 6px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
    margin-left: 10px;
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    width: 40px;
    height: 40px;
    display: inline-block;
    float: right;
    padding: 8px 7px
}

.voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting .volume-icon {
    font-size: 16px
}

.voicemail-section .voicemail-card-body .visible {
    visibility: visible
}

.voicemail-section .voicemail-card-body .hidden {
    visibility: hidden
}

.voicemail-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.voicemail-section .dropdown-toggle.voicemail-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    margin-top: 15px;
    padding: 8px 11px
}

.voicemail-section .dropdown-toggle.voicemail-activity-item i {
    font-size: 18px
}

.voicemail-section .dropdown-toggle.voicemail-activity-item.two-lines-info {
    margin-top: 4px
}

.voicemail-section .dropdown-toggle.voicemail-activity-item.active,.voicemail-section .dropdown-toggle.voicemail-activity-item.focus,.voicemail-section .dropdown-toggle.voicemail-activity-item:active,.voicemail-section .dropdown-toggle.voicemail-activity-item:focus,.voicemail-section .dropdown-toggle.voicemail-activity-item:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.voicemail-section .dropdown-toggle.voicemail-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.voicemail-section .dropdown-menu {
    color: #54667a
}

.voicemail-section .dropdown-menu .dropdown-item {
    cursor: pointer
}

.voicemail-section .dropdown-menu .dropdown-item.active,.voicemail-section .dropdown-menu .dropdown-item:active {
    color: #54667a;
    text-decoration: none;
    background-color: #f8f9fa
}

.voicemail-section .dropdown-menu .dropdown-item .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.voicemail-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.voicemail-section ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.voicemail-section ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.voicemail-section ::-webkit-scrollbar-thumb {
    background: #b8b8b8;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.voicemail-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.voicemail-section .no-res {
    width: calc(100% + 25px);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 3;
    margin-left: -25px
}

.voicemail-section .modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.voicemail-section .modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.voicemail-section .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.voicemail-section .modal .modal-dialog .modal-content .modal-body {
    padding: 25px;
    min-height: 74px
}

.voicemail-section .modal .modal-dialog .modal-content .modal-body .loader {
    margin-left: -25px
}

.voicemail-section .modal .modal-dialog .modal-content .modal-body .conversation-div {
    overflow-y: auto;
    max-height: calc(100vh - 285px);
    height: auto
}

.voicemail-section .modal .modal-dialog .modal-content .modal-body .sentence-row {
    font-size: 15px;
    margin-left: 0;
    margin-right: 0
}

.voicemail-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence-label {
    text-align: right
}

.voicemail-section .modal .modal-dialog .modal-footer .btn-footer,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit {
    width: auto;
    min-width: 60px;
    font-family: Rubik,sans-serif
}

.voicemail-section .modal .modal-dialog .modal-footer .btn-submit.active,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit.disabled,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit.focus,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit:active,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit:disabled,.voicemail-section .modal .modal-dialog .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.voicemail-section .modal .modal-dialog .modal-footer .btn-footer.active,.voicemail-section .modal .modal-dialog .modal-footer .btn-footer.disabled,.voicemail-section .modal .modal-dialog .modal-footer .btn-footer.focus,.voicemail-section .modal .modal-dialog .modal-footer .btn-footer:active,.voicemail-section .modal .modal-dialog .modal-footer .btn-footer:disabled,.voicemail-section .modal .modal-dialog .modal-footer .btn-footer:focus {
    background: 0 0;
    border: 1px solid #009efb;
    color: #009efb;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width: 1700px) {
    .voicemail-section .voicemail-card-body .steamline .voicemail-item .content-div .option-div .transcription-li {
        display:none
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul.player-right-ul .transcription-player-li {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
}

@media (min-width: 1425px) and (max-width:1600px) {
    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div.transform.transform-active {
        width:190px
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        width: 35px
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        display: none
    }
}

@media (min-width: 1551px) and (max-width:1700px) {
    .voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div {
        width:200px
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div {
        width:130px
    }
}

@media (min-width: 1425px) and (max-width:1470px) {
    .voicemail-section .voicemail-card-body .voicemail-card-header .configure-btn span {
        display:none
    }
}

@media (min-width: 576px) and (max-width:1280px) {
    .voicemail-section .voicemail-card-body .voicemail-card-header .search-voicemail-div {
        width:200px
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div.transform.transform-active {
        width: 180px
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        width: 35px
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right: 0
    }
}

@media (max-width: 1023px) {
    .voicemail-section .voicemail-date-picker {
        text-align:center
    }
}

@media (min-width: 768px) and (max-width:1039px) {
    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right:0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }
}

@media (max-width: 992px) {
    .voicemail-section .voicemail-card-body .steamline .option-div .right-ul .player-main-container .audio-player-div .progress-div {
        display:none
    }

    .voicemail-section .xs-margin-bottom-5 {
        margin-bottom: 5px!important
    }
}

@media (max-width: 768px) {
    .md-padding-right-0 {
        padding-right:0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container {
        margin: 0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div {
        margin-right: 0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container {
        padding-top: 0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        width: calc(100% - 200px)
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div.transform.transform-active {
        width: 100%
    }
}

@media (max-width: 575px) {
    .voicemail-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence-label {
        padding-left:0;
        text-align: left
    }
}

@media (max-width: 394px) {
    .daterangepicker.opensleft:before {
        right:auto!important;
        left: calc(100vw - 160px)!important
    }

    .daterangepicker.opensleft:after {
        right: auto!important;
        left: calc(100vw - 159px)!important
    }

    .voicemail-section .modal .modal-dialog .modal-content .modal-body {
        padding: 25px 15px
    }

    .voicemail-section .modal .modal-dialog .modal-content .modal-body .sentence-row .sentence {
        padding-left: 10px!important
    }
}

@media (max-width: 380px) {
    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .progress-div {
        display:none
    }
}

@media (max-width: 360px) {
    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .current-time-span {
        margin-right:0
    }

    .voicemail-section .voicemail-card-body .steamline .right-ul .player-main-container .audio-player-div .btn-muting {
        margin-left: 0;
        width: 35px
    }

    .voicemail-section .voicemail-card-body .voicemail-card-header .vms-option-form .vms-option-label {
        display: none
    }

    .voicemail-section .voicemail-card-body .voicemail-card-header .title {
        width: 95px
    }
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-header .title {
    margin: 0 auto;
    color: #2c2b2e;
    font-family: Rubik,sans-serif
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-header .btn-close {
    cursor: pointer;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-size: 20px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-header .btn-close:focus {
    outline: 0
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group {
    width: 100%
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .icon-div {
    text-align: center;
    padding: 5px 12px;
    background: #f2f4f8;
    border: 1px solid #d9d9d9;
    color: #54667a;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    height: 36px;
    width: 46px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .icon-div i {
    font-size: 17px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle {
    cursor: pointer;
    text-align: left
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle.audio-settings,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle.audio-settings.active .web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle.audio-settings:focus,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle.audio-settings:active {
    height: 36px;
    width: calc(100% - 42.85px);
    font-size: 15px;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-left-color: transparent;
    color: #54667a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 23px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-toggle::after {
    position: absolute;
    right: 8px;
    top: 16px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu {
    width: calc(100% - 44px);
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item {
    cursor: pointer;
    font-size: 15px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item.active,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item:active,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item:focus,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .warning-message {
    text-align: center;
    font-size: 13px;
    color: red;
    margin-top: 4px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div {
    height: 33.5px;
    position: relative
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div #audio-canvas,.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div #audio-canvas-static {
    width: calc(100% - 108px);
    height: 33.5px;
    margin-left: 5px
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div #audio-canvas-static {
    z-index: 0
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div #audio-canvas {
    z-index: 1
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-canvas-div .check-audio-btn {
    vertical-align: top;
    width: 90px;
    text-align: center
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .do-not-disturb-block {
    width: 100%;
    height: 55px;
    padding: 15px;
    border-radius: 4px;
    background-color: #f2f4f8
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .do-not-disturb-block .title {
    float: left;
    margin: 4px 0
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-body .do-not-disturb-block .custom-switch-toggle {
    float: right
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 5px auto;
    width: 125px;
    font-family: Rubik,sans-serif
}

.web-rtc-settings-modal .modal-dialog .modal-content .modal-footer .btn-submit.active,.web-rtc-settings-modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,.web-rtc-settings-modal .modal-dialog .modal-content .modal-footer .btn-submit:active,.web-rtc-settings-modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

.web-rtc-settings-modal .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

@media (max-width: 420px) {
    .web-rtc-settings-modal .modal-dialog .modal-content .modal-body .audio-dropdown .btn-group .dropdown-menu .dropdown-item {
        white-space:normal
    }
}

.webform-details-section .webform-info .webform-icon {
    width: 45px;
    border: none;
    background: 0 0;
    margin: 0 auto
}

.webform-details-section .webform-info .webform-icon .round-div {
    width: 45px;
    height: 45px;
    background: 0 0!important;
    border: 2px solid #04a8fb
}

.webform-details-section .webform-info .webform-icon .round-div i {
    color: #04a8fb;
    font-size: 26px;
    margin-top: 8px
}

.webform-details-section .webform-info .list-name {
    font-size: 15px
}

.webform-details-section .webform-info .list-name i {
    font-size: 17px
}

.webform-details-section .webform-info .edit-btn {
    display: inline-block;
    width: 145px;
    color: #6c757d
}

.webform-details-section .webform-info .edit-btn i {
    font-size: 16px
}

.webform-details-section .webform-info .edit-btn.active,.webform-details-section .webform-info .edit-btn:active,.webform-details-section .webform-info .edit-btn:focus,.webform-details-section .webform-info .edit-btn:hover {
    background-color: #fff;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #6c757d
}

.webform-details-section .webform-info .details-info h5 {
    color: #54667a;
    line-height: 22px
}

.webform-details-section .webform-info .details-info .input-control {
    display: block;
    width: 100%;
    min-height: 38px;
    padding: .7rem .95rem;
    margin: 0 auto;
    line-height: 1.4;
    color: #495057;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    vertical-align: middle;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    font-family: Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 12.5px
}

.webform-details-section .webform-info .details-info .input-control.code-div {
    background-color: #f4f4f4;
    text-align: center;
    border-color: #f4f4f4;
    max-width: 320px;
    height: calc(2.25rem + 2px)
}

.webform-details-section .webform-info .details-info .input-control.code-js {
    background-color: #f4f4f4;
    border-color: #f4f4f4;
    max-width: calc(100% - 65px);
    height: auto
}

.webform-details-section .webform-info .details-info .input-control.code-js::-webkit-scrollbar {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 7px;
    width: 7px;
    border-radius: 0;
    background-color: #f1f4f8
}

.webform-details-section .webform-info .details-info .input-control.code-js::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #868e96;
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    -moz-box-shadow: 0 0 1px rgba(255,255,255,.5)
}

.webform-details-section .web-form {
    height: 100%
}

.webform-details-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

@media (max-width: 1200px) {
    .webform-details-section .web-form {
        height:100%;
        min-height: 200px
    }
}

@media (max-width: 768px) {
    .webform-details-section .web-form {
        margin-bottom:0!important
    }
}

@media (max-width: 450px) {
    .webform-details-section .webform-info .details-info .input-control.code-div,.webform-details-section .webform-info .details-info .input-control.code-js {
        max-width:100%
    }
}

.webform-edit-section .webforms-edit-card-body {
    padding-right: 5px!important
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn {
    display: inline-block;
    float: right;
    margin-left: 15px;
    padding: 7px 25px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn.active,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn.focus,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn:active,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn:focus {
    background: #009efb;
    opacity: .7;
    border: 1px solid #009efb;
    background-image: none;
    color: #fff
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .add-btn {
    display: inline-block;
    float: right;
    background-color: #fbfdff;
    border-color: #fbfdff;
    padding: 7px 20px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header.webform-fields-header {
    background-color: rgba(120,134,152,.1215686275);
    margin-left: -20px;
    width: calc(100% + 25px);
    padding: 15px 20px;
    margin: 10px 0 10px -20px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header.webform-fields-header h4 {
    color: #54667a;
    font-weight: 500;
    margin-bottom: 0;
    padding: 6px 0
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content {
    position: relative
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webform-options {
    margin-right: 0
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget {
    position: relative
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .webforms-move-buttons {
    width: 20px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    vertical-align: middle
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .webforms-move-buttons .round-div {
    width: 20px;
    height: 30px;
    background: 0 0!important;
    border: 2px solid transparent;
    line-height: 32px;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .webforms-move-buttons .round-div i {
    color: #04a8fb;
    font-size: 20px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .webforms-move-buttons .round-div:hover {
    border-color: #05a7fa
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content {
    width: calc(100% - 45px);
    display: inline-block;
    vertical-align: middle
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .main-block {
    max-height: 78px;
    overflow: hidden;
    -webkit-transition: max-height .4s cubic-bezier(.5,0,.3,1);
    transition: max-height .4s cubic-bezier(.5,0,.3,1)
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div {
    padding-top: 20px;
    text-align: right
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details {
    line-height: 30px;
    width: 40px;
    height: 40px;
    background-color: #eff0f2;
    color: #54667a;
    border: 1px solid #eff0f2
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details i {
    font-size: 20px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details i.opened {
    display: none;
    margin-bottom: 3px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details i.closed {
    display: block
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details.focus,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div {
    -webkit-transition: opacity .4s cubic-bezier(.5,0,.3,1);
    transition: opacity .4s cubic-bezier(.5,0,.3,1);
    opacity: 0;
    height: 0;
    visibility: hidden
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div.show {
    visibility: visible;
    opacity: 1;
    height: auto
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div.show .field-option-group {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    margin: 10px 0;
    padding: 10px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div.show .field-option-group h5 {
    color: #009ffb;
    font-size: 15px;
    font-weight: 500
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .select-option-div {
    padding-top: 32px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .main-block {
    max-height: 1024px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .field-options-open {
    display: initial
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .open-details {
    background-color: #009ffb!important;
    color: #fff!important;
    border: 1px solid #009ffb!important
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .open-details .opened {
    display: block!important
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .open-details .closed {
    display: none!important
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .field-options-closed {
    display: none
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions {
    margin-top: 30px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions .save-btn {
    padding: 7px 25px
}

.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions .save-btn.active,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions .save-btn.focus,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions .save-btn:active,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .actions .save-btn:focus {
    background: #009efb;
    opacity: .7;
    border: 1px solid #009efb;
    background-image: none;
    color: #fff
}

.webform-edit-section .webforms-edit-card-body .edit-input-label {
    font-size: 15px;
    font-weight: 500
}

.webform-edit-section .webforms-edit-card-body .edit-input {
    font-size: 15px
}

.webform-edit-section .webforms-edit-card-body .edit-input.number-input-field {
    display: block
}

.webform-edit-section .webforms-edit-card-body select.custom-select::-ms-expand {
    display: none
}

.webform-edit-section .webforms-edit-card-body select.custom-select {
    background-image: linear-gradient(45deg,transparent 50%,#54667a 60%),linear-gradient(135deg,#54667a 40%,transparent 50%)!important;
    background-position: calc(100% - 15px) 14px,calc(100% - 10px) 14px,100% 0;
    background-size: 5px 5px,5px 5px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    height: 38px;
    min-height: 38px;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.15);
    padding: .5rem .75rem;
    font-size: 15px;
    cursor: pointer
}

.webform-edit-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.webform-edit-section .dropdown-menu.show {
    top: 0!important
}

.webform-edit-section .dropdown-menu.menu-select.show {
    top: auto!important;
    left: -10px!important;
    bottom: 0;
    right: auto
}

.webform-edit-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.webform-edit-section .dropdown-toggle.webforms-activity-item::after,.webform-edit-section .dropdown-toggle.webforms-select-actions::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.webform-edit-section .dropdown-toggle.webforms-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px;
    float: right
}

.webform-edit-section .dropdown-toggle.webforms-select-actions {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 24px;
    border: 1px solid #ced4da;
    width: 38px;
    height: 38px
}

.webform-edit-section .dropdown-toggle.active,.webform-edit-section .dropdown-toggle.focus,.webform-edit-section .dropdown-toggle:active,.webform-edit-section .dropdown-toggle:focus,.webform-edit-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.webform-edit-section .dropdown-item {
    cursor: pointer
}

.webform-edit-section .dropdown-item.active,.webform-edit-section .dropdown-item:active,.webform-edit-section .dropdown-item:focus,.webform-edit-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.webform-edit-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.webform-edit-section .no-res {
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    bottom: 70px;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

@media (max-width: 991px) {
    .webform-edit-section .webforms-edit-card-body .edit-input.number-input-field {
        width:100%
    }

    .webform-edit-section .dropdown-menu.menu-select.show {
        left: -25px!important
    }
}

@media (max-width: 767px) {
    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item {
        padding-left:0
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .field-options-open .checkboxes-block .first-row {
        margin-top: 4px
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .main-block {
        max-height: 156px
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .main-block {
        max-height: 1024px
    }

    .webform-edit-section .dropdown-menu.menu-select.show {
        left: -80px!important
    }
}

@media (max-width: 575px) {
    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item.field-options-open .main-block {
        padding-left:10px;
        padding-right: 0
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .option-div .open-details {
        width: 30px;
        height: 30px;
        line-height: 20px;
        padding: 3px 8px;
        margin-right: 0!important;
        margin-left: auto;
        margin-top: 10px;
        display: block
    }

    .webform-edit-section .dropdown-toggle.webforms-activity-item {
        line-height: 15px;
        width: 30px;
        height: 30px;
        padding: 7px 7px;
        float: none;
        display: block;
        margin-left: auto;
        margin-right: 0
    }

    .webform-edit-section .dropdown-toggle.webforms-select-actions {
        line-height: 15px;
        width: 30px;
        height: 30px;
        padding: 7px 7px
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .select-option-div {
        text-align: center;
        padding-left: 0
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .select-option-fields {
        padding: 0
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div.show .field-option-group.custom-select-block .row {
        margin-right: 0;
        margin-left: 0
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-content .webforms-widget .webforms-list-item .content .field-options .field-option-group-div.show .field-option-group.custom-select-block .row:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,.15);
        padding-bottom: 10px
    }

    .webform-edit-section .dropdown-menu.menu-select.show {
        left: -140px!important
    }
}

@media (max-width: 500px) {
    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-header {
        display:block
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-header ul.title,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header ul.ul-buttons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .add-btn,.webform-edit-section .webforms-edit-card-body .webforms-edit-card-header .save-btn {
        margin-top: 5px
    }
}

.webforms-section .webforms-card-body {
    padding-right: 5px!important
}

.webforms-section .webforms-card-body .webforms-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.webforms-section .webforms-card-body .webforms-card-header ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.webforms-section .webforms-card-body .webforms-card-header .title {
    width: 215px
}

.webforms-section .webforms-card-body .webforms-card-header .add-btn {
    display: inline-block;
    float: right;
    margin-right: 15px
}

.webforms-section .webforms-card-body .webforms-card-header .add-btn i {
    font-weight: 600
}

.webforms-section .webforms-card-body .webforms-card-header .add-btn span {
    padding-left: 5px
}

.webforms-section .webforms-card-body .webforms-card-header .add-btn:hover {
    color: #fff
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget {
    position: relative
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .webforms-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    vertical-align: middle
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .webforms-icon .round-div {
    width: 45px;
    height: 45px;
    background: 0 0!important;
    border: 1.5px solid #04a8fb
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .webforms-icon .round-div i {
    color: #04a8fb;
    font-size: 25px;
    margin-top: 8px
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .name-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .content-date-div {
    color: #54667a;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .content-date-div .date-fields {
    font-size: 14px
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .option-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .date-addition-styles {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    width: 100%
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .date-addition-styles ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .date-addition-styles ul .left {
    float: left;
    clear: left
}

.webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item:hover {
    background: #f2f4f8;
    cursor: pointer
}

.webforms-section .dropdown-menu .dropdown-item-icon {
    margin-right: 10px;
    font-size: 18px
}

.webforms-section .show>.btn-info.dropdown-toggle {
    background: 0 0;
    color: #009ffb
}

.webforms-section .dropdown-toggle.webforms-activity-item::after {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    border: none;
    color: #54667a
}

.webforms-section .dropdown-toggle.webforms-activity-item {
    background: 0 0;
    border: none;
    color: #54667a;
    line-height: 25px;
    float: right;
    border: 1px solid #ced4da;
    width: 40px;
    height: 40px
}

.webforms-section .dropdown-toggle.active,.webforms-section .dropdown-toggle.focus,.webforms-section .dropdown-toggle:active,.webforms-section .dropdown-toggle:focus,.webforms-section .dropdown-toggle:hover {
    background-color: transparent!important;
    color: #54667a!important;
    border: 1px solid #ced4da!important
}

.webforms-section .dropdown-item {
    cursor: pointer
}

.webforms-section .dropdown-item.active,.webforms-section .dropdown-item:active,.webforms-section .dropdown-item:focus,.webforms-section .dropdown-item:hover {
    color: #16181b;
    background-color: #f8f9fa;
    outline: 0
}

.webforms-section .custom-nav-pagination {
    padding-bottom: 1.25rem;
    margin: 0 auto
}

.webforms-section .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 19
}

.webforms-section .no-res {
    width: 100%;
    height: calc(100% - 70px);
    position: absolute;
    top: 70px;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2;
    margin-left: -25px
}

@media (max-width: 768px) {
    .webforms-section .card {
        margin-bottom:0!important
    }
}

@media (max-width: 767px) {
    .webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item .content .name-div {
        padding-top:10px
    }

    .webforms-section .webforms-card-body .webforms-card-content .webforms-widget .webforms-list-item {
        padding-left: 0
    }
}

.jq-toast-wrap {
    width: 300px
}

.jq-toast-wrap .toast-notification {
    border-right: 4px
}

.jq-toast-wrap .toast-notification .toast-icon-col {
    padding: 10px 15px;
    text-align: center
}

.jq-toast-wrap .toast-notification .toast-icon-col.success {
    color: #009ffb
}

.jq-toast-wrap .toast-notification .toast-icon-col.error {
    color: #f62d51
}

.jq-toast-wrap .toast-notification .toast-icon-col.warning {
    color: #ffbc34
}

.jq-toast-wrap .toast-notification .toast-icon-col i {
    font-size: 26px;
    line-height: 42px
}

.jq-toast-wrap .toast-notification .toast-content-col {
    padding: 10px 20px 10px 10px
}

.jq-toast-wrap .jq-toast-loader {
    bottom: -2px;
    height: 4px;
    border-radius: 2px
}

.jq-toast-wrap .close-jq-toast-single {
    position: absolute;
    top: 5px;
    right: 8px;
    font-size: 19px;
    cursor: pointer
}

.customtabs-style-2 .nav-link {
    color: #54667a;
    font-weight: 400
}

.customtabs-style-2 .nav-link.active {
    color: #009efb
}

.customtabs-style-3 {
    border-bottom: none
}

.customtabs-style-3 .nav-link {
    border-color: rgba(105,113,122,.431372549) rgba(105,113,122,.431372549) #fff;
    font-weight: 400;
    color: #54667a;
    position: relative;
    padding: 5px 15px 8px;
    border-top-left-radius: 17px;
    border-top-right-radius: 17px
}

.customtabs-style-3 .nav-link.active {
    color: #000;
    border-color: rgba(105,113,122,.431372549) rgba(105,113,122,.431372549) #fff
}

.customtabs-style-3 .nav-link::after,.customtabs-style-3 .nav-link::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #fff;
    display: block;
    position: absolute
}

.customtabs-style-3 .nav-link::before {
    top: -6.8px;
    left: -7px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid rgba(105,113,122,.431372549)
}

.customtabs-style-3 .nav-link::after {
    top: -6.8px;
    right: -7px;
    -webkit-transform: rotate(-46deg);
    transform: rotate(-46deg);
    border-left: 1px solid rgba(105,113,122,.431372549)
}

.customtabs-style-3 .nav-link.focus,.customtabs-style-3 .nav-link:focus,.customtabs-style-3 .nav-link:hover {
    border-color: rgba(105,113,122,.431372549) rgba(105,113,122,.431372549) #fff;
    color: #000
}

.customtabs-style-3 .nav-item {
    margin-bottom: 0
}

.customtabs-style-3 .nav-item:not(:last-child) .nav-link {
    border-right: none
}

@media (max-width: 767px) {
    .customtabs-style-3 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .customtabs-style-3 .nav-item {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .customtabs-style-3 .nav-item .nav-link {
        padding: 10px 0;
        border: none;
        text-align: center;
        border-bottom: 1px solid rgba(105,113,122,.431372549)
    }

    .customtabs-style-3 .nav-item .nav-link::after,.customtabs-style-3 .nav-item .nav-link::before {
        content: none
    }

    .customtabs-style-3 .nav-item:last-child .nav-link {
        border-bottom: none
    }
}

.filters-group-div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    height: auto;
    border-radius: .25rem
}

.filters-group-div .filters-btn-group {
    display: inline-block
}

.filters-group-div .filter-div {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: inline-block
}

.filters-group-div .filter-div .filter-btn {
    background: #f1f1f1!important;
    border: 1px solid #f1f1f1!important;
    color: #2c2b2e!important;
    padding: 4px 13px 4px 10px;
    border-radius: 0;
    z-index: 1;
    height: 30.5px
}

.filters-group-div .filter-div .filter-btn .dynamic-content .main {
    font-weight: 400
}

.filters-group-div .filter-div .filter-btn .dynamic-content i {
    margin-right: 3px;
    font-size: 16px
}

.filters-group-div .filter-div .filter-btn .dynamic-content .text-content {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    display: inline-block
}

.filters-group-div .filter-div .filter-btn.dropdown-toggle::after {
    content: none
}

.filters-group-div .filter-div .filter-btn.add-filter-btn {
    padding: 5.5px 10px;
    border-left: 2px solid #fff!important;
    border-top-right-radius: .25rem!important;
    border-bottom-right-radius: .25rem!important
}

.filters-group-div .filter-div .filter-btn.add-filter-btn i {
    font-size: 11px;
    margin-right: 0;
    color: #54667a
}

.filters-group-div .filter-div .filter-btn.add-filter-btn.first-btn {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border-width: 1px!important;
    border-color: transparent!important
}

.filters-group-div .filter-div .filter-btn.first-btn {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.filters-group-div .filter-div .filter-btn:hover {
    background: #e3e7f9!important;
    border: 1px solid #e3e7f9!important;
    color: #324bfa!important;
    opacity: 1
}

.filters-group-div .filter-div .filter-btn.add-filter-btn:not(.disabled):hover {
    border-left: 2px solid #fff!important
}

.filters-group-div .filter-div .filter-btn.add-filter-btn:not(.disabled):hover i {
    color: #324bfa!important
}

.filters-group-div .filter-div .filter-btn.add-filter-btn:not(.disabled):hover.first-btn {
    border-width: 1px!important;
    border-color: transparent!important
}

.filters-group-div .filter-div .filter-btn.add-filter-btn.disabled:hover {
    background: #f1f1f1!important;
    opacity: .65;
    cursor: default
}

.filters-group-div .filter-div .filter-btn.focus,.filters-group-div .filter-div .filter-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.filters-group-div .filter-div .btn-group.show .filter-btn {
    background: #e3e7f9!important;
    border: 1px solid #e3e7f9!important;
    color: #324bfa!important;
    opacity: 1
}

.filters-group-div .filter-div .btn-group.show .filter-btn.add-filter-btn {
    border-left: 2px solid #fff!important
}

.filters-group-div .filter-div .btn-group.show .filter-btn.add-filter-btn i {
    color: #324bfa!important
}

.filters-group-div .filter-div .btn-group.show .filter-btn.add-filter-btn.first-btn {
    border-width: 1px!important;
    border-color: transparent!important
}

.filters-group-div .filter-div .btn-group.show+.remove-filter-tooltip-div {
    display: inline-block
}

.filters-group-div .filter-div .btn-group.show+.remove-filter-tooltip-div .remove-filter-btn {
    -webkit-box-shadow: -20px 0 20px 5px rgba(255,255,255,.5);
    box-shadow: -20px 0 20px 5px rgba(255,255,255,.5);
    background: #eaedfa!important;
    border: none!important;
    color: #f62d51!important;
    opacity: 1
}

.filters-group-div .filter-div .remove-filter-tooltip-div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: none
}

.filters-group-div .filter-div .remove-filter-tooltip-div .remove-filter-btn {
    -webkit-box-shadow: -20px 0 20px 5px rgba(255,255,255,.5);
    box-shadow: -20px 0 20px 5px rgba(255,255,255,.5);
    background: #eaedfa!important;
    border: none!important;
    border-radius: 0;
    color: #f62d51!important;
    padding: 5.5px 10px
}

.filters-group-div .filter-div .remove-filter-tooltip-div .remove-filter-btn i {
    font-size: 14px;
    vertical-align: middle
}

.filters-group-div .filter-div .remove-filter-tooltip-div .remove-filter-btn.focus,.filters-group-div .filter-div .remove-filter-tooltip-div .remove-filter-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.filters-group-div .filter-div .remove-filter-tooltip-div .tooltip-content3 {
    line-height: 18px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    background: #fff;
    color: #212529;
    font-size: 13px;
    border-radius: .25rem;
    padding: 5px 10px;
    min-width: 130px;
    margin-left: -65px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.filters-group-div .filter-div .remove-filter-tooltip-div .tooltip-content3::after {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #fff
}

.filters-group-div .filter-div .remove-filter-tooltip-div:hover {
    z-index: 1001
}

.filters-group-div .filter-and-div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 30.5px;
    display: inline-block;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    color: #54667a;
    padding: 4px 6px;
    font-size: 14px;
    font-weight: 400
}

.popover.filter-popover {
    margin-top: 2px;
    border: 1px solid #e9ecef!important;
    -webkit-box-shadow: 0 20px 20px 0 rgba(0,0,0,.1)!important;
    box-shadow: 0 20px 20px 0 rgba(0,0,0,.1)!important;
    padding: 15px 0 8px;
    max-width: 385px
}

.popover.filter-popover .popover-body {
    padding: 0
}

.popover.filter-popover .popover-body .filter-attribute .close-filter-btn {
    position: absolute;
    right: 2px;
    top: 0;
    background-color: transparent;
    color: #54657a
}

.popover.filter-popover .popover-body .filter-attribute .close-filter-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.popover.filter-popover .popover-body .filter-attribute .header {
    color: #2c2b2e;
    display: block;
    padding: .5rem 1.5rem;
    margin-bottom: 0;
    font-size: .875rem;
    white-space: nowrap
}

.popover.filter-popover .popover-body .filter-attribute .attributes {
    padding: 0 1.5rem
}

.popover.filter-popover .popover-body .filter-attribute .attributes .attribute-input input {
    width: 230px;
    height: 33.5px;
    min-height: 33.5px;
    padding: 7px 12px;
    font-size: 14px
}

.popover.filter-popover .popover-body .filter-attribute .attributes .radio-div .radio {
    padding-left: 8px
}

.popover.filter-popover .popover-body .filter-attribute .attributes .radio-div .radio label::before {
    height: 15px;
    width: 15px;
    margin-top: 3px
}

.popover.filter-popover .popover-body .filter-attribute .attributes .radio-div .radio label::after {
    height: 9px;
    left: 3px;
    top: 6px;
    width: 9px
}

.popover.filter-popover .popover-body .filter-attribute .attributes .radio-div .radio .checkbox-label {
    color: #54667a!important;
    font-size: 14px;
    font-weight: 400
}

.popover.filter-popover .popover-body .filter-attribute .attributes .operators-div {
    -webkit-transition: height .25s ease-in-out;
    transition: height .25s ease-in-out;
    overflow: hidden;
    height: 28px
}

.popover.filter-popover .popover-body .filter-attribute .attributes .operators-div.with-select-input {
    height: 92.5px
}

.popover.filter-popover .popover-body .filter-attribute .done-btn {
    font-size: 14px;
    text-align: center;
    color: #324bfa;
    font-weight: 500;
    padding: 0 1rem
}

.popover.filter-popover .popover-body .filter-attribute .done-btn.dropdown-item.active,.popover.filter-popover .popover-body .filter-attribute .done-btn.dropdown-item:active,.popover.filter-popover .popover-body .filter-attribute .done-btn.dropdown-item:focus,.popover.filter-popover .popover-body .filter-attribute .done-btn.dropdown-item:hover {
    background-color: transparent
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-toggle-attribute {
    line-height: 1.25;
    background-image: none;
    border: 1px solid #009efb;
    border-radius: .25rem;
    font-weight: 400;
    width: 230px;
    height: 33.5px;
    min-height: 33.5px;
    background-color: #009efb;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-align: left
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-toggle-attribute::after {
    float: right;
    margin-top: 7px
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-menu {
    color: #54667a
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item {
    font-size: 14px;
    cursor: pointer;
    padding: 6px 15px
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item.disabled,.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item:disabled {
    color: #868e96!important;
    background-color: transparent;
    cursor: default!important
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item.active,.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item:active {
    background-color: #f8f9fa
}

.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item.disabled:active,.popover.filter-popover .popover-body .filter-attribute .dropdown-menu .dropdown-item:disabled:active {
    background-color: transparent
}

.popover.filter-popover .popover-body .field-error-message {
    display: block;
    font-size: 12px;
    padding: 0 5px
}

.popover.filter-popover .popover-body .main-error-message {
    width: 100%;
    height: 18px
}

.popover.filter-popover ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.popover.filter-popover ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.popover.filter-popover ::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.popover-template-display-none {
    display: none
}

@media (max-width: 767px) {
    .filters-group-div {
        display:block!important
    }

    .filters-group-div .btn-group {
        display: block;
        width: 100%
    }

    .filters-group-div .filter-div {
        display: block;
        width: 100%
    }

    .filters-group-div .filter-and-div {
        display: none
    }

    .filters-group-div .filter-div .filter-btn {
        width: 100%;
        border-radius: .25rem;
        text-align: left;
        margin-bottom: 5px
    }

    .popover.filter-popover .popover-body .filter-attribute .attributes .attribute-input input,.popover.filter-popover .popover-body .filter-attribute .dropdown-toggle-attribute {
        width: 210px
    }

    .filters-group-div .filter-div .filter-btn.add-filter-btn {
        margin-bottom: 0;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        border-left: 1px solid #f1f1f1!important
    }

    .popover.filter-popover .popover-body .filter-attribute .attributes {
        padding: 0 1rem .5rem 1rem
    }

    .popover.filter-popover .popover-body .filter-attribute .header {
        padding: .5rem 1rem
    }

    .filters-group-div .filter-div .remove-filter-tooltip-div .tooltip-content3 {
        min-width: 80px;
        width: 80px;
        margin-left: -50px
    }

    .filters-group-div .filter-div .remove-filter-tooltip-div .tooltip-content3::after {
        margin-left: 5px
    }

    .filters-group-div .filter-div .filter-btn .dynamic-content .text-content {
        width: calc(100% - 25px)
    }
}

.checkbox-custom label {
    font-size: 14px
}

.checkbox-custom label::after {
    content: "";
    display: table;
    clear: both
}

.checkbox-custom label input[type=checkbox] {
    display: none
}

.checkbox-custom label input[type=checkbox]+.cr>.cr-icon {
    opacity: 0
}

.checkbox-custom label input[type=checkbox]:checked+.cr>.cr-icon {
    opacity: 1
}

.checkbox-custom label input[type=checkbox]:disabled+.cr {
    opacity: .5
}

.checkbox-custom .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .6em
}

.checkbox-custom .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 15%
}

.checkbox-custom.blue label input[type=checkbox]:checked+.cr {
    background-color: #00f;
    border-color: #00f
}

.checkbox-custom.blue label input[type=checkbox]:checked+.cr>.cr-icon {
    opacity: 1;
    color: #fff
}

.checkbox-custom.grey label input[type=checkbox]:checked+.cr {
    background-color: #3d506b;
    border-color: #3d506b
}

.checkbox-custom.grey label input[type=checkbox]:checked+.cr>.cr-icon {
    opacity: 1;
    color: #fff
}

.checkbox-custom.black label input[type=checkbox]:checked+.cr {
    background-color: #343a40;
    border-color: #343a40
}

.checkbox-custom.black label input[type=checkbox]:checked+.cr>.cr-icon {
    opacity: 1;
    color: #fff
}

.checkbox.invalid label::before {
    border-color: red
}

.custom-switch-toggle {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 25px;
    float: right;
    margin: 0
}

.custom-switch-toggle input {
    display: none
}

.custom-switch-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 34px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.custom-switch-toggle .slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 4px;
    bottom: 4px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.custom-switch-toggle input.default:checked+.slider {
    background-color: #343a40
}

.custom-switch-toggle input.primary:checked+.slider {
    background-color: #7460eb
}

.custom-switch-toggle input.success:checked+.slider {
    background-color: #55ce62
}

.custom-switch-toggle input.info:checked+.slider {
    background-color: #2196f3
}

.custom-switch-toggle input.warning:checked+.slider {
    background-color: #ffbc34
}

.custom-switch-toggle input.danger:checked+.slider {
    background-color: #f62d51
}

.custom-switch-toggle input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.custom-switch-toggle input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.custom-square-switch-toggle {
    position: relative;
    display: inline-block;
    width: 68px;
    height: 32px;
    float: right;
    margin: 0
}

.custom-square-switch-toggle input {
    display: none
}

.custom-square-switch-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 4px;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

.custom-square-switch-toggle .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 28px;
    left: 3px;
    bottom: 3px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.custom-square-switch-toggle .slider:after {
    content: "";
    font-size: 12px;
    font-weight: 400;
    padding: 6px 8px;
    color: #fff;
    position: absolute;
    top: 1px
}

.custom-square-switch-toggle input.default:checked+.slider {
    background-color: #343a40
}

.custom-square-switch-toggle input.primary:checked+.slider {
    background-color: #7460eb
}

.custom-square-switch-toggle input.success:checked+.slider {
    background-color: #55ce62
}

.custom-square-switch-toggle input.info:checked+.slider {
    background-color: #2196f3
}

.custom-square-switch-toggle input.warning:checked+.slider {
    background-color: #ffbc34
}

.custom-square-switch-toggle input.danger:checked+.slider {
    background-color: #f62d51
}

.custom-square-switch-toggle input:focus+.slider {
    -webkit-box-shadow: 0 0 1px #2196f3;
    box-shadow: 0 0 1px #2196f3
}

.custom-square-switch-toggle input+.slider:after {
    content: "OFF";
    left: auto;
    right: 0
}

.custom-square-switch-toggle input:checked+.slider:after {
    content: "ON";
    left: 0;
    right: auto
}

.custom-square-switch-toggle input:checked+.slider:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    left: 17px
}

.color-picker-tooltip-div {
    z-index: 2;
    position: unset
}

.color-picker-tooltip-div .tooltip-content3 {
    line-height: 18px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.1);
    background: #fff;
    color: #212529;
    font-size: 13px;
    border-radius: 4px;
    padding: 5px 10px;
    min-width: 130px;
    margin-left: -65px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 140%
}

.color-picker-tooltip-div .tooltip-content3::after {
    width: 10px;
    height: 10px;
    margin-left: -5px;
    background: #fff
}

.color-picker-tooltip-div .asColorPicker-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.color-picker-tooltip-div .asColorPicker-wrap .asColorPicker-clear,.color-picker-tooltip-div .asColorPicker-wrap .asColorPicker-input {
    display: none!important
}

.color-picker-tooltip-div .asColorPicker-wrap .asColorPicker-trigger {
    position: relative;
    top: unset;
    right: unset;
    height: 20px;
    width: 20px;
    border-radius: 2px;
    border: 1px solid #cbcdd1
}

.color-picker-tooltip-div .asColorPicker-wrap .asColorPicker-trigger span {
    border-radius: 2px
}

.color-picker-tooltip-div:hover {
    z-index: 1001
}

.asColorPicker-dropdown {
    max-width: 215px;
    margin-top: 12px;
    border: 0;
    -webkit-box-shadow: -1px -1px 15px 0 rgba(0,0,0,.2);
    box-shadow: -1px -1px 15px 0 rgba(0,0,0,.2);
    border-radius: 4px
}

.asColorPicker-dropdown .asColorPicker-buttons,.asColorPicker-dropdown .asColorPicker-preview-previous {
    display: none
}

.asColorPicker-dropdown .asColorPicker-preview:after {
    content: none
}

.asColorPicker-dropdown .asColorPicker-palettes li {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: 3px;
    border: 1px solid #cbcdd1;
    border-radius: 2px
}

.asColorPicker-dropdown .asColorPicker-preview {
    width: 40px
}

.asColorPicker-dropdown .asColorPicker-preview li {
    width: 33px;
    height: 33px;
    border: 1px solid #cbcdd1;
    border-radius: 2px
}

.asColorPicker-dropdown .asColorPicker-alpha,.asColorPicker-dropdown .asColorPicker-hue {
    background-size: 10px 150px
}

.asColorPicker-dropdown .asColorPicker-alpha,.asColorPicker-dropdown .asColorPicker-hue {
    width: 10px;
    height: 150px;
    border-radius: 2px
}

.asColorPicker-dropdown .asColorPicker-saturation {
    width: 150px;
    height: 150px;
    background-size: 150px 150px;
    border-radius: 2px
}

.asColorPicker-dropdown .asColorPicker-alpha i,.asColorPicker-dropdown .asColorPicker-hue i {
    width: 12px;
    height: 5px;
    margin-top: 0;
    left: -1px;
    border: 1px solid #cbcdd1;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 15px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 15px 0 rgba(0,0,0,.2);
    cursor: pointer
}

.asColorPicker-dropdown .asColorPicker-saturation {
    overflow: hidden
}

.asColorPicker-dropdown .asColorPicker-saturation i {
    width: 10px;
    height: 10px;
    margin-left: -2px;
    margin-top: -2px;
    border-radius: 100%;
    border: 1px solid #fff;
    background-color: transparent;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 15px 0 rgba(0,0,0,.3);
    box-shadow: 1px 1px 15px 0 rgba(0,0,0,.3);
    cursor: pointer
}

.asColorPicker-dropdown .asColorPicker-hex {
    width: 150px;
    border: 1px solid rgba(0,0,0,.15);
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 4px
}

.asColorPicker-dropdown::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    bottom: 96%;
    background: #fff;
    -webkit-transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);
    transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg)
}

.animate-faster-60ms {
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.animate-faster {
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@-webkit-keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

@keyframes blink {
    0% {
        opacity: .2
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: .2
    }
}

.animated-dots span {
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated-dots span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.animated-dots span:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.rotating {
    -webkit-animation: rotating 1.5s linear infinite;
    animation: rotating 1.5s linear infinite
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

    to {
        opacity: 1
    }
}

@-webkit-keyframes fading {
    0% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .1
    }
}

@keyframes fading {
    0% {
        opacity: .1
    }

    50% {
        opacity: .2
    }

    100% {
        opacity: .1
    }
}

@keyframes highlightBoxShadow {
    0% {
        -webkit-box-shadow: 0 0 5px rgba(1,158,251,.5);
        box-shadow: 0 0 5px rgba(1,158,251,.5);
        border-color: #019efb
    }

    100% {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: transparent
    }
}

@-webkit-keyframes highlightBoxShadow {
    0% {
        -webkit-box-shadow: 0 0 5px rgba(1,158,251,.5);
        box-shadow: 0 0 5px rgba(1,158,251,.5);
        border-color: #019efb
    }

    100% {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-color: transparent
    }
}

@keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

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

@-webkit-keyframes heartbit {
    0% {
        -webkit-transform: scale(0);
        opacity: 0
    }

    25% {
        -webkit-transform: scale(.1);
        opacity: .1
    }

    50% {
        -webkit-transform: scale(.5);
        opacity: .3
    }

    75% {
        -webkit-transform: scale(.8);
        opacity: .5
    }

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

.swal-modal {
    padding: 15px 0
}

.swal-title {
    color: #2c2b2e;
    font-family: Rubik,sans-serif;
    font-weight: 400
}

.swal-text {
    font-family: Rubik,sans-serif;
    color: #54667a;
    font-weight: 300;
    font-size: 15px;
    line-height: 20px;
    padding: 0 25px;
    text-align: center
}

.swal-button {
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.25;
    border-radius: .25rem;
    padding: 7px 12px;
    font-size: 15px;
    min-width: 70px;
    background-color: #263238!important;
    border: 1px solid #263238!important
}

.swal-button.focus,.swal-button:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.swal-button:hover {
    opacity: .7
}

.swal-button.swal-button--cancel {
    background-color: transparent!important;
    color: #263238
}

.swal-button.swal-button--danger {
    background-color: #e6294b!important;
    border-color: #e6294b!important
}

.swal-button.swal-button--danger:not([disabled]):hover {
    background-color: #e6294b
}

.swal-button.swal-middle-btn {
    background-color: transparent!important;
    color: #263238
}

.swal-footer {
    text-align: center
}

.swal-icon img {
    width: 65px
}

.pagination {
    cursor: pointer;
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 10px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #263238;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    line-height: 1.5
}

.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #04a8fb;
    border-color: #04a8fb
}

#importModal .contacts-import-table {
    min-height: 250px;
    border: 1px solid rgba(0,0,0,.15);
    margin-top: 10px;
    border-radius: .25rem;
    margin-bottom: 40px
}

#main-modal .modal-header {
    border: 0 none
}

#main-modal .modal-header .modal-title span {
    display: inline-block
}

#main-modal .modal-header .close {
    font-weight: 400
}

#main-modal .modal-body {
    min-height: 115px
}

#main-modal .modal-body>div {
    position: relative;
    padding: 0 130px 0 15px
}

#main-modal .modal-body>div span {
    font-weight: 400
}

#main-modal .modal-body .modal-icon {
    width: 100px;
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 100px;
    text-align: right;
    color: #55ce63
}

#main-modal .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0 none
}

#main-modal .modal-footer .btn-primary {
    background-color: #009efb;
    border-color: #009efb;
    margin-left: 15px
}

#main-modal .modal-footer>div {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 13px
}

#main-modal .modal-footer>div input {
    vertical-align: top;
    margin-top: 3px
}

#dialing-list-modal .modal-header {
    border: 0 none
}

#dialing-list-modal .modal-header .modal-title span {
    display: inline-block
}

#dialing-list-modal .modal-header .close {
    font-weight: 400
}

#dialing-list-modal .modal-body>div {
    position: relative;
    padding: 0 130px 0 15px
}

#dialing-list-modal .modal-body>div span {
    font-weight: 400
}

#dialing-list-modal .modal-body .modal-icon {
    width: 100px;
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 100px;
    text-align: right;
    color: #55ce63
}

#dialing-list-modal .modal-body .field-error-message {
    font-size: 12.5px;
    line-height: 12.5px
}

#dialing-list-modal .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0 none
}

#dialing-list-modal .modal-footer .btn-primary {
    background-color: #009efb;
    border-color: #009efb;
    margin-left: 15px
}

#dialing-list-modal .modal-footer>div {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 13px
}

#dialing-list-modal .modal-footer>div input {
    vertical-align: top;
    margin-top: 3px
}

#plan-update-modal .modal-header {
    border: 0 none
}

#plan-update-modal .modal-header .modal-title span {
    display: inline-block
}

#plan-update-modal .modal-header .close {
    font-weight: 400
}

#plan-update-modal .modal-body>div {
    position: relative;
    padding: 0 130px 0 15px
}

#plan-update-modal .modal-body>div span {
    font-weight: 400
}

#plan-update-modal .modal-body .modal-icon {
    width: 100px;
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 100px;
    text-align: right;
    color: #55ce63
}

#plan-update-modal .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0 none
}

#plan-update-modal .modal-footer .btn-primary {
    background-color: #009efb;
    border-color: #009efb;
    margin-left: 15px
}

#plan-update-modal .modal-footer>div {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 13px
}

#plan-update-modal .modal-footer>div input {
    vertical-align: top;
    margin-top: 3px
}

#adhoc-call-modal .modal-header {
    border: 0 none
}

#adhoc-call-modal .modal-header .modal-title span {
    display: inline-block
}

#adhoc-call-modal .modal-header .close {
    font-weight: 400
}

#adhoc-call-modal .modal-body>div {
    position: relative;
    padding: 0 130px 0 15px
}

#adhoc-call-modal .modal-body>div span {
    font-weight: 400
}

#adhoc-call-modal .modal-body .modal-icon {
    width: 100px;
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 100px;
    text-align: right;
    color: #55ce63
}

#adhoc-call-modal .modal-body .required-field-badge {
    position: absolute;
    color: red;
    font-size: 18px;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

#adhoc-call-modal .modal-body .field-error-message {
    font-size: 12.5px
}

#adhoc-call-modal .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0 none
}

#adhoc-call-modal .modal-footer .btn-primary {
    background-color: #009efb;
    border-color: #009efb;
    margin-left: 15px
}

#adhoc-call-modal .modal-footer>div {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 13px
}

#adhoc-call-modal .modal-footer>div input {
    vertical-align: top;
    margin-top: 3px
}

#user-numbers-modal .modal-header {
    border: 0 none
}

#user-numbers-modal .modal-header .modal-title span {
    display: inline-block
}

#user-numbers-modal .modal-header .close {
    font-weight: 400
}

#user-numbers-modal .modal-body>div {
    position: relative;
    padding: 0 130px 0 15px
}

#user-numbers-modal .modal-body>div span {
    font-weight: 400
}

#user-numbers-modal .modal-body .modal-icon {
    width: 100px;
    display: block;
    position: absolute;
    top: 15px;
    right: 30px;
    font-size: 100px;
    text-align: right;
    color: #55ce63
}

#user-numbers-modal .modal-footer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 0 none
}

#user-numbers-modal .modal-footer .btn-primary {
    background-color: #009efb;
    border-color: #009efb;
    margin-left: 15px
}

#user-numbers-modal .modal-footer>div {
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 13px
}

#user-numbers-modal .modal-footer>div input {
    vertical-align: top;
    margin-top: 3px
}

#fax-modal .required-field-badge {
    position: absolute;
    color: red;
    font-size: 18px;
    right: 6px;
    left: auto;
    top: 0;
    z-index: 1
}

@media (max-width: 575px) {
    #main-modal .modal-body {
        min-height:65px
    }

    #main-modal .modal-body>div {
        padding-right: 80px
    }

    #main-modal .modal-body .modal-icon {
        width: 50px;
        font-size: 50px
    }
}

#welcome-modal.modal .modal-dialog .modal-content .modal-header .logo {
    margin: 0 auto;
    display: block
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body {
    padding: 15px 25px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .subtitle {
    font-weight: 300;
    margin-bottom: 15px;
    color: #90a4ae;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .desc {
    font-size: 15px;
    font-weight: 300;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .desc-bold {
    font-size: 14px;
    font-weight: 400;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .desc-bold-font-15 {
    font-size: 15px;
    font-weight: 400;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .input-label {
    color: #54667a;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .input-label i {
    font-size: 15px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .phone-number-input {
    width: 100%;
    padding: .5rem .75rem .5rem 3rem;
    font-size: 1rem;
    line-height: 1.25;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body input.invalid {
    border-bottom-color: red
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .field-error-message {
    font-size: 12.5px;
    font-weight: 400
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .strong-span {
    color: #2c2b2e;
    font-weight: 500
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .radio label {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .radio label::before {
    -o-transition: border .5s ease-in-out;
    -webkit-transition: border .5s ease-in-out;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid rgba(120,130,140,.4);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-left: -20px;
    outline: 0;
    position: absolute;
    transition: border .5s ease-in-out;
    width: 16px;
    outline: 0;
    top: 2px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::after {
    background-color: #272d33
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .radio label::after {
    background-color: #263238;
    order-radius: 50%;
    content: " ";
    display: inline-block;
    height: 6px;
    left: 5px;
    margin-left: -20px;
    position: absolute;
    top: 7px;
    width: 6px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .radio-info input[type=radio]:checked+label::before {
    border-color: #272d33
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .recommended-badge {
    position: relative;
    margin-left: 5px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-body .recommended-badge .badge {
    position: absolute;
    top: -17px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-footer {
    padding: 15px 25px
}

#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-back,#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit {
    width: 125px;
    font-family: Rubik,sans-serif
}

#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit {
    margin: 7px 0 7px auto
}

#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit.focus,#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit:focus {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff
}

#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-back {
    margin: 7px auto 7px 0
}

#welcome-modal.modal .modal-dialog .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    z-index: 2
}

@media (max-width: 480px) {
    #welcome-modal.modal .modal-dialog .modal-content .modal-body .radio label.recommended {
        width:50%
    }
}

@media (max-width: 350px) {
    #welcome-modal.modal .modal-dialog .modal-content .modal-body {
        padding:15px
    }

    #welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-back,#welcome-modal.modal .modal-dialog .modal-content .modal-footer .btn-submit {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    #welcome-modal .radio input[type=radio] {
        display: inherit
    }

    #welcome-modal.modal .modal-dialog .modal-content .modal-body .radio label {
        font-size: 13px
    }
}

.modal {
    overflow: auto
}

.modal.show::-webkit-scrollbar {
    display: none
}

.modal .modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.modal .modal-header .close {
    padding: 0;
    margin: 0
}

.cancel-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: 17px 25px 0
}

.cancel-modal .modal-dialog .modal-content .modal-header .modal-title-div {
    padding: 0 10px
}

.cancel-modal .modal-dialog .modal-content .modal-body {
    padding: 0 35px 22px
}

.cancel-modal .modal-dialog .modal-content .modal-body .content-message .info-message {
    font-size: 15px;
    line-height: 19px
}

.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn {
    font-size: 15.5px;
    font-weight: 400;
    padding: 7px 25px;
    border-radius: 4px
}

.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn.focus,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn:focus,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn.focus,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn:hover,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn:hover {
    opacity: .6
}

.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn {
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb
}

.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn {
    color: #54667a;
    background: #fff;
    border: 1px solid #54667a
}

@media (max-width: 450px) {
    .cancel-modal .modal-dialog .modal-content .modal-body {
        padding:0 20px 22px
    }

    .cancel-modal .modal-dialog .modal-content .modal-header {
        padding: 17px 10px 0
    }
}

@media (max-width: 420px) {
    .cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn {
        margin-right:0!important;
        margin-bottom: 8px
    }

    .cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .cancel-btn,.cancel-modal .modal-dialog .modal-content .modal-body .cancel-submit .keep-btn {
        width: 100%
    }
}

.radio-dark input[type=radio]+label::after {
    background-color: #343a40
}

.radio-dark input[type=radio]:checked+label::before {
    border-color: #343a40
}

.radio-dark input[type=radio]:checked+label::after {
    background-color: #343a40
}

.tall-dropdown-menu {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.short-dropdown-menu {
    max-height: 130px;
    overflow-y: auto;
    overflow-x: hidden
}

.dropdown-menu-right {
    right: 0;
    left: auto!important;
    top: auto!important
}

.dropdown-menu-left {
    right: auto!important;
    left: 0!important;
    top: auto!important
}

.preloader {
    z-index: 2147483004
}

.main-blue-color {
    color: #009efb
}

.main-blue-color-important {
    color: #009efb!important
}

.text-white {
    color: #fff
}

.text-underline {
    text-decoration: underline
}

.text-left {
    text-align: left
}

.font-size-10 {
    font-size: 10px
}

.font-size-14 {
    font-size: 14px
}

.font-size-15 {
    font-size: 15px
}

.font-weight-400 {
    font-weight: 400
}

.font-weight-500 {
    font-weight: 500
}

.line-height-20px {
    line-height: 20px
}

.bg-dark-grey {
    background-color: #788699
}

.no-height {
    height: 0
}

.w-5 {
    width: 5%!important
}

.w-9 {
    width: 9%!important
}

.w-12 {
    width: 12%!important
}

.w-15 {
    width: 15%!important
}

.w-16 {
    width: 16%!important
}

.w-17 {
    width: 17%!important
}

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

.w-25 {
    width: 25%!important
}

.w-30 {
    width: 30%!important
}

.position-relative {
    position: relative
}

.position-unset {
    position: unset
}

.hide-elem {
    display: none!important
}

.db {
    display: block
}

.db-important {
    display: block!important
}

.dn {
    display: none
}

.dn-important {
    display: none!important
}

.pull-right {
    float: right
}

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

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

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

.vertical-align-super {
    vertical-align: super
}

.equal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.equal>[class*=col-] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-l-45 {
    margin-left: 45px
}

.m-l-3 {
    margin-left: 3px
}

.m-r-3 {
    margin-right: 3px
}

.m-t-3 {
    margin-top: 3px
}

.margin-top-26px {
    margin-top: 26px!important
}

.visible {
    visibility: visible!important
}

.hidden {
    visibility: hidden!important
}

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

.cursor-pointer {
    cursor: pointer
}

.cursor-move {
    cursor: move
}

.scroll-sidebar {
    padding-top: 20px
}

.card-col {
    height: calc(100% - 30px)
}

@media (max-width: 1550px) {
    .width-1550-down-40-px {
        width:40px!important
    }
}

@media (max-width: 1200px) {
    .lg-down-width-40 {
        width:40px!important
    }

    .lg-down-width-40 {
        width: 40px!important
    }
}

@media (min-width: 1551px) and (max-width:1700px) {
    .width-1551-1700-200-px {
        width:200px!important
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .width-1425-1550-130-px {
        width:130px!important
    }
}

@media (min-width: 769px) and (max-width:991px),(min-width:1024px) and (max-width:1130px),(min-width:1425px) and (max-width:1490px) {
    .col-date-4 {
        -ms-flex:0 0 33.333333%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 33.333333%!important;
        max-width: 33.333333%!important
    }

    .col-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

@media (min-width: 576px) and (max-width:1279px) {
    .width-576-1279-190-px {
        width:190px!important
    }
}

@media (min-width: 576px) and (max-width:1200px) {
    .width-576-1200-200-px {
        width:200px!important
    }
}

@media (max-width: 992px) {
    .md-down-width-40 {
        width:40px!important
    }

    .md-mb-8px {
        margin-bottom: 8px
    }
}

@media (max-width: 768px) {
    .sm-down-width-150 {
        width:150px!important
    }

    .sm-down-width-40 {
        width: 40px!important
    }

    .sm-down-width-32 {
        width: 32px!important
    }

    .sm-down-height-32 {
        height: 32px!important
    }

    .md-down-display-none {
        display: none
    }
}

@media (max-width: 767px) {
    .mt-md-8px {
        margin-top:8px
    }
}

@media (min-width: 576px) and (max-width:767px) {
    .margin-top-8px-576-767 {
        margin-top:8px
    }
}

@media (max-width: 575px) {
    .sm-down-padding-top-10px {
        padding-top:10px
    }

    .col-xs-offset-4 {
        margin-left: 33.33333333%
    }

    .xs-pr-0 {
        padding-right: 0
    }

    .xs-mb-3 {
        margin-bottom: 1rem!important
    }
}

@media (max-width: 565px) {
    .sm-down-display-none {
        display:none
    }
}

@media (max-width: 480px) {
    .xs-480-down-width-36 {
        width:36px!important
    }
}

@media (max-width: 400px) {
    .xs-400-down-width-108 {
        width:108px!important
    }

    .xs-400-down-width-184 {
        width: 184px!important
    }

    .xs-400-down-width-30 {
        width: 30px!important
    }
}

@media (max-width: 350px) {
    .xs-350-down-width-50 {
        width:50px!important
    }

    .xs-350-down-width-100 {
        width: 100px!important
    }
}

@media (max-width: 339px) {
    .xs-down-width-100 {
        width:100px!important
    }

    .xs-down-width-50 {
        width: 50px!important
    }
}

@media (max-width: 767px) {
    .md-display-block {
        display:block!important
    }
}

@media (max-width: 991px) {
    .md-down-no-padding-left {
        padding-left:0
    }
}

@media (max-width: 1029px) {
    .lg-down-no-padding {
        padding:0
    }
}

.daterangepicker {
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    font-family: Rubik,sans-serif;
    -webkit-animation-duration: .35s;
    animation-duration: .35s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    margin-top: .125rem
}

.daterangepicker:after,.daterangepicker:before {
    content: none
}

.daterangepicker .ranges li {
    font-size: 13px;
    padding: 8px 12px;
    cursor: pointer;
    background-color: transparent;
    color: #55657a;
    font-weight: 400;
    border: none;
    margin: 0
}

.daterangepicker .ranges li:hover {
    background-color: #f5f5f5;
    color: #55657a
}

.daterangepicker .ranges li.active {
    background-color: #f5f5f5;
    color: #55657a
}

.daterangepicker .drp-selected {
    float: left;
    line-height: 30px;
    padding-left: 7px
}

.daterangepicker .drp-buttons .btn {
    margin-left: 8px;
    font-size: 13px;
    font-weight: 400;
    padding: 4px 15px
}

.daterangepicker.show-calendar .drp-buttons,.daterangepicker.show-ranges .drp-calendar.left {
    border: none
}

.daterangepicker .applyBtn {
    background-color: #04a8fb;
    border-color: #04a8fb
}

.daterangepicker .applyBtn:focus,.daterangepicker .applyBtn:hover {
    background-color: #04a8fb;
    border-color: #04a8fb
}

.daterangepicker .applyBtn:active {
    background-color: #04a8fb;
    border-color: #04a8fb
}

.daterangepicker .applyBtn:active:focus {
    background-color: #04a8fb;
    border-color: #04a8fb
}

@media (min-width: 730px) and (max-width:889px) {
    .daterangepicker .drp-calendar.left {
        clear:left!important;
        margin-right: 0
    }
}

@media (max-width: 604px) {
    .daterangepicker .drp-selected {
        display:none
    }
}

.iti {
    width: 100%
}

.iti .iti__country-list .iti__country {
    padding: 7px 10px;
    font-size: 15px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.iti .iti__country-list .iti__country.highlight {
    margin: 0!important
}

.iti__country-name {
    margin-right: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    white-space: break-spaces
}

.iti__flag-container {
    width: 100%
}

.iti__selected-flag {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.iti__country-name,.iti__flag-box {
    margin-right: 10px
}

.iti-mobile .iti--container {
    width: calc(100% - 60px)
}

.introjs-helperLayer {
    background: 0 0
}

.introjs-overlay {
    opacity: 0!important
}

.introjs-helperLayer:before {
    opacity: 0;
    content: "";
    position: fixed;
    width: inherit;
    height: inherit;
    border-radius: .5em;
    -webkit-box-shadow: 0 0 0 1000em rgba(0,0,0,.7);
    box-shadow: 0 0 0 1000em rgba(0,0,0,.7);
    opacity: 1
}

.introjs-helperLayer:after {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 1000
}

.introjs-helperNumberLayer {
    border: none;
    font-family: inherit;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 18px;
    height: 18px;
    line-height: 18px;
    left: -6px;
    font-size: 12px;
    background: #f62d51
}

.introjs-tooltip {
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff
}

.introjs-tooltiptext {
    font-family: inherit;
    text-align: center;
    color: #545454;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    word-wrap: break-word
}

.introjs-button {
    border: 0;
    background: initial;
    text-shadow: none;
    margin: 10px 5px 3px;
    padding: 7px 12px;
    font-size: 14px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 1.25;
    border-radius: .25rem;
    opacity: 1
}

.introjs-nextbutton,.introjs-nextbutton:focus {
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb
}

.introjs-nextbutton.active,.introjs-nextbutton:active,.introjs-nextbutton:hover {
    color: #fff;
    background: #009efb;
    border: 1px solid #009efb;
    opacity: .8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.introjs-prevbutton,.introjs-prevbutton:focus {
    color: #fff;
    background: #868e96;
    border: 1px solid #868e96
}

.introjs-prevbutton.active,.introjs-prevbutton:active,.introjs-prevbutton:hover {
    color: #fff;
    background: #868e96;
    border: 1px solid #868e96;
    opacity: .8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.introjs-skipbutton,.introjs-skipbutton:focus {
    color: #fff;
    background: #f62d51;
    border: 1px solid #f62d51
}

.introjs-skipbutton.active,.introjs-skipbutton:active,.introjs-skipbutton:hover {
    color: #fff;
    background: #f62d51;
    border: 1px solid #f62d51;
    opacity: .8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.introjs-bullets ul li a.active {
    background: #009efb
}

.introjs-donebutton,.introjs-donebutton:focus {
    color: #fff;
    background: #55ce63;
    border: 1px solid #55ce63
}

.introjs-donebutton.active,.introjs-donebutton:active,.introjs-donebutton:hover {
    color: #fff;
    background: #55ce63;
    border: 1px solid #55ce63;
    opacity: .8;
    -webkit-box-shadow: none;
    box-shadow: none
}

.introjs-disabled {
    color: #9a9a9a!important;
    border-color: #f4f4f4!important;
    background-color: #f4f4f4!important
}

.walktrhough-info {
    display: none
}

.walktrhough-info.active,.walktrhough-info:active,.walktrhough-info:focus,.walktrhough-info:hover {
    background: #009efb;
    border: 1px solid #009efb;
    color: #fff;
    opacity: .8
}

@media (min-width: 1024px) {
    .walktrhough-info {
        display:block
    }
}

table.dataTable,table.dataTable.no-footer {
    margin: 0!important;
    width: 100%!important;
    border-top: none!important;
    border-bottom: none!important
}

table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled {
    cursor: pointer
}

table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after {
    font-size: 12px
}

table.dataTable thead .sorting:after {
    content: "\f0dc"
}

table.dataTable thead .sorting_asc:after {
    vertical-align: bottom;
    content: "\f0de"
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    vertical-align: top
}

table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc:after {
    color: #009ffb
}

.dataTables_wrapper {
    padding: 0!important
}

.dataTables_wrapper .dataTables_empty {
    display: none
}

.dataTables_scrollBody table.dataTable thead .sorting:after,.dataTables_scrollBody table.dataTable thead .sorting_asc:after,.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
    content: none!important
}
.topbar {
    position: fixed;
    width: 100%;
    top: 0
}

.topbar .verify-banner {
    padding: 3px 0
}

.topbar .verify-banner p {
    font-size: 14px;
    font-weight: 400
}

.topbar .verify-banner p a {
    font-weight: 500
}

.topbar .verify-banner p.cursor-pointer {
    cursor: pointer
}

.topbar .top-navbar {
    padding-right: 15px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center
}

.topbar .top-navbar .navbar-header .navbar-brand .full-logo-styles {
    max-height: 50px;
    width: 117px
}

.topbar .top-navbar .navbar-header .navbar-brand .full-logo-beta-styles {
    max-height: 55px;
    width: 147px
}

.topbar .top-navbar .navbar-header .navbar-brand .icon-logo-styles {
    max-height: 50px;
    width: 44px
}

.topbar .top-navbar .navbar-collapse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.topbar .top-navbar .navbar-collapse .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

.topbar .top-navbar .navbar-collapse .navbar-nav>.nav-item.show {
    position: static;
    background: inherit
}

.topbar .top-navbar .navbar-collapse .navbar-nav>.nav-item.show a {
    color: #019efb
}

.topbar .top-navbar .navbar-collapse .navbar-nav>.nav-item.show .dropdown-menu {
    width: 100%;
    margin-top: 3px
}

.topbar .top-navbar .navbar-collapse .navbar-nav>.nav-item>.nav-link {
    padding-left: .5rem;
    padding-right: .5rem
}

.topbar .top-navbar .navbar-collapse .navbar-nav .top-header-nav-link {
    color: #798699;
    font-size: 16px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .search-area {
    margin-left: 20px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .search-area .app-search input {
    font-weight: 400
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn {
    height: 37px;
    margin: 16px 0;
    border: 1.5px solid #798699;
    border-radius: 100%;
    color: #798699
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn i {
    font-size: 17px;
    vertical-align: top
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn.do-not-disturb-user-status {
    background-color: #ff214f;
    border: 1.5px solid #ff214f;
    color: #fff
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn.do-not-disturb-user-status:hover {
    color: #fff!important
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn.active-user-status {
    background-color: #55ce63;
    border: 1.5px solid #55ce63;
    color: #fff
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn.active-user-status:hover {
    color: #fff!important
}

.topbar .top-navbar .navbar-collapse .navbar-nav .equalizer-header-btn:hover {
    color: #798699;
    opacity: .7
}

.topbar .top-navbar .navbar-collapse .navbar-nav .nav-collapse-menu {
    font-size: 18px;
    vertical-align: middle;
    color: #54667a
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown {
    position: relative!important
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .header-dropdown-main-icon {
    font-size: 18px;
    vertical-align: middle
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .header-dropdown-main-icon.user {
    font-size: 16px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .header-dropdown-caret-icon {
    font-size: 12px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .header-user-dropdown-text {
    vertical-align: middle;
    padding: 0 5px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu {
    border: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.1);
    box-shadow: 0 5px 15px rgba(0,0,0,.1);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: absolute
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul {
    padding: 0;
    width: auto
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li {
    padding: 0 5px;
    list-style: none;
    margin: 0
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a {
    font-size: 15px;
    padding: 5px 15px;
    display: block;
    color: #54667a
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a.active-menu-item {
    color: #019efb
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a.device-a {
    padding: 5px 10px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-menu-item-icon {
    line-height: 15px;
    vertical-align: middle;
    font-size: 18px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-menu-item-icon i {
    text-align: center;
    width: 22.5px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-menu-checked-icon {
    line-height: 28px;
    font-size: 17px;
    padding-right: 5px;
    color: #019efb
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-menu-devices-item-text {
    line-height: 28px;
    padding-left: 15px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-menu-item-text {
    line-height: 28px;
    padding-left: 15px;
    vertical-align: middle
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a .header-dropdown-main-icon {
    width: 16px;
    text-align: center
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li a:hover {
    background: #f2f4f8;
    text-decoration: none
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: rgba(120,130,140,.13)
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu .dropdown-menu-ul li.divider.bottom-divider {
    margin-bottom: 0
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account {
    width: 272px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box {
    padding: 10px 15px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-img {
    width: 60px;
    display: inline-block;
    vertical-align: top
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-img img {
    width: 100%;
    border-radius: 100%
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-text {
    display: inline-block;
    max-width: 155px;
    word-break: break-word;
    padding-left: 10px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-text h4 {
    margin: 0
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-text p {
    margin-bottom: 2px;
    font-size: 14px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul .version-aria {
    padding: 9px 15px
}

.topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul .plan-label {
    padding: 6px;
    font-size: 15px;
    margin-top: 10px
}

.topbar .top-navbar .navbar-collapse .hidden-min-1024 {
    visibility: visible
}

.topbar .top-navbar .navbar-collapse .visible-max-1024 {
    visibility: hidden
}

.topbar .top-navbar .navbar-collapse .nav-toggler .notification {
    background-clip: padding-box;
    border-radius: 50%;
    height: 6px;
    padding: 2px;
    width: 6px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    background-color: #059dfa;
    margin: 2px;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    position: absolute;
    top: calc(50% - 15px);
    right: 1px;
    opacity: 0
}

.topbar .top-navbar .navbar-collapse .nav-toggler .notification.show {
    opacity: 1
}

body.mini-sidebar.show-sidebar .topbar .top-navbar .navbar-collapse .nav-toggler .notification.show {
    opacity: 0
}

@media (min-width: 1024px) {
    .topbar .top-navbar .navbar-collapse .visible-max-1024 {
        visibility:visible
    }

    .topbar .top-navbar .navbar-collapse .hidden-min-1024 {
        visibility: hidden
    }
}

@media (max-width: 767px) {
    .topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-toggle .header-dropdown-main-icon {
        margin-right:4px
    }

    .topbar .top-navbar .navbar-collapse .nav-center-block {
        width: 40px
    }
}

@media (max-width: 575px) {
    .topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-img {
        display:block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10px
    }

    .topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box .u-text {
        display: block;
        max-width: 100%;
        padding-left: 0;
        text-align: center
    }

    .topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account ul li .dw-user-box {
        padding: 10px 15px 0
    }
}

@media (max-width: 350px) {
    .topbar .top-navbar .navbar-collapse .navbar-nav .dropdown .dropdown-menu.dropdown-menu-account {
        width:230px
    }
}

.breadcrumb-page-title {
    width: 100%
}

.breadcrumb-page-title .breadcrumb-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-title {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 300px;
    flex: 1 0 300px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-balance {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-get-started {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-need-help {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.breadcrumb-page-title .breadcrumb {
    padding: 0;
    background: 0 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item {
    font-size: 15px
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
    display: inline-block;
    line-height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item::before {
    content: none
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
    vertical-align: middle
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item::after {
    content: "\f105";
    font-family: "Font Awesome 6 Pro";
    color: #a6b7bf;
    font-size: 14px;
    vertical-align: middle
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item::after {
    padding: 0 6px
}

.breadcrumb-page-title .breadcrumb .breadcrumb-item+.breadcrumb-item:last-child::after {
    content: none
}

.breadcrumb-page-title .breadcrumb-add-funds-btn,.breadcrumb-page-title .breadcrumb-need-help-btn {
    height: 33.5px
}

.breadcrumb-page-title .breadcrumb-add-funds-btn i,.breadcrumb-page-title .breadcrumb-need-help-btn i {
    font-size: 15px
}

.breadcrumb-page-title .breadcrumb-add-funds-btn.active,.breadcrumb-page-title .breadcrumb-add-funds-btn.focus,.breadcrumb-page-title .breadcrumb-add-funds-btn:active,.breadcrumb-page-title .breadcrumb-add-funds-btn:focus,.breadcrumb-page-title .breadcrumb-add-funds-btn:hover,.breadcrumb-page-title .breadcrumb-need-help-btn.active,.breadcrumb-page-title .breadcrumb-need-help-btn.focus,.breadcrumb-page-title .breadcrumb-need-help-btn:active,.breadcrumb-page-title .breadcrumb-need-help-btn:focus,.breadcrumb-page-title .breadcrumb-need-help-btn:hover {
    background: #009efb!important;
    border: 1px solid #009efb!important;
    color: #fff!important
}

.breadcrumb-page-title .breadcrumb-add-funds-btn:hover,.breadcrumb-page-title .breadcrumb-need-help-btn:hover {
    opacity: .7
}

.breadcrumb-page-title .breadcrumb-balance {
    line-height: 1.1;
    position: relative;
    margin-right: 45px;
    width: 95px
}

.breadcrumb-page-title .breadcrumb-balance .breadcrumb-balance-tooltip-container {
    position: absolute;
    top: 2px;
    right: 33px
}

.breadcrumb-page-title .breadcrumb-balance .breadcrumb-balance-tooltip-container .breadcrumb-balance-tooltip-div {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    top: -.5em;
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    color: #58687c;
    font-size: 12px
}

.breadcrumb-page-title .breadcrumb-get-started-btn.active,.breadcrumb-page-title .breadcrumb-get-started-btn.focus,.breadcrumb-page-title .breadcrumb-get-started-btn:active,.breadcrumb-page-title .breadcrumb-get-started-btn:focus,.breadcrumb-page-title .breadcrumb-get-started-btn:hover {
    background: 0 0!important;
    border: 1px solid #009efb!important;
    color: #009efb!important;
    opacity: .7;
    -webkit-box-shadow: none;
    box-shadow: none
}

.breadcrumb-page-title .breadcrumb-balance-tooltip {
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    padding: 5px 8px;
    width: auto;
    min-width: 185px
}

@media (min-width: 1426px) and (max-width:1550px) {
    .breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
        max-width:175px
    }
}

@media (min-width: 1426px) and (max-width:1550px),(min-width:1024px) and (max-width:1150px),(max-width:900px) {
    .breadcrumb-page-title .breadcrumb-need-help-btn span {
        display:none
    }

    .breadcrumb-page-title .breadcrumb-balance {
        margin-right: 30px
    }
}

@media (max-width: 1200px) {
    .breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
        max-width:165px
    }
}

@media (max-width: 1040px) {
    .breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
        max-width:150px
    }
}

@media (max-width: 900px) {
    .breadcrumb-page-title .breadcrumb .breadcrumb-item {
        font-size:14px
    }

    .breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
        max-width: 145px
    }
}

@media (max-width: 768px) {
    .breadcrumb-page-title {
        padding:15px 10px
    }
}

@media (min-width: 451px) and (max-width:767px) {
    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-balance {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .breadcrumb-page-title .breadcrumb-add-funds-btn {
        margin-left: 0!important
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-get-started {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        text-align: right;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-need-help {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .breadcrumb-page-title .breadcrumb-get-started-btn {
        margin-right: 0!important
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-title {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 350px;
        flex: 1 0 350px
    }
}

@media (max-width: 450px) {
    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-title {
        -webkit-box-flex:100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .breadcrumb-page-title .breadcrumb .breadcrumb-item .breadcrumb-link-div {
        max-width: 110px
    }

    .breadcrumb-page-title .breadcrumb-add-funds-btn {
        margin-left: 0!important
    }

    .breadcrumb-page-title .breadcrumb-get-started-btn {
        margin-right: 5px!important
    }

    .breadcrumb-page-title .breadcrumb-balance-tooltip {
        min-width: auto
    }
}

@media (min-width: 365px) and (max-width:450px) {
    .breadcrumb-page-title .breadcrumb-balance {
        margin-right:0
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-balance {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 160px;
        flex: 1 0 160px
    }
}

@media (max-width: 364px) {
    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-balance {
        -webkit-box-flex:100%;
        -ms-flex: 100%;
        flex: 100%
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-get-started,.breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-need-help {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%
    }

    .breadcrumb-page-title .breadcrumb-ul .breadcrumb-ul-need-help {
        text-align: right
    }
}

.right-sidebar-section::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.right-sidebar-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

.right-sidebar-section::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.right-sidebar-section .right-sidebar {
    position: fixed;
    left: auto;
    right: -365px;
    top: 0;
    width: 360px;
    height: calc(100% - 70px);
    z-index: 4;
    background: #fff;
    margin-top: 70px;
    display: block;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    -webkit-box-shadow: none;
    box-shadow: none
}

.right-sidebar-section .right-sidebar .hidden {
    visibility: hidden
}

.right-sidebar-section .right-sidebar.shw-rside {
    right: 0;
    width: 360px
}

.right-sidebar-section .right-sidebar.footer-visible {
    height: calc(100% - 129px);
    margin-bottom: 59px
}

.right-sidebar-section .min-max-tab {
    height: auto;
    width: auto;
    position: fixed;
    z-index: 4;
    right: 0;
    left: auto;
    top: 50vh
}

.right-sidebar-section .min-max-tab .right-side-toggle-calls {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    font-size: 14px;
    cursor: pointer;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%,50%);
    transform: rotate(90deg) translate(50%,50%);
    height: 25px;
    width: 38px;
    background: #ff214f;
    border: 1px solid #ff214f
}

.right-sidebar-section .min-max-tab .right-side-toggle-calls i {
    -webkit-animation: none;
    animation: none;
    position: initial
}

.right-sidebar-section .min-max-tab .right-side-toggle-calls.focus,.right-sidebar-section .min-max-tab .right-side-toggle-calls:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

#main-wrapper.not-verified .right-sidebar-section .right-sidebar {
    height: calc(100% - 97px);
    margin-top: 97px
}

@media (max-width: 1750px) {
    .right-sidebar-section .right-sidebar.box-shadow-1750.shw-rside {
        -webkit-box-shadow:0 -20px 20px 0 rgba(0,0,0,.1);
        box-shadow: 0 -20px 20px 0 rgba(0,0,0,.1)
    }
}

@media (max-width: 1425px) {
    .right-sidebar-section .right-sidebar.shw-rside {
        -webkit-box-shadow:0 -20px 20px 0 rgba(0,0,0,.1);
        box-shadow: 0 -20px 20px 0 rgba(0,0,0,.1)
    }
}

@media (max-height: 1050px) {
    .page-wrapper {
        overflow:hidden
    }

    .right-sidebar-section .right-sidebar {
        z-index: 49;
        height: calc(100vh - 70px);
        margin-bottom: 0
    }

    #main-wrapper.not-verified .right-sidebar-section .right-sidebar {
        height: calc(100vh - 97px)
    }

    .right-sidebar-section .right-sidebar .r-panel-body {
        min-height: auto
    }
}

@media (max-width: 359px) {
    .right-sidebar-section .right-sidebar {
        z-index:49;
        width: 100%;
        height: calc(100vh - 65px);
        margin-bottom: 0
    }

    .right-sidebar-section .right-sidebar.shw-rside {
        width: 100%
    }
}

.sidebar-nav>ul>li>a.active {
    font-weight: 400;
    background: #fff;
    color: #009efb;
    background: inherit!important
}

.mini-sidebar .left-sidebar {
    -webkit-transition: left .35s ease;
    transition: left .35s ease
}

#main-wrapper.not-verified .left-sidebar {
    padding-top: 97px
}

.sidebar-nav .rechage-plus {
    color: inherit
}

.sidebar-nav h3,.sidebar-nav h6,.sidebar-nav i {
    color: #798699
}

.sidebar-nav ul li.nav-small-cap {
    padding: 6px 14px 12px 16px
}

.sidebar-nav ul li a {
    padding: 6px 15px 6px 12px;
    cursor: pointer
}

.sidebar-nav ul li a .a-content {
    padding: 4px 10px 4px 0
}

.sidebar-nav ul li a .a-content.with-notification {
    padding: 4px 40px 4px 0;
    position: relative
}

.sidebar-nav ul li a .a-content.with-notification .notification {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f2f2f2;
    height: 24px;
    width: 65px;
    border-radius: 100px;
    margin: 4px 0;
    padding: 0 0 0 9px
}

.sidebar-nav ul li a .a-content.with-notification .notification .notification-icon {
    color: #019efb;
    font-size: 16px;
    width: auto
}

.sidebar-nav ul li a .a-content.with-notification .notification .notification-icon.shake-animation {
    -webkit-animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both;
    animation: shake 2s infinite cubic-bezier(.36,.07,.19,.97) both
}

.sidebar-nav ul li a .a-content.with-notification .notification .notification-count {
    background-color: #019efb;
    color: #fff;
    border-radius: 100px;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
    padding: 1.5px 4px;
    margin: .75px .75px .75px 3px;
    width: 31.5px;
    height: 22.5px;
    text-align: center;
    vertical-align: middle
}

.signup-form-container {
    display: flex;
    justify-content: center;
}

@media (max-width: 400px) {
    .signup-form-container {
        margin-top: 50px;
    }
}
.auth-back-btn {
    font-size: 9pt !important;
    text-decoration: underline;
    background: transparent;
    align-self: center;
    color: var(--main-blue-color);
    text-decoration-color: var(--main-blue-color);
    width: 100%;
    text-align: center;
}

.auth-container {
    width: auto;
    max-width: 775px;
    margin: 0 auto;
    height: auto;
    border-radius: var(--main-border-radius);
    box-shadow: 0 0 30px rgba(35,55,86,.1);
    & .card-body {
        padding: 8% 20% 9%;
        & .auth-highlighted {
            color: var(--main-blue-color);
        }
        & .input-label {
            font-size: 15px;
        }
        & .ng-submitted .form-control.ng-invalid,
        & .ng-submitted .form-control.invalid,
        & .ng-submitted .company-size-dropdown .company-size-btn.ng-invalid,
        & .ng-submitted .company-size-dropdown .company-size-btn.invalid,
        & .form-control.show-error-after-touched.ng-invalid.ng-touched,
        & .form-control.show-error-after-touched.invalid.ng-touched {
            border-bottom: 1px solid red;
        }
        & .with-required-badge {
            position: relative;
            &::after {
                content: '*';
                color: red;
                position: absolute;
                right: 9px;
                top: 2px;
            }
            & .input-label {
                padding-right: 25px;
            }
        }
        & .step-1-submit-alert {
            padding: 0 5px;
            & .alert-message {
                font-size: 13px;
                line-height: 19px;
            }
        }
        & .checkbox label {
            font-size: 15px;
            line-height: 21px;
            padding-left: 10px;
            &::after {
                top: 0;
            }
            &::before {
                border-radius: 2px;
            }
        }
        & .a-link {
            color: var(--main-blue-color);
            &:hover {
                text-decoration: underline;
            }
        }
        & .company-size-dropdown {
            &::after {
                display: inline-block;
                width: 0;
                height: 0;
                vertical-align: 0.255em;
                content: "";
                border-top: 0.3em solid;
                border-right: 0.3em solid transparent;
                border-bottom: 0;
                border-left: 0.3em solid transparent;
                position: absolute;
                top: 17px;
                right: 26px;
            }
            & .company-size-btn {
                width: 100%;
                padding: 0.5rem 0.75rem;
                font-size: 1rem;
                line-height: 1.25;
                color: var(--main-dark-grey-color);
                background-color: #fff;
                background-image: none;
                background-clip: padding-box;
                border: 1px solid rgba(0,0,0,.15);
                border-radius: var(--main-border-radius);
                transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
                text-align: left;
                cursor: pointer;
                padding-right: 40px;
                &.invalid {
                    border-bottom-color: red;
                }
            }
            & .company-size-btn:focus {
                outline: none;
            }
            & .dropdown-menu {
                font-size: 15px;
                color: var(--main-dark-grey-color);
                width: 100%;
                margin: 0.125rem 0;
            }
            & .dropdown-header {
                padding: 5px 16px;
            }
            & .dropdown-item {
                font-size: 15px;
                color: var(--main-dark-grey-color);
                cursor: pointer;
                padding: 5px 22px;
            }
            & .dropdown-item.active, & .dropdown-item:active,
            & .dropdown-item:focus, & .dropdown-item:hover {
                color: #16181b;
                background-color: #f8f9fa;
                outline: none;
            }
        }
        & .auth-submit {
            display: flex;
            flex-direction: column;
            & .auth-submit-btn {
                background: var(--main-blue-color);
                border: 1px solid var(--main-blue-color);
                width: 100%;
                font-size: 17px;
                padding: 8px 12px;
                &.focus, &:focus {
                    box-shadow: none;
                }
            }
            & .auth-back-btn {
                font-size: 11pt;
                text-decoration: underline;
                background: transparent;
                align-self: center;
            }
            & .auth-submit-btn-dark {
                background: var(--main-black-color);
                border: 1px solid var(--main-black-color);
                width: 100%;
                font-size: 17px;
                padding: 8px 12px;
                &.focus, &:focus {
                    box-shadow: none;
                }
            }
            & .submit-alert-message {
                font-size: 13px;
                line-height: 19px;
            }
        }
        & .error-message-div {
            padding: 2px 5px;
            color: var(--main-pink-color);
            border-radius: var(--main-border-radius);
            min-height: 38px;
            width: 100%;
            display: flex;
            flex-flow: column-reverse;
            &.password-error {
                flex-flow: column;
            }
            & .error-container {
                & .error {
                    display: flex;
                    flex-flow: row;
                    & .error-message-icon {
                        align-self: flex-start;
                        font-size: 15px;
                        margin-right: 10px;
                    }
                    & .error-message {
                        font-size: 13.5px;
                        font-weight: 400;
                        align-self: center;
                        line-height: 17px;
                        word-break: break-word;
                    }
                }
            }
        }
    }
}

.left-sidebar .title-h3 {
    margin-bottom: 3px;
    color: #798699
}

.left-sidebar .account-balance-title {
    margin-top: -10px
}

.left-sidebar .plan-title {
    margin-top: -10px
}

.left-sidebar .notification-bubble {
    padding: 2px;
    height: 24px;
    width: 24px;
    font-size: 12px
}

.left-sidebar .phone_number_btn.active,.left-sidebar .phone_number_btn:active {
    border-color: #868e96!important
}

.left-sidebar .dropdown-item.active,.left-sidebar .dropdown-item.focus,.left-sidebar .dropdown-item:active,.left-sidebar .dropdown-item:focus,.left-sidebar .dropdown-item:hover {
    color: #009efb;
    background-color: #f8f9fa
}

.left-sidebar-automation-icon-div {
    width: 23px;
    position: relative;
    display: inline-block;
    border: none;
    background: 0 0;
    vertical-align: top;
    margin-right: 15px
}

.left-sidebar-automation-icon-div .automation-icon {
    border-color: #798699;
    border-radius: 50%;
    border-style: solid;
    border-width: 1.5px;
    height: 25px;
    width: 25px;
    padding: 4px
}

.left-sidebar-automation-icon-div .automation-icon:after,.left-sidebar-automation-icon-div .automation-icon:before {
    border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-color: #798699;
    -webkit-box-shadow: -3px -3px 0 0 #272c32;
    box-shadow: -3px -3px 0 0 #272c32
}

.left-sidebar-automation-icon-div .automation-icon:after {
    border-width: 1.5px 0 0 1.5px;
    top: 1px;
    left: 2px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.left-sidebar-automation-icon-div .automation-icon:before {
    border-width: 1.5px 0 0 1.5px;
    bottom: 0;
    right: 2px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.left-sidebar-automation-icon-div .automation-icon i {
    color: #798699;
    font-size: 14px;
    width: 14px;
    display: block
}

.sidebar-nav>ul>li>a.active .left-sidebar-automation-icon-div .automation-icon,.sidebar-nav>ul>li>a.active .left-sidebar-automation-icon-div .automation-icon:after,.sidebar-nav>ul>li>a.active .left-sidebar-automation-icon-div .automation-icon:before,.sidebar-nav>ul>li>a:hover .left-sidebar-automation-icon-div .automation-icon,.sidebar-nav>ul>li>a:hover .left-sidebar-automation-icon-div .automation-icon:after,.sidebar-nav>ul>li>a:hover .left-sidebar-automation-icon-div .automation-icon:before {
    border-color: #009efb
}

.byoc-sidebar-icon-div {
    position: relative
}

.byoc-sidebar-icon-div .cloud {
    position: absolute;
    font-size: 13px;
    width: auto;
    top: -4px;
    right: -2px;
    z-index: 1;
    background-color: #272c33
}

.sidebar-nav .btn-outline-light:hover {
    color: #263238!important
}

.footer {
    bottom: 0;
    color: #54667a;
    left: 0;
    padding: 17px 15px;
    position: absolute;
    right: 0;
    border-top: 1px solid rgba(120,130,140,.13);
    background: #fff;
    z-index: 4
}

.footer.with-right-sidebar {
    right: 360px
}

.footer.toogle-right-sidebar {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

@media (min-width: 1024px) {
    .footer {
        left:240px
    }
}

.page-wrapper {
    margin-right: 0;
    padding-top: 70px
}

.page-wrapper.with-right-sidebar {
    margin-right: 360px
}

.page-wrapper.toogle-right-sidebar {
    -webkit-transition: all .35s ease;
    transition: all .35s ease
}

.page-wrapper.warning-active {
    padding-top: 91px
}

.page-wrapper.inbox-page-wrapper-with-left-sidebar {
    margin-left: 580px
}

@media (max-width: 1023px) {
    .mini-sidebar #main-wrapper.not-verified .page-wrapper {
        padding-top:97px
    }
}

.box-placeholder .text {
    border-radius: 4px;
    opacity: .2
}

.box-placeholder .text.loading-animation {
    -webkit-animation: fading 1.5s infinite;
    animation: fading 1.5s infinite
}

.box-placeholder .text.link {
    background-color: var(--blue);
    opacity: .4
}

.box-placeholder .text.line {
    width: 90%
}

.box-placeholder .text.line-40 {
    width: 40%
}

.box-placeholder .text.line-70 {
    width: 70%
}

.box-placeholder .text.line-100 {
    width: 100%
}

.box-placeholder .text.width-17 {
    width: 17px
}

.box-placeholder .text.width-18 {
    width: 18px
}

.box-placeholder .text.width-20 {
    width: 20px
}

.box-placeholder .text.width-24 {
    width: 24px
}

.box-placeholder .text.width-25 {
    width: 25px
}

.box-placeholder .text.width-30 {
    width: 30px
}

.box-placeholder .text.width-31 {
    width: 31px
}

.box-placeholder .text.width-32 {
    width: 32px
}

.box-placeholder .text.width-33 {
    width: 33px
}

.box-placeholder .text.width-34 {
    width: 34px
}

.box-placeholder .text.width-35 {
    width: 35px
}

.box-placeholder .text.width-36 {
    width: 36px
}

.box-placeholder .text.width-37 {
    width: 37px
}

.box-placeholder .text.width-38 {
    width: 38px
}

.box-placeholder .text.width-40 {
    width: 40px
}

.box-placeholder .text.width-45 {
    width: 45px
}

.box-placeholder .text.width-47 {
    width: 47px
}

.box-placeholder .text.width-50 {
    width: 50px
}

.box-placeholder .text.width-50-important {
    width: 50px!important
}

.box-placeholder .text.width-52 {
    width: 52px
}

.box-placeholder .text.width-55 {
    width: 55px
}

.box-placeholder .text.width-56 {
    width: 56px
}

.box-placeholder .text.width-58 {
    width: 58px
}

.box-placeholder .text.width-60 {
    width: 60px
}

.box-placeholder .text.width-65 {
    width: 65px
}

.box-placeholder .text.width-68 {
    width: 68px
}

.box-placeholder .text.width-70 {
    width: 70px
}

.box-placeholder .text.width-74 {
    width: 74px
}

.box-placeholder .text.width-74-important {
    width: 74px!important
}

.box-placeholder .text.width-76 {
    width: 76px
}

.box-placeholder .text.width-78 {
    width: 78px
}

.box-placeholder .text.width-80 {
    width: 80px
}

.box-placeholder .text.width-85 {
    width: 85px
}

.box-placeholder .text.width-90 {
    width: 90px
}

.box-placeholder .text.width-91 {
    width: 91px
}

.box-placeholder .text.width-93 {
    width: 93px
}

.box-placeholder .text.width-92 {
    width: 92px
}

.box-placeholder .text.width-95 {
    width: 95px
}

.box-placeholder .text.width-97 {
    width: 97px
}

.box-placeholder .text.width-98 {
    width: 98px
}

.box-placeholder .text.width-100 {
    width: 100px
}

.box-placeholder .text.width-105 {
    width: 105px
}

.box-placeholder .text.width-107 {
    width: 107px
}

.box-placeholder .text.width-109 {
    width: 109px
}

.box-placeholder .text.width-110 {
    width: 110px
}

.box-placeholder .text.width-112 {
    width: 112px
}

.box-placeholder .text.width-114 {
    width: 114px
}

.box-placeholder .text.width-120 {
    width: 120px
}

.box-placeholder .text.width-124 {
    width: 124px
}

.box-placeholder .text.width-125 {
    width: 125px
}

.box-placeholder .text.width-130 {
    width: 130px
}

.box-placeholder .text.width-134 {
    width: 134px
}

.box-placeholder .text.width-140 {
    width: 140px
}

.box-placeholder .text.width-145 {
    width: 145px
}

.box-placeholder .text.width-146 {
    width: 146px
}

.box-placeholder .text.width-150 {
    width: 150px
}

.box-placeholder .text.width-155 {
    width: 155px
}

.box-placeholder .text.width-165 {
    width: 165px
}

.box-placeholder .text.width-170 {
    width: 170px
}

.box-placeholder .text.width-175 {
    width: 175px
}

.box-placeholder .text.width-180 {
    width: 180px
}

.box-placeholder .text.width-184 {
    width: 184px
}

.box-placeholder .text.width-190 {
    width: 190px
}

.box-placeholder .text.width-200 {
    width: 200px
}

.box-placeholder .text.width-202 {
    width: 202px
}

.box-placeholder .text.width-207 {
    width: 207px
}

.box-placeholder .text.width-217 {
    width: 217px
}

.box-placeholder .text.width-222 {
    width: 222px
}

.box-placeholder .text.width-249 {
    width: 249px
}

.box-placeholder .text.width-250 {
    width: 250px
}

.box-placeholder .text.width-257 {
    width: 257px
}

.box-placeholder .text.width-260 {
    width: 260px
}

.box-placeholder .text.width-280 {
    width: 280px
}

.box-placeholder .text.width-283 {
    width: 283px
}

.box-placeholder .text.width-285 {
    width: 285px
}

.box-placeholder .text.width-310 {
    width: 310px
}

.box-placeholder .text.full-height {
    height: 100%
}

.box-placeholder .text.height-166-38 {
    height: 166.38px
}

.box-placeholder .text.height-156-5 {
    height: 156.5px
}

.box-placeholder .text.height-150 {
    height: 150px
}

.box-placeholder .text.height-100 {
    height: 100px
}

.box-placeholder .text.height-80 {
    height: 80px
}

.box-placeholder .text.height-74 {
    height: 74px
}

.box-placeholder .text.height-62 {
    height: 62px
}

.box-placeholder .text.height-56 {
    height: 56px
}

.box-placeholder .text.height-52 {
    height: 52px
}

.box-placeholder .text.height-50 {
    height: 50px
}

.box-placeholder .text.height-48 {
    height: 48px
}

.box-placeholder .text.height-47 {
    height: 47px
}

.box-placeholder .text.height-46 {
    height: 46px
}

.box-placeholder .text.height-45 {
    height: 45px
}

.box-placeholder .text.height-43 {
    height: 43px
}

.box-placeholder .text.height-40 {
    height: 40px
}

.box-placeholder .text.height-39 {
    height: 39px
}

.box-placeholder .text.height-38 {
    height: 38px
}

.box-placeholder .text.height-37 {
    height: 37px
}

.box-placeholder .text.height-36 {
    height: 36px
}

.box-placeholder .text.height-35 {
    height: 35px
}

.box-placeholder .text.height-34 {
    height: 34px
}

.box-placeholder .text.height-33 {
    height: 33px
}

.box-placeholder .text.height-32 {
    height: 32px
}

.box-placeholder .text.height-30 {
    height: 30px
}

.box-placeholder .text.height-29 {
    height: 29px
}

.box-placeholder .text.height-28 {
    height: 28px
}

.box-placeholder .text.height-27 {
    height: 27px
}

.box-placeholder .text.height-26 {
    height: 26px
}

.box-placeholder .text.height-25 {
    height: 25px
}

.box-placeholder .text.height-24 {
    height: 24px
}

.box-placeholder .text.height-22 {
    height: 22px
}

.box-placeholder .text.height-20 {
    height: 20px
}

.box-placeholder .text.height-18-important {
    height: 18px!important
}

.box-placeholder .text.height-18 {
    height: 18px
}

.box-placeholder .text.height-17 {
    height: 17px
}

.box-placeholder .text.height-16 {
    height: 16px
}

.box-placeholder .text.height-14 {
    height: 14px
}

.box-placeholder .text.height-12 {
    height: 12px
}

.box-placeholder .text.height-full {
    height: 100%
}

.box-placeholder .text.min-height-45 {
    min-height: 45px
}

.box-placeholder .text.color-dark-grey {
    background-color: #798699!important
}

.box-placeholder .text.color-grey {
    background-color: #e5e7ea!important
}

.box-placeholder .text.color-light-grey {
    background-color: rgba(121,134,153,.3098039216)
}

.box-placeholder .text.color-light-grey-important {
    background-color: rgba(121,134,153,.3098039216)!important
}

.box-placeholder .text.color-white {
    background-color: #fff
}

.box-placeholder .text.opacity-1 {
    opacity: 1
}

.box-placeholder .text.margin-top-28px {
    margin-top: 28px
}

.box-placeholder .text.margin-top-20px {
    margin-top: 20px
}

.box-placeholder .text.margin-top-14px {
    margin-top: 14px
}

.box-placeholder .text.margin-top-8px {
    margin-top: 8px
}

.box-placeholder .text.margin-top-6px {
    margin-top: 6px
}

.box-placeholder .text.margin-bottom-2px {
    margin-bottom: 2px
}

.box-placeholder .text.margin-bottom-3px {
    margin-bottom: 3px
}

.box-placeholder .text.margin-bottom-6px {
    margin-bottom: 6px
}

.box-placeholder .text.margin-bottom-8px {
    margin-bottom: 8px
}

.box-placeholder .text.margin-bottom-10px {
    margin-bottom: 10px
}

.box-placeholder .text.margin-bottom-12px {
    margin-bottom: 12px
}

.box-placeholder .text.margin-bottom-13px {
    margin-bottom: 13px
}

.box-placeholder .text.margin-left-right-auto {
    margin-left: auto;
    margin-right: auto
}

.box-placeholder .text.margin-left-auto {
    margin-left: auto
}

.box-placeholder .text.margin-right-5px {
    margin-right: 5px
}

.box-placeholder .text.margin-right-8px {
    margin-right: 8px
}

.box-placeholder .text.margin-right-15px {
    margin-right: 15px
}

.box-placeholder .text.margin-right-40px {
    margin-right: 40px
}

.box-placeholder .text.margin-left-15px {
    margin-left: 15px
}

.box-placeholder .text.margin-left-auto-right-0 {
    margin-right: 0;
    margin-left: auto
}

.box-placeholder .text.margin-left-auto-right-4 {
    margin-right: 4px;
    margin-left: auto
}

.box-placeholder .text.margin-top-bottom-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.box-placeholder .text.margin-top-bottom-13 {
    margin-top: 13px;
    margin-bottom: 13px
}

.box-placeholder .text.margin-top-bottom-8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.box-placeholder .text.position-absolute {
    position: absolute
}

.box-placeholder .text.position-relative {
    position: relative
}

.box-placeholder .text.top-0-px {
    top: 0
}

.box-placeholder .text.top-20-px {
    top: 20px
}

.box-placeholder .text.right-30-px {
    right: 30px
}

.box-placeholder .text.border-radius-100 {
    border-radius: 100%
}

.box-placeholder .text.float-right {
    float: right
}

.box-placeholder .width-full {
    width: 100%
}

.box-placeholder.padding-top-15 {
    padding-top: 15px
}

.box-placeholder.padding-bottom-20 {
    padding-bottom: 20px
}

.box-placeholder.border-bottom {
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .rules-widget {
    position: relative
}

.box-placeholder .rules-widget .rule-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 18px 15px
}

.box-placeholder .rules-widget .rule-list-item .content {
    width: 100%;
    display: inline-block;
    vertical-align: middle
}

.box-placeholder .rules-widget .rule-list-item .content .option-col,.box-placeholder .rules-widget .rule-list-item .content .option-dropdown-col,.box-placeholder .rules-widget .rule-list-item .content .title-col {
    margin-bottom: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-placeholder .rules-widget .rule-list-item .content .actions-col {
    margin-bottom: 0;
    white-space: nowrap
}

.box-placeholder .rules-widget .rule-list-item .content .option-col .forward-to-div {
    width: 100%
}

.box-placeholder .rules-widget .rule-list-item .content .actions-col {
    text-align: right;
    padding-right: 10px
}

.box-placeholder .note-repeat {
    padding-bottom: 5px
}

.box-placeholder .note-repeat .note-info {
    margin: 15px 0 10px 25px
}

.box-placeholder .note-repeat .notes {
    margin-top: 5px;
    margin-left: 25px
}

.box-placeholder .callable-lists-widget {
    position: relative
}

.box-placeholder .callable-lists-widget .lists-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .callable-lists-widget .lists-list-item .lists-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    vertical-align: top
}

.box-placeholder .callable-lists-widget .lists-list-item .lists-icon .round-div {
    width: 50px;
    height: 50px
}

.box-placeholder .callable-lists-widget .lists-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.box-placeholder .callable-lists-widget .lists-list-item .content .option-div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 0!important
}

.box-placeholder .callable-lists-widget .lists-list-item .content .option-div .dial-btn {
    width: 35px;
    height: 35px
}

.box-placeholder .recent-calls-item .content-div .full-info-for-small-resolutions {
    padding: 10px 0 20px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    font-size: 14px
}

.box-placeholder .recent-calls-item .content-div .full-info-for-small-resolutions ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.box-placeholder .recent-calls-item .content-div .full-info-for-small-resolutions ul .left {
    float: left;
    width: 50%;
    clear: left
}

.box-placeholder .recent-calls-item .content-div .full-info-for-small-resolutions ul .right {
    float: right;
    width: 50%;
    clear: right
}

.box-placeholder .recent-calls-item .content-div .option-div {
    text-align: right
}

.box-placeholder .recent-calls-item .content-div .option-div .dial-text-div {
    width: auto;
    margin-right: 10px
}

.box-placeholder .recent-calls-item .content-div .option-div .dial-text-div .dial-btn {
    margin-right: 5px;
    display: inline-block
}

.box-placeholder .recent-calls-item .content-div .option-div .dial-text-div .text-btn {
    display: inline-block
}

.box-placeholder .recent-calls-item .option-div-placeholder {
    padding: 12px 0
}

.box-placeholder .recent-calls-item .content-date-div {
    padding-top: 6px
}

.box-placeholder .timeline.contact-timeline {
    margin: 20px 0 20px;
    padding: 0;
    max-width: 100%
}

.box-placeholder .timeline.contact-timeline>li>.timeline-badge {
    top: 0;
    left: 20px;
    width: 50px;
    height: 50px;
    padding: 14px;
    z-index: 4
}

.box-placeholder .timeline.contact-timeline>li>.timeline-panel {
    float: right;
    width: calc(100% - 60px);
    -webkit-box-shadow: none;
    box-shadow: none
}

.box-placeholder .timeline.contact-timeline>li>.timeline-panel:before {
    top: 20px
}

.box-placeholder .timeline.contact-timeline>li>.timeline-panel:after {
    top: 21px
}

.box-placeholder .timeline.contact-timeline>li .text-badge-main-call {
    padding: 0;
    opacity: 1;
    background-color: #e4e7ea
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div {
    vertical-align: middle;
    padding: 0!important
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .full-info-for-small-resolutions {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .option-div {
    padding: 17px 20px 0 20px
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .option-div.note {
    padding-top: 6px
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .content-center-div {
    padding: 15px 0 0
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .content-date-div {
    text-align: right;
    padding-top: 20px
}

.box-placeholder .timeline.contact-timeline>li .timeline-panel .content-div .content-date-div.note {
    padding-top: 5px
}

.box-placeholder .timeline.contact-timeline li:last-child {
    background-color: #fff
}

.box-placeholder .contacts-item {
    margin: 0;
    padding: 20px 0;
    border-bottom: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .contacts-item .contacts-icon-div {
    width: 50px!important;
    height: 50px!important;
    font-size: 25px;
    position: relative;
    cursor: pointer;
    background: 0 0;
    margin-left: 10px
}

.box-placeholder .contacts-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 60px)
}

.box-placeholder .contacts-item .content-div .info-small-resolutions {
    font-size: 14px;
    margin-top: 10px;
    margin-right: 0;
    padding-top: 10px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .contacts-item .content-div .info-small-resolutions .content-lists-div {
    text-align: left;
    padding-left: 5px
}

.box-placeholder .contacts-item .content-div .info-small-resolutions .content-sold-div {
    text-align: left;
    line-height: 35px;
    padding-left: 5px
}

.box-placeholder .contacts-item .content-div .info-small-resolutions .option-small-resolutions-div {
    padding-left: 0;
    text-align: right
}

.box-placeholder .contacts-item .content-div .info-small-resolutions .option-small-resolutions-div .contacts-activity-item,.box-placeholder .contacts-item .content-div .info-small-resolutions .option-small-resolutions-div .outline-btn {
    float: right;
    width: 35px;
    height: 35px;
    padding: 6px
}

.box-placeholder .contacts-item .content-div .info-small-resolutions .option-small-resolutions-div .contacts-activity-item {
    padding: 6px 10px
}

.box-placeholder .contacts-item .content-div .content-right-div {
    text-align: left;
    padding-top: 35px;
    padding-right: 0
}

.box-placeholder .contacts-item .content-div .option-div {
    padding: 40px 10px 0 5px
}

.box-placeholder .contacts-item .content-div .option-div .outline-btn {
    float: right;
    width: 40px;
    height: 40px
}

.box-placeholder .contacts-item .content-div .option-div .contacts-activity-item {
    display: inline-block;
    float: right
}

.box-placeholder .voicemail-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 60px)
}

.box-placeholder .voicemail-item .content-div .voicemail-desc {
    margin-bottom: 3px!important;
    font-size: 14px
}

.box-placeholder .voicemail-item .content-div .voicemail-desc.last {
    margin-bottom: 20px!important
}

.box-placeholder .voicemail-item .content-div .company-date-audio-div-small-screens {
    padding: 20px 0;
    font-size: 14px;
    border-top: 1px solid #ced4da
}

.box-placeholder .voicemail-item .content-div .option-remove-div {
    padding-top: 5px!important
}

.box-placeholder .voicemail-item .option-div {
    padding: 5px 0 5px 20px!important
}

.box-placeholder .voicemail-item .option-div .transcription-li {
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-placeholder .voicemail-item .option-div .transcription-li .transcription {
    font-size: 14px
}

.box-placeholder .voicemail-item .option-div .date-company-info {
    text-align: right;
    margin-right: 25px;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.box-placeholder .voicemail-item .option-div .date-company-info .date-company-fields {
    font-size: 14px
}

.box-placeholder .voicemail-item .option-div .dial-text-li {
    -ms-flex-preferred-size: 90px;
    flex-basis: 90px;
    margin-right: 15px
}

.box-placeholder .voicemail-item .option-div .dial-text-li .dial-btn {
    line-height: 19px;
    font-size: 17px;
    margin-top: 4px
}

.box-placeholder .voicemail-item .option-div .dial-text-li .text-btn {
    line-height: 20px;
    font-size: 17px;
    margin-top: 4px
}

.box-placeholder .voicemail-item .option-div .action-dropdown-li {
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px
}

.box-placeholder .voicemail-item .voicemail-icon-div {
    width: 45px!important;
    height: 45px!important;
    position: relative
}

.box-placeholder .voicemail-item .sl-left {
    margin-left: -22px
}

.box-placeholder .voicemail-item .right-ul {
    width: 100%;
    float: right;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.box-placeholder .voicemail-item .right-ul.player-right-ul {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 0!important
}

.box-placeholder .voicemail-item .right-ul.player-right-ul .transcription-player-li {
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-placeholder .voicemail-item .right-ul.player-right-ul .player-main-container {
    width: auto
}

.box-placeholder .voicemail-item .right-ul .player-main-container {
    float: right;
    width: 100%;
    padding-top: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.box-placeholder .profile-info-list-item {
    padding-left: 0;
    padding-right: 0
}

.box-placeholder .profile-info-list-item .user-img {
    width: 65px;
    text-align: center;
    margin: 0;
    display: inline-block
}

.box-placeholder .profile-info-list-item .content-div {
    width: calc(100% - 70px)!important;
    vertical-align: top;
    display: inline-block
}

.box-placeholder .profile-info-list-item .content-div .contact-row {
    margin-top: 28px
}

.box-placeholder .profile-info-list-item .content-div .call-text-block {
    padding: 12px 0 0
}

.box-placeholder .profile-info-list-item .content-div .call-text-block .call-text-recent-conversation {
    padding: 4px;
    height: 25px;
    width: 25px
}

.box-placeholder .profile-info-list-item .content-div .call-text-block .close-text-conversation {
    padding: 3px 6px;
    height: 25px;
    width: 25px
}

.box-placeholder .profile-info-list-item .content-div .call-text-block .hangup {
    padding: 4px;
    height: 25px;
    width: 25px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.box-placeholder .text-messages-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .text-messages-list-item .message-icon {
    width: 45px;
    height: 45px;
    position: relative;
    display: inline-block;
    margin: 0 20px 15px 0;
    vertical-align: middle
}

.box-placeholder .text-messages-list-item .mail-contnet {
    width: calc(100% - 60px);
    display: inline-block;
    vertical-align: middle
}

.box-placeholder .text-messages-list-item .mail-contnet .content-date-div {
    padding-top: 15px!important
}

.box-placeholder .text-messages-list-item .mail-contnet .option-div {
    padding: 19px 6px 0 0!important;
    text-align: right
}

.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div {
    width: auto;
    margin-right: 10px
}

.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div .dial-btn {
    margin-right: 5px;
    display: inline-block
}

.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn {
    display: inline-block
}

.box-placeholder .timeline-dash-call-list-item .content-div,.box-placeholder .timeline-dash-voicemail-list-item .content-div {
    vertical-align: middle;
    padding: 0!important;
    width: calc(100% - 30px)
}

.box-placeholder .timeline-dash-call-list-item .content-div .item-desc,.box-placeholder .timeline-dash-voicemail-list-item .content-div .item-desc {
    margin-bottom: 3px!important;
    font-size: 13px
}

.box-placeholder .timeline-dash-call-list-item .content-div .item-desc.last,.box-placeholder .timeline-dash-voicemail-list-item .content-div .item-desc.last {
    margin-bottom: 10px!important
}

.box-placeholder .timeline-dash-call-list-item .option-div,.box-placeholder .timeline-dash-voicemail-list-item .option-div {
    padding: 25px 0 5px 0;
    text-align: right
}

.box-placeholder .timeline-dash-call-list-item .option-div .dial-btn,.box-placeholder .timeline-dash-call-list-item .option-div .text-btn,.box-placeholder .timeline-dash-voicemail-list-item .option-div .dial-btn,.box-placeholder .timeline-dash-voicemail-list-item .option-div .text-btn {
    display: inline-block
}

.box-placeholder .timeline-dash-call-list-item .option-div .dial-btn,.box-placeholder .timeline-dash-voicemail-list-item .option-div .dial-btn {
    margin-right: 5px
}

.box-placeholder .timeline-dash-call-list-item .option-div .text-btn,.box-placeholder .timeline-dash-voicemail-list-item .option-div .text-btn {
    line-height: 16px
}

.box-placeholder .timeline-dash-call-list-item .second-row,.box-placeholder .timeline-dash-voicemail-list-item .second-row {
    padding: 5px 0 20px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .timeline-dash-call-list-item .timeline-icon-div,.box-placeholder .timeline-dash-voicemail-list-item .timeline-icon-div {
    width: 40px!important;
    height: 40px!important;
    font-size: 25px;
    position: relative
}

.box-placeholder .timeline-dash-text-list-item {
    margin-right: 10px;
    padding: 20px 15px
}

.box-placeholder .timeline-dash-text-list-item .message-icon {
    margin-right: 5px;
    display: inline-block
}

.box-placeholder .timeline-dash-text-list-item .message-icon.round-div {
    width: 40px;
    height: 40px;
    font-size: 20px
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet {
    width: calc(100% - 60px);
    vertical-align: top;
    display: inline-block
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet .name-span-text {
    display: block;
    margin: 1px 0 5px 5px
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div {
    padding: 5px 0 5px 0;
    text-align: right;
    line-height: 75px
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div .dial-btn,.box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div .text-btn {
    display: inline-block
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div .dial-btn {
    margin-right: 5px
}

.box-placeholder .timeline-dash-text-list-item .mail-contnet .second-row {
    padding: 5px 0 0;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .campaigns-widget {
    position: relative
}

.box-placeholder .campaigns-widget .campaigns-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .campaigns-widget .campaigns-list-item .campaigns-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0
}

.box-placeholder .campaigns-widget .campaigns-list-item .campaigns-icon .round-div {
    width: 50px;
    height: 50px;
    font-size: 20px;
    background: #04a8fb!important
}

.box-placeholder .campaigns-widget .campaigns-list-item .campaigns-icon .round-div i {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    font-size: 25px;
    margin: 11px 0
}

.box-placeholder .campaigns-widget .campaigns-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.box-placeholder .campaigns-widget .campaigns-list-item .content .campaigns-desc {
    margin-bottom: 20px!important;
    font-size: 14px
}

.box-placeholder .campaigns-widget .campaigns-list-item .content .campaigns-desc.first {
    margin-bottom: 5px!important
}

.box-placeholder .campaigns-widget .campaigns-list-item .content .campaigns-desc .div-small-screen-addition-styles {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .campaigns-widget .campaigns-list-item .content .actions .btn-group {
    float: right;
    padding-top: 30px
}

.box-placeholder .chat-box.placeholder .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-user-avatar {
    height: 34px
}

.box-placeholder .chat-box.placeholder .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message {
    background: #eeeff0 none repeat scroll 0 0
}

.box-placeholder .chat-box.placeholder .chat-box-wrapper .chat-message-wrapper .message-avatar-div .chat-message .message::before {
    border-right-color: #eeeff0
}

.box-placeholder .chat-box.placeholder .chat-box-wrapper .chat-message-wrapper {
    height: 55px
}

.box-placeholder .lists-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .lists-list-item .lists-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0;
    vertical-align: top
}

.box-placeholder .lists-list-item .lists-icon .round-div {
    width: 50px;
    height: 50px
}

.box-placeholder .lists-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.box-placeholder .lists-list-item .content .content-date-div {
    text-align: right;
    padding-top: 58px
}

.box-placeholder .lists-list-item .content .option-div {
    padding-top: 44px
}

.box-placeholder .lists-list-item .content .date-addition-styles {
    font-size: 14px;
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13)
}

.box-placeholder .lists-list-item .content .date-addition-styles ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.box-placeholder .lists-list-item .content .date-addition-styles ul .left {
    float: left;
    width: 50%;
    clear: left;
    padding-top: 13px
}

.box-placeholder .lists-list-item .content .date-addition-styles ul .right {
    float: right;
    width: 50%;
    clear: right
}

.box-placeholder .webforms-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .webforms-list-item .webforms-icon {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    border: none;
    background: 0 0;
    vertical-align: middle
}

.box-placeholder .webforms-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle
}

.box-placeholder .webforms-list-item .content .name-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box-placeholder .webforms-list-item .content .content-date-div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box-placeholder .webforms-list-item .content .date-addition-styles {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid rgba(120,130,140,.13);
    width: 100%
}

.box-placeholder .webforms-list-item .content .date-addition-styles ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.box-placeholder .webforms-list-item .content .date-addition-styles ul .left {
    float: left;
    clear: left
}

.box-placeholder.create-webform-placeholder .webforms-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder.create-webform-placeholder .webforms-list-item .webforms-move-buttons {
    width: 20px;
    position: relative;
    display: inline-block;
    margin: 5px 20px 5px 0;
    vertical-align: middle
}

.box-placeholder.create-webform-placeholder .webforms-list-item .content {
    width: calc(100% - 45px);
    display: inline-block;
    vertical-align: middle
}

.box-placeholder.create-webform-placeholder .webforms-list-item .content .option-div {
    padding-top: 20px;
    text-align: right
}

.box-placeholder .automation-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .automation-list-item .automation-icon-div {
    width: 45px;
    position: relative;
    display: inline-block;
    margin: 8px 20px 15px 0;
    border: none;
    background: 0 0;
    vertical-align: top
}

.box-placeholder .automation-list-item .automation-icon-div .automation-icon {
    border-color: transparent;
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    height: 45px;
    width: 45px;
    padding: 5px 7px
}

.box-placeholder .automation-list-item .automation-icon-div .automation-icon:after,.box-placeholder .automation-list-item .automation-icon-div .automation-icon:before {
    content: none
}

.box-placeholder .automation-list-item .content {
    width: calc(100% - 75px);
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.box-placeholder .automation-list-item .content .option-div {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box-placeholder .automation-config-list-item {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    text-decoration: none;
    padding: 9px 15px
}

.box-placeholder .automation-config-list-item .content {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px
}

.box-placeholder .automation-config-list-item .content .action-div,.box-placeholder .automation-config-list-item .content .action-name-div,.box-placeholder .automation-config-list-item .content .action-type-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.box-placeholder .automation-config-list-item .content .action-div .action-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

.box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-right: 20px
}

.box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-input .ui-select-container {
    width: 100%
}

.box-placeholder .faxes-item {
    margin: 15px 0
}

.box-placeholder .faxes-item .sl-left {
    margin-left: -25px!important;
    width: 65px!important;
    height: auto!important;
    line-height: normal!important;
    text-align: center!important;
    float: left!important
}

.box-placeholder .faxes-item .faxes-icon-div {
    text-align: center!important;
    width: 45px!important;
    height: 45px!important;
    position: relative!important;
    padding: 0!important;
    margin-left: 2px!important;
    border-color: transparent!important
}

.box-placeholder .faxes-item .status-div {
    width: 65px!important;
    margin: 5px 0 8px 0!important;
    margin-left: -5px!important
}

.box-placeholder .faxes-item .content-div {
    vertical-align: middle;
    padding-bottom: 12px;
    padding-left: 0;
    width: calc(100% - 50px)
}

.box-placeholder .faxes-item .content-div .info-text {
    line-height: normal
}

.box-placeholder .faxes-item .content-div .info-text .info-icon {
    width: 25px;
    text-align: center
}

.box-placeholder .faxes-item .content-div .info-text .full-info-for-small-resolutions {
    padding: 10px 0;
    margin-top: 10px
}

.box-placeholder .faxes-item .content-div .info-text .full-info-for-small-resolutions ul {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.box-placeholder .faxes-item .content-div .info-text .full-info-for-small-resolutions ul .left {
    float: left;
    width: 50%;
    clear: left
}

.box-placeholder .faxes-item .content-div .info-text .full-info-for-small-resolutions ul .right {
    float: right;
    width: 50%;
    clear: right
}

@media (max-width: 1663px) {
    .box-placeholder .lg-down-width-130 {
        width:130px!important
    }
}

@media (min-width: 1425px) and (max-width:1680px) {
    .box-placeholder .rules-widget .rule-list-item .content .input-placeholder {
        width:360px
    }
}

@media (min-width: 1425px) and (max-width:1550px) {
    .box-placeholder .col-12-1420-1550 {
        -ms-flex:0 0 100%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 100%!important;
        max-width: 100%!important
    }
}

@media (min-width: 1200px) and (max-width:1634px) {
    .box-placeholder .contacts-item .content-div .option-div {
        padding:10px 10px 0 0
    }

    .box-placeholder .contacts-activity-item,.box-placeholder .contacts-item .content-div .option-div .outline-btn {
        margin-bottom: 5px;
        margin-right: 0
    }
}

@media (max-width: 1200px) {
    .box-placeholder .automation-list-item .content .event-block {
        border-bottom:1px solid rgba(120,130,140,.13);
        padding-bottom: 5px;
        margin-bottom: 10px
    }
}

@media (max-width: 1199px) {
    .box-placeholder .contacts-item .contacts-icon-div {
        width:40px!important;
        height: 40px!important
    }

    .box-placeholder .contacts-item .content-div {
        width: calc(100% - 35px)
    }

    .box-placeholder .contacts-item .content-div .main-content-col {
        padding: 0;
        margin-left: 15px
    }

    .box-placeholder .rules-widget .rule-list-item .content .input-placeholder {
        width: 360px
    }
}

@media (min-width: 1425px) and (max-width:1610px) {
    .box-placeholder .automation-list-item .col-12-1425-1610 {
        float:right;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px
    }

    .box-placeholder .automation-list-item .col-12-1425-1610 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .box-placeholder .automation-list-item .content .event-block {
        border-bottom: 1px solid rgba(120,130,140,.13);
        padding-bottom: 5px;
        margin-bottom: 10px
    }
}

@media (max-width: 767px),(min-width:1200px) and (max-width:1250px),(min-width:1425px) and (max-width:1600px) {
    .box-placeholder .width-40px-767-down-1200-1250-1425-1600 {
        width:40px!important
    }
}

@media (max-width: 700px),(min-width:1200px) and (max-width:1480px) {
    .box-placeholder .callable-lists-widget .lists-list-item .content .option-div {
        border-top:1px solid rgba(120,130,140,.13);
        margin-top: 10px
    }

    .box-placeholder .callable-lists-widget .lists-list-item .content .option-div .dial-btn {
        margin-top: 10px
    }
}

@media (max-width: 400px),(min-width:1200px) and (max-width:1530px) {
    .box-placeholder .callable-lists-widget .lists-list-item .lists-icon {
        width:35px;
        margin: 8px 15px 15px 0
    }

    .box-placeholder .callable-lists-widget .lists-list-item .lists-icon .round-div {
        width: 40px;
        height: 40px
    }

    .box-placeholder .callable-lists-widget .lists-list-item .content {
        width: calc(100% - 55px)
    }
}

@media (min-width: 769px) and (max-width:991px),(min-width:1024px) and (max-width:1130px),(min-width:1425px) and (max-width:1490px) {
    .box-placeholder .recent-calls-item .content-div .option-div .dial-text-div .dial-btn,.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div .dial-btn {
        margin-right:0;
        margin-bottom: 5px;
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px
    }

    .box-placeholder .recent-calls-item .content-div .option-div .dial-text-div .text-btn,.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div .text-btn {
        display: block;
        width: 35px;
        height: 35px;
        padding: 8px
    }

    .box-placeholder .recent-calls-item .content-div .option-div,.box-placeholder .text-messages-list-item .mail-contnet .option-div {
        padding: 0 0 0
    }

    .box-placeholder .text-messages-list-item {
        padding: 5px 15px 15px
    }

    .box-placeholder .text-messages-list-item .mail-contnet .option-div .text-messages-activity-item {
        vertical-align: top
    }

    .box-placeholder .recent-calls-item .content-div .option-div .recent-calls-activity-item {
        vertical-align: top;
        margin-top: 0
    }

    .box-placeholder .recent-calls-item .content-div .option-div .dial-text-div,.box-placeholder .text-messages-list-item .mail-contnet .option-div .dial-text-div {
        width: -webkit-min-content;
        width: -moz-min-content;
        width: min-content
    }
}

@media (min-width: 768px) {
    .box-placeholder .timeline-dash-text-list-item .message-icon {
        margin-right:15px
    }
}

@media (max-width: 768px) {
    .box-placeholder .text-messages-list-item .message-icon {
        width:40px;
        height: 40px
    }

    .box-placeholder .voicemail-item .option-div {
        padding: 10px 0 5px 20px!important
    }

    .box-placeholder .webforms-list-item .content .name-div {
        padding-top: 10px
    }

    .box-placeholder .webforms-list-item .content .option-div {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .box-placeholder .webforms-list-item {
        padding-left: 0
    }

    .box-placeholder .md-m-b-8 {
        margin-bottom: 8px
    }

    .box-placeholder .automation-config-list-item .content .action-type-dropdown {
        margin-top: 5px
    }

    .box-placeholder .automation-config-list-item .content {
        margin-bottom: 5px
    }

    .box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-label {
        display: block;
        margin-right: 0;
        margin-bottom: 5px
    }

    .box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control {
        display: block
    }

    .box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
        display: block
    }

    .box-placeholder .automation-config-list-item .content .action-div,.box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control {
        margin-top: 10px
    }

    .box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
        width: 280px
    }
}

@media (max-width: 767px) {
    .box-placeholder .faxes-item .content-div {
        width:calc(100% - 25px)
    }

    .box-placeholder .text.md-line-97 {
        width: 97%
    }

    .box-placeholder .text.md-line-70 {
        width: 70%
    }

    .box-placeholder .text.md-width-38 {
        width: 38px
    }
}

@media (max-width: 575px) {
    .box-placeholder .text.sm-width-full {
        width:100%
    }

    .box-placeholder .text.sm-width-80 {
        width: 80px
    }

    .box-placeholder .text.sm-width-30 {
        width: 30px
    }

    .box-placeholder .text.sm-height-30 {
        height: 30px
    }

    .box-placeholder .text.sm-db {
        display: block
    }

    .box-placeholder .text.sm-margin-l-auto-r-0 {
        margin-left: auto;
        margin-right: 0
    }

    .box-placeholder .text.sm-margin-t-10 {
        margin-top: 10px
    }

    .box-placeholder .automation-section .automation-list-item {
        padding-left: 0
    }

    .box-placeholder .text.xs-line-90 {
        width: 90%
    }
}

@media (max-width: 500px) {
    .box-placeholder .text.sm-margin-t-5 {
        margin-top:5px
    }

    .box-placeholder .automation-list-item .automation-icon-div {
        width: 35px;
        margin: 8px 10px 15px 0
    }

    .box-placeholder .automation-list-item .content {
        width: calc(100% - 50px)
    }

    .box-placeholder .automation-list-item .automation-icon-div .automation-icon {
        height: 35px;
        width: 35px;
        padding: 4px 6px
    }

    .box-placeholder .automation-list-item .p-r-0-500 {
        padding-right: 0
    }
}

@media (min-width: 395px) and (max-width:500px) {
    .box-placeholder .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width:30%
    }

    .box-placeholder .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 70%
    }
}

@media (max-width: 380px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1670px) {
    .box-placeholder .timeline-dash-call-list-item .option-div .dial-btn {
        display:block;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: auto
    }

    .box-placeholder .timeline-dash-call-list-item .option-div .text-btn {
        display: block;
        margin-left: auto
    }

    .box-placeholder .timeline-dash-call-list-item .option-div {
        padding: 5px 0 15px 0
    }
}

@media (max-width: 380px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1630px) {
    .box-placeholder .timeline-dash-voicemail-list-item .option-div {
        padding:5px 0 5px 0
    }

    .box-placeholder .timeline-dash-voicemail-list-item .option-div .dial-btn {
        display: block;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: auto
    }

    .box-placeholder .timeline-dash-voicemail-list-item .option-div .text-btn {
        display: block;
        margin-left: auto
    }
}

@media (max-width: 400px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1610px) {
    .box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div .dial-btn {
        display:block;
        margin-right: 0;
        margin-bottom: 5px;
        margin-left: auto
    }

    .box-placeholder .timeline-dash-text-list-item .mail-contnet .option-div .text-btn {
        display: block;
        margin-left: auto
    }
}

@media (max-width: 430px) {
    .box-placeholder .rules-widget .rule-list-item .content .input-placeholder {
        width:100%
    }
}

@media (max-width: 400px) {
    .box-placeholder .automation-config-list-item .content .action-div .action-body .action-input-control .action-input {
        width:100%
    }
}

@media (max-width: 394px) {
    .box-placeholder .faxes-item .content-div .full-info-for-small-resolutions ul {
        -ms-flex-direction:column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column
    }

    .box-placeholder .faxes-item .content-div .full-info-for-small-resolutions ul .left {
        width: 100%;
        margin-bottom: 10px
    }

    .box-placeholder .faxes-item .content-div .full-info-for-small-resolutions ul .right {
        width: 100%
    }
}

@media (max-width: 390px) {
    .box-placeholder .tab-placeholder {
        margin-top:15px!important
    }

    .box-placeholder .text.xxs-line-90 {
        width: 90%
    }

    .box-placeholder .text.xxs-line-100 {
        width: 100%
    }
}

@media (max-width: 380px) {
    .box-placeholder .media-full-width-no-float {
        width:100%!important;
        float: none!important
    }

    .box-placeholder .text.xxs-m-l-2 {
        margin-left: 2px!important
    }

    .box-placeholder .text.xxs-m-l-0 {
        margin-left: 0!important
    }

    .box-placeholder .text.xxs-width-180 {
        width: 180px
    }
}

@media (min-width: 350px) {
    .box-placeholder .contacts-item .content-div .info-small-resolutions {
        margin-right:40px
    }
}

@media (max-width: 400px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1610px) {
    .col-dash-text-main-10 {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 83.33333333%!important;
        flex: 0 0 83.33333333%!important;
        max-width: 83.33333333%!important
    }

    .col-dash-text-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

@media (max-width: 380px),(min-width:1200px) and (max-width:1230px),(min-width:1425px) and (max-width:1630px) {
    .col-dash-main-10 {
        -webkit-box-flex:0!important;
        -ms-flex: 0 0 83.33333333%!important;
        flex: 0 0 83.33333333%!important;
        max-width: 83.33333333%!important
    }

    .col-dash-option-2 {
        -ms-flex: 0 0 16.666667%!important;
        -webkit-box-flex: 0!important;
        flex: 0 0 16.666667%!important;
        max-width: 16.666667%!important
    }
}

.pca .pcaautocomplete .pcalist {
    border-radius: 4px
}

.btn,.form-control {
    line-height: 1.25
}

a.active,a.active.focus,a.active:focus,a.focus,a:active,a:active.focus,a:active:focus,a:focus,button.active,button.active.focus,button.active:focus,button.focus,button:active,button:active.focus,button:active:focus,button:focus,input.active,input.active.focus,input.active:focus,input.focus,input:active,input:active.focus,input:active:focus,input:focus,select.active,select.active.focus,select.active:focus,select.focus,select:active,select:active.focus,select:active:focus,select:focus,textarea.active,textarea.active.focus,textarea.active:focus,textarea.focus,textarea:active,textarea:active.focus,textarea:active:focus,textarea:focus {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

body::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    box-shadow: inset 0 0 6px rgba(0,0,0,.1);
    width: 5px;
    height: 5px;
    background-color: transparent;
    border-radius: 7px
}

body::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    width: 5px;
    height: 5px;
    opacity: .6;
    display: block;
    border-radius: 7px;
    z-index: 99
}

.container-fluid {
    padding: 20px 25px
}

@media (max-width: 768px) {
    .container-fluid {
        padding:0 0 20px!important
    }
}