body{
	background-color:#EFEEFB;
	color: #020B45;
	font-family: "Funnel Sans", sans-serif !important;
	}

h1,h2,h3,h4,h5,h6 {
	font-family: "Funnel Display", sans-serif !important;
}

a{
	color: #020B45;
}
.phone-preview-text_1 > a, .phone-preview-text_2 > a{
	color: white;
	
}
.phone-preview-text_1 > a:hover, .phone-preview-text_2 > a:hover{
	color: white;
	text-decoration: underline; 
	
}
.phone-quick-preview > a{
	color: white;
	
}
.phone-quick-preview > a:hover{
	color: white;
	text-decoration: underline; 
	
	}
.quick-preview-content > a{
	color: white;
	
}
.quick-preview-content > a:hover{
	color: white;
	text-decoration: underline; 
	
}
.tooltip-inner{
	text-align: left;
}
.inf-pagination-btn{
	min-width: 30px;
	padding: 2px 15px;
}
.bootboxScroll .modal-body{
    /* overflow-y: auto; */
	overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling: touch;
}
.bootboxScroll .modal-body .bootbox-close-button{
    margin-top: 0px!important;
} 
.bootboxScrollView .modal-body{
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.bootboxScrollView .modal-body::-webkit-scrollbar{
	width: 4px;
	background-color: transparent;
}
.bootboxScrollView .modal-body::-webkit-scrollbar-thumb{
	background-color: #8a99e3;
}
.scrollViewWithPagination{
	height: 300px;
	overflow-y: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.scrollViewWithPagination::-webkit-scrollbar{
	width: 4px;
	background-color: transparent;
}
.scrollViewWithPagination::-webkit-scrollbar-thumb{
	background-color: #8a99e3;
}
.chat-modal .modal-body{
	height: 450px;
}
.dialogTableHeight{
	height:100px;
}
a:hover, a:focus {
    color: #6979CB;
}
.text-capitalize{
	text-transform: capitalize;
}
.inf-blue{
	color: #000000;
}
.inf-grey{
	color: #C4C7DA;
}
.inf-error-message{
	color: #a94442!important; 
}
.inf-preLine-whiteSpace{
	white-space: pre-line
}
.margintop10{
	margin-top:10px;
}
/* .inf-btn-sm{
	padding: 5px 10px;
} */
.inf-btn-group-xs > .btn, .btn-xs {
    min-width: 30px!important;
}
.cursorPointer{
	cursor: pointer;
}
.padding20{
	padding: 20px;
}
.header-orange{
	color: #ef8a34;
}
button[disabled], html input[disabled] {
    opacity: 0.3;
}
.bootstrap-datetimepicker-widget  .btn{
	color: #000;
	width:50px;
}
.bootstrap-datetimepicker-widget td span:hover {
    background: #6979CB;
}
.bootstrap-datetimepicker-widget button[data-action] {
    margin-left: -40px;
}
/* .bootstrap-datetimepicker-widget button[data-action].btn {
	width:50px;
} */
.inf-card .emojiPickerIcon {
	visibility: hidden;
}
.inf-select2.has-error .select2-container--default .select2-selection--single{
	border: 1px solid #a94442!important;
}

.navbar-inverse {
    background-color: #FFFFFF;
    border: 1px solid #C4C7DA;
	height:65px;
}
.navbar-nav>li>a {
    line-height: 14px;
}
.inf-help-icon{
	margin: 10px;
}
.inf-help-dropdown.open .pmd-dropdown-menu-container{
	max-height:290px!important;
	overflow-x: hidden;
	border: 2px solid #cfcfd4;
	box-shadow: 5px 5px 30px 5px #e2dbdb;
}
.inf-help-dropdown.open .pmd-dropdown-menu-container ul.dropdown-menu li.help-menu-item{
	border-bottom: 1px solid #dcd5d5;
}
.inf-help-dropdown .pmd-dropdown-menu-container::-webkit-scrollbar{
	width: 4px;
    background-color: transparent;
}
.inf-help-dropdown .pmd-dropdown-menu-container::-webkit-scrollbar-thumb {
	width:4px;
    background-color: #6979CB;
}
.inf-help-dropdown .pmd-dropdown-menu-container ul li a{
	text-transform: capitalize
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
	background-color: #FFFFFF;
	color: #C4C7DA;
	border-bottom: 2px solid #C4C7DA;
} 
.inf-navbar .navbar-header .inf-sidebar-toggle, .inf-navbar #mgmnt-menu{
	margin-top: 18px;
}
.inf-navbar.navbar .inf-sidebar-toggle > i {
	font-size: 37px;
}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:hover {
    color:#5E53D4;
	font-weight: 500;
}
#helpMenu{
	color: #5E53D4;
}

