@font-face {
    font-family: "Poppins-Bold";
    src: url("../../webfonts/Poppins-Bold.otf");
}
@font-face {
    font-family: "Poppins-SemiBold";
    src: url("../../webfonts/Poppins-SemiBold.otf");
}
@font-face {
    font-family: "Poppins-Regular";
    src: url("../../webfonts/Poppins-Regular.otf");
}
@font-face {
    font-family: "Poppins-Medium";
    src: url("../../webfonts/Poppins-Medium.otf");
}
.nav-logo{
    width: 80%;
    height: 23px;
}
body[data-sidebar=dark] #sidebar-menu ul li a {
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    color: #888c9f;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a{
    text-align: center;
}
.nav-img-active{
    display: none;
}
.header-background{
    border-top: 1px solid #f6f6f9;
    background-color: #FFFFFF;
}
.page-padding{
    padding: calc(46px + 24px) calc(0px / 2) 60px calc(0px / 2);
}
.header-title{
    font-family: Poppins-Regular, sans-serif;
    font-size: 12px;
    color: #434349;
}
.hi-text{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #959CB6;
}
.name-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #6C7293;
}
.date-link{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #959CB6 !important;
}
.date-link.active {
    color: #6993FF !important;
    background-color: #F3F6F9 !important;
    border-radius: 4px !important;
}
.view-button{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #c9f7f5;
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    padding: 7px 30px;
}
.api-view-button,.api-view-button:hover{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #c9f7f5;
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    padding: 7px 30px;
}
.hide-button{
    background:none;
    color:#959CB6;
    border: none;
}
.top-table-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 13px;
    color: #464e5f;
}
.orange-phone-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #FFA800;
}
.green-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #00BEA4;
}
.green-text-underline{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #00BEA4;
    text-decoration: underline;
}
.red-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #F64E60;
}
.bottom-table-text{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #959CB6;
}
.hide-div{
    display: none;
}
.thead-style{
    background-color: #F3F6F9;
    border-radius: 5px;
}
.search-input{
    position: relative;
    border-radius: 12px;
    background-color: #EEF0F8;
    border: none;
}
.search-input::placeholder{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #464E5F;
}
.search-icon-div{
    position: absolute;
    top: 9px;
    right: 23px;
}
.search-icon-style{
    color: #464E5F;
}
.category-button,.category-button:hover,.category-button:focus{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #6993FF;
    box-shadow: none !important;
    padding: 2px 20px 2px 13px;
}
.sorting-button,.sorting-button:hover,.sorting-button:focus{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #6993FF;
    box-shadow: none !important;
    padding: 2px 30px 6px 10px;
    background-color: #F3F6F9;
}
.dropdown-arrow-span{
    position: absolute;
    top: -10px;
    right: -5px;
    font-size: 30px;
    pointer-events: none;
    color: rgb(105 147 255);
}
.dropdown-sort-span{
    position: absolute;
    top: 2px;
    right: 6px;
    pointer-events: none;
    color: rgb(105 147 255);
}
.nav-justified .nav-item{
    flex-basis: unset;
}
.left-arrow-span{
    float: right;
}
.left-arrow{
    font-size: 13px !important;
}
.left-arrow.active{
    position: relative;
    top: 9px;
    right: 12px;
    transform: rotate(90deg);
}
.traffic-icon{
    font-size: 12px !important;
}
.click-on-th-active{
    color: #6993FF;
}
.rotate-active{
    transform: rotate(180deg);
}
.btn:focus{
   box-shadow: none;
}
.check-div{
    position: absolute;
    top: 5px;
    display: flex;
    left: -22px;
}
.flow-section-bg{
    background-color: white;
    border-radius: 4px;
}
.border-bottom-div{
    border-bottom: 1px solid #e5eaee;
}
.border-top-div{
    border-top: 1px solid #e5eaee;
}
.page-item.active .page-link {
    z-index: 3;
    color: rgb(255 255 255);
    background-color:#3699FF;
    border-color:#3699FF;
    border-radius: 5px;
}
.edit-button{
    background-color: rgb(243 246 249);
    border-radius: 6px;
    color: rgb(54 153 255);
    border: none;
    padding: 5px 11px;
    font-size: 14px;
    margin-right: 6px;
}

