.icon-action{
    color: #46b0f2 !important;
    font-size: 1.5rem;
    cursor: pointer;
}

.btn-link{
    font-weight: 400;
    color: #2196f3;
    background-color: transparent !important;
}


/**
 * Background
 */
.bg-gradient-blue{
    background-image: linear-gradient( 300deg , rgb(1, 131, 253) 0%, rgb(29, 196, 228) 100%);
}

.bg-gradient-green{
    background-image: linear-gradient(300deg, rgb(12, 181, 113) 0%, rgb(24, 206, 215) 100%);
}

.bg-gradient-red{
    background-image: linear-gradient(300deg, rgb(255, 62, 88) 0%, rgb(255, 132, 73) 100%);
}

.bg-gradient-orange{
        background-image: linear-gradient(300deg, rgb(255, 98, 20) 0%, rgb(255, 202, 56) 100%);
}


/*
 * Alert
 */
.swal2-container{

}
.swal2-title{
    font-size: 1.0625rem  !important;
    font-weight: 500 !important;
    line-height: 1.5385 !important;
    color: rgb(51, 51, 51) !important;
}
.swal2-html-container {
    font-size: 0.9rem !important;
    color: rgb(51, 51, 51) !important;
    padding: 0.3em 1.6em .3em !important;
}
.swal2-icon{
    font-size: 1rem !important;
}
.swal2-title {

}
.swal2-icon::before{
    display: none;
}
.swal2-header .swal2-icon::before{
    display: flex;
    font-size: 3.5rem;
}

.swal2-icon.swal2-warning {
    color: #ff7043 !important;
    border-color: #ff7043 !important;
}
.swal2-confirm{
    background-color: #2196f3 !important;
}
.swal2-deny{
}
.swal2-cancel{
    color: #333 !important;
    background-color: #fafafa  !important;
    border: 1px solid #ddd !important;
}
.swal2-actions button{
    font-size: small !important;
}


/**
 * Menus
 */
.nav-sidebar .nav-item .nav-link.active{
    font-size: 16px !important;
    border-left: 7px solid rgb(34, 199, 208) !important;
    background-color: rgb(23, 97, 153) !important;
    width: 100% !important;
}
.nav-sidebar .nav-item .nav-link.active-sub{
    background-color: rgba(255,255,255,.1);
}

.nav-item-submenu>.nav-link:after {
    line-height: 24px;
}

.badge-menu .badge-social {
    position: absolute;
    top: 0.25rem;
    right: 1.25rem;
    color: #ffffff;
    background: #f79761;
}
.nav-sidebar .nav-item .nav-link .left-side{
    position: absolute;
    margin-left: -30px;
    color: #f79761;
}
.nav-sidebar .nav-item .nav-link .color-orange{
    color: #f79761;
}

/**
 * Main Filter
 */
.main-filter{
    display: inline-flex;
}
.page-filter{
    margin: 0px;
    padding: 15px 0;
}
.page-filter .filter-input{
    float: right;
}
.page-filter .filter-label{
    float: right;
    line-height: 36px;
    padding: 0 15px;
}
.daterangepicker {
    z-index: 100!important;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    padding: .4375rem .218755rem!important;
    border: 1px solid #ddd!important;
}
#rally-main-filter-daterange,
#compare-daterange{
    border-radius: .1875rem;
    padding: .4375rem .875rem !important;
    border: 1px solid #ddd!important;
    cursor: pointer;
    background: #ffffff;
}
#rally-main-filter-label {
    padding: 0 15px 0 0 !important;
    line-height: 36px;
}

.mgs-date-range {
    font-size: 0.8125rem;
    padding: 8px 12px;
    background-color: #ffe8e1;
}

/*
 * Form
 */
.link-campaign-fields .btn {
    background-color: rgb(239, 239, 239);
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ddd;
}
.link-campaign-fields .alert-upgrade {
    position: absolute;
    z-index: 101;
    margin-right: 10px;
}
.link-tag-fields .btn {
    background-color: rgb(239, 239, 239);
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #ddd;
}
.link-short-link-fields .input-group-text{
    background-color: white;
    padding-right: 1px;
    color: rgb(142, 140, 140);
    border-right: none;

}
.link-short-link-fields .slashtag{
    padding-left: 0px;
    border-left: none;
    border-right: none;
}
.link-short-link-fields .btn.dropdown-toggle{
    border-left: none;
    background-color: white;
    border-radius: inherit;
}

.link-short-link-fields .text-messenger{
    padding-right: 0px;
    float: right;
    text-align: end;
    display: none;
}
.link-short-link-fields .icon-info{
    z-index: 1000;
}
.link-short-link-fields .select2-selection--single{
    height: 36px;
}
/* .link-short-link-fields.error .domain{
    border-color: #f44336 !important;
} */
/* .link-short-link-fields.error .slashtag{
    border-color: #f44336 !important;
} */

.link-short-link-fields.error .text-messenger{
    display: block;
}
.link-short-link-fields.error .text-messenger:after{
    content: 'Unavailable';
    color: #e06666ff;
}
.link-short-link-fields.error .icon-info:after{
    content: '\e993';
    color: white;
}
.link-short-link-fields.success .text-messenger{
    display: block;
}
.link-short-link-fields.success .text-messenger:after{
    content: 'Available';
    color:#93c47d;
}
.link-short-link-fields .icon-info:after{
    content: '\ec96';
}
.link-short-link-fields.success .icon-info:after{
    content: '\e9db';
    color: white;
}
.link-short-link-fields.success .btn-check{
    background-color: #93c47d;
}
.link-short-link-fields.error .btn-check{
    background-color: #e06666ff;
}
.link-short-link-fields .btn-check .spinner{
    color: white;
}