.icon-style{
	transform: scale(1.5);
	
}
.inf-sidebar, .inf-sidebar-left .nav > li > a{
	background-color: #1B1736; 
	/* color: #787BAC; */
	color: rgba(255,255,255,0.7);
} 
.inf-sidebar-left .nav > li > a:hover{
	/* color: rgba(255,255,255,0.7)!important; */
	color: #FFFFFF!important;
background-color: #3D3866!important;
}
.inf-sidebar-left .nav > li > a:focus, .inf-sidebar-left .nav > li > a:active, .inf-sidebar-left .nav > li > a.active{
	color: #FFFFFF;
	/*background-color: #1F2246;*/
	
	background-color: #3D3866!important;
	font-weight: 900;
} 
.inf-sidebar .inf-sidebar-nav li a .main-menu {
    font-size: 15px !important;
}
.inf-sidebar .inf-sidebar-nav .dropdown-menu {
    background-color: #1F2246;
	color: #787BAC;
	border-bottom-right-radius: 10px;
	margin-bottom: 5px;
}
.inf-sidebar .inf-sidebar-nav li.mega-dropdown.open > a {
    background-color: #1F2246;
	
	color: #ffffff;
	border-top-right-radius: 10px!important;
}
.inf-sidebar-nav .dropdown.open{
	margin-right: 5px!important;
}
.inf-sidebar::-webkit-scrollbar {
    background-color: #181A3B;
}
.inf-sidebar::-webkit-scrollbar-thumb {
    background-color: #787BAC;
}
.pmd-sidebar .pmd-sidebar-nav li{

	padding-bottom: 5px;
}
.fa.fa-left, .fas.fa-left, .far.fa-left{
	font-size: 17px;
	padding-right:16px;
	vertical-align:top;
	display:table-cell;
}
.fa.fa-middle, .fas.fa-middle, .far.fa-middle{
	vertical-align:middle;
	display:table-cell
}
.fasOrFarIcon{
	font-size:18px;
}
/* icon transparent */
.stroke-transparent {
	-webkit-text-stroke: 2px #0D091C!important;
	-webkit-text-fill-color: transparent;
}
.material-icons{
	font-size: 17px;
}
/* .inf-page-content{
	margin:0px 20px 20px 20px;
} */
.inf-sub-title{
	color:#020B45;
	font-weight:900;
}
.inf-sub-text{
	color:#020B45;
	font-weight:500;
	margin-bottom: 10px !important;
}
.pmd-radio > span.pmd-radio-label::after {
    background-color: #6979CB;
}
.pmd-radio *:checked + span.pmd-radio-label::before {
    border-color: #6979CB;
}
.form-control::placeholder {
	color: #D1D4E2;
}
.inf-input{
	border: 1px solid #00000013;
    border-radius: 30px;
	color:#020B45;
	box-shadow: 0px 3px 5px 0px #00000040;
}
/* remove select icon */
.inf-select2 select {
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
}