.more-det-button{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #c9f7f5;
    color: #4bc6bd;
    border-radius: 6px;
    border: none;
    width: 125px;
    height: 33px;
}
.more-det-link,.more-det-link:hover{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 13px;
    background-color: #c9f7f5;
    color: #4bc6bd;
    border-radius: 6px;
    border: none;
    padding: 8px 7px;
}
.hide-det-button{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 14px;
    margin-right: 6px;
    background-color: #c9f7f5;
    border-radius: 6px;
    color: #4bc6bd;
    border: none;
    padding: 3px 11px 7px 11px;
}
.edit-det-button{
    background-color: #F3F6F9FF;
    border-radius: 6px;
    color: #3699FFFF;
    border: none;
    padding: 5px 11px;
    font-size: 13px;
    margin-right: 6px;
}
.hide-det-div{
    display: none;
}
.user-dropdown{
    min-width: unset;
    width: 100%;
    box-shadow: 0 4px 10px #00000029;
    border-radius: 12px;
}
.user-dropdown-item,.user-dropdown-item:hover{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #959CB6;
}
.user-dropdown a:hover {
    background-color: #F3F6F9;
}
.square-button,.square-button:active{
    border: none;
    background: none !important;
}
.nav-centered{
    flex-grow: unset !important;
}
.button-in-header{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    background-color: rgb(201 247 245);
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    width: 175px;
    height: 33px;
}
.image-none{
    display: none;
}
.row-table{
    background-color: white;
}
.border-around-table{
    border: 2px solid #B5B5C3 !important;
    border-radius: 12px !important;
}

.pagination-style{
    float: left !important;
}
.show-entry-style{
    display: flex;
    float: right !important;

}
.dataTables_info{
    position: relative;
    bottom: 5px;
    padding-left: 10px;
}
#datatable_last .page-link ,#datatable_next .page-link{
    color: #B5B5C3;
    background-color: #F4F7FA;
    border-radius: 5px;
}
.page-link,.page-link:active {
    position: relative;
    display: block;
    padding: 8px 15px;
    margin-left: -1px;
    line-height: 1.25;
    color: rgb(116 120 141);
    background-color: unset;
    border: none;
}
.paginate_button{
    padding-right: 10px;
}
.custom-select{
    background-color: #F4F7FA;
    border-radius: 5px;
    padding-top: 5px !important;
    padding-left: 22px !important;
    font-size: 14px;
}
.filter-button{
    background-color: #6993FF;
    border-radius: 5px;
    color: white;
    border: none;
    width: 75px;
    height: 28px;
    margin-right: 10px;
}

table.dataTable thead th:before {
    visibility: hidden;
}
table.dataTable thead th:after{
    visibility: hidden;
}


.campaign-card-style{
    background-color: white;
    border-radius: 12px;
    height: 344px;
}
.campaign-title-card{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 14px;
    color: #6993FF;
}
.logo-div{
    border-radius: 50%;
    border: 1px solid #1BC5BD;
    width: 40%;
    margin: auto;
}
.logo-img{
    width: 70px;
}
.company-name{
    font-family: Poppins-Bold, sans-serif;
    font-size: 15px;
    color: #464E5F;
}
.company-email{
    font-family: Poppins-SemiBold, sans-serif;
    font-size: 13px;
    color: #464E5F;
}
.active-user{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    color: #1BC5BD;
    text-decoration: underline;
}
.company-number{
    font-family: Poppins-Medium, sans-serif;
    font-size: 12px;
    color: #464E5F;
}
.campaign-type-text{
    font-family: Poppins-SemiBold, sans-serif;
    font-size: 13px;
    color: #464E5F;
}
.campaign-type-num{
    font-family: Poppins-SemiBold, sans-serif;
    font-size: 13px;
    color: #6993FF;
}
.campaign-add-new-company{
    background: #EEF0F8;
    border: 6px solid rgb(172 194 252);
    border-radius: 12px;
    height: 350px;
    color: #6993ff;
}
.add-new-card-button{
    border: 2px solid #6993FF;
    border-radius: 50%;
    padding: 25px;
}
.add-new-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 13px;
    color: #6993FF;
}