.link-short-link-fields .select2.select2-container{
    position: absolute;
    z-index: -1;
    pointer-events: auto;
}
.tags-select2-no-results{
    color: #333333;
}
a.create-tag{
    color: #2196f3 !important;
    cursor: pointer;
}
#media .multiselect-container {
    max-height: 400px;
}
#form-link-duplicate .rally-form {
    /*padding: 1.25rem 1.25rem;*/
}
#form-link-duplicate .rally-form h4 {
    /*margin-top: -1.5%;*/
}
.rally-form label{
    /*font-weight: bold;*/
}
.rally-form label.required::after {
    content: "*";
    color: red;
}
.rally-form label.error {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    color: #f44336;
    position: relative;
    padding-left: 1.625rem;
}
.rally-form label.error::before {
    content: "";
    font-family: icomoon;
    font-size: 1rem;
    position: absolute;
    top: .12502rem;
    left: 0;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.multiselect-selected-text{
    color: #a6a6a6;
}
.rally-form .btn-submit{
    background-color: #0db77b;
}
.form-control {
    height: auto;
}
.copy-shortlink{
    margin-left: 20px;
    color: #46b0f2;
    font-size: 1.5rem;
    cursor: pointer;
}

.control-select-tooltip {
    display: block;
}
.control-select-tooltip .control-select {
    float: left;
    width: calc(100% - 20px);
}
.control-select-tooltip .control-tooltip {
    float: right;
    width: 20px;
    line-height: 34px;
    text-align: right;
}
.control-select-tooltip .control-tooltip i {
    color: #666566;
    cursor: pointer;
}

.multiselect:after,
.select2-selection--single .select2-selection__arrow:after {
    color: #333333!important;
}

/**
 * Card
 */
.card-rally .card-body.content-full{
    padding: 0;
}
.card-rally .card-body.border-top{
    border-top: 1px solid #ddd;
}
.card-rally .header-border{
    border-left:10px solid rgb(34, 199, 208);
    height: 66px;
}

.card.highlight-box{
    border-radius:5px;
    box-shadow: 1.5px 1.5px 3px 3px #e6e6e6;
}
.card.highlight-box .card-header i{
    color: white;
}

.card.summary-card{
    border-radius:5px;
    box-shadow: 1.5px 1.5px 3px 3px #e6e6e6;
}

.card .header-section{
    border-left: 6px solid rgb(34, 199, 208);
    margin-left: -20px;
}

.card.card-shadow{
    box-shadow: 1.5px 1.5px 3px 3px #e6e6e6;
}

.card .card-header .donut-card-title{
    border-left: 5px solid rgb(34, 199, 208);
    padding-left: 10px;
    white-space: nowrap;
}
.card .card-header .header-secondary{
    border-left: 5px solid rgb(34, 199, 208);
    padding-left: 10px;
}
.card .card-header .title-height-fixed{
    height: 40px;
    line-height: 20px;
}
.card .card-header .header-search-box{
    width: 50%;
    float: right;
}
.card .card-header .header-search-box .form-group{
    margin: 0px;
}
.card .card-body .header-secondary{
    border-left: 5px solid rgb(34, 199, 208);
    padding-left: 10px;
}
.card .card-header .dataTables_filter{
    margin-bottom: 0px;
}

.card .card-body .body-search-box{
    width: 50%;
    float: right;
}
.card .card-body .body-search-box .form-group{
}

/**
 * Boxes
 */
span.line-clamp-1,
p.line-clamp-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a.line-clamp-1{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a.line-clamp-2{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
a.line-clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.profile-name.line-clamp-3{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.boxes{
    padding: 0px;
    margin: 0px;
}
.boxes .boxes-head{
    padding: 10px;
    margin: 0px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.boxes .boxes-body{
    padding: 0px 0px 10px 0px;
    margin: 0px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.boxes .boxes-item{
    padding: 10px 10px 0 10px;
    margin: 0px;
    font-size: 14px;
}
.persona-summary .boxes .boxes-item{
    padding: 10px 10px 8px 10px;
}
.boxes .boxes-item .item-label{
    float: left;
    padding: 0px 10px 0px 0px;
    width: calc(100% - 42px);
    word-break: break-word;
}
.boxes .boxes-item .item-label .item-link{
    font-size: 15px;
    line-height: 20px;
}
.boxes .boxes-item .item-label .item-head{
    font-size: 15px;
    margin: 0px;
    line-height: 20px;
    position: relative;
}
.boxes .boxes-item .item-label-value{
    float: left;
    padding: 0px 10px 0px 0px;
    width: calc(100% - 42px);
    word-break: break-word;
}
.boxes .boxes-item .item-label-value .row-value{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 16px;
}
.boxes .boxes-item .item-label-value .row-label{
    display: block;
    height: 16px;
    line-height: 16px;
}
.boxes .boxes-item .item-value{
    float: right;
    width: 42px;
    margin: 0 auto;
    text-align: center;
}
.boxes .boxes-item .item-value-link{
    margin: 0px;
    padding: 0px;
    line-height: 21px;
}
.boxes .boxes-item .item-value-link.mgs{
    font-size: 12px;
}
.boxes .boxes-item .item-value-link.mgs-sm{
    font-size: 12px;
    line-height: 14px;
}
.boxes .boxes-item .item-no-value-link{
    margin: 0px;
    padding: 0px;
    line-height: 21px;
}
.boxes .boxes-item .item-no-value-link.mgs-sm{
    font-size: 12px;
    line-height: 14px;
}
.boxes .boxes-item.line-clamp-2{
    height: 52px;
}
.boxes .boxes-item.line-clamp-3{
    min-height: 73px;
}
.boxes .boxes-item .item-head{
    margin: 0px;
    padding: 0px;
    line-height: 21px;
}
.boxes .boxes-item .item-value .circle-value{
    width: 42px;
    height: 42px;
    text-align: center;
    border-radius: 50%;
    background: #ffffff;
    color: #000000;
    line-height: 40px;
    margin: 0 auto;
}
.boxes .boxes-item.top-post-item{
    min-height: 73px;
}
.boxes .border-line {
    border-bottom: 1px solid #B6B6B6 !important;
    margin: 10px 10px 0px 10px;
}
.boxes.style-1 .boxes-head{
    background: #122d53;
}
.boxes.style-1 .boxes-body{
    background: #bdd8ff;
}
.boxes.style-2 .boxes-head{
    background: #1ea6b6;
}
.boxes.style-2 .boxes-body{
    background: #bff9ff;
}
.boxes.style-3 .boxes-head{
    background: #dd4468;
}
.boxes.style-3 .boxes-body{
    background: #ffcfda;
}
.boxes.style-4 .boxes-head{
    background: #f04e1e;
}
.boxes.style-4 .boxes-body{
    background: #ffd0c2;
}
.boxes.style-5 .boxes-head{
    background: #d1bf25;
}
.boxes.style-5 .boxes-body{
    background: #fffcde;
}

/**
 * Dropdown
 */
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-child {
    display: none;
    background-color: skyblue;
    min-width: 200px;
}
.dropdown-child a {
    color: blue;
    padding: 20px;
    text-decoration: none;
    display: block;
}
.dropdown:hover .dropdown-child {
    display: block;
}


/**
 * Data Table
 */
.data-table-rally{
    width: 100%;
    table-layout: fixed,
    word-wrap: break-word;
    font-size: 0.8vw;
}

.data-table-rally .open-link-detail{
    cursor: pointer;
}
.data-table-rally thead th {
    font-size: 0.9vw;
}
.dataTables_length select {
    padding: .4375rem .875rem!important;
    border: 1px solid #ddd!important;
}
.dataTables_filter input {
    padding: .4375rem .875rem!important;
    padding-right: 2rem!important;
    background-color: #fff!important;
    border: 1px solid #ddd!important;
    border-radius: .1875rem!important;
}
.dataTables_rallyfilter {
    float: right;
    text-align: right;
    position: relative;
    display: block;
    float: right;
    margin: 0 0 1.25rem 1.25rem;
}
.dataTables_rallyfilter select {
    padding: .5320rem .875rem!important;
    border: 1px solid #ddd!important;
    margin-left: 3px;
    max-width: 240px;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc {
    background-image: none !important;
}
.data-table-rally thead .sorting, .data-table-rally thead .sorting_desc, .data-table-rally thead .sorting_asc{

}
.data-table-rally thead .sorting_asc::before, .data-table-rally thead .sorting_desc::before{
    content: "";
}
.data-table-rally thead .sorting::after{

}
.data-table-rally .open-detail{
    cursor: pointer;
}
.open-remix{
    cursor: pointer;
    color: #2196f3;
}
.open-remix:hover{
    color: #0a6ebd;;
}
.data-table-rally .open-link-detail{
    cursor: pointer;
}
.dataTables_wrapper .dataTables_processing {
    background: transparent;
}
.data-table-rally td.rally-dest-url {
    color: slategray;
}
.data-table-rally .dtfc-fixed-left {
    z-index: 1;
}

.dataTables_rallyfilter_users {
    float: right;
}

.dataTables_rallyfilter_users label {
    display: flex;
    align-items: center;
}

/**
 * Table
*/
.table-rally th {
    white-space: nowrap;
    width: 120px;
}
.table-rally .link-destination {
    word-break: break-word;
}
.table-rally td .cell-tooltip a{
    display: block;
}
.table-rally td .cell-tooltip i{
    color: #666566;
    cursor: pointer;
}
.link-destination-url,
.social-post-destination-url{
    word-break: break-word;
}
.link-detail-header th,
.link-detail-header td,
.social-post-detail-header th,
.social-post-detail-header td {
    padding: 8px 10px !important;
}
/**
 * Modal Detail
 */
@media (min-width: 768px) {
    .modal-xl {
        width: 90%;
        max-width:1200px;
    }
}
.modal-detail .modal-title.link-name {
    width: 80%;
}
.modal-detail .attr-name {
    font-weight: bold;
    padding-right: 3px;
}

.modal-detail .attr-value {
    padding-left: 3px;
}
.modal-detail div.actions{
    position: absolute; left: 80%; color: slategrey;
}
.modal .loading-indicator-wrapper, .swal2-modal .loading-indicator-wrapper{
    position: absolute;
    margin: auto;
    left: 50%;
    top: 50%;
    z-index: 1;
}
.card .card-header i,
.card .card-body .header-secondary i{
    color: #666566;
    cursor: pointer;
}

/**
 * Tooltip
 */
.tooltip {
    position: absolute;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 white;
    border: 0 none;
    border-radius: 8px 8px 8px 8px;
    box-shadow: none;
    color: black;
    font: 12px sans-serif;
    padding: 3px;
    text-align: center;
    pointer-events: none;
}
.tooltip-inner {
  color: #424242;
  background-color: #edebeb;
}
.tooltip-arrow {
  color: #edebeb;
  background-color:#edebeb;
}

.chart-tooltip {
    position: absolute;
    width: auto;
    height: auto;
    background: none repeat scroll 0 0 #b0c4de;
    border: 0 none;
    border-radius: 8px;
    color: black;
    font: 12px sans-serif;
    padding: 8px;
    text-align: left;
    z-index: 1;
    pointer-events: none;
}

.chart-bar-message {
    position: absolute;
    width: 100%;
    border: 0 none;
    padding: 8px;
    text-align: center;
    top: 50%;
    color: #000000;
}

.modal-tooltip {
    cursor: pointer;
    float: right;
    color: #666566;
}


/**
 * Chart
 */
.axis path, .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
    stroke-width: 1px;
}

/**
 * Dashboard
 */
.summary-highlight-numbers .number-value {
    text-align: right;
    font-size: 14px;
    min-height: 21px;
}

.summary-highlight-numbers a:hover{
    text-decoration: underline;
    color: rgb(39, 148, 227) !important;
}

/**
* Upgrade Box
*/
.analytics-upgrade-box .blockUI.blockElement {
    left: calc(50% - 220px)!important;
    width: 440px!important;
    top: calc(50% - 120px)!important;
    height: 240px!important;
}
.analytics-upgrade-box .blockUI.blockElement .card{
    margin: 0px!important;
    height: 100%!important;
}

/**
* Spinner, Loader...
*/
.spinner {
    color: rgb(34, 199, 208);
}

/**
* Page analytics-channel
*/
#analytics-channel #d3-total-clicks .legends-wrapper{
    text-align: center;
    margin-top: 30px;
}
#analytics-channel #d3-total-clicks .legends-wrapper .legend{
    display: inline-block;
    margin: 0px 10px;
}
#analytics-channel #d3-total-clicks .legends-wrapper .legend .dot{
    display: inline-block;
    width: 10px;
    height: 10px;
}
#analytics-channel #d3-total-clicks .legends-wrapper .legend .label{
    display: inline-block;
    margin: 0px 5px;
}
/**
* Page analytics-channel
*/
.chart.analytic-charts p {
    margin: 0px;
    padding: 0px;
}
.chart.analytic-charts .legends-wrapper{
    text-align: center;
    line-height: 15px;
    padding-bottom: 10px;
}
.chart.analytic-charts .legends-wrapper p {
    margin: 0px;
    padding: 0px 0px 5px 0px;
}
.chart.analytic-charts .legends-wrapper .funnel-label {
    font-size: 14px;
}
.chart.analytic-charts .legends-wrapper .funnel-name {
    font-size: 13px;
    font-style: italic;
}
.chart.analytic-charts .legends-wrapper{
    text-align: center;
    line-height: 15px;
}
.chart.analytic-charts .legends-wrapper .legend{
    display: inline-block;
    margin: 0px 5px;
    font-size: 13px;
    line-height: 15px;
}
.chart.analytic-charts .legends-wrapper .legend .dot{
    display: inline-block;
    width: 10px;
    height: 10px;
}
.chart.analytic-charts .legends-wrapper .legend .label{
    display: inline-block;
    margin: 0px 0px 0px 5px;
}

/*
* Tag Analytics
*/
.material-switch-three-state p {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    color: #333;
}
.material-switch-three-state .switch-toggle {
    background-color: rgba(33, 150, 243, 0.3);
    width: 60px;
    border-radius: 8px;
    height: 16px;
    position: relative;
    margin-top: 10px;
    display: inline-block;
}
.material-switch-three-state .switch-toggle input {
    position: absolute;
    opacity: 0;
}
.material-switch-three-state .switch-toggle input + label {
    padding: 10px;
    float:left;
    color: black;
    cursor: pointer;
}
.material-switch-three-state .switch-toggle input:checked + label {
    border-radius: 50%;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background-color: red;
    position: relative;
    width: 20px;
    height: 20px;
    top: -2px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    background-color: #2196f3;
}
#analytics-tag .dropdown-submenu.filter-mode-conversion.active{
    background-color: #2196f3;
    color: white;
}

#analytics-tag .card-rally .page-filter .filter-label{
    padding: 0px !important;
}
.height-34 {
    height: 34px
}