/* For IE10 */
.inf-select2 select::-ms-expand {
	display: none;
}
.inf-select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #aaa 1px;
}
.inf-select2 .select2-container--default .select2-selection--multiple{
	border-radius: 30px;
	box-shadow: 0px 3px 5px 0px #00000040;
}
.inf-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.inf-select2 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 16px!important;
}
.inf-select2 .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.inf-select2 .select2-container--open .select2-dropdown--below {
    border-top: 1px solid #aaa;
}
/* select2 custom style start */
/* .select2-container--bootstrap select2-selection--multiple .select2-selection__placeholder{
	color: #D1D4E2;
	font-size: 1.02rem;
	line-height: 2.1;
	}
	.select2-container--bootstrap[dir="rtl"] select2-selection--multiple .select2-selection__rendered{
	text-align: left;
	line-height: 2.1;
	}
	.select2-container--bootstrap select2-selection--multiple .select2-selection__arrow {
	position: absolute;
	bottom: 0;
	right: 12px;
	top: 0px;
	background-image: linear-gradient(#6979CB, #6979CB);
	font-size: 1.3em;
	padding: 10px 25px;
	border-radius:0px 30px 30px 0px;
	}
	.select2-container--bootstrap[dir="rtl"] select2-selection--multiple .select2-selection__arrow {
	left: 14px;
	right: 0px;
	color:#fff;
	}
	.select2-container--bootstrap select2-selection--multiple.input-lg{
	width:390px;
	height:50px;
	border-radius:30px;
	border:none;
	box-shadow: 0px 3px 8px 0px #D1D4E2;
	padding-left:20px;
	}
	.select2-container--bootstrap select2-selection--multiple{
	padding:6px;
	height: 37px;
	width: 148px; 
	font-size: 1.2em;  
	position: relative;
	}
	.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 0px 10px 10px 10px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	}
	.select2-container--bootstrap .select2-dropdown{
	border:none;
	}
	.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
	background-color: #F8F8FC;
	color: #0e0e0e;
	}
	.select2-search--dropdown {
	display: none;
	}
	.select2-dropdown{
	border-radius: 10px;
	}
	.select2-container--bootstrap .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto;
} */
/* select2 custom style end */
.has-success .form-control, .has-success .form-control:focus {
	border-color: #00000013;
}
.has-success .form-control:focus{
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #aaa;
}
/* .has-success .input-group-addon, .has-success .input-group-addon:focus, input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
	color:#fff;
	background-color: #6979CB;
    border-color: #6979CB;
	border-radius: 0px 30px 30px 0px;
} */
.inf-input-group-addon{
	font-size:14px;
	color:#fff;
	background-color: #6B5FF2;
	border-radius: 30px;
	box-shadow: 0px 3px 5px 0px #00000040;
}
.has-success .inf-input-group-addon, .has-success .inf-input-group-addon:focus, input-group .form-control:not(:first-child):not(:last-child), .inf-input-group-addon:not(:first-child):not(:last-child), .inf-input-group-btn:not(:first-child):not(:last-child) {
	color:#fff;
	background-color: #6B5FF2;
    border-color: #6B5FF2;
	border-radius: 0px 30px 30px 0px;
}