.view-profile-button,.view-profile-button:hover{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #c9f7f5;
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    padding: 7px 15px;
}



.view-show-modal-button{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #c9f7f5;
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    padding: 7px 30px;
}
.view-campaign{
    left: 10%;
}
.campaign-modal{
    max-width: none;
    width: 75%;
}
.modal-campaign-title{
    font-family: Poppins-SemiBold,sans-serif;
    font-size:15px;
    color: #464E5F;
}

.close-button-style,.close-button-style:hover{
    background-color: #F3F6F9 !important;
    border-radius: 6px;
    opacity: 1;
    padding: 6px 11px !important;
    margin: -8px !important;
    color: #464E5F !important;
    font-size: 15px;
}

.dropdown-menu.show {
    top: 38px !important;
    transform: unset !important;
}
.settings-blue-img{
    display: none;
    background-color: #EDEFF4;
    border-radius: 5px;
    padding: 5px 7px;
}
.settings-dropdown-menu{
    left: -114px !important;
}
.choose-title{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 11px;
    padding:  15px 16px;
    color: #6993FF;
}
.dropdown-menu-item-style{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    padding: 15px 16px;
    color: #464E5F;
}
.choose-label-style::before{
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
    border-radius: 5px;
    width: 21px;
    height: 21px;
    top: -1px !important;
}
.choose-label-style::after {
    top: -1px;
    left: -25px;
    width: 22px;
    height: 22px;
}
.dropdown-menu-item-style:hover{
    background-color: #F3F6F9;
}

.input-name{
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    border-radius: 5px;
    width: 100%;
    height: 32px;
    padding-left: 5px;
    outline: none;
}
.label-text{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #464E5F;
}
.label-text-flex{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #464E5F;
    position: relative;
    top: 6px;
}
.input-name::placeholder{
    font-family: Poppins-Regular,sans-serif;
    font-size: 11px;
    color: #B5B5C3;
}

.flow-title{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    color: #212121;
}
.hint-msg{
    font-family: Poppins-Regular,sans-serif;
    font-size: 11px;
    color: #B5B5C3;
    padding-left: 180px;
}

.save-flow-button,.save-flow-button:hover{
    font-family: Poppins-Medium,sans-serif;
    font-size: 11px;
    background-color: #1BC5BD;
    color: #FFFFFF;
    border-radius: 3px;
    border: none;
    padding: 7px 10px;
}
.cancel-flow-button,.cancel-flow-button:hover{
    font-family: Poppins-Medium,sans-serif;
    font-size: 11px;
    background-color: #E5EAEE;
    color: #464E5F;
    border-radius: 3px;
    border: none;
    padding: 7px 10px;
}

.table-cover-div{
    /*   background-color: white;
       border-radius: 12px;*/
    width: 100%;
    overflow-x: auto;
}

.more-link,.more-link:hover {
    font-family: Poppins-SemiBold, sans-serif;
    background-color: rgb(201 247 245);
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    height: 33px;
    display: flex;
    width: 126px;
    justify-content: center;
    align-items: center;
    margin: auto;
}














.border-around-div{
    border: 2px solid white;
    border-radius: 12px
}


.details-div{
    background-color: white;
    border-radius:12px;
    /* border: 1px solid white;*/
}
.details-in-div-title{
    font-family: Poppins-Medium,sans-serif;
    font-size: 14px;
    color: #464e5f;
}
.details-in-div-subtitle{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px;
    color: #B3B3B3;
}
.tab-menu-table-div{
    background-color: white;

}