.padding-search-dropdown {
    padding: 0px 7px 7px 7px;
}

#analytics-tag .body-search-box {
    float: right;
    width: 50%;
}
@media (min-width: 992px) {
    #analytics-tag .body-search-box {
        min-width: 780px;
    }
    #analytics-tag .body-search-box .row {
        margin-right: -0.3125rem;
        margin-left: -0.3125rem;
    }
    #analytics-tag .body-search-box .row .col {
        padding-right: 0.3125rem;
        padding-left: 0.3125rem;
    }
}
#analytics-tag .body-search-box .form-group {
    margin-bottom: 0px;
}
#analytics-tag .body-search-box .nav-item.dropdown {
    display: block;
}
#analytics-tag .body-search-box .nav-item .dropdown-toggle::after {
    position: absolute;
    right: 5px;
}
#analytics-tag .donut-chart{
    display: flex;
    margin-top: 10px;
}

#analytics-tag  #analytics-tag-topics-by-regions .select2-container--default .select2-selection__arrow {
    display: none;
}

.wrapper-btn-conpose-content .dropdown-user .navbar-nav-link.filter-job-functions-value {
    width: max-content;
}
.line-height-3 {
    line-height: 3;
}
/* Analytics Tag Page - DataTable */
#analytics-conversion .dt-buttons,
#analytics-tag .dt-buttons {
    float: right !important;
    position: relative !important;
}

.datatable-chart .table-bar {
    position: relative;
    height: 30px;
}
.social-posts-index .social-icon-wrapper .profile-name {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.datatable-chart .table-bar .bar-value {
    position: relative;
    height: 30px;
    border-radius: 4px;
}
.datatable-chart .table-bar .bar-value::before {
    content: "\200B";
}
.datatable-chart .table-bar .bar-label {
    position: absolute;
    height: 30px;
    line-height: 30px;
    top: 0px;
    left: 15px;
}

/*
* Rally Progress
*/
.card-rally .rally-progress .progress {
    width: 600px;
    height: 1.75rem;
    margin: 0 auto;
}

.bg-carrot {
    background-color: #f79761;
}

.rally-avatar.card-img-actions .rounded-circle {
    overflow: hidden;
    width: 100px;
    height: 100px;
}

.rally-avatar.card-img-actions .rounded-circle.image {
    border: 0px;
}

.rally-avatar.card-img-actions .rounded-circle i.icon-user {
    color: #2196f3;
    font-size: 100px;
    top: 10px;
}

.rally-avatar.card-img-actions .card-img-actions-overlay {
    background-color: rgba(0,0,0,.45);
}

.rally-card-header.card-header:not([class*=bg-]):not([class*=alpha-]) {
    padding-top: 0px;
}

.bt-content {
    display: flex;
    flex-direction: column-reverse;
}

.hidden {
    display: none !important;
}

.dropdown-user .user-avatar .avatar-wrapper {
    width: 43px;
    height: 43px;
    text-align: center;
    line-height: 37px;
}

.dropdown-user .user-avatar .avatar-wrapper i.icon-user{
    font-size: 20px;
}

.dropdown-user .user-avatar .avatar-wrapper img {
    width: 37px;
    height: 37px;
    border-radius: 50%;
    vertical-align: baseline;
}

.dropdown-user .avatar-wrapper.account_owner {
    border: 3px solid #122d53;
    border-radius: 50%;
}

.dropdown-user .avatar-wrapper.account_user {
    border: 3px solid #4dd0e1;
    border-radius: 50%;
}

.dropdown-user .avatar-wrapper.account_viewer {
    border: 3px solid #d1bf25;
    border-radius: 50%;
}

.my-plan-text {
    text-transform: capitalize;
}


/* Begin: Modal reset CSS */
#modal_reset_password button {
    width: 100%;
}

@media (min-width: 576px) {
    #modal_reset_password .modal-dialog {
        max-width: 400px;
        margin: 1.75rem auto;
    }
}
/* End: Modal reset CSS */
/**
* Custom Notification
*/
.bg-custom-60 {
    background-color: #22c7d0;
}

.alert.alert-icon-thumbs-up3[class*=alert-styled-]:after {
    content: "\ecf5";
}

/* Social Connect Icons */
.profile-icon-wrapper{
    margin: 10px 30px 10px 0px;
    display: inline-flex;
    align-items: center;
}
.social-icon-wrapper{
    margin: 5px 0px;
    display: inline-flex;
    align-items: center;
    word-break: break-word;
}
.social-icon{
    cursor: pointer;
}
.social-icon.linkedin i {
    color: #2867B2;
}
.social-icon.facebook i {
    color: #4267B2;
}
.social-icon.instagram i {
    background: -webkit-linear-gradient(left, #FCAF45, #C13584);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.socials .social-icon i{
    font-size: 40px;
}
.socials .accounts {

}
.socials .account-pages .social-icon{
    position: relative;
    display: inline-flex;
    margin-right: 10px;
}
.socials .account-pages .social-icon .icon{
    position: absolute;
    background: #fff;
    top: 19px;
    right: -7px;
    margin: 0px;
    height: 21px;
}

.socials .account-pages .social-icon i{
    font-size: 22px;
}

.social-posts-index .social-icon{
    position: relative;
    display: inline-flex;
    margin-right: 10px;
}
.social-posts-index .social-icon .icon{
    position: absolute;
    background: #fff;
    top: 20px;
    right: -7px;
    margin: 0px;
    height: 20px;
}
.social-posts-index .social-icon i{
    font-size: 20px;
}
.post-info {
    padding: 0;
}
.post-info .social-icon-wrapper{
    margin: 0px;
    position: absolute;
    top: 0px;
}
.post-info .inline-link .profile-name{
    color: #000000;
    margin-left: 30px;
}
.post-info .social-icon{
    position: relative;
    display: inline-flex;
}
.post-info .social-icon .icon{
    position: absolute;
    background: #fff;
    top: 14px;
    right: 0px;
    margin: 0px;
    height: 12px;
}
.post-info .social-icon i{
    font-size: 12px;
}
.post-info .published-on {
    color:#46b0f2;
    text-decoration: none;
}
.vr {
    border-right: 1px solid #dddddd;
    margin-right: 20px;
}

/* Social Post Index */
.social-posts-index #tbl-posts td i.uncategorized{
    color: #f04e1e;
}
.social-posts-index #tbl-posts td .inline-link{
    color: #333;
    text-decoration: none;
    display: block;
}
.social-posts-index #custom-buttons-container .dt-buttons {
    margin: 0px !important;
}
.social-posts-index #custom-buttons-container .dt-button-collection:not(.fixed) {
    top: 8% !important;
    left: auto !important;
    right: auto !important;
}

/* Social Post Modal */
.social-post-detail .modal-title .highlight{
    color: #2196f3;
}
.social-post-edit .modal-title .highlight{
    color: #2196f3;
}