input[type=checkbox], input[type=radio] {
    margin: 7px 10px 0;
}
/* button style end */
.inf-btn{
	padding: 10px 40px!important;
	color:#fff;
	font-size:16px;
	font-weight: 405;
    text-transform: capitalize;
}
.inf-btn-radius{
	border-radius:30px;
}
.inf-btn-sm{
	padding: 3px 25px;
}
.inf-btn-xs{
	padding: 2px 15px;
}
.inf-btn-xxs{
	padding: 0px 8px;
}
.inf-link{
	color: #0D091C!important;
	font-weight:800;
}
.inf-link a:hover{
	color: #0D091C!important;
	font-weight:800;
}
.inf-btn:active,.inf-btn:hover, .inf-btn:focus{
	color:#fff;
	font-size:16px;
}
.inf-btn-default{
	background-color: #F7F7FC;
	color: #6979CB;
	border: 1px solid #6979CB;
}
.inf-btn-default:hover, .inf-btn-default:active, .inf-btn-default:focus, .inf-btn-default.active.focus, .inf-btn-default.active:hover, .inf-btn-default:active.focus, .inf-btn-default:active:focus, .inf-btn-default:active:hover, .open>.dropdown-toggle.inf-btn-default.focus, .inf-btn-default.active, .open>.dropdown-toggle.inf-btn-default, .open>.dropdown-toggle.inf-btn-default:focus, .open>.dropdown-toggle.inf-btn-default:hover {
	background-color: #acadb1;
	color: #ffffff;
	border: 1px solid #acadb1;
}
.inf-btn-info, .inf-btn-info:active, .inf-btn-info:focus, .inf-btn-info.active.focus, .inf-btn-info.active:hover, .inf-btn-info:active.focus, .inf-btn-info:active:focus, .inf-btn-info:active:hover, .open>.dropdown-toggle.inf-btn-info.focus, .inf-btn-info.active, .open>.dropdown-toggle.inf-btn-info, .open>.dropdown-toggle.inf-btn-info:focus, .open>.dropdown-toggle.inf-btn-info:hover {
	background-color: #F7F7FC;
	color: #6979CB;
	border: 1px solid #6979CB;
}
.inf-btn-info:hover{
	background-color: #6979CB;
	color: #ffffff;
	border: 1px solid #6979CB;
}
.inf-btn-primary{
	background-color: #6B5FF2;
	border: 1px solid #6B5FF2;
	outline:none!important;
}
.inf-btn-primary-outline{
	    background-color: #FFFFFF;
    color: #6B5FF2!important;
    border: 1px solid #6B5FF2;
	
}
.inf-btn-primary-outline:hover{
	background-color: #6B5FF2;
	border: 1px solid #6B5FF2;
	outline:none!important;
	color: #FFFFFF!important;
}
.inf-outline{
	background-color: #F7F7FC;
    color: #6B5FF2;
    border: 1px solid #6B5FF2;
	font-size:16px;
	
}
.inf-outline:hover{
	background-color: #5E53D4;
	border: 1px solid #5E53D4;
	outline:none!important;
	color: #FFFFFF;
}
.inf-outline:focus{
	background-color: #6B5FF2;
	border: 1px solid #6B5FF2;
	outline:none!important;
	color: #FFFFFF;
}
.inf-btn-primary:hover, .inf-btn-primary:active, .inf-btn-primary:focus, .inf-btn-primary.active.focus, .inf-btn-primary.active:hover, .inf-btn-primary:active.focus, .inf-btn-primary:active:focus, .inf-btn-primary:active:hover, .open>.dropdown-toggle.inf-btn-primary.focus, .inf-btn-primary.active, .open>.dropdown-toggle.inf-btn-primary, .open>.dropdown-toggle.inf-btn-primary:focus, .open>.dropdown-toggle.inf-btn-primary:hover {
	background-color: #5E53D4;
	border: 1px solid #5E53D4;
	color: #fff;
}
.inf-btn-primary:disabled, .inf-btn-primary[disabled]{
	opacity:0.2;
	background-color:#6979CB;
	border: 1px solid #6979CB;
}
.inf-btn-success{
	background-color:#6ACC8B;
	border: 1px solid #6ACC8B;
}
.inf-btn-success:hover, .inf-btn-success:active, .inf-btn-success:focus, .inf-btn-success.active.focus, .inf-btn-success.active:hover, .inf-btn-success:active.focus, .inf-btn-success:active:focus, .inf-btn-success:active:hover, .open>.dropdown-toggle.inf-btn-success.focus, .inf-btn-success.active, .open>.dropdown-toggle.inf-btn-success, .open>.dropdown-toggle.inf-btn-success:focus, .open>.dropdown-toggle.inf-btn-success:hover {
	background-color:#60b77d;
	border: 1px solid #60b77d;
}
.inf-btn-warning{
	background-color:#d39e00;
	border: 1px solid #d39e00;
}
.inf-btn-warning:hover, .inf-btn-warning:active, .inf-btn-warning:focus, .inf-btn-warning.active.focus, .inf-btn-warning.active:hover, .inf-btn-warning:active.focus, .inf-btn-warning:active:focus, .inf-btn-warning:active:hover, .open>.dropdown-toggle.inf-btn-warning.focus, .inf-btn-warning.active, .open>.dropdown-toggle.inf-btn-warning, .open>.dropdown-toggle.inf-btn-warning:focus, .open>.dropdown-toggle.inf-btn-warning:hover {
	background-color: #c79703;
	border: 1px solid #c79703;
}
.inf-btn-outline.inf-btn-primary {
    border: solid 1px #6B5FF2;
    background-color: transparent;
    color: #6B5FF2;
}
.inf-btn-outline.inf-btn-primary.active, .inf-btn-outline.inf-btn-primary:active {
	background-color: #6B5FF2!important;
    border-color: #fff;
    color: #fff;
}
.inf-btn-outline.inf-btn-info:focus, .inf-btn-outline.inf-btn-info:hover {
    border: solid 1px #6B5FF2;
    background-color: #6B5FF2;
    color: #fff;
	/* padding: 4px 30px; */
}
/* inf card */
.padding14{
	padding:14px;
}
.padding10{
	padding:10px;
}
/* .availableFunds{
    text-decoration: none;
    cursor: auto;
    color: #000;
    font-size: 15px;
	padding-right: 0px;
}
.availableFunds:focus, .availableFunds:hover {
    color: #000;
    text-decoration: none;
    background-color: transparent;
} */
/* button style end */
.inf-input placeholder{
	color:#C4C7DA;
	font-size:10px;
	font-weight:400;
}
.inf-card{
	border-radius: 20px;
	color: #5A5E7F;
	box-shadow: 0px 5px 10px #bbb3b3;
}
.inf-card textarea{
	padding:15px;
	margin-bottom: -15px;
	border-radius: 20px 20px 0px 0px;
	height: 285px;
	resize: none;
	border:none;
}
.inf-card .inf-card-body.upload-media-div{
	padding:8px;
}
.inf-card .inf-card-body.upload-media-div .select2-container{
	width: 610px !important;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img{
	 max-width: 120px; 
}
.inf-card .inf-card-body.upload-media-div a{
	color:#6979CB;
	font-size:15px;
}
.inf-textarea-action{
	padding: 6px 16px;
	color: #5A5E7F;
	font-size: 12px;
	font-weight: 800;
	height: 30px;
	background-color: #F8F8FC;
	border-radius: 0 0 20px 20px;
}
.dynamic-textarea{
	min-height: 128px!important;
	resize: none;
}
ul.thumbnails.image_picker_selector {
    overflow: auto;
    height: 210px;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding:  0px 0px 0px 0px;
    margin: 20px 5px 5px 5px;
}
/* campaign info message section start */
#messageSection ul.messageSection-ul {
	list-style-type: none; position: relative; 
}
#messageSection ul.messageSection-ul:before {
	content: ' '; 
	background: #cfd2d6; 
	display: inline-block; 
	position: absolute; 
	left: 29px; 
	width: 1px; 
	height: 100%; 
	z-index: 400;
}
#messageSection ul.messageSection-ul > li {
	/* margin: 0px 0 50px 0px!important;  */
	padding-left: 10px; 
}
#withoutAddnewMethodul #messageSection ul.messageSection-ul > li:before, #messageSection ul.messageSection-ul > li:not(:last-child):before, #addNewMethodul ul.messageSection-ul > li:not(:last-child):before{
	content: ' '; 
	background: #e88b3a; 
	display: inline-block; 
	position: absolute; 
	border-radius: 50%; 
	border: 3px solid #fff; 
	left: 21px; 
	width: 16px; 
	height: 16px; 
	z-index: 400;
    box-shadow: 0px 3px 5px 0px #00000040; 
}
#content-ts ul li {
	margin: 0px 0 20px 48px!important; 
	padding-left: 20px!important; 
}
ul.messageSection-ul li time{
	color:#000; 
	font-weight: bold;
	font-size: 17px; 
	margin:-15px; 
	top: -18px;
	position: relative;
}
#addNewMethodul #messageSection ul.messageSection-ul > li:last-child:before{
	content: '\f055';
	font-family: Font Awesome\ 5 Free;
	font-weight: 900!important;
	font-style: normal;
	margin: -13px 0px 0px -35px;
	text-decoration:none;
	color: #6979CB;
	font-size: 30px;
    display: inline-block; 
	position: absolute;
	z-index: 400;
}
/* campaign info message section end */
/* Table List card start */
.table-list-body{
	padding:30px;
}
.table-list-icon i{
	color: #f9780799;
	font-weight: 600;
	margin-top: 8px;
}
.table-list-card .table-list-body .inf-table-content{
	font-size: 15px;
}
.phone-preview{
	overflow: scroll;
    overflow-x: hidden;
    height: 300px;
}
.top-model{
	background-color: #000;
    border-radius: 20px 20px 0px 0px;
    width: 100%;
    height: 41px;
}
.bottom-model{
	background-color: #000;
    border-radius: 0px 0px 20px 20px;
    width: 100%;
    height: 41px;
}
/* chosen image style */
.inf-card-body .chosen-container-multi .chosen-choices {
    overflow-y: scroll;
	height: 140px!important;
	overflow-x: hidden;
	/* border: 1px solid #00000013;
		border-radius: 30px;
	box-shadow: 0px 3px 5px 0px #00000040; */
}
.inf-card-body .chosen-container-multi .chosen-choices li.search-choice{
	display:block;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    right: 0;
    top: 12px;
}
.inf-scroll-bar .chosen-container-multi .chosen-choices::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.inf-scroll-bar .chosen-container-multi .chosen-choices::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}
.inf-scroll-bar .chosen-container-multi .chosen-choices::-webkit-scrollbar-thumb
{
	background-color: #6979CB;
}
.inf-scroll-bar::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.inf-scroll-bar::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}