.nav-details-tabs{
    border: none !important;
}
.nav-details-tabs li{
    flex-grow: unset !important;
}
.nav-details-tabs .nav-item .details-link{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 14px;
    color: #B3B3B3;
}
.nav-details-tabs .nav-item .details-link.active{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 14px;
    color: #6993FF;
}
.nav-details-tabs .nav-item .details-link::after{
    background: #6993FF;
    height: 3px !important;
}
.tab-details-table th,.tab-details-table td{
    border: none;
    padding: 12px 25px;
}
.thead-tab-details-style{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 11px;
    background: #F3F6F9;
    color: #B5B5C3;
}

.online-status-div{
    font-family: Poppins-Medium,sans-serif;
    font-size: 11px;
    background: #EEE5FF;
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: rgb(137 80 252);
}
.offline-status-div{
    font-family: Poppins-Medium,sans-serif;
    font-size: 11px;
    background: #FFE2E5;
    width: 100%;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: #F64E60;
}
.white-table{
    background-color: white;
}
.filter-btn-item{
    position: absolute;
    right: 15px;
    top: 23px;
}

.filter-div{
    display: none;
}
.filter-hide-button{
    background-color: #6993FF;
    border-radius: 5px;
    color: white;
    border: none;
    width: 100px;
    height: 28px;
    margin-right: 10px;
    display: none;
}
.filter-bg{
    background-color:white;
    border-radius: 12px;
    width: 100%;
}
.filter-dropdown-btn{
    background: none;
    border: none;
}
.filter-dropdown-arrow{
    position: relative;
    top: 1px;
    left: 7px;
    font-size: 11px;
    color: #464E5F;
}
.filter-title{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #464E5F;
}
.filter-arrow{
    font-size: 10px;
    color: #464E5F;
}
.rotate-arrow-active{
    transform: rotate(180deg);
}
.dropdown-filter-span.active{
    color: #6993FF !important;
}
.textarea-style{
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    border-radius: 5px;
    outline: none;
    width: 100%;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 9px;
}
.textarea-style::placeholder{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #B5B5C3;
}
.input-add-name{
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    border-radius: 5px;
    width: 100%;
    height: 32px;
    padding-top: 10px;
    padding-left: 5px;
    padding-bottom: 9px;
    outline: none;
}
.input-add-name::placeholder{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #B5B5C3;
}
.label-add-text{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #464E5F;
    text-align: right;
    height: 25px;
}
.label-div{
    width: 110px;
    margin-right: 32px;
}

.flow-select,.flow-select:focus{
    font-family: Poppins-SemiBold,sans-serif;
    text-align: left;
    font-size: 12px;
    box-shadow: none !important;
    width: 100%;
    height: 32px;
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    color: #B5B5C3 !important;
    border-radius: 5px;
    outline: none;
}
.dropdown-flow-span {
    position: absolute;
    top: 0;
    right: 1px;
    font-size: 17px;
    pointer-events: none;
    color: rgb(255 255 255);
    background: #1BC5BD;
    padding: 5px 9px 2px 9px;
    border-radius: 5px;
}
.select-text{
    font-family: Poppins-Regular,sans-serif;
    font-size: 11px;
    color: #464E5F;
}
.flex-label{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #464E5F;
   position: relative;
    top: 5px;
    right: 7px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}
input[type=number]{
    -moz-appearance: textfield;
}


.domain-div{
    background-color: white;
    border-radius: 12px;
}
.domain-title{
    font-family: Poppins-Bold, sans-serif;
    font-size: 14px;
    color: #212121;
}
.domain-subtitle{
    font-family: Poppins-Medium, sans-serif;
    font-size: 11px;
    color: #B5B5C3;
}
.domain-label{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 12px;
    color: #464E5F;
    position: relative;
    top: 5px;
}
.domain-input{
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    border-radius: 5px;
    width: 100%;
    height: 32px;
    padding-left: 5px;
    outline: none;
}
.domain-input::placeholder{
    font-family: Poppins-Regular,sans-serif;
    font-size: 11px;
    color: #B5B5C3;
}
.red-ex{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px;
    color: #EB3D56;
}
.green-ex{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px;
    color: #00BEA4;
}
.replace-btn,.replace-btn:focus{
    font-family: Poppins-SemiBold,sans-serif;
    background-color: #00BEA4;
    border-radius: 5px;
    border: 1px solid #1BC5BD;
    color: white;
    outline: none;
    width: 100%;
    height: 32px;
}