.link-campaign-container {
    float: left;
    width: calc(100% - 45px);
}
.link-campaign-container .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
}
.link-tag-container {
    float: left;
    width: calc(100% - 45px);
}
.goal-modal-container {
    float: left;
    width: calc(100% - 42px);
}
.goal-modal-container .select2-selection--single {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 36px;
}
.select2-selection--single{
    height: 34px;
    line-height: 34px;
    padding: 0px;
}
select.error ~ span .select2-selection{
    border-color: red !important;
}
.select2-selection--single .select2-selection__rendered{
    height: 34px;
    line-height: 34px;
    padding: 0px 38px 0px 14px;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.select2-results .select2-results__options{
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}
.input-checkbox {
    margin: 0 auto;
    text-align: center;
    line-height: 36px;
    height: 36px;
}
.input-checkbox input[type=checkbox] {
    width: 16px;
    height: 16px;
    margin: 10px 0 0 0;
}

/*
* Show hide password
*/
.show-hide-password .input-group-append:hover {
    cursor: pointer;
}

.form-reset-password .progress {
    margin-bottom: 18px;
}

.form-reset-password .progress .progress-bar {
    background-color: #22c7d0;
}

/*
* Custom alert message button new link
*/
.wrapper-btn-new-link, .wrapper-link-new-link {
    position: relative;
}

.wrapper-btn-new-link .alert, .wrapper-link-new-link .alert {
    position: absolute;
    bottom: -85px;
    right: 0px;
    width: 650px;
    z-index: 101;
    white-space: nowrap;
}

.wrapper-link-new-link .alert {
    left: 40%;
}

.wrapper-btn-new-link .alert a, .wrapper-link-new-link .alert a {
    text-decoration-line: underline;
}

.benchmarks-dropdown select {
    min-width: 200px;
}

/* Custom option All of job function */
.multiselect-item.dropdown-item.form-check.custom-option-all {
    font-weight: 500;
}

/**
* Page My campaign
*/
.campaign-actions .alert{
    position: absolute;
    right: 38px;
    width: 500px;
    z-index: 101;
    margin-top: 10px;
    white-space: inherit;
}
.campaign-actions .alert.alert-upgrade::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0f3";
}
.campaign-actions .alert-primary a {
    color: #f79761!important;
}

/**
* Page campaign-detail
*/
#campaign-detail .summary-wrapper,
#analytics-conversion .summary-wrapper{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
}
#campaign-detail .summary-wrapper .summary-title,
#analytics-conversion .summary-wrapper .summary-title{
    float: left;
    width: calc(100% - 20px);
    text-align: left;
    min-height: 45px;
}
#campaign-detail .summary-wrapper .summary-tooltip,
#analytics-conversion .summary-wrapper .summary-tooltip{
    float: left;
    width: 20px;
}
#campaign-detail .summary-wrapper .summary-tooltip a,
#analytics-conversion .summary-wrapper .summary-tooltip a{
    position: absolute;
    top: 20px;
    right: 20px;
}
#campaign-detail .summary-wrapper .summary-tooltip a i,
#analytics-conversion .summary-wrapper .summary-tooltip a i{
    color: #666566;
}
#campaigns-index #tbl-campaigns tbody tr.selected>* {
    box-shadow: inset 0 0 0 9999px #ced6e5 !important;
}

#campaigns-index #modal-campaign-new {
    top: 25%;
}
#campaigns-index #modal-folder-new {
    top: 25%;
}
#campaigns-index #modal-campaign-new .modal-content{
    border-radius: 25px;
}
/**
* Page analytics-overview
*/

/*
* Overview Analytics
*/
#analytics-overview .body-search-box-campaign {
    padding: 0px 7px 7px 7px;
}
#analytics-overview .body-search-box {
    float: right;
}

#analytics-overview .body-search-box .form-group {
    margin-bottom: 0px;
}
#analytics-overview .body-search-box .nav-item.dropdown {
    display: block;
}
#analytics-overview .body-search-box .nav-item .dropdown-toggle::after {
    position: absolute;
    right: 1rem;
}

#analytics-overview .summary-wrapper{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
}
#analytics-overview .summary-wrapper .summary-title{
    float: left;
    width: calc(100% - 20px);
    text-align: left;
}
#analytics-overview .summary-wrapper .summary-tooltip{
    float: left;
    width: 20px;
}
#analytics-overview .summary-wrapper .summary-tooltip a{
    position: absolute;
    top: 20px;
    right: 20px;
}
#analytics-overview .summary-wrapper .summary-tooltip a i{
    color: #666566;
    cursor: pointer;
}
#analytics-overview .summary-wrapper .number-value,
#analytics-conversion .summary-wrapper .number-value
{
    float: left;
    /* width: calc(100% - 135px); */
    width: 80px;
    text-align: left;
    min-height: 22px;
}
#analytics-overview .summary-wrapper .change-value,
#analytics-conversion .summary-wrapper .change-value{
    float: right;
    /* width: 135px; */
    width: calc(100% - 80px);
    text-align: right;
}
#analytics-overview .summary-wrapper .text-value,
#analytics-conversion .summary-wrapper .text-value
{
    float: left;
    width: 100%;
    text-align: left;
    min-height: 22px;
}
#analytics-overview .key-insights .key-insight-value{
    margin: auto;
    text-align: center;
    font-size: 14px;
    padding: 0px 30px;
}

/**
* Page analytics-social-engagement
*/

#analytics-social-engagement .social-wrapper {
    margin: 0px;
    display: inline-flex;
    align-items: center;
    word-break: break-word;
}
#analytics-social-engagement .social-wrapper .social-icon {
    position: relative;
    display: inline-flex;
    margin-right: 10px;
}
#analytics-social-engagement .social-wrapper .social-icon a{
    position: relative;
    display: inline-flex;
    margin-right: 10px;
}
#analytics-social-engagement .social-wrapper .profile-name {
    font-size: 10px;
    line-height: 14px;
}
#analytics-social-engagement .social-wrapper .social-icon .icon {
    position: absolute;
    background: #fff;
    top: 15px;
    right: -5px;
    margin: 0px;
}
#analytics-social-engagement .social-wrapper .social-icon i {
    font-size: 16px;
}
#analytics-social-engagement .trend-page .card-shadow{
    min-height: 143px;
}
#analytics-social-engagement .trend-wrapper{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
}
#analytics-social-engagement .trend-wrapper .inline-link {
    color: #333;
    text-decoration: none;
    display: block;
}
#analytics-social-engagement .trend-wrapper .trend-social{
    float: left;
    width: 100px;
}
#analytics-social-engagement .trend-wrapper .trend-title{
    float: left;
    width: calc(100% - 120px);
    text-align: center;
    min-height: 45px;
}
#analytics-social-engagement .trend-wrapper .trend-tooltip{
    float: left;
    width: 20px;
}
#analytics-social-engagement .trend-wrapper .trend-tooltip a{
    position: absolute;
    top: 20px;
    right: 20px;
}
#analytics-social-engagement .trend-wrapper .trend-tooltip a i{
    color: #666566;
}
#analytics-social-engagement .trend-wrapper .trend-rate{
    float: left;
    width: 100px;
}
#analytics-social-engagement .trend-wrapper .trend-label{
    float: left;
    width: calc(100% - 205px);
}
#analytics-social-engagement .trend-wrapper .trend-change{
    float: left;
    width: 105px;
    text-align: right;
}
#analytics-overview .summary-wrapper .change-value .up,
#benchmarks_overview .summary-wrapper .summary-content .up,
#analytics-social-engagement .trend-wrapper .trend-change .up,
#analytics-conversion .summary-wrapper .change-value .up
{
    color: #32CD32!important;
    font-size: 1.5vw;
}
#analytics-overview .summary-wrapper .change-value .down,
#benchmarks_overview .summary-wrapper .summary-content .down,
#analytics-social-engagement .trend-wrapper .trend-change .down,
#analytics-conversion .trend-wrapper .trend-change .down{
    color: #333333!important;
    font-size: 1.5vw;
}
#analytics-social-engagement .summary .loading-indicator-wrapper {
    position: absolute;
    width: 100%;
    top: 50%;
}
#analytics-social-engagement .donut-chart,
#analytics-overview .donut-chart{
    display: flex;
    margin-top: 10px;
}
.chart-container .loading-indicator-wrapper,
#link-detail .loading-indicator-wrapper,
#campaign-detail .loading-indicator-wrapper,
#benchmarks_overview .loading-indicator-wrapper,
#analytics-overview .loading-indicator-wrapper,
#analytics-social-engagement .loading-indicator-wrapper,
#persona-analytics .loading-indicator-wrapper,
#analytics-conversion .loading-indicator-wrapper{
    position: absolute;
    top: 50%;
    left: calc(50% - 24px);
}
#analytics-social-engagement .loading-indicator-wrapper.top-loading-indicator{
    top: 75px;
    z-index: 1;
    left: 0px;
}
#campaign-detail .donut .card-body{
    min-height: 232px;
}
#analytics-social-engagement .donut .card-body{
    min-height: 266px;
}
#benchmarks_overview .donut .card-body{
    min-height: 80px;
}
#analytics-conversion .donut .card-body{
    min-height: 266px;
}
.donuts .donut .messages,
#benchmarks_overview .donut .messages,
#campaign-detail .donut .messages,
#analytics-social-engagement .donut .messages{
    margin: 0;
    padding: 0;
    text-align: center;
}
.donuts .donut .messages .msg-donut,
#benchmarks_overview .donut .messages .msg-donut,
#campaign-detail .donut .messages .msg-donut,
#analytics-social-engagement .donut .messages .msg-donut{
    margin: 15px 0 0 0;
}
#campaign-detail .donut .legends-wrapper,
#analytics-social-engagement .donut .legends-wrapper{
    margin-top: 0px;
}
#campaign-detail .donut .legends-wrapper .legends-label,
#analytics-social-engagement .donut .legends-wrapper .legends-label{
    position: absolute;
    width: 100%;
}
#campaign-detail  .donut .legends-wrapper .legend,
#analytics-social-engagement .donut .legends-wrapper .legend{
    display: block;
    margin: 0px 0px 0px 0px;
}
#campaign-detail .donut .legends-wrapper .legend .dot,
#analytics-social-engagement .donut .legends-wrapper .legend .dot{
    display: inline-block;
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: 5px;
}
#campaign-detail .donut .legends-wrapper .legend .label,
#analytics-social-engagement .donut .legends-wrapper .legend .label{
    display: inline-block;
    margin: 0px 5px 0 20px;
}
/* Link Details Page */
.link-detail .card-header .actions{
    display: flex;
}
.link-details-general {
    font-size: 1.25vw;
    justify-content: center;
    align-items: center;
    margin: auto;
    display: flex;
    font-weight: 500;
}
span.link-attr-name {
    font-weight: bold;
    padding-right: 3px;
}
#meta-campaign {
    position: relative;
}
#meta-campaign .alert-upgrade{
    position: absolute;
    z-index: 10;
    margin-top: 10px;
    margin-left: 250px;
}
/* Profile Page */
#branded-domains .alert[class*="alert-styled-"]::after{
    content: "\eaad";
}
#branded-domains .message-upgrade{
    position: absolute;
    width: 40%;
    padding-right: 30px;
    z-index: 1;
}
#branded-domains #btn-request-domain{
    color: #339ef4 !important;
}
#branded-domains input{
    color: #000 !important;
}
.card-profile h5 {
    font-size: 0.9rem;
}