.inf-scroll-bar::-webkit-scrollbar-thumb
{
	background-color: #6979CB;
}


.upload-media-div .select2-container{
	width: 570px !important;
}

.upload-media-div a{
	color:#6979CB;
	font-size:15px;
}

/* Quick preview start  */
.quick-preview-container{
	position: relative;
    width: 300px;
	top: -39px;
    height: 400px;
    background-image: url(../../assets/images/phone-preview.png);
    margin: 0 auto;
	/* box-shadow: inset 0px 0px 35px #bbb3b3;
	border-radius: 49px 49px 0px 0px; */
	
}
.quick-preview-top-bar{
	background-color: #e4e6e6a1;
    position: absolute;
    top: 73px;
    right: 20px;
    left: 20px;
    font-size: 12px;
    padding-top: 5px;
}
.quick-preview-top-bar p{
	position: relative;
    left: 10px;
}
.quick-preview-top-bar .bottom-border{
	border-bottom: 1px solid #0b97e8;
}
.quick-preview-body{
	position: absolute;
	top: 35%;
    left: 21%;
    right: 24px;
	height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.quick-preview-content{
	padding-right: 10px;
}
.quick-preview-top-bar .top-bar-title{
	width: 185px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 3px;
}
.quick-preview-content p{
    /* position: absolute; */
    font-size: 12px;
    color: #fff;
    background-color: #6B5FF2;
    border-radius: 20px;
    padding: 12px;
	right: 10px;
	margin-bottom:30px;
	word-break: break-word;
	/* white-space: pre-line; */
}
/* .quick-preview-content p:before{
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 13em;
    right: 10px;
    height: 33px;
    border-right: 12px solid #6979CB;
    border-bottom-left-radius: 12px 26px;
    -webkit-transform: translate(0, -2px);
    transform: translate(0, -2px);
    border-bottom-left-radius: 15px 0px\9;
    transform: translate(-1px, -2px)\9;
} */
.quick-preview-media{
	position: absolute;
} 
.quick-preview-media img{
	margin-left: 10px; 
}
.container-border-bottom {
	position: relative;
    top: -89px;
    height: 50px;
    border-bottom: 1px solid #d4cccc;
    box-shadow: 0px 20px 20px -20px #333;
    margin-left: -22px;
    margin-right: -33px;
}
/* Quick preview end  */
/* select2 single starts  */
.inf-select2 .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}
.inf-select2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #eae8e8 transparent;
}
.inf-select2 .select2-container--default .select2-selection--single, .myCampaignsNumberOFDaysInput {
    background-color: #fff;
    border-radius: 30px;
	border: 1px solid #00000013;
	color:#020B45;
	box-shadow: 0px 3px 5px 0px #00000040;
	height: 36px;
}
.inf-select2 .select2-container--default .select2-selection--single .select2-selection__arrow {
	background-color: #6B5FF2;
    border-radius: 0px 30px 30px 0px;
	width: 35px;
	height: 34px;
}
.inf-select2 .select2-container--default .select2-selection--single {
    background-color: #fff;
}
.inf-select2 .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 12px;
	padding-top: 4px;
}
.inf-select2 .select2-container--disabled .select2-selection--single {
    background-color: #d8d7d74f;
}
/* select2 single ends  */
/* quicksight-embedding-iframe dashboard*/
#analyticsFrameContainer .quicksight-embedding-iframe{
border: none;
}
/* quicksight-embedding-iframe dashboard ends*/
.typing-status{
	color: #46d046;
	float: right;
	padding-right: 3em;
	position: relative;
}
.typing-status-table{
	color: #46d046;
	font-size: 20px;
}
.sendDropdown-column{
	padding-left: 0px;
	margin-left: -16px;
	border-left: 2px solid #c7c7c7;
}
.sendDropdown-btn{
	min-width: 38px;
}
@media only screen and (min-width: 990px) {
	.sendDropdown-btn{
	min-width: 73px;
}
}
/* div#wave {
	position:relative;
	margin-top:50vh;
	text-align:center;
	width:100px;
	height:100px;
	margin-left: auto;
	margin-right: auto;
	.dot {
	display:inline-block;
	width:12px;
	height:12px;
	border-radius:50%;
	margin-right:3px;
	background:#303131;
	animation: wave 1.3s linear infinite;
	
&:nth-child(2) {
animation-delay: -1.1s;
}

&:nth-child(3) {
animation-delay: -0.9s;
}
}
}

@keyframes wave {
0%, 60%, 100% {
transform: initial;
}

30% {
transform: translateY(-15px);
}
} */
/* send dropdown button */
.sendDropdown .dropdown-label{
	padding-right: 135px;
}
.sendDropdown .v1{
	border-left: 2px solid #c7c7c7;
	height: 500px;
	top: 0;
	position: absolute;
	left: 80%;
}
.sendDropdown .dropdown-dots{
	font-weight: bolder;
}
/* Sumo Select */
.SumoSelect>.CaptionCont>span {
	cursor: pointer;
}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {
    border-color: none;
}
.SumoSelect>.CaptionCont {
	border: none;
    border-bottom: 1px solid #a4a4a457;
	/* margin: 16px; */
}
.SumoSelect {
    display: inherit;
	width:auto;
}
.SumoSelect>.CaptionCont>label>i {
	top: -10px;
}
.SumoSelect.open>.CaptionCont, .SumoSelect:focus>.CaptionCont, .SumoSelect:hover>.CaptionCont {
     box-shadow: 0 0 0px #7799D0;
     border: none; 
	 border-bottom: 1px solid #a4a4a457;
}
.SumoSelect .select-all {
    padding: 8px 0px 27px 35px;
}
all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i, .SumoSelect .select-all.partial>span i, .SumoSelect .select-all.selected>span i, .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
    background-color: #6979CB;
}
.SumoSelect.open .search-txt {
	border-bottom: 1px solid #a4a4a457;
}
.SumoSelect>.optWrapper>.MultiControls {
   display: block;
}
.SumoSelect.open .search-txt {
    display: inline-block;
}
.SumoSelect>.CaptionCont>span.placeholder {
   font-style: initial;
}	
/* Text us now widget */
#text_us_now_embedCode pre code{
	font-size:17px;
}
.tus_shadowEffect_column.checkbox input[type=checkbox], .tus_shadowEffect_column.checkbox-inline input[type=checkbox]{
    position: relative;
    margin-left: 10px;
}
#embedCodePreview {
	height: 328px;
	position: relative;
	background-color: #f5f3f3a6;
    box-shadow: 0px 0px 8px 2px #c7bebe8a;
	overflow-y: auto;
}	
 .embedCodePreview_btn{
	border: none;
	padding: 14px 30px;
	letter-spacing: 1.5px;
	font-weight: bold;
	cursor: auto;
	text-transform: uppercase;
} 