.lead-info-bg{
    background-color:white;
    border-radius: 12px;
    width: 100%;
}

.lead-info-title{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 13px;
    color: #212121;
}


.info-input,.info-input:focus{
    font-family: Poppins-SemiBold,sans-serif;
    text-align: left;
    font-size: 12px;
    box-shadow: none !important;
    width: 100%;
    height: 32px;
    background-color: #EEF0F8;
    border: 1px solid #E5EAEE;
    color: #B5B5C3 !important;
    border-radius: 5px;
    outline: none;
    padding-left: 12px;
}

.add-name-span{
    position: absolute;
    top: 0;
    right: 1px;
}
.add-name-btn{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    color: rgb(255 255 255);
    background: #1BC5BD;
    padding: 6px 13px;
    border-radius: 5px;
    border: none;
}
.url-button {
    font-family: Poppins-SemiBold,sans-serif;
    background-color: rgb(201 247 245);
    color: rgb(75 198 189);
    border-radius: 6px;
    border: none;
    width: 70px;
    height: 33px;
}
td:first-child,
th:first-child {
    border-radius: 6px 0 0 6px;
    border: none !important;
}
td:last-child,
th:last-child {
    border-radius: 0 6px 6px 0;
    border: none !important;
}


.lead-tab-table th, .table td {
    padding: 12px 20px !important;
}
.lead-tab-table tr{
    border-spacing: 0 10px !important;
}
textarea{
    resize: unset;
}

.par-title{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px;
    color: #464E5F;
}
.filter-collapse{
    background: none;
}
.header-card-filter-style{
    width: 40%;
}
.filter-collapse-text,.filter-collapse-text:hover{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    color: #464E5F;
    display: block;
}

.filter-text-span{
    position: relative;
    top: 0;
    left: 5px;
}
.rotate-arrow.active{
    transform: rotate(180deg);
}

.dropdown-filter-item-style{
    font-family: Poppins-Medium,sans-serif;
    font-size: 13px;
    padding: 15px 16px;
    color: #464E5F;
}
.filter-label-style::before{
    background-color: #1BC5BD !important;
    border-color: #1BC5BD !important;
    border-radius: 5px;
    width: 18px;
    height: 18px;
    top: -1px !important;
}
.filter-label-style::after {
    top: -1px;
    left: -25px;
    width: 18px;
    height: 18px;
}
.dropdown-filter-item-style:hover{
    background-color: #F3F6F9;
}

.filter-dropdown-menu{
    left: 0!important;
    box-shadow: 0 4px 10px #00000029;
    border-radius: 0 0 12px 12px;
}
.main-filter-dropdown.active{
    box-shadow: 0 4px 10px #00000029;
    border-radius: 12px 12px 0 0;
    padding: 0 10px 10px 0;
}
.filter-dropdown-menu.show {
    top: 46px !important;
    transform: unset !important;
}
.delete-btn{
    background: none;
    border: none;
    color: #EB3D56;
}
.added-div-style{
    background: #EEF0F8;
    border-radius: 6px;
    padding: 2px 7px;
}
.added-val{
    font-family: Poppins-Regular,sans-serif;
    font-size: 12px;
    color: #1BC5BD;
}
.clear-btn-div{
    display: flex;
    justify-content: center;

}
.clear-btn{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px;
    background-color: #FFE2E5;
    border: 1px solid #FFE2E5;
    border-radius: 6px;
    color: #F64E60;
    padding: 6px 20px;
}

.swal2-popup{
    width: 30% !important;
    border-radius: 12px !important;
}