.card-profile h6 {
    font-size: 0.75rem;
}

.blur-text {
    color: #888;
}

.user-plan-text {
    text-transform: capitalize;
}

.list-team-accounts.superuser {
    height: 230px;
    overflow-y: scroll;
}

.select-campaign-new-container .icon-plus-circle2{
    color: #2196f3;
}

/* Benchmarks Overview Page */
#benchmarks_overview .benchmarks-title{
    font-size: 1.0625rem;
    text-align: center;
    justify-content: center;
}
#benchmarks_overview .summary-wrapper{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
}
#benchmarks_overview .summary-wrapper .summary-content{
    float: left;
    text-align: center;
    width: calc(100% - 20px);
    line-height: 22px;
    font-size: 14px;
}
#benchmarks_overview .summary-wrapper .summary-content p{
    margin: 0px;
    white-space: nowrap;
}
#benchmarks_overview .summary-wrapper .summary-content p i{
    cursor: text;
    color: #333;
}
#benchmarks_overview .summary-wrapper .summary-tooltip{
    float: right;
    width: 20px;
}

.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch {
    line-height: 36px;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 40px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -4px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -6px;
    margin-top: -6px;
    position: absolute;
    top: -2px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
.material-switch .label-primary {
    background-color: #2196f3;
}

/* Dropdown */
.dropdown-menu>.dropdown-submenu.menu-left>.dropdown-menu {
    left: unset;
    right: 100%;
    width: 300px;
}

.dropdown-menu>.dropdown-submenu>.dropdown-item.none-right-icon:after {
    content: none;
}

.dropdown-menu>.dropdown-submenu>.dropdown-item>i.icon-arrow-left12 {
    margin-left: -8px;
    margin-right: 8px;
}

/* My Tag Page */
#tags-index .show-message-posts {
    top: 50%;
    position: absolute;
    left: 40%;
}
#tags-index .show-message-links {
    top: 50%;
    position: absolute;
    left: 10%;
}
#analytics-tag-links th,
#analytics-tag-links td {
    white-space: nowrap;
}
#analytics-tag-links div.ColVis {
    float: left;
}

/* Column visibility */
.buttons-colvis{
    color: #333!important;
    background-color: #fafafa!important;
    border-color: #ddd!important;
    padding: 0 0.875rem!important;
    margin: 0px!important;
    line-height: 36px!important;
}
.dt-button-collection{
    border: solid 1px #ddd!important;
    padding: 4px 0px 3px 0px!important;
}
.dt-button-collection .dt-button{
    padding: 0.5rem 1rem!important;
    color: #333;
    background: #fff!important;
    border: 0!important;
    display: block;
    outline: 0!important;
    width: 100%;
    text-align: left;
    cursor: pointer;
    transition: all ease-in-out .15s;
    box-shadow: none;
    margin: 0px 0 1px 0!important;
}
.dt-button-collection .dt-button:hover{
    color: #333!important;
    background: #eee!important;
    border: 0!important;
    outline: 0!important;
}
.dt-button-collection .dt-button.active{
    color: #fff!important;
    background: #2196f3!important;
    border: 0!important;
    outline: 0!important;
    box-shadow: none!important;
}
.text-white {
    color: #fff!important;
}
.text-gray {
    color: #333!important;
}

a.text-blue.get-links {
    color: #0c83ff!important;
}
a.text-blue.get-links:hover {
    text-decoration: underline;
}
a.text-white:hover,
a.text-gray:hover {
    color: rgb(39, 148, 227)!important;
    text-decoration: underline;
}
.text-black {
    color: #000!important;
}
a.text-black:hover{
    color: #0c83ff!important;
    text-decoration: underline;
}
.rotate-135 {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* Analytics Persona */

#persona-analytics .body-filter-box-campaign .nav-item.dropdown {
    display: block;
    width: 100%;
    margin-top: 5px;
    background: #fff;
}
#persona-analytics .body-filter-box-campaign .nav-item .dropdown-toggle::after {
    position: absolute;
    right: 1rem;
}
#persona-analytics .body-search-box-campaign{
    padding: 0px 7px 7px 7px;
}

#persona-analytics .persona-filter-wrapper {
    padding: 41px 0 0 0;
    margin: 0 -15px;
}
.card-body-tooltip {
    color: #666566;
    position: absolute;
    top: 0px;
    right: 15px;
    z-index: 1;
}
#persona-analytics .persona-summary {
    position: relative;
}
#persona-analytics .persona-filter-wrapper .persona-filters {
    border-radius: 20px;
    padding: 10px 15px;
    background: #efefef;
    height: 295px;
}
#persona-analytics .persona-filter-wrapper .persona-filters .persona-avatar {
    margin: 0 auto;
    text-align: center;
}
#persona-analytics .dt-buttons {
    float: right !important;
    position: relative !important;
}
#persona-analytics .social-icon {
    position: relative;
    display: inline-flex;
    margin-right: 10px;
}
#persona-analytics .icon {
    position: absolute;
    background: #fff;
    top: 20px;
    right: -7px;
    margin: 0px;
    height: 20px;
}
#persona-analytics .social-icon i {
    font-size: 20px;
}

.post-box .post-img {
    padding: 15px 0 0 0;
}

.post-box .post-content {
    position: relative;
    padding: 15px 0 0 0;
}

.post-box .post-content a.collapsed {
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 0;
    padding-left: 8px;
    background: #ffffff;
}

.post-box .post-content p.collapse[aria-expanded="false"] {
    display: block;
    height: 40px !important;
    overflow: hidden;
    margin: 0px;
}

.post-box .post-content p.collapse.show[aria-expanded="false"] {
    display: block;
    height: auto !important;
}
.post-box .post-content a.collapsed:after  {
    content: '...see more';
}

.post-box .post-content a:not(.collapsed) {
    display: none;
}

.post-box .post-content a:not(.collapsed):after {
    content: '...show less';
}

/*
* Custom alert message button new conversion goal
*/
.wrapper-btn-new-conversion-goal {
    position: relative;
}
.wrapper-btn-new-conversion-goal .alert {
    position: absolute;
    bottom: -85px;
    right: 0px;
    width: 650px;
    z-index: 101;
    white-space: nowrap;
}
.wrapper-btn-new-conversion-goal .alert a {
    text-decoration-line: underline;
}

/* Profile: Conversion Tracking */
.card-tracking-configs .right{
    right: 0px;
}
.tracking-domain-web-icon {
    padding: 4px 10px;
}
.tracking-domain-web-icon i {
    font-size: 20px;
    width: 20px;
    height: 20px;
}
.tracking-domain-web-icon img {
    width: 20px;
    height: 20px;
}
.tracking-domain-plugin {
    padding: 4px 12px;
}
.tracking-domain-plugin i {
    font-size: 16px;
    width: 16px;
    height: 16px;
}

/* Conversion Goal Setting Modal */
#modal-create-conversion-goal label.error {
    display: none!important;
}
#modal-create-conversion-goal .form-control.error{
    border-color: #f55246;
}
#modal-create-conversion-goal .form-control.warning{
    color: #1aa5bd;
}

.btn-circle {
    width: 36px;
    height: 36px;
    padding: 6px 0px;
    border-radius: 50%;
    text-align: center;
}

.rally-bg-warning .ui-pnotify-text {
    background-color: #FFBF9B!important;
    margin: -0.9375rem -1.25rem;
    padding: 0.9375rem 1.25rem;
}
/* Rally Page Login */
button#toggle-password {
    position: absolute;
    top: 3px;
    right: 4px;
    z-index: 9;
    width: 28px;
    height: 30px;
    background: 0;
    border: 0;
}
button#toggle-password:active,
button#toggle-password:focus,
button#toggle-password:hover {
    cursor: pointer;
}
button#toggle-password:focus {
    outline: none !important;
}
.input-password {
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.input-password[type=text]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
}
.input-password[type=password]:valid {
    background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}