.vertical-center {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* available funds progress bar */
.inf-progress-text{
	margin-top: 23px;
}
.inf-progress{
	margin-top: 26px;
	margin-bottom: 0px;
	background-color: #fff;
}
.inf-progress-bar{
	background-color: #6979CB;
}
/* nav tabs textblast screen */
.template-tabs .pmd-tabs .pmd-tab-active-bar {
	
	background: #6979CB;
}
.template-tabs .pmd-tabs .nav>li>a {
    padding: 23px 24px 17px 5px!important;
}
.template-tabs .pmd-tabs .nav>li>a .page-title{
    font-size: 20px;
}
.charCounterWarning{
padding: 5px;
margin-bottom: 0px;
font-size: 13px;
}
.select2-container--below .select2-search .select2-search__field, .select2-container--above .select2-search .select2-search__field{
padding-left: 15px!important;
}
.loaBtn{
	background-color:#6979CB;
	color: #fff;
}
.loaBtn:hover, .loaBtn:focus, .loaBtn:active{
	background-color:#5e6db5!important;
	/* background-color:#6979CB!important; */
	color:white!important;
}
#sendGrpTextOfficeTo.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: black!important;
    padding: 0;
}
#sendGrpTextOfficeTo.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    height: 0;
    left: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
span#select2-sendGrpTextOfficeTo-container {
    color: black;
	background-color:transparent!important;
}
.loaBtn{
	background-color:#6979CB;
	color: #fff;
}
.loaBtn:hover, .loaBtn:focus, .loaBtn:active{
	background-color:#5e6db5!important;
	/* background-color:#6979CB!important; */
	color:white!important;
}