.swal2-styled.swal2-confirm,.swal2-styled.swal2-cancel{
    font-family: Poppins-Medium,sans-serif;
    font-size: 12px !important;
    border-radius: 6px !important;
    padding: 5px 33px !important;
    box-shadow: none !important;
}
.swal2-styled.swal2-confirm{
    position: absolute;
    right: 31px;
}
.swal2-styled.swal2-cancel{
    background: none !important;
    color: #464E5F !important;
}
.swal2-content{
    padding: 0 !important;
}
.delete-item-text{
    font-family: Poppins-SemiBold,sans-serif;
    font-size: 17px;
    color: #464E5F;
}
.delete-item-name{
    font-family: Poppins-Medium,sans-serif;
    font-size: 14px;
    color: #EB3D56;
}


.cover-trash{
  /*  display: inline-block;*/
    transform: rotate(20deg);
}
.small-square-trash{
    background: #F6F7F9;
    width: 25px;
    height: 8px;
    border-radius: 4px 4px 0 0;
    margin: auto;
}
.line-trash{
    background: #F6F7F9;
    width: 95px;
    height: 9px;
    border-radius: 4px;
}
.box-trash{
    background: #F6F7F9;
    width: 80px;
    height: 95px;
    border-radius: 0 0 7px 7px;
}
/*.border-without-right{
    border: 2px solid #B5B5C3 !important;
    border-right: 0 !important;
    width: 100%;
}
.border-without-left{
    border: 2px solid #B5B5C3 !important;
    border-left: 0 !important;
    width: 100%;
}*/

/* Datepicker Style*/
.daterangepicker .ranges li:hover {
    background-color: #f3f6f9 !important;
    color: #459efb !important;
}
.daterangepicker .ranges li{
    font-family: Poppins-SemiBold,sans-serif !important;
    font-size: 13px !important;
    color: #86899f !important;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span  {
    color: #86899f !important;
    border: solid #86899f !important;
    border-width: 0 2px 2px 0 !important;
    border-radius: 0;
    display: inline-block;
    padding: 3px;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    font-family:Poppins-Medium,sans-serif ;
    font-size: 14px !important;
    color: #86899f !important;
}
.daterangepicker .drp-selected {
    font-family: Poppins-Medium,sans-serif !important;
    font-size: 13px !important;
    color: #86899f !important;
}
.applyBtn{
    font-family: Poppins-SemiBold,sans-serif !important;
    font-size: 13px !important;
    background-color: #3898fb !important;
    border: 1px solid #3398fb !important;
    padding: 6px 12px !important;
}
.cancelBtn{
    font-family: Poppins-SemiBold,sans-serif !important;
    font-size: 13px !important;
    color: #3898fb !important;
    background-color: #e1f0fe !important;
    border: 1px solid #e1f0fe !important;
    padding: 6px 12px !important;
}
/* End Datepicker Style*/




.range-date-div{
    display: none;
}
.range-date-div.active{
    display: flex;
    justify-content: end;
    margin-top: 17px;
    align-items: center;
}
.refresh-btn,.refresh-btn:hover{
    background-color: rgb(105 147 255);
    color: rgb(243 246 249);
    width: 60px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 4px;
}
#date-select, #date-select:focus {
    font-family: Poppins-SemiBold,sans-serif;
    text-align: left;
    font-size: 12px;
    box-shadow: none !important;
    width: 100%;
    height: 32px;
    background-color: rgb(238 240 248);
    border: 1px solid rgb(229 234 238);
    color: rgb(181 181 195) !important;
    border-radius: 5px;
    outline: none;
    padding-left: 12px;
}


.border-0{
    border: 0;
}

.title-link {
    font-size: 15px;
    color: rgb(85 89 92);
    font-weight: bold;
}