.login-form .input-group .form-control-feedback {
    z-index: 3;
}
/* Process Create Content RallyAI */
#modal-create-content-rallyai .actions > ul {
    justify-content: center;
    display: flex;
}
#modal-create-content-rallyai a[href="#finish"] {
    background-color: #ff9900
}
#modal-create-content-rallyai .close{
    position: absolute;
    right: 1rem;
}
#modal-create-content-rallyai .container-box {
    border-radius: 50%;
    padding: 5px 10px 5px 10px;
    color: white;
    border: 2px solid #d7e7f5;
}
#modal-create-content-rallyai .container-box.blue{
    background-color: #4a86e8;
}
#modal-create-content-rallyai .container-box.orange{
    background-color: #f79761;
}
/* Process Create Content */
#modal-create-content .close{
    position: absolute;
    right: 1rem;
}
#modal-create-content .border-content {
    border: 2px solid #d7e7f5;
    margin-bottom: 15px;
}
#modal-create-content .actions > ul {
    justify-content: center;
    display: flex;
}
#modal-create-content .highlight-box {
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#modal-create-content a[href="#finish"] {
    background-color: #ff9900
}
#modal-create-content a.text:hover {
    color: rgb(39, 148, 227)!important;
    text-decoration: underline;
}
#modal-create-content .wizard-form-inline {
    line-height: 42px;
    padding-bottom: 15px;
    display: block;
}
#modal-create-content .alert {
    margin: 15px 0 0 0;
}
#modal-create-content .content-wizard {
    font-size: 1.0875rem;
    font-weight: 400;
    line-height: 1.75;
}
#modal-create-content .select2-selection--single {
    height: 36px;
}
#modal-create-content .select2-dropdown.select2-dropdown--above,
#modal-create-content .select2-dropdown.select2-dropdown--below {
    min-width: 200px;
}
#modal-create-content .validation-invalid{
    border-color: #f55246;
}
#modal-create-content .validation-invalid-label::before, .validation-valid-label::before {
    top: 0;
}
#modal-create-content .validation-invalid-label ,.validation-valid-label {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    color: #ef5350;
    position: relative;
    padding-left: 1.625rem;
    line-height: initial;
}
#modal-create-content .swal2-confirm{
    background-color: #ff9900 !important;
}
#modal-create-content .number-box-value{
    display: flex !important;
    flex-direction: column;
    align-items: center;
}
#modal-create-content .number-box-value .wizard-number{
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd;
    color: #333333 !important;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-radius: 50%;
    margin-bottom: 10px;
}
.swal2_custom_color .swal2-confirm {
    background-color: #ff9900 !important;
}
.swal2_custom_color .swal2-deny {
    background-color: #2196f3 !important;
}
.tooltip {
    z-index: 1151 !important;
}
.tooltip.tooltip-top,
.tooltip.tooltip-bottom,
.tooltip.tooltip-left,
.tooltip.tooltip-right {
    z-index: 1151 !important;
}
.box-resize {
    position: absolute;
    visibility: hidden;
    font-size: .8125rem;
    font-weight: 400;
    line-height: 1.5385;
}

/* Process Update Profile */
#modal-create-profile .actions > ul {
    justify-content: center;
    display: flex;
}
#modal-create-profile a[href="#finish"] {
    background-color: #ff9900
}
#modal-create-profile .dropdown-user {
    z-index: 1000;
    position: absolute;
    top: 0;
    padding-left: 20px;
}
#modal-create-profile .wizard>.steps>ul{
    padding-left: 20px;
}
#profile-wizard-form .steps.clearfix {
    margin-bottom: 0.625rem!important;
}


/* Responsive Iframes */
.calendar-container {
    padding: 20px;
    margin: 0px;
}
.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.iframe-container .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

/* Funnel Charts */
.funnel-legends {
    position: absolute;
    text-align: left;
}
.funnel-legends .legend{
    display: block;
    margin: 0px 10px;
}
.funnel-legends .legend .dot{
    display: inline-block;
    width: 10px;
    height: 10px;
    opacity: 0.7;
}
.funnel-legends .legend .label{
    display: inline-block;
    margin: 0px 5px;
}
/*
* My Content
*/
.my-content-template .body-search-box {
    float: right;
    width: 50%;
}
@media (min-width: 992px) {
    .my-content-template .body-search-box {
        min-width: 500px;
    }
    .my-content-template .body-search-box .row {
        margin-right: -0.3125rem;
        margin-left: -0.3125rem;
    }
    .my-content-template .body-search-box .row .col {
        padding-right: 0.3125rem;
        padding-left: 0.3125rem;
    }
}
.my-content-template .body-search-box .form-group {
    margin-bottom: 0px;
}
.my-content-template .body-search-box .nav-item.dropdown {
    display: block;
}
.my-content-template .body-search-box .nav-item .dropdown-toggle::after {
    position: absolute;
    right: 1rem;
}
.my-content {
    background-color: white;
    margin: 10px;
    padding: 10px;
    width: 100%;
}
.my-content textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    border: none;
}
.wrapper-btn-conpose-content .alert, .wrapper-btn-btn-compose .alert{
    position: absolute;
    right: 20px;
    width: 650px;
    z-index: 101;
    white-space: nowrap;
    margin-top: 10px;
}

.wrapper-btn-conpose-content .alert-primary a {
    color: #f79761!important;
}

.wrapper-btn-conpose-content .alert.alert-upgrade::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0f3";
}
.wrapper-btn-conpose-content .alert.alert-upgrade {
    white-space: inherit;
}
.datepicker td.active:not(.off),
 .datepicker td.active:not(.off):hover {
    background-color: #357ebd;
    border-color: transparent;
    color: #fff;
}
.datepicker td, .datepicker th {
    padding: 10px;
}
.my-content-template .datepicker .table-condensed tr > td,
.my-content-template .datepicker .table-condensed tr > th {
    padding: 0px;
}
.content-template-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    line-height: inherit;
}
.content-template-hidden {
    display: none;
}
.container-textarea .highlights, .container-textarea textarea {
    padding: 10px;
}
.container-textarea.container {
    background-color: white;
    padding: 0px;
}
.rallyai-content .btn-setting-recommendations {
    position: absolute;
    z-index: 5;
    right: 15px;
    top: -35px;
}
.container-textarea .highlights {
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-top: 12px;
    /* color: transparent; */
}

.container-textarea #recommendation-modal-popup {
    display: none;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    z-index: 1000;
    border-radius: 10px;
    width: 25%;
}
.container-textarea textarea {
    /* display: block;
    margin: 0;
    border-radius: 0;
    background-color: transparent;
    overflow: auto;
    resize: none;
    transition: transform 1s;
    color: transparent; */
    /* background-color: transparent; */
    position: inherit;
    display: block;
    margin: 0;
    transition: transform 1s;
    border: 0;
    border-bottom: 28px solid white;
    box-shadow: 0 0 0 1px #666;
    }

.container-textarea mark {
    background-color: white;
    border-bottom: 2px solid #11ec0a;
    padding: 0px;

}
.container-textarea .toolbar-bottom{
    position: absolute;
    display: flex;
    bottom: 5px;
    left: 15px;
}
.container-textarea .char-count {
    position: relative;
    font-size: 13px;
    color: #999;
}
.container-textarea .reaction {
    position: relative;
    font-size: 13px;
    color: #999;
    padding-left: 10px;
    display: none;
}

.select2-container--open .social-icon img{
    width: 14px !important;
    height: 14px !important;
}
.social-icon i.ph.ph-globe{
    font-size: 15px;
    margin-left: -2px;
}
.select2-container--open .social-icon i::before{
    width: 12px !important;
    height: 12px !important;
    display: inline-block;
}
.select2-container--open .social-icon i.mi-mail-outline{
    margin-left: -2px;
    font-size: 14px;
}
/* RallyAI - Select social published */
#select2-social-published-select-results.select2-results__options {
    max-height: none !important;
    height: auto !important;
}
.rallyai-content .field-select-social-published .select2-selection__rendered i{
    margin-right: .625rem !important;
}
.rallyai-content .content-available-tooltip{
    position: absolute;
    margin-top: -20px;
    right: 18px;
    color: #666566;
    cursor: pointer;
}
.rallyai-content .container-text-remaining{
    position: absolute;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 12px;
}
.rallyai-content a.prompt-collapse.open:after{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rallyai-content a.prompt-collapse:after{
    content:'\e9c7';
    font-family: icomoon !important;
    display: inline-block;
}
.rallyai-content .alert-upgrade{
    width: 500px;
    position: absolute;
    top: 70px;
    right: 10px;
    z-index: 2;
}

.rallyai-content .validation-invalid-label::before, .validation-valid-label::before {
    top: 0;
}
.rallyai-content .validation-invalid-label ,.validation-valid-label {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    color: #ef5350;
    position: relative;
    padding-left: 1.625rem;
    line-height: initial;
}

.rallyai-content .themes-buttons .btn.active {
    background-color: rgba(12, 131, 255, 0.1);
    border-width: 2px !important;
    border-color: #1889ff !important;
    color: #0c83ff;
    border-radius: 6px;
    box-shadow: none !important;
}
.rallyai-content #prompt::placeholder {
    color: #999 !important;
    font-size: 13px !important;
}
.rallyai-content .avatar-wrapper .icon-user{
    width: 50px;
    border-radius: 50%;
    color: white;
    padding: 8px 15px 0 0;

}
a.prompt-collapse {
    cursor: pointer;
    color: #2196f3;
    text-decoration: none;
    background-color: transparent;
}