.modal-title {
	font-size: larger;
}
@media (max-width: 1200px){
			.pmd-sidebar:hover {
			width: 0px!important;
			max-width: 274px;
			}
			}
			
.multiselect-tagIds{
	 border-radius: 30px!important;
    border: 1px solid #00000013;
    color: #020B45!important;
    box-shadow: 0px 3px 5px 0px #00000040;
    height: 36px;
	
}
.quick-thumbnail{
	
	width:80%!important; 
	vertical-align: super!important; 
	margin-left:22px!important;
}
/* new Css for RV-1044 */
#dashFil_collapse{
	color: #5E53D4 !important;
}
#sendOn .btn{
	color: #6B5FF2;
    border: 1px solid #6B5FF2!important;;

}
#sendOn .active{
	background-color: #5E53D4!important;;
}
/*  FE-2011  Ai */

.btn-ai-image {
	margin-top: -14px;
}
.ai-close-button
{
	text-transform: none;
}
.ai-accept-button
{
	text-transform: none;
}
.tai-dropdown-menu {
	margin-left: 17px;
	min-width: 40px !important;
	margin-bottom: 10px;
}

.dropdown-sub {
	font-weight: 400;
	color: #333;
	margin-bottom: -5px;
	min-width: 88px;
}
.tai{
	font-size: 15px;
	background: linear-gradient(to right, #5C5CFF, #FF5CC8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}
.dropdown, .dropup
{
 margin-top: -3px;
}
.ai-text-ovelay {
	background-color: white;
	font-size: 14px;
	padding: 10px;
	border-radius: 20px 20px 0px 0px;
	margin-bottom: 10px;
	position: absolute;
	top: 0;
	width: 100%;
	height: 95%;
	z-index: 1;
}

.ai-text-ovelay-content {
	height: 230px;
	overflow-y: auto;
	scrollbar-color: #888 #f1f1f1;
}

.ai-text-ovelay-content::-webkit-scrollbar {
	width: 8px;
}

.ai-text-ovelay-content::-webkit-scrollbar-track {
	background: #f1f1f1;
}

.ai-text-ovelay-content::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 4px;
}

.ai-text-ovelay-content::-webkit-scrollbar-thumb:hover {
	background: #555;
}



.ovelay-animation {
	position: relative;
	overflow: hidden;
	display: inline-block;
	background: linear-gradient(
		-45deg,  
		#5C76FF 45%,
		#ffffff46  50%,
		#4a0152a8 55%
	);
	background-size: 200% auto;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	animation: shimmer-text 3s linear infinite;
}


@keyframes shimmer-text {
	0% {
		background-position: 100% center;
	}

	100% {
		background-position: -100% center;
	}
}

.ai-button-container {
	display: flex;
	margin-top: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;

}

/*  FE-2011  Ai */
.btn-primary{
	background-color: #6B5FF2!important;
    border: 1px solid #6B5FF2!important;
    color: #fff;
}

#metrics .active
{
	background-color: #5E53D4 !important;
	color: #fff !important
}

#metrics .btn
 
{
	border: 1px solid #6B5FF2 !important;
}

.select2-results__option.select2-results__option--highlighted[aria-selected] {
  
    color: white !important;
	background-color: #5E53D4 !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #5E53D4 !important	;
	color: #FFFFFF !important;
}

 .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover

 {
    color: #fff !important;
    text-decoration: none;
    background-color: #5E53D4 !important;
    outline: 0;
 }
 /* dropdown all check box active color */
 input[type="checkbox"] {
	accent-color: #6B5FF2 !important; 
 }
 /* preview page number active color */
 .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover,
  .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
 {
	z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #6B5FF2 !important;
    border-color: #6B5FF2 !important;
 }
 .pagination>li>a:focus, .pagination>li>a, .pagination>li>span:focus, .pagination>li>span{
    z-index: 2;
    color: #6B5FF2;
    background-color: #eee;
    border-color: #ddd;
}
 .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 2;
    color: #6B5FF2;
    background-color: #eee;
    border-color: #ddd;
}
.pmd-btn-flat.btn-primary{

	color: white!important;
}

  .bootstrap-datetimepicker-widget .datepicker-days .day.active,
  .bootstrap-datetimepicker-widget .datepicker-days .day.active:hover {
    background-color:  #5e53d4 !important;
    color: #fff !important;
    
  }

  .bootstrap-datetimepicker-widget .datepicker-days .day:hover {
    background-color: #5e53d4 !important; 
    color: #fff !important;
  }
  .bootstrap-datetimepicker-widget .datepicker-days .day.today {
    border: 1px solid  #5e53d4 !important;
    background-color: #fff;
    color: #5e53d4;
  }
  

/*  login  */
.login-left-content {
	background: url(https://textellent.com/wp-content/uploads/2025/07/original-login-background-image-4.png) center / cover no-repeat transparent;
	width: 100%;
	height: 100vh;
	padding-top: 30vh;
	padding-left: 10vw;
}

.login-left-content h1 {
	color: rgb(127, 58, 255);
	font-size: 40px;
	font-weight: 700;
}

.login-left-content p {
	color: rgb(13, 5, 73);
	margin-top: 15px;
	font-weight: 400;
	font-size: 16px;
}

.special-btn-default {
	background: linear-gradient(135deg, #FF5CC8 0%, #5C5CFF 50%) !important;
	color: #FFFFFF;
	font-size: 16px;
	padding: 12px 14px;
	border-radius: 50px;
	border: none !important;
}
.special-btn-default:hover {
	background: linear-gradient(330deg, #5C5CFF 50%, #FF5CC8 100%) !important;
	color: #FFFFFF;
}

.logincard {
	transform: none;
}

#login-container {
	padding-top: 20vh;
	margin-right: 40px;
}

.textellentdomain {
	overflow-x: hidden;
}