.text-link,.text-link:focus{
    border: none;
    font-size: 15px;
    color: rgb(85 89 92);
    outline: none;
}
.copy-button,.copy-button:hover{
    background-color: rgb(137 80 252);
    font-size: 13px;
    color: rgb(255 255 255);
    width: 55px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.confirm-button,.confirm-button:hover{
    width: 55px;
    font-size: 14px;
}
#sidebar-menu .has-arrow:after{
    display: none;
}
.user-link{
    padding: 0;
    position: relative;
    right: 4px;
}
.vertical-collpsed .vertical-menu #sidebar-menu > ul > li > a i{
    font-size: 18px;
}
body[data-sidebar=dark] .logo-light{
    text-align: center;
}
.card-campaign-style{
    transition: 0.1s;
    border: 2px solid white;
}
.card-campaign-style:hover{
    transition: 0.1s;
    cursor: pointer;
    background-color: rgba(150,122,220,0.30);
    border: 2px solid rgb(150,122,220);
}
.card-campaign-style.highlight{
    background-color: rgba(150,122,220,0.15);
    border: 2px solid rgb(150,122,220);
}
tbody tr:hover{
    background-color: rgba(150,122,220,0.30);
    cursor: pointer;
}
tbody tr.highlight{
    background-color: rgba(150,122,220,0.15);
}

.pl-30{
    padding-left: 30px;
}

/* Dashboard Style */
.dash-num-div{
    position: absolute;
    top: 17px;
    right: 24px;
    display: inline-block;
}
.dash-num-span{
    font-size: 27px;
    font-weight: 500;
    color: rgb(70 78 95)
}
.dash-info-click{
    position: absolute;
    bottom: 8px;
    left: 15px;
    display: inline-block;
    border-radius: 5px;
    width: 200px;
    height: auto;
}
.clock-div{
    background-color: rgb(219 234 249);
    display: flex;
    justify-content: flex-start;
    height: 35px;
    align-items: center;
    padding-left: 10px;
    border-radius: 5px 5px 0 0;
}
.clock{
    color: black;
    font-size: 12px;
}
.click-div{
    background-color: white;
    border-radius: 0 0 5px 5px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 40px;
}
.click-circle{
    background: rgb(219 234 249);
    width: 14px;
    height: 14px;
    border-radius: 50%;
}
.click-txt{
    font-size: 12px;
    color: black;
}
.hour-txt{
    font-size: 14px;
    font-weight: 500;
    color: black;
}
.per-txt{
    font-size: 12px;
    color: #B5B5C3;
}

/* End Dashboard Style */

.copied-alert{
    display: none;
    transform: scale(1);
    transition: 0.2s;
}
.copied-alert.active{
    background-color: rgb(85 206 163);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    border-radius: 5px;
    width: fit-content;
    margin: auto;
    color: rgb(255 255 255);
    font-size: 13px;
    padding: 18px 6px;
    transform: scale(1.5);
    transition: 0.2s;
}

.formatting-button,.formatting-button:hover{
    /*width: 135px;*/
    /*height: 40px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255 255 255);
    font-size: 14px;
    margin-right: 5px;

}

.formatting-button i{
    font-size: 13px;
}
.formatting-button.new{
    background-color: rgba(55,188,155,0.65);
}
.formatting-button.new.active{
    background-color: rgba(55,188,155,1);
}

.formatting-button.edit{
    background-color: rgba(150,122,220,0.65);
}
.formatting-button.edit.active{
    background-color: rgba(150,122,220,1);
}

.formatting-button.download{
    background-color: rgba(59,175,218,0.65);
}
.formatting-button.download.active{
    background-color: rgba(59,175,218,1);
}
.formatting-button.delete{
    background-color: rgba(218,68,83,0.65) ;
}
.formatting-button.delete.active{
    background-color: rgba(218,68,83,1) ;
}

.hidden {
    display: none;
    visibility: hidden;
}
#filter-btn {
    color: whitesmoke;
}
.btn-deep-purple {
    color: #fff;
    border-color: #673ab7 !important;
    background-color: #673ab7 !important;
}
.fa-refresh:before {
    content: "\f021";
}   

@media (max-width: 900px) {
    .card{
        height: unset;
    }
    .view-button{
        font-size: 12px;
    }
    .more-det-link{
        font-size: 12px;
        padding: 8px 7px;
    }
    .swal2-popup{
        width: 100% !important;
    }

}