.rallyai-content .analyze-social.filter-social-data .search-box-container{
    bottom:10px;
    width:100%;
}
.rallyai-content .analyze-social.filter-social-data .search-box-container .icon-search{
    color: #777;
    display: inline-block;
    text-align: center;
    padding: .4375rem .875rem;
    font-size: .8125rem;
    line-height: 1.5385;
    border: 1px solid #ddd;
    border-top-right-radius: 0.1875rem;
    border-bottom-right-radius: 0.1875rem;
    position: initial;
}
.rallyai-content .analyze-social.filter-social-data .search-box-container > label{
    max-width: 90px !important;
}
.rallyai-content .analyze-social.filter-social-data .checkbox-rally-link >input{
    top: 10px;
    position: absolute;
}
.rallyai-content .analyze-social.filter-social-data .checkbox-rally-link{
    bottom: 10px;

}
.rallyai-content .analyze-social.filter-social-data .checkbox-rally-link > label{
    width: 90px !important;
}
.rallyai-content .icon-prompt-attach-file {
    position: absolute;
    top: calc(100% - 28px);
    right: 25px;
    cursor: pointer;
}
.rallyai-content .icon-prompt-attach-file .mi-attach-file{
    font-size: 20px;
}
#modal-ez-content-wizard .template-overflow {
    overflow-y: auto;
    height: 400px;
}
#modal-content-rallyai-attach-file .custom-button-box {
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
}

#modal-content-rallyai-attach-file .custom-button-box  button {
    margin-bottom: 15px;
    width: 100%;
}

#modal-content-rallyai-attach-file .box1 label, #modal-content-rallyai-attach-file .box2 label {
    font-weight: 700 !important;
}

#modal-content-rallyai-attach-file .bootstrap-duallistbox-container{
    height: 100%;
}

#modal-content-rallyai-attach-file .dual-list-body select{
    height: 78% !important
}
#modal-content-rallyai-attach-file .dual-list-body {
    height: 100%
}
#modal-content-rallyai-attach-file .card-border {
    padding: 10px;
    background-color: #f8f8f8;
    border-radius: 20px;
    margin-bottom: 0;
}
#modal-content-rallyai-attach-file .dropzone .dz-preview .dz-image img{
    width: 50%;
}
#modal-content-rallyai-attach-file .dropzone .dz-preview{
    max-width: 96%;
}
#modal-content-rallyai-attach-file .dropzone .dz-default.dz-message:before {
    content: "";
    background-color: #b7b7b7;
    -webkit-mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    width: 5rem;
    height: 5rem;
}
#modal-content-rallyai-attach-file .dz-default.dz-message.dz-bottom{
    z-index: 1;
    height: 20px;
    position: inherit !important;
    bottom: 0 !important;
    width: 100%;
    height: 30px;
}
#modal-content-rallyai-attach-file .dz-default.dz-message.dz-bottom::before{
    width: 2rem;
    height: 2rem;
    left: 18%;
    top: -8px;
}
#modal-content-rallyai-attach-file .dz-default.dz-message.dz-bottom span{
    margin-bottom: 5px;
    margin-top: 0px;
    color: #000;
}
#modal-content-rallyai-attach-file .upload-area  form{
    overflow-y: auto;
}
#modal-content-rallyai-attach-file .upload-area{
    overflow-y: auto;
    height: 350px;
}
#modal-content-rallyai-attach-file .dropzone.dz-started .dz-message{
    display: block !important;
    position: absolute;
    opacity: 0.9;
}
#modal-content-rallyai-attach-file .dropzone .dz-default.dz-message:after {
    content: "";
    background-color: #b7b7b7;
    -webkit-mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    width: 5rem;
    height: 5rem;
}

.rallyai-content .avatar-wrapper .img.avatar{
    width: 36px;
    height: 35px;
    text-align: center;
    line-height: 37px;
    padding: 1px 0px 1px 1px;
}
.rallyai-content .avatar-wrapper {
    background-image: url('../../../../global_assets/images/blue-chat-right.png');
    background-repeat: round;
    height: 35px;
    width: 45px;
}
.rallyai-content .social-icon.linkedin i {
    color: #2867B2 !important;
}
.rallyai-content .social-icon.facebook i {
    color: #4267B2 !important;
}
.rallyai-content .icon-wand {
    background-image: url('../../../../global_assets/images/wand-color.png');
    background-repeat: no-repeat;
    position: absolute;
    top: calc(100% - 30px);
    right: 48px;
    cursor: pointer;
    background-size: 20px;
    height: 20px;
    width: 20px;

}
.rallyai-content .field-content-name .icon-check-saved.cursor {
    cursor: pointer;
}
.rallyai-content .field-content-name .text-messenger {
    position: absolute;
    text-align: right;
    padding-right: 25px;
    color: #93c47d;
}
.rallyai-content .scrape-sites {
    cursor: pointer;
}
.rallyai-content .bg-green {
    background-color: #93c47d;
}
.rallyai-content .bg-blue {
    background-color: rgb(33, 150, 243);
}
.rallyai-content .field-content-name .input-group-text {
    background-color: #93c47d;
}
.rallyai-content .icon-info::after {
    content: '\e9db';
    color: white;
}
.rallyai-content .rally-icon-copy i{
    font-size: 20px;
    padding-right: 3px;
}
.rallyai-content .icon-prompt.rally-icon-copy {
    right: calc(100% - 92px);
}
.rallyai-content .rally-icon-copy {
    top: calc(100% - 30px);
    cursor: pointer;
    background-size: 20px;
    color: #46b0f2;
    font-size: 20px;
}
.container-textarea .hyper-link{
    background-image: url('../../../../global_assets/images/hyper-link.png');
    background-repeat: no-repeat;
    background-size: 17px;
    height: 17px;
    width: 16px;
    position: absolute;
    right: 2%;
    bottom: 6px;
}
.content-template-wizard .close{
    position: absolute;
    right: 1rem;
}
.content-template-wizard .template-label {
    padding-left: 20px;
    font-size: 16px;
    line-height: 30px;
}
.content-template-wizard .box-content{
    background-color: #cfe2f3;
    border-radius: 20px;
    border: none;
    height: 160px;
    cursor: pointer;
}
.content-template-wizard .box-content.bg-gray{
    background-color: #eeeeee;
    color: #333 !important;
}

.content-template-wizard .box-content a.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.rallyai-content .textarea-rallyai-content{
    max-width: 600px;
    overflow-x: auto;
    word-wrap: break-word;
    min-width: 100%;
    padding: 10px 10px 25px 10px;
    height: 350px;
    overflow: auto;
    resize: vertical;
    border: 1px solid #3333338a;
}

.rallyai-content .textarea-rallyai-content::before,
.rallyai-content .textarea-rallyai-content:after {
  content:"";
  display:block;
  height:25px;
  position:sticky;
  background:#fff;
}
.rallyai-content .prompt:focus,
.rallyai-content .textarea-rallyai-content:focus {
    outline: 0px solid transparent;
    border: 1px solid #000;
}

.rallyai-content .textarea-rallyai-content::before {
  margin-top: -5px;
  top: -9px;
  height: 10px !important;
}
.rallyai-content .textarea-rallyai-content::after {
  margin-bottom:25px;
  bottom:-25px;
}

.container-textarea .icon-info-link{
    position: absolute;
    right: 3%;
    top: 93%;
    display: flex;
    cursor: pointer;
}
#recommendation-modal-popup .text {
    font-weight: bold;
}
.dropdown-context span.close {
    right: 5px;
    position: absolute;
    cursor: pointer;
    font-size: 25px;
}
.container-textarea .perspective .backdrop {
transform:
    perspective(1500px)
    translateX(-125px)
    rotateY(45deg)
    scale(.9);
}

.container-textarea .perspective textarea {
transform:
    perspective(1500px)
    translateX(155px)
    rotateY(45deg)
    scale(1.1);
}

/* .container-textarea textarea:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 2px #c6aada;
} */

#template-load-more {
    width: 200px;
    display: block;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
}
#modal-content-template-wizard .close{
    position: absolute;
    right: 1rem;
}
#modal-content-template-wizard .template-label {
    padding-left: 20px;
    font-size: 16px;
    line-height: 30px;
}
#modal-content-template-wizard .box-content{
    background-color: #cfe2f3;
    border-radius: 20px;
    border: none;
    height: 160px;
}
#modal-content-template-wizard .row-content{
    width: 90%
}
#modal-content-template-wizard button.multiselect.dropdown-toggle {
    border-radius: 5px;
}
#modal-content-template-wizard .card-img-actions-overlay {
    border-radius: 20px;
    cursor: pointer;
}
#modal-content-template-wizard .template-overflow {
    overflow-y: auto;
    height: 180px;
}
#modal-content-template-wizard .template-overflow .messages-templates{
    padding-top: 40px;
    text-align: center;
}
#modal-content-template-wizard .box-content a.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#modal-content-compose .close{
    position: absolute;
    right: 10px;
    top: 5px;
}
#modal-content-compose .box-content-rallyai.rallyai-box {
    background-color: #efefef;
    font-size: 13px;
}
#modal-content-compose .box-content {
    background-color: #e6f5f7;
    border-radius: 20px;
    height: 250;
    font-size: 20px;
    border: 1px solid #c6c2c2;
}
#modal-content-compose .modal-body{
    min-height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.badge-content-post{
    position: absolute;
    top: -0.5rem;
    right: -2.78em;
    background: #f79761;
    border-radius: 75% !important;
    padding: 0.413rem 1.2rem;
}
/* Rally EZ Content Wizard Modal */
#ez-create-content-modal .close{
    position: absolute;
    right: 1rem;
}
#ez-create-content-modal .border-content {
    border: 2px solid #d7e7f5;
    margin-bottom: 15px;
}
#ez-create-content-modal .actions > ul {
    justify-content: center;
    display: flex;
}
#ez-create-content-modal .highlight-box {
    border-bottom: 1px solid #a6a6a6;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
#ez-create-content-modal a[href="#finish"] {
    background-color: #ff9900
}
#ez-create-content-modal a.text:hover {
    color: rgb(39, 148, 227)!important;
    text-decoration: underline;
}
#ez-create-content-modal .wizard-form-inline {
    line-height: 42px;
    padding-bottom: 15px;
    display: block;
}
#ez-create-content-modal .alert {
    margin: 15px 0 0 0;
}
#ez-create-content-modal .content-wizard {
    font-size: 1.0875rem;
    font-weight: 400;
    line-height: 1.75;
}
#ez-create-content-modal .select2-selection--single {
    height: 36px;
}
#ez-create-content-modal .select2-dropdown.select2-dropdown--above,
#ez-create-content-modal .select2-dropdown.select2-dropdown--below {
    min-width: 200px;
}
#ez-create-content-modal .validation-invalid{
    border-color: #f55246;
}
#ez-create-content-modal .validation-invalid-label::before, .validation-valid-label::before {
    top: 0;
}
#ez-create-content-modal .validation-invalid-label ,.validation-valid-label {
    margin-top: .5rem;
    margin-bottom: .5rem;
    display: block;
    color: #ef5350;
    position: relative;
    padding-left: 1.625rem;
    line-height: initial;
}
#ez-create-content-modal .swal2-confirm{
    background-color: #ff9900 !important;
}
#ez-create-content-modal .number-box-value .wizard-number{
    background-color: #f5f5f5 !important;
    border: 1px solid #ddd;
    color: #333333 !important;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    font-size: 14px;
    border-radius: 50%;
    margin: 10px auto;
}
.embed-container {
    position: relative;
    overflow: hidden;
    max-width: 46%;
    margin: 0 auto 1.25rem auto;
}
.embed-container::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content-input-group {
    margin: -7px 0px;
    padding-left: 20px;
}
.content-td-width {
    max-width: 300px;
}
.content-input-group .input-group-prepend {
}
.content-input-group .input-group-prepend .input-group-text {
    padding: 4px 6px;
}
.content-input-group .input-group-prepend .input-group-text i {
    font-size: 0.8vw;
    color: #b7b7b7;
}
.content-input-group .content-datepicker {
    padding: 4px 6px;
    font-size: 0.8vw;
    text-align: right;
}
.content-box-value {
    width: 80%;
    height: 27px;
    text-align: end;
    font-size: 0.8vw;
    float:right;
}
.btn-light i {
    color: #b7b7b7!important;
}
/* my-content */
table th > a {
    color: rgb(102, 101, 102) !important;
}
/* hide tool-bar ckeditor 4 */
.cke_inner .cke_top {
    display: none;
}
.my-content .cke_contents.cke_reset{
    height: 100% !important;
}
/* My Library */
#my-library .card-img-actions-overlay{
 display:-ms-flexbox;
 display:flex;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:center;
 justify-content:center;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
 background-color:rgba(255,255,255,.1);
 color:#fff;
 transition:all ease-in-out .15s;
 opacity:1;
 visibility:visible;
}

#my-library .progress-container {
    width: 300px;
}
#my-library .card-rally .progress {
    width: 300px;
    height: 5px;
    margin: 0 auto;
}
#my-library .dropzone {
    border: none;
    /*height: 100%;*/
    height: 425px;
    overflow-y: hidden;
    /* Hide scrollbar */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    cursor: pointer;
}
/* Hide scrollbar for Chrome, Safari and Opera */
#my-library .dropzone::-webkit-scrollbar {
    display: none;
}
#my-library #dropzone_single {
    height: 100%;
}
#my-library .dropzone .dz-default.dz-message {
    top: 15rem;
}
#my-library .dropzone .dz-default.dz-message span {
    margin: 0 auto;
    color: #b7b7b7;
}
#my-library .dropzone .dz-default.dz-message:before {
    content: "";
    background-color: #b7b7b7;
    -webkit-mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    mask-image: url("../../../../global_assets/images/upload-cloud.svg");
    width: 5rem;
    height: 5rem;
    font-family: icomoon;
    font-size: 4rem;
    display: inline-block;
    position: absolute;
    top: -6rem;
    left: 50%;
    transform: translateX(-50%);
    line-height: 1;
    z-index: 2;
    color: #ccc;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#my-library .card-img-actions {
    cursor: pointer;
}
#my-library .card-img-actions .card-img-bg {
    width: 100%;
    height: 285px;
    background-repeat: no-repeat;
    background-size: cover, 60px;
    background-position: center;
}

#my-library .card-body .media-name{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    height: 48px;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}

#my-library .card-body .media-description-detail {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    /*min-height: 35px;
    height: 35px;*/
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
}

#my-library .dropzone .progress-bar {
    height: 8px;
    padding: 1px;
    width: 70%;
    margin: 20px auto;
    border-radius: 5px;
    text-align: left;
}

#my-library .dropzone .progress-bar span {
    display: inline-block;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    transition: width .4s ease-in-out;
}

#my-library .dropzone .blue span {
    background-color: #34c2e3;
}


#my-library .dropzone .stripes span {
    background-size: 30px 30px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%,
                      transparent 25%,
                      transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                      transparent 75%, transparent);
    animation: animate-stripes 3s linear infinite;
}

@keyframes animate-stripes {
0% {
  background-position: 0 0;
}
100% {
  background-position: 60px 0;
}
}

#my-library .dropzone.dz-started .dz-message {
    opacity: 1 !important;
}

#my-library .dropzone .dz-preview {
    display: none !important;
}

#my-library .loading-indicator-wrapper {
    position: absolute;
    z-index: 1;
    margin: 40px auto;
    width: 100%;
}

#my-library .media-body {
    padding: 15px 15px 15px 15px;
}

#my-library .media-body .media-description {
    width: 90%;
    padding: 0px 0px 0px 7px;
}

#my-library .media-body .media-header-edit-modal {
    width: 10%;
    padding: 3px 7px 0 0;
}

#my-library .media-body .media-history {
    width: 70%;
    padding: 0 0 0 7px;
    font-size: 12px;
}

#my-library .media-body .media-filetype {
    width: 20%;
    font-size: 12px;
}

#my-library .media-body .media-download {
    width: 10%;
    padding: 0 7px 0 0;
    margin-top: 18px;
}

#modal-library-edit .file-update-input {
    margin-top: 35px;
    width: 100%;
    height: 35px;
}


#modal-library-edit .multiselect-selected-text {
    color: rgb(51, 51, 51);
}

#my-library .card-body .media-auto-height {
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    min-height: 17.5px;
}

#modal-library-edit .campaign-actions .alert {
    right: 0;
}

.break-word {
    word-break: break-all !important;
}

.input-group-email-domain .input-group-text{
    padding-right: 0px !important;
    border-right: none;
    background-color: white;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    color: #999;
}
.input-group-email-domain input {
    border-left: none;
    padding-left: 0px !important;
}
.input-group-email-domain.is-invalid span{
    border-color: red;
}

.bg-finish-orange {
    background-color: #ff9900
}
.bg-finish-orange:hover {
    box-shadow: 0 0 0 62.5rem rgba(0,0,0,.075) inset;
}

/* Custom Tooltip */
.cus-tooltip {
    cursor: pointer;
    position: relative;
    display: inline-block;
}

.cus-tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: #bfcadf;
    color: #333;
    text-align: start;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    top: -50px;
    left: 200%;
    /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 0.2s, visibility 0.2s;
    pointer-events: auto; /* allow mouse events */
    font-size: 13px;
    font-family: Roboto;
}
.cus-tooltip .tooltiptext.top {
    top: -70px;
    left: -20px;
    transform: translateX(-50%);
}

.cus-tooltip:hover .tooltiptext, .cus-tooltip .tooltiptext:hover {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s;
}

.cus-tooltip .tooltiptext {
    transition-delay: 0.2s;
}

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

/* Rally Summary box */


.rally-summary-box .summary-wrapper{
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    line-height: 22px;
}
.rally-summary-box .summary-wrapper .summary-title{
    float: left;
    width: calc(100% - 20px);
    text-align: left;
}
.rally-summary-box .summary-wrapper .summary-tooltip{
    float: left;
    width: 20px;
}
.rally-summary-box .summary-wrapper .summary-tooltip a{
    position: absolute;
    top: 20px;
    right: 20px;
}
.rally-summary-box .summary-wrapper .summary-tooltip a i{
    color: #666566;
    cursor: pointer;
}
.rally-summary-box .summary-wrapper .summary-tooltip a.text-white i{
    color: white;
}
.rally-summary-box .summary-wrapper .number-value
{
    float: left;
    /*width: 80px;*/
    text-align: left;
    min-height: 22px;
}
.rally-summary-box .summary-wrapper .change-value
{
    float: right;
    /*width: calc(100% - 80px);*/
    text-align: right;
}
.rally-summary-box .summary-wrapper .text-value
{
    float: left;
    width: 100%;
    text-align: left;
    min-height: 22px;
}
.rally-summary-box .bg-white {
    background-color: #fff !important;
    background-image: none !important;
}
.rally-summary-box .summary-wrapper .change-value .up
{
    color: #32CD32!important;
    font-size: 1.5vw;
}

.rally-summary-box .summary-wrapper .change-value .down{
    color: #333333!important;
    font-size: 1.5vw;
}

.rally-tooltip{
    cursor: pointer;
    color: #666566;
}