@charset "utf-8";
/* CSS Document */

@charset "utf-8";

/**

 *

 * Generic CSS for CakePHP

 *

 * CakePHP(tm) : Rapid Development Framework (http://cakephp.org)

 * Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)

 *

 * Licensed under The MIT License

 * For full copyright and license information, please see the LICENSE.txt

 * Redistributions of files must retain the above copyright notice.

 *

 * @copyright     Copyright (c) Cake Software Foundation, Inc. (http://cakefoundation.org)

 * @link          http://cakephp.org CakePHP(tm) Project

 * @package       app.webroot.css

 * @license       http://www.opensource.org/licenses/mit-license.php MIT License

 */



/** Notices and Errors **/
:root {--swatch: #b8ddb1;--swatch2: #78c96a;--swatch3: #5aad45;--swatch4: #f5ea91;--swatch5: #f6dd29;--swatch6: #fad9b0;
;--swatch7: #ffb969;--swatch8: #e99f40;--swatch9: #efb3ab;--swatch10: #ef7665;--swatch11: #dfc0ea;
;--swatch12: #cd8de4;--swatch13: #88609e;--swatch14: #8bbdd8;--swatch15: #5ba4cf;--swatch16: #8fdfea;--swatch17: #28cce5;
;--swatch18: #00adcb;--swatch19: #b4f1d0;--swatch20: #6deca9;--swatch21: #f9c6e5; --grey-hover:#e3e3e3; --grey:#f3f3f3; --green:#000}
.margin_bottom_20{ margin-bottom: 20px!important;}
body{ overflow-x:hidden}
body.has-active-offcanvas-nav .pagecomponents{transform: translate3d(210px,0px, 0px);}
.account-success { background: #3b8230; }
h3,h4,h5{  font-family: "Figtree", sans-serif;font-weight: 700;}
.form-group {

  margin-bottom: 15px;

}
#previewing {
    max-width: 250px!important;
}
.mt_4{ margin-top: 12px;}
.message {

	clear: both;

	color: #fff;

	font-size: 100%;

	font-weight:600;

	margin: 0 0 1em 0;

	padding: 5px;

}
.success,

.message,

.cake-error,

.cake-debug,

.notice,

p.error,

.error-message {

	background: #ffcc00;

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);

	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));

	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);

	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);

	background-image: linear-gradient(top, #ffcc00, #E6B800);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	border: 1px solid rgba(0, 0, 0, 0.2);

	margin-bottom: 18px;

	padding: 7px 14px;

	color: #404040;

	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);

}
.p10{ padding: 0 15px; display: inline-block;}
.success,

.message,

.cake-error,

p.error,

.error-message {

	clear: both;

	color: #fff;

	background: #c43c35;

	border: 1px solid rgba(0, 0, 0, 0.5);

	background-repeat: repeat-x;

	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);

	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));

	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);

	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);

	background-image: linear-gradient(top, #ee5f5b, #c43c35);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

}

.success {

	clear: both;

	color: #fff;

	border: 1px solid rgba(0, 0, 0, 0.5);

	background: #3B8230;

	background-repeat: repeat-x;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));

	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);

	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);

	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);

	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);

	background-image: linear-gradient(top, #76BF6B, #3B8230);

	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

}

p.error {

	font-family: Monaco, Consolas, Courier, monospace;

	font-size: 120%;

	padding: 0.8em;

	margin: 1em 0;

}

p.error em {

	font-weight: normal;

	line-height: 140%;

}

.notice {

	color: #000;

	display: block;

	font-size: 120%;

	padding: 0.8em;

	margin: 1em 0;

}

.success {

	color: #fff;

}



/**  Actions  **/

.actions ul {

	margin: 0;

	padding: 0;

}

.actions li {

	margin:0 0 0.5em 0;

	list-style-type: none;

	white-space: nowrap;

	padding: 0;

}

.actions ul li a {

	font-weight: normal;

	display: block;

	clear: both;

}




/** Related **/

.related {

	clear: both;

	display: block;

}



/** Debugging **/

pre {

	color: #000;

	background: #f0f0f0;

	padding: 15px;

	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);

}

.cake-debug-output {

	padding: 0;

	position: relative;

}

.cake-debug-output > span {

	position: absolute;

	top: 5px;

	right: 5px;

	background: rgba(255, 255, 255, 0.3);

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

	padding: 5px 6px;

	color: #000;

	display: block;

	float: left;

	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);

	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);

	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.5);

	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);

}

.cake-debug,

.cake-error {

	font-size: 16px;

	line-height: 20px;

	clear: both;

}

.cake-error > a {

	text-shadow: none;

}
.cake-error {

	white-space: normal;

}

.cake-stack-trace {

	background: rgba(255, 255, 255, 0.7);

	color: #333;

	margin: 10px 0 5px 0;

	padding: 10px 10px 0 10px;

	font-size: 120%;

	line-height: 140%;

	overflow: auto;

	position: relative;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}

.cake-stack-trace a {

	text-shadow: none;

	background: rgba(255, 255, 255, 0.7);

	padding: 5px;

	-moz-border-radius: 10px;

	-webkit-border-radius: 10px;

	border-radius: 10px;

	margin: 0px 4px 10px 2px;

	font-family: sans-serif;

	

	line-height: 14px;

	display: inline-block;

	text-decoration: none;

	-moz-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);

	-webkit-box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);

	box-shadow: inset 0px 1px 0 rgba(0, 0, 0, 0.3);

}

.cake-code-dump pre {

	position: relative;

	overflow: auto;

}

.cake-context {

	margin-bottom: 10px;

}

.cake-stack-trace pre {

	color: #000;

	background-color: #F0F0F0;

	margin: 0px 0 10px 0;

	padding: 1em;

	overflow: auto;

	text-shadow: none;

}

.cake-stack-trace li {

	padding: 10px 5px 0px;

	margin: 0 0 4px 0;

	font-family: monospace;

	border: 1px solid #bbb;

	-moz-border-radius: 4px;

	-wekbkit-border-radius: 4px;

	border-radius: 4px;

	background: #dcdcdc;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));

	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);

	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);

	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);

	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);

	background-image: linear-gradient(top, #fefefe, #dcdcdc);

}

/* excerpt */

.cake-code-dump pre,

.cake-code-dump pre code {

	clear: both;

	font-size: 14px;

	line-height: 15px;

	margin: 4px 2px;

	padding: 4px;

	overflow: auto;

}

.cake-code-dump .code-highlight {

	display: block;

	background-color: rgba(255, 255, 0, 0.5);

}

.code-coverage-results div.code-line {

	padding-left:5px;

	display:block;

	margin-left:10px;

}

.code-coverage-results div.uncovered span.content {

	background:#ecc;

}

.code-coverage-results div.covered span.content {

	background:#cec;

}

.code-coverage-results div.ignored span.content {

	color:#aaa;

}

.code-coverage-results span.line-num {

	color:#666;

	display:block;

	float:left;

	width:20px;

	text-align:right;

	margin-right:5px;

}

.code-coverage-results span.line-num strong {

	color:#666;

}

.code-coverage-results div.start {

	border:1px solid #aaa;

	border-width:1px 1px 0px 1px;

	margin-top:30px;

	padding-top:5px;

}

.code-coverage-results div.end {

	border:1px solid #aaa;

	border-width:0px 1px 1px 1px;

	margin-bottom:30px;

	padding-bottom:5px;

}

.code-coverage-results div.realstart {

	margin-top:0px;

}

.code-coverage-results p.note {

	color:#bbb;

	padding:5px;

	margin:5px 0 10px;

	font-size:10px;

}

.code-coverage-results span.result-bad {

	color: #a00;

}

.code-coverage-results span.result-ok {

	color: #fa0;

}

.code-coverage-results span.result-good {

	color: #0a0;

}



/** Elements **/

#url-rewriting-warning {

	display:none;

}

.chatwindow { color:#fff; }

.reply-btn { cursor:pointer; }

.chat

{

    list-style: none;

    margin: 0;

    padding: 0;

}
.textsbtarea .emoji-wysiwyg-editor{       font-size: 14px;
    padding-top: 12px;
    line-height: 16px;
    word-break: break-all;
    height: 100%!important;    border:1px solid #d3d3d3!important;
    padding-bottom: 7px;
    background: #fff;}
	.textsbtarea .emoji-wysiwyg-editor:focus{     border: 0;}
.leftchatbox{  width:100%; float:left; padding-left:20px;}

.rightchatbox{ float:right; width:100%; padding-right:20px;}

.deletemessage {    position: absolute;

    right: 0px;

    top:5px;

    font-size: 10px;}



.chat li.left .chat-body

{

    margin-left: 60px;

}



.chat li.right .chat-body

{

    margin-right: 60px;

}





.chat li .chat-body p

{

    margin: 0;

    color: #777777;

}



.panel .slidedown .glyphicon, .chat .glyphicon

{


    margin-right: 5px;

}





::-webkit-scrollbar-track

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

    background-color: #f5f5f5;

}



::-webkit-scrollbar

{

    width:7px; height:10px;

    background-color: #d7d7d7 ;

}



::-webkit-scrollbar-thumb

{

    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

    background-color: #d7d7d7; border-radius:20px;

}


.popover-title {  color:#000;}

.chatwindow{  color:#000; text-decoration:none;}

.chatwindow:hover{  color:#000; cursor:pointer; text-decoration:none;}

.text-muted { font-size:12px; }

.size50 {  

    width:50px;

    height:50px;

}


.rr { color: #53bdeb;  font-weight: 600;}
.sprt_enq{ position: fixed; right: 12px;  bottom: 30px; width: 70px;  z-index: 12;}



.loginmaincontainer{ background: url(../img/login-bg.jpg) top center no-repeat; height:100vh;-webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover; }

.logoinfo2{ margin:7px 0px 0px 0px; text-align:center;}

.userloginbox{ background:#fff; -webkit-box-shadow: 0px 1px 14px 0px rgba(173,173,173,1);

-moz-box-shadow: 0px 1px 14px 0px rgba(173,173,173,1);

box-shadow: 0px 1px 14px 0px rgba(173,173,173,1); margin-bottom:25px;}



.logincontainer{ width:368px; margin:0px auto; padding:5% 0px 0px 0px;}

.logincontainer2{width:368px; margin:0px auto; padding:6% 0px 0px 0px;}

.login-inner{ padding:30px 0px 20px 20px; }

.panel-title-a{ text-align:center; padding:3px 0px; font-size:24px; font-weight:600; color:#000000;}

.col-sm-23{ width:94%; float:left;}

.loginbtn{ background:#007335; padding:6px 0px; text-align:center; border:1px solid #3e8f3e; cursor:pointer; width:100%; font-size:20px; color:#fff; border-radius:7px;}

.forgotlink{ width:100%; float:left; margin:20px 0px 20px 0;}

.forgotlink a{ color:#000; font-size:14px; text-decoration:underline;}

.createaccountarea{ width:100%; float:left; border-top:1px solid #ccc; padding-top:20px; text-align:center;}

.createaccountarea a{ display:block; background:url(../img/btn-bg4.jpg) repeat-x; padding:10px 0; border:1px solid #556b8c; display:block;  color:#fff; border-radius:7px; margin-top:10px;}

















/*left nav css */
.dashboard .pagecomponents{padding: 0px 0px 0px 128px;}
.pagecomponents{padding:0px 0px 0px 128px; overflow-x: hidden;  transition: background 0.5s,transform 0.5s; } 

div.sidebar
 {

    background-color: #000;

  height: 100%;

    left: 0;

    overflow: hidden !important;

    padding-left: 0;

    padding-right: 0;

    position: fixed;

    top:0px;

    transition: all 250ms ease-out 0s;

    width:57px;

    z-index: 10;

}

div.sidebar:hover, div.sidebar.expand {
    transition: ease all 0.1s; -webkit-transition: ease all 0.1s; -moz-transition: ease all 0.1s;-o-transition: ease all 0.1s;
    width: 265px;overflow: auto !important;

}

.sidebar ul.nav, .sidebar .nav-bar-bottom {

    letter-spacing: 0.2px;

    width: 265px;

}

.sidebar ul li a img {

    margin-left: 5px;

    padding-right: 10px;

}

.sidebar ul li a {

     color: #252525;
    font-size: 14px;
    font-weight:600;
    padding: 8px 11px 13px;
    margin: 3px 0px;

}

.sidebar ul li a.navbar-brand {

    font-size: 18px;

}

.sidebar ul li a .badge {

    border-radius: 3px;

    box-shadow: none;

    float: right;

    font-size: 10px;

    font-weight:600;

    margin-right: 10px;

    padding: 3px;

}

.sidebar ul li a img.active {

    display: none;

    vertical-align: bottom;

    width: 40px;

}

.sidebar ul li a img.inactive {

    vertical-align: bottom;

    width:40px;

}

.sidebar ul li a:hover, .sidebar ul li a:focus, .sidebar ul li.active a {

        background-color: #fce8dd; outline:none;
    border-radius: 4px 0px 0px 4px;

}

.sidebar ul li.active a {
    background-color: #fce8dd;
    border-radius: 4px 0px 0px 4px;

}



.media-image-figure{ width: 250px;  height: 209px; overflow: hidden;}
.media-image-figure img{object-fit: cover;}
.media-image-figure p{      margin-top: 12px;   line-height: 17px;color: #888;}
.fancybox-title-inside-wrap { word-break: break-all;}
.sidebar ul.nav-sidebar-header li a {

    padding: 0;

}

.sidebar ul.nav-sidebar-header li a:hover, .sidebar ul.nav-sidebar-header li a:focus {

    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

}

.sidebar ul li a:hover img.inactive, .sidebar ul li a:focus img.inactive, .sidebar ul li.active a img.inactive {

    display: none;

}

.sidebar ul li a:hover img.active, .sidebar ul li a:focus img.active, .sidebar ul li.active a img.active {

    display: inline;

}


.nav-sidebar li ul li a{ display: block; padding: 1px 0px; }
.nav-sidebar li ul li a:hover{ background: none;}
.nav-sidebar li ul{ list-style: none; padding:0 0 0 64px;}


/*.sidebar ul li.active::after {

    -moz-border-bottom-colors: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    

    border-image: none;

    border-style: solid;

   

    content: " ";

    display: block;

    height: 0;

    position: absolute;

    right: 208px;

    top: 0;

    transition: all 250ms ease-out 0s;

    width: 0;

}*/

.sidebar:hover ul li.active::after, .sidebar.expand ul li.active::after {

    right: 0;

    transition: all 250ms ease-out 600ms;

}

.sidebar ul.create-new li.active::after {

    top: 5px;

}

.sidebar ul > li > a > span:not(.fancy-letter) {

    position: relative;

    top:0px;

}
.has-active-offcanvas-nav .nav-separator{ display: block}
.nav-separator span{ margin-top:20px;}
.nav-separator { display:none; transition:ease all 0.4s;
 
    -moz-user-select: none;

    border-bottom:1px solid rgb(69 55 104 / 20%);

    color: #232323; font-weight:600;

    cursor: default;

    font-size: 17px;

    margin-bottom: 10px;

    margin-top: 0px;

    padding-left: 12px; padding-bottom:5px;

    text-transform: uppercase;

    white-space: nowrap;

}

.nav-separator.account-separator {

    border-bottom-width: 1px;

    margin-bottom: 1px;

    margin-top:0px;

}

.nav-bar-bottom {

    bottom: 20px;

    position: absolute;

    width: 100%;

}

.nav-collapse-button {

    color: #868686;

    display: block;

    

    margin-bottom: 20px;

    padding-left: 16px;

    text-decoration: none;

    width: 100%;

}

.nav-collapse-button img {

    float: left;

    margin-right: 10px;

    width: 20px;

}

a.nav-collapse-button:hover, a.nav-collapse-button:focus {

    border: medium none;

    color: #868686;

    outline: medium none;

    text-decoration: none;

}

.nav-collapse-button img.expand-arrow {

    display: none;

}

/*.sidebar:hover ul li span, .sidebar:hover ul li .badge, .sidebar:hover .nav-collapse-button span, .sidebar:hover .nav-separator span, .sidebar.expand ul li span, .sidebar.expand ul li .badge, .sidebar.expand .nav-collapse-button span, .sidebar.expand .nav-separator span {

    opacity: 1;

    transition: opacity 250ms ease-out 600ms;

}

.sidebar ul li span, .sidebar ul li a .badge, .sidebar .nav-collapse-button span, .sidebar .nav-separator span {

    opacity: 0; transition: opacity 250ms ease-out 0s;

}*/
 .sidebar .nav-separator span {   opacity: 0; transition: opacity 250ms ease-out 0s;}
 .sidebar:hover .nav-separator span{opacity: 1;}
.sidebar .nav-collapse-button img.expand-arrow {

    display: block;

}

.sidebar .nav-collapse-button img.collapse-arrow {

    display: none;

}

.content {

    margin-left: 50px;

    padding-left: 0;

}

.sidebar .trial-msg {

    font-size: 12px;

    margin-bottom: 10px;

}

.sidebar .btn-subscribe {

    width: 210px;

}

.sidebar .revertContainer {

    padding-bottom: 10px;

}

.sidebar .btn-revert {

    width: 150px;

}


.sidebar:hover .subscription-info, .sidebar.expand .subscription-info {

    opacity: 1;

    transition: opacity 250ms ease-out 600ms;

}

.sidebar .subscription-info {

    opacity: 0;

    transition: opacity 250ms ease-out 0s;

}

#previewing{ max-width:100%}
.input-row #textarea{ display:none!important}

@media (max-height: 750px) and (min-width: 768px) {



.nav-bar-bottom {

    margin-top: 20px;

    position: relative;

}

}

@media (max-width: 767px) {

.content {

    margin-top: 45px;

}

div.sidebar {

    display: block;

    height: 0;

    margin-top: 0;


    overflow: hidden;

    padding: 0;

    position: absolute;

    transition: height 250ms ease-in-out 0s;

    width: 100% !important;

}

div.sidebar.mobile-collapse {

    height: 700px;

}

.sidebar .subscription-info {

    display: none;

}

.sidebar ul li span, .sidebar ul li a .badge, .sidebar .nav-collapse-button span, .sidebar .nav-separator span {

    opacity: 1;

    transition: none 0s ease 0s ;

}

.sidebar ul li.active::after {

    right: 0;

}

.sidebar ul.nav, .sidebar .nav-bar-bottom {

    width: 100%;

}

.content {

    margin-left: 0;

}

.nav-bar-bottom {

    margin-top: 20px;

    position: relative;

}

}

label.error {

  color: #ff0000;


}



textarea.form-control {
    border: 1px solid #e5e5e5;
}
.form-control:focus{ outline: none; border: 1px solid #e5e5e5;}


/*subscriptions style start here*/

.row.pricingTable{

	margin:60px 0;

    -webkit-animation-duration: 0.4s; 

    animation-duration: 0.4s; 

    -webkit-animation-fill-mode: both; 

    animation-fill-mode: both; 

    -webkit-animation-timing-function: ease-in; 

    animation-timing-function: ease-in; 

}



.pricingTable .plan {

	  border-radius: 6px;

	  border:1px solid #ddd;

	  list-style: none;

	  padding: 0 0 20px;

	  background: #f9f9f9;

	  text-align: center;

	  font-size: 14pt !important;

	  line-height: 150%;

  	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);

	-moz-box-shadow:    0px 0px 20px 0px rgba(0, 0, 0, 0.2);

	box-shadow:         0px 0px 20px 0px rgba(0, 0, 0, 0.2);

}

#textarea { padding-left: 40px;}

.emoji-icons{

    color: #000;

    position: absolute;

    left: 5px;

    z-index: 56;

    font-size: 23px!important;

    top: 0;

    border-right: 1px solid #cecdcd;

    height: 37px;

    width: 29px;

    padding-top: 6PX;

	cursor:pointer;

}

		  

.pricingTable .plan li {

  padding: 10px 15px;

  color: #333;

  border-top: 1px solid #ddd;

  -webkit-transition: 300ms;

  transition: 300ms;

}

.pricingTable .plan li.first {

  border-top: 0;

}

.pricingTable .plan li.plan-name {

  border-radius: 6px 6px 0 0;

  padding: 15px;

  line-height: 24px; font-size:25px;

  color: #fff;

  border-top: 0;

}

	.pricingTable .plan li.plan-name#basic{

		background-color: #587c7e;

	}

		.pricingTable .plan li.plan-name#basic:hover{

		background-color: #466365;

		}

	.pricingTable .plan li.plan-name#pro{

		background-color: #007335;

	}

		.pricingTable .plan li.plan-name#pro:hover{

		background-color: #009a3d;

		}

	.pricingTable .plan li.plan-name#premium{

		background-color: #495e66;

	}

		.pricingTable .plan li.plan-name#premium:hover{

			background-color: #3a4b52;

		}

	.pricingTable .plan li.plan-name#unic{

		background: rgba(255,255,255,1);

		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(235,244,238,1) 100%);

		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(42%, rgba(255,255,255,1)), color-stop(100%, rgba(235,244,238,1)));

		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(235,244,238,1) 100%);

		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(235,244,238,1) 100%);

		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(235,244,238,1) 100%);

		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 42%, rgba(235,244,238,1) 100%);

		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf4ee', GradientType=0 );

		color:#007335;

	}



		.pricingTable .plan li.plan-name#unic .price-circle{

			width: 135px;

			padding: 42px 5px;

			height: 135px;

			border-radius: 50%;

			border:3px solid #007335;

		}

		

		.pricingTable .plan li.plan-name#unic .price-circle .price{

			font-size: 50px;

		}

		.pricingTable .plan li.plan-name#unic .price-circle .currency{

			font-size: 20px;

		}

		.pricingTable .plan li.plan-name#unic .price-circle .month{

			margin-top:-2px;

			font-family: 'gothammedium', sans-serif; 

		}

		.pricingTable .plan li.plan-name#unic .trialPeriod{

			color:#043b43;

		}

		

		.moneyBack{

			position: absolute;

			top: -120px;

			right: 15px;

		}

		

.pricingTable .plan li.plan-name .name{

	display: block;

	margin-bottom: 10px;

	

  	text-transform: uppercase;

  	font-size: 20px;

}

.pricingTable .plan li.plan-name .price-circle{

	display: block;

	margin: 0 auto;

	width: 80px;

	padding: 20px 5px;

	height: 80px;

	text-align: center;

	border-radius: 50px;

	border:2px solid #fff;

}

	.pricingTable .plan li.plan-name .price-circle .price{

		font-size: 30px;

		

	}

	.pricingTable .plan li.plan-name .price-circle .month{

		display: block;

		margin-top: -4px;

		font-size: 11pt; 

	}



.pricingTable .plan li.plan-name .trialPeriod{

	display: block;

	margin-top: 10px;

	font-size: 12pt !important;

}

.pricingTable .plan li.plan-action {

  margin-top: 10px;

  border-top: 0;

}

.pricingTable .plan.featured {

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}



.pricingTable span.glyphicon-info-sign{

	font-size:80%;

	color:#999;

}
.panel-list-bx  input[type="submit"]{
       margin: 22px 0 0 0;
    background: #088c08;
    width: auto;
    text-shadow: none;
    color: #fff;
    height: 36px;
    
    text-transform: uppercase;
    padding: 0px 30px;
    border: 0px;
}

.logoinfo2 img {filter:  brightness(0) invert(0); margin-top:30px;width: 170px;}
.merge-ticket-service{text-align: center; padding:2px 0px 17px 0;}
.merge-ticket-service a{ margin:0px 3px; display:inline-block}
.queue-chat{color: #3e3d3d;
    font-style: normal;
    font-size: 12px;
    background: #fff;
   font-weight:600;
    display: inline-block;
    padding: 5px 17px 4px;
    border-radius: 30px;
    letter-spacing: 0;}
.queue-li-class{    width: 100%; text-transform: uppercase; float: left; text-align: center; background: rgb(255 255 255 / 32%); padding: 6px;}
.support-setting-app{ max-width: 520px; margin: 0 auto; background: #fbfbfb; box-shadow: 0px 0px 4px 0px #00000026; margin-top: 20px; border-radius: 6px; padding:10px 20px;}
.select-time{width: 100%; background: #fff;  height: 29px;}
.col-md-2.p0{ padding-right:0px;}
.off-date-btn{ margin-top:24px;}
.off-date-btn:focus{ outline:none;}
.form-group.sep{border-top: 1px solid #dedede;padding-top: 20px;}
.rd input[type=checkbox],.rd  input[type=radio]	{ float:left; margin:3px  3px 0 0}
.form-horizontal .control-label {font-size: 12px;}
.rd span{    float: left;  margin-right: 5px; font-weight: normal; }
.app-search-bx{ width: 100%; float: left; background: #f2f2f2; padding: 1px;}   	
.app-cunnekt-channellist{float: right; width: auto; margin: 8px 30px 0 0;}
.app-cunnekt-header{width: 100%;float: left;margin: 0 0 9px 0;}	 
.contact-list-information{width: 950px; margin: auto;  height: 78vh; overflow-x: auto; border: 1px solid #f2f2f2;padding: 10px;}
.contact-list-information table tr th{ text-align:center; font-size:18px; font-weight:600; font-weight:normal; padding:10px;}
.contact-list-information table tr td{ text-align:center; font-size:16px; font-weight:normal; padding:4px 10px;}
.edit-app{ display: inline-block; background: #2aaae0; border-radius: 30px;  padding: 2px 10px;}
.edit-app a{    color: #fff; display: inline-block; text-decoration: none; font-size: 14px;    margin: 0px 5px;}
.contact-list-head {
    width: 100%;
    float: left;BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;
    padding: 12px 20px;
    background: #fff;
    margin-bottom: 20px;
}
.contact-list-head p{margin: 0; }
.contact-list-head h1{ margin:3px 0 0 0; font-weight:600;float:left;font-size: 28px;  color: #e91e63;}
.app-cunnekt-channellist-app{float: left; width: auto; background: #f1f1f1; padding:10px 140px 10px 30px; border-radius: 30px;}
.app-cunnekt-channellist-app strong{    background: #fff; float: left; padding: 7px; border-radius: 3px 0px 0px 3px;}
.app-cunnekt-channellist-app  select{    width: 152px; height: 34px; float: left; border: 0px; border-left: 1px solid #ccc;  padding-left: 7px; border-radius: 0px 3px 3px 0;}
.tt-count{ float: right;
    font-size: 20px;
   color: #000;
    margin: 10px 0 0 11px;
    line-height: 13px; 
    text-align: right;}
.app-cunnekt-channellist-app  #totalcnt{    color: #e11d63; font-style:normal;    font-weight:600;}	
select:focus{ outline:none}	
.contact-list-head .app-search-bx { width: 54%; float: left;  background: #f2f2f2;}
.contact-list-head .pane-list-subheader { background: #fff; width: 100%; float: left; border-radius: 30px; position:relative}
.contact-list-head .pane-list-subheader input.textbox { width: 100%; margin-right: 10px; float: left; border: 0; border-radius: 5px; line-height: 54px; height:auto; padding: 0px 0px 0px 24px;  color: #111;   background:none; font-size:16px;}
.contact-list-head .pane-list-subheader .search-list-app{background: url(../img/search.png) no-repeat 6px 0px;
    background-size: 32px;
    position: absolute;
    right: 9px;
    top: 12px;
    text-indent: -9999px;
    width: 40px;
    height: 30px;
    border: 0px;
    border-left: 1px solid #dedede;
    padding-left: 10px;}
	.contact-list-head .pane-list-subheader .search-list-app:focus{ outline:none;}
.app-cunnekt-channellist-bx{    max-width: 600px; margin: 0 auto; position: relative;}	
.dwn-csv{font-weight:600;
    position: absolute;
    background: #fdc4a5;
    font-size: 18px;
    text-align: center;
    color: #111;
    right: 10px;
    border-radius: 30px;
    padding: 9px 19px 11px;
    top: 2px;}
.dwn-csv:hover{ text-decoration:none;}
.add_button_plus{    float: right;
    padding: 1px 1px 1px 5px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: 19px;
    cursor: pointer;}
.temp-key{ position:relative; margin-bottom:12px;padding-right: 34px;}
.remove_button{    float: right;
    padding: 1px 1px 1px 5px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    top: -7px;
    cursor: pointer;}
.c-proGH h4{    font-size:17px;
    font-weight:600;
    border-bottom: 1px solid #e9e7e7;
    padding-bottom: 12px;
    float: left;
    width: 100%;}
.c-proGH h4 span#uname{
    font-size: 19px;
    color: #565656;
    max-width: 76%;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    float: left;
}


.sv-data { margin-top:20px; position:relative}
.tags-- p span a{text-decoration: none; font-size: 10px; margin-left: 4px; font-weight:600; color: #504b4b;}
.c-proGH h4 a{ float: right;  font-weight:600; color: #000; border: 1px solid #000; padding: 1px 10px 2px; border-radius: 100px; font-size: 11px;text-transform: uppercase;}
.c-proGH h4 a:hover{ text-decoration:none; background:#000; color:#fff}
.c-proGH { background: #fff; float: left; width: 100%; padding: 10px; margin-bottom: 14px;}
.contact-app-list{ width: 100%; float: left; padding: 0 17px;}
.contact-app-list table th{ font-size:14px; text-transform: uppercase;padding: 13px 5px!important;}
.list-table-bx{position: relative;   overflow: auto; width: 100%;}
.contact-app-list table td{ padding: 14px 5px!important;}
.contact-app-list table tr:nth-child(odd){ background: #fff;}
.contact-app-list table tr:nth-child(even){ background: #f5f5f5;}
.contact-list-app-bx { background: #fff; width: 100%;  float: left;}
.tags_ span{background: #e9e9e9;
    padding: 1px 7px 2px;
    border-radius: 4px;
    font-size: 12px;
    display: inline-block;
    margin: 1px;}
   .act a{ color: #111; margin: 0 4px; display: inline-block;} 
	.tags_ span a { text-decoration: none;  font-size: 10px; color: #111; font-weight:600;}
.action-links a{ width: 27px; height: 27px; display: inline-block; text-align: center; border-radius: 100%; color: #898989;
    padding-top: 3px; margin-right:7px;} 
.action-links a:hover{ box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 22%);}	
.contact-list-filter{ width: 100%; float: left;}
.tt-counts{     float: left;
    font-size: 16px;
    font-weight:600;
    text-transform: uppercase;
    color: #404040;
    margin: 11px 13px 18px 0;
    line-height: 14px;}
	.snd-bx { float:left;margin:4px 0 0 0}
	.snd-bx a{     background: #d9d9d9; padding: 6px 19px; display: inline-block; border: 1px solid #ccc; color: #404040; border-radius: 3px; margin-right: 3px; font-weight:600; text-transform: uppercase;}
.snd-bx a:hover{ text-decoration:none; background: #fff;}

/* Hide the browser's default checkbox */
.LBL input { position: absolute; opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
/* Create a custom checkbox */
.checkmark {    position: absolute;  top: 0;  right: 0; height: 23px; width: 23px; background-color: #fff; border: 1px solid #ccc;}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {content: "";  position: absolute; display: none;}
/* Show the checkmark when checked */
.LBL input:checked ~ .checkmark:after {display: block;}
/* Style the checkmark/indicator */
.LBL .checkmark:after {left: 6px;top: 1px;width: 8px;height: 13px;border: solid #2a2929; border-width: 0px 2px 2px 0; -webkit-transform: rotate(45deg);-ms-transform: rotate(45deg); transform: rotate(45deg);}
.s_row  .LBL {display: inline-block; max-width: 100%; margin: 8px 0; width: 100%; position: relative; font-weight:600; float: left;}
._model .modal-content{ width:100%; float:left;border-radius: 6px;  overflow: hidden;}
.s_row  label.LBL  { display: inline-block; cursor:pointer;  max-width: 100%;  margin: 8px 0;  width: 100%; position: relative; font-weight:600; float: left;}
.modal-dialog._md4 { width: 488px;}
.modal-title { font-weight:600;}
._model  .close {font-size: 40px;  font-weight: normal;  line-height: 1;  color: #111;  filter: alpha(opacity=20);  opacity: 1;  position: absolute;  right: 10px;top: 10px;}
.s_row{ width: 100%; max-height: 350px; }
.sv_tags{  width: 100%; float: left; background: #f5f5f5; padding: 8px 13px; margin-top: 12px;}
.save_btn,.add_contact_btn,.theme_btn {background:#000; color: #fff; padding: 8px 10px; border: 0px; border-radius: 5px; font-weight:600; }
.table{BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
.add_contact_btn:hover,.add_contact_btn:focus,.theme_btn:hover,.theme_btn:focus{ color:#fff; text-decoration:none;background:#333; }
.notificatio__ svg{ margin-right: 12px;}
.table>thead>tr>th { border-bottom: 1px solid #ddd; background: #fff;}
.notificatio__{ display: inline-block; background: #000; color: #fff; padding: 4px 15px;border-radius: 30px; font-size: 14px;}
.theme_btn5 {background:#000; color: #fff; padding: 8px 18px; border: 0px; border-radius: 5px; font-weight:600; }
.theme_btn5:hover{background:#333;}
.contact-head{ width: 100%; float: left; }
.createform_model h4{ font-size: 16px;}
.contact-head.cdr { display: flex; justify-content: space-between; align-items: center;}

.contact-head h2{font-size:24px; margin: 0 0 5px 0;  font-family: "Figtree", sans-serif;font-weight:700; color: rgb(100, 100, 100); }
.support-toggle-wp{ float:right; width:auto; position:relative}
.templates-informaiton.paddng0{ padding:0}
.contact-head .dropdown-menu{left:auto; right:0px;}
._model  .row{margin-left: -15px;}
._model .form-control { height: 37px; margin: 4px 0px;  color: #111; border: 1px solid #e5e5e5; background: #fff;}
._model  .modal-body { background: #f8f8f8;}
._model  textarea.form-control{ height: auto;}
.bulk-csv-text p{padding-bottom: 11px; color: #5c5a5a;}
.bulk-csv-text p.btext{font-weight: 700;}
.files-upload-data{border: 2px dashed #dbdbdb;text-align: center; padding: 0; margin-top: 12px;}
.files-upload-data .input.file{display: block; padding: 26px;background: #f1f1f1;}
.c_details{transition: ease all 0.4s; background: #fff;   padding: 10px;    overflow-y: auto; width:300px; position:fixed; right:-320px; top:0px;  height:100%;z-index: 15;}
body.opx{ padding-right:300px;transition: ease all 0.4s;}
body.opx .c_details{ right:0px;}
.sc-gtsrHT{padding-left: 14px; width: 100%; float: left;}
.sc-bdnxRM{ float: left; cursor: pointer;}
.sc-dlnjwi { float: left; font-weight:600; margin: 6px 0 0 12px;}
.c-proGH{background: #fff; float: left; width: 100%;  padding: 10px;}
.c-proGH p{ padding-bottom:9px;}
.c-proGH p strong{display: block; font-size: 17px;color: #6c6c6c;}
.tags-- p span{ background: #e9e9e9; padding: 5px 11px 6px; border-radius: 4px; font-size: 12px; display: inline-block;}
.td-lable-name input[type="checkbox"]{ display:inline-block; margin-right:5px;}
.td-lable-name .s_row{width: auto; float: left; position: relative;}
.td-lable-name .user-dls{float: left; margin-left: 45px;text-transform: capitalize;}
.td-lable-name + div{ padding-left: 40px!important;}
.td-lable-name .checkmark { position: absolute;  top: 0;  left: 9px;  height: 20px;  width: 20px;  background-color: #fff;  border: 2px solid #ccc; border-radius: 3px;}
.td-lable-name .LBL .checkmark:after { left: 4px; top: 0px; width: 8px; height: 12px; border: solid #000; border-width: 0px 2px 2px 0; }
.td-lable-name .s_row label.LBL{ margin:0px;}
.apd{    width: 32px;
    height: 32px;
    position: absolute;
    background: #000;
    border-radius: 100%;
    top: -5px;
    left: -5px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
    
    font-weight:600;
}
.tags_btn{ display: inline-block;    margin:9px 5px 0 0}
.bulk_action{ width: 100%; float: left;}
.bulk_action span{ float: left; margin: 9px 0px 4px 0; width: 100%;font-weight: 700;font-family: 'Lato';}
.bulk_action select{     border: 0;
    height: 40px;
    width: 250px;
    border-radius: 5px;
    padding: 6px 5px 7px;
    BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
.search_c input[type="text"]{ border:0; BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef; height: 40px; width: 250px; border-radius: 5px;padding:6px 24px 6px 10px;}
.search_c{ float: left; position: relative;}
.search_c button{ position: absolute; background: no-repeat;  border: 0; top: 9px; right: 6px;}
.tags_btn a{ border: 1px solid #ccc; background: #fff; padding: 10px 20px; border-radius: 6px; font-weight:600;
    color: #111; margin: 0px;}
    .tags_btn a:hover{ text-decoration: none; background-color: #ccc;}    
.td-lable-name .s_row:hover .apd{ display:none}
.s_row.chacked .apd{ display:none}

.dowload-csv{ margin-bottom:20px;} 
.dowload-csv a{  color: #484848; font-size: 14px;
    font-weight:600;
}
.sv-data .loaderc { top: -14px;}
.err{      color: #a94442;  background-color: #f2dede; border-color: #ebccd1; display: block;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #d71010;
    margin-top: 12px;}
	.suc {color: #3c763d;
		background-color: #dff0d8;
		border: 1px solid #8bcd53;
		display: block;
		padding: 5px;
		border-radius: 4px;
		margin-top: 12px;
}
.middle_{  display: flex; justify-content: center; align-items: center;}
.app_form_data.full{ width: 100%;}
.over-layer {
    position: absolute; display: none;
    width: 100%;
    height: 100%;
    background:rgb(0 0 0 / 34%);
    z-index: 1222;
    top: 0px;    transition: cubic-bezier(0.25, 0.1, 0.24, 0.97) all 0.4s;
    left: 0px;
}
.loaderfront{
    width: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -20px;
    margin-top: -20px;
}
.over-layer.show{ display: block;}
.c-proGH{ position: relative; overflow: hidden; min-height: 170px;} 
.templates-informaiton{ width: 100%; float: left; padding: 0 20px; }
.table {    width: 100%;
    max-width: 100%;
    margin-bottom:0px;
    border-radius: 8px;
    overflow: hidden;
    border-collapse: separate;
   
    border: 0!important;
    background: #fff;}
   .list-table-bx { BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
    .table th{ border-top: 0px !important;}
.templates-informaiton .nav-tabs {
    border-bottom: 1px solid #dfdede;
    border-top: 1px solid #dfdede;
    padding: 0 0px; margin-bottom:25px;
}
.templates-informaiton .nav-tabs>li>a {margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 12px 8px;
    font-size:15px;
    color: #5c5b5b;
    font-weight:600;
}.templates-informaiton .nav-tabs>li.active>a,.templates-informaiton  .nav-tabs>li.active>a:focus, .templates-informaiton .nav-tabs>li.active>a:hover {
    color: #000;
    cursor: default;
    background-color: #f2f2f2;
    border: 0px; 
    border-bottom-color: transparent;
}

.status_{ position: relative;}
.status_ .tstatus-success:before{ position: absolute; left: 9px; top: 50%;background: green; width: 7px;height: 7px; content: '';
    border-radius: 100%; margin-top: -2px; }
.status_ .tstatus-warning:before{ position: absolute; left: 9px; top: 50%;background: #ffc759; width: 7px;height: 7px; content: '';
        border-radius: 100%; margin-top: -2px; }
.status_ .tstatus-danger:before{ position: absolute; left: 9px; top: 50%;background: #f60032; width: 7px;height: 7px; content: '';
            border-radius: 100%; margin-top: -2px; }

.tstatus-success{padding: 4px 10px; border-radius: 30px; color: green;}
.tstatus-warning{    padding: 4px 10px 6px; border-radius: 30px;  color: #ffc759; font-weight: normal;font-family: 'GentonaBook';}
.tstatus-danger{padding: 4px 10px; border-radius: 30px; color: #f60032;}

.templates-informaiton .nav-tabs>li.active>a:before{ width:100%; height:3px; background:#000; position:absolute; left:0px; bottom:-3px; content:''; }
.templates-informaiton > .table { border: 1px solid #ccc;}
.templates-informaiton .table>tbody>tr>td {
    padding:10px 0px;
    line-height: 1.42857143;
    vertical-align: middle; 
    border-top: 0;
}
.row_ {
    margin-right: -15px;
    margin-left: -15px;
}
.alert { padding: 3px 18px;}
.tt_mode ._btn{    background: none; border: 0px; font-weight:600; font-size: 14px; color: #878787; width: 16px;}
.tt_mode ._btn.i{ font-style:italic}
.tt_mode ._btn:hover{ color:#000}
.create-temp-sbt{margin: 15px 0;}
.create-temp-sbt button{background: #b8b8b8; padding: 10px 20px; border: 0px; font-weight:600; text-transform: uppercase; border-radius: 4px;color: #fff;}
.create-temp-sbt button.cancel_btn:hover{ background:#aba7a7}
.create-temp-sbt button.create_btn:hover{ background:#08af6e}
.create-temp-sbt button.create_btn{ background:#000}
.b_{font-weight:600;margin-right: 5px; font-size: 16px; color: #464646}
.crt_row{ margin-bottom: 10px;}
._lbl{ display: flex; justify-content: center; align-items: center;}
._lbl span{ margin-right:5px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle!important;}


.appimg{ width: auto; margin: 148px 0 0 0px; text-align: center;}
.appimg img{  width: 259px;  border-radius: 14px; box-shadow:0px 0px 34px 0px rgb(0 0 0 / 27%);}
.templates-informaiton .table thead{  background: #e7e7e7; border-top: 1px solid #d9d9d9;}
.actd{ text-align: center; width: 50px;}
.actd a{    display: inline-block; padding: 0px 2px; color: #626262; text-align: center;}
.dt_btn{ margin-top:20px;} 
.norecors-dt{background: #fff;  border-radius: 0 0 10px 10px; font-size: 14px; padding:36px 0px 44px 0; text-align: center;color: #646464;}
.norecors-dt span{ display:inline-block; background:url(../img/notification-msg.jpg) center top no-repeat; padding-top: 78px;}
.create_form_app{ background: #fff;padding:5px 0px; border-radius: 10px;}
.create_form_item { margin: 10px 0px;border: 1px solid #e8e6e6; border-radius: 8px; overflow: hidden;
      box-shadow: 0px 0px 4px 0px rgb(17 17 17 / 12%);}
.create_form_head{ background:#f8f6f6;display: flex;}
.create_form_head span{display: flex;
    width: 89px;
    background: #d8d7d7;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-weight:600;
    font-size: 17px;}
.create_form_head .hd{ display: flex; align-items: center; justify-content: center;  margin-left: 12px; font-size: 19px; font-weight:600;}
.create_form_head .hd small{ color: #444040; margin-left: 5px;}
.create_form_info{ padding:13px 11px;     display: flow-root;}
.create_form_info h4{font-size: 14px; margin: 0 0 15px;color: #818181;}
textarea.select_dt{ width: 100%; height: 43px;  border: 1px solid #ddd;  border-radius: 5px;  padding: 10px; font-size: 14px;}
select.select_dt,.c_select{ width: 100%; background: #fff url(../img/select_ic.jpg) right 14px no-repeat;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none; height: 43px;  border: 1px solid #ddd;  border-radius: 5px;  padding: 10px; font-size: 14px;}
textarea.select_dt{ height:80px}
.select_dt:focus{ outline:none}
.ad_variable{    color: #000;  text-decoration: none;  font-weight:600; font-size: 16px;   margin-top: 10px; display: inline-block;}
.media-profile{ width:100%; float:left; margin-top:20px;}
.media-profile label {
    width: 31%;
    float: left;
    margin: 0 1%;
    
    font-weight: normal;
    padding: 9px;
    border-radius: 5px;
    background: #fbfbfb;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 14%);
    position: relative;
    cursor: pointer;
}
.media-profile label input[type=file] {
    margin-top:9px;
 
}
#the-count{ float:left; margin-top:4px;}
#the-textarea{ height:115px;}
.cmp_type{display: flow-root; margin-bottom:32px;}
.cmp_type p{ margin-bottom: 12px; font-size: 16px;}
.dt_search{    width: 60%;
    padding: 11px 11px;
    background: #ffffff;
    margin-left: 10px;
    border-radius: 7px;
    border: 0;
    BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
input[type="text"]:focus{ outline:none}
._btn2{font-weight:600; background: #b8b8b8; border: 0px; color: #fff; padding: 10px 36px; border-radius: 3px; font-size: 17px; margin: 0px 6px;}
._btn2:hover{ background:#a2a2a2}
.setd_btn._btn2{ background:#000}
.setd_btn._btn2:hover{ background:#0dac6e}
.create_form_app .panel-group .panel { margin: 11px 0;}
.create_form_app .panel-default>.panel-heading { color: #333; background-color: #f8f6f6;  border-color: #ddd;  border: 0px; padding:0px; overflow:hidden}
.create_form_app .panel-default>.panel-heading a {     font-weight:600;height: 50px; display: flex; text-align: left; vertical-align: middle; align-items: center;}
.create_form_app .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit;}
.create_form_app .panel-default>.panel-heading a span{ background: #d8d7d7; padding: 25px; height: 40px; display: flex;  align-items: center; font-size: 21px; margin-right: 10px;}
.create_form_app .panel-default>.panel-heading a:hover,.create_form_app .panel-default>.panel-heading a:focus{ outline:none; text-decoration:none;}
.rd_lbl_r{display: inline-flex; margin: 15px 0px;}
.rd_lbl{margin-bottom: 10px; font-weight:600; text-transform: uppercase; color: #363535; letter-spacing: 1px;}
.create_form_app .panel-body { padding: 24px 20px;}
.set-cmp h5{font-weight:600; font-size:18px}
.rd {display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px;  -webkit-user-select: none;  -moz-user-select: none;
    -ms-user-select: none; user-select: none; font-weight: normal; margin-right: 20px;}
.rd input {position: absolute; opacity: 0; cursor: pointer;  height: 0;  width: 0;}
.rd .checkmark { position: absolute; top: 0;left: 0; height: 20px;  width: 20px; background-color: #eee; border-radius: 50%;}
.rd input:checked ~ .checkmark {background-color: #000;}
.rd .checkmark:after {content: "";position: absolute;display: none;}
.rd input:checked ~ .checkmark:after {display: block;}
.rd .checkmark:after {top: 3px; left: 3px; width: 11px; height: 11px; border-radius: 50%; background: white;}
.filter_by_dt{  width: 286px; height: 45px; border: 1px solid #ccc; padding: 7px;  float: left; margin-right: 20px;}
textarea.textarea{     background: #fbfbfb;width: 100%; height: 144px; border: 1px solid #ededed; padding: 12px;}
textarea.textarea:focus,.c_dt:focus{ outline:none}
.srt_list{width: 210px; height:425px; overflow-y: scroll; border-right: 1px solid #e7e7e7; list-style: none; padding:13px 0; margin: 0px; display: inline-block;
    float: left;}
.srt_list li{cursor:pointer; padding:8px 11px;}
.selecttemp .modal_body{ display: flow-root;}
.select_tmp_option {
    margin-left: 209px;
    float: none;
    width: auto;
    padding: 0 33px;
    height:405px;
    border-left: 1px solid #e7e7e7;
}
.rd_lbl_r.f3 { display: flow-root; margin: 15px 0px;}
.select_tmp_option p{ line-height: 25px;}
.select_tmp_option h3{ font-weight:600;    font-size: 18px; margin-bottom: 16px;}
.select_tmp_option .modal-footer {  padding:10px; text-align: right; border-top: 1px solid #e5e5e5;  background: #fbfbfb;}
.selecttemp  .btn-default {  color: #fff;  border-color: #ccc; background: #000;}
.selecttemp  .btn-default:hover {  color: #fff;  border-color: #ccc; background:#079d63;}
.set_msg{ display:none}
.srt_list li.active{background:#eaeaea; color:#2fc285; cursor:pointer}
.set_msg.activeLnk{display: block; height: 370px; overflow-x: hidden;}
.c_dt{ width: 220px; background: #f2f2f2; border: 0px;  padding: 10px;}
.set-cmp{ text-align:center; background:url(../img/green_tick.png) center top no-repeat; padding-top:57px;}
._fcd{display: inline-flex; width: 100%;  text-align: center;  justify-content: center;}
._fcd a{ color:#111}
.session-msg{ width: 100%; float: left}
.session-msg >div{  padding: 8px 15px;  margin-top: 18px;}

	
/*Login style Start here 13 12 2022*/
.loginmaincontainer .container{ display:none}
img{ max-width:100%}
.margin-top-20{ margin-top:20px;}
.login-app{width: 100%;height: 100vh; display:flex}
.login-info-bx-left { color:#fff; padding:20px 30px;width: 50%; background: #0aac6d; position:relative}
.login-info-bx-left:before{     background: url(../img/bg_1.jpg) no-repeat; width: 111px; height: 202px; position: absolute; left: 0px; top: 0px; z-index: 1;content: '';    background-size: 100%;}
.login-info-bx-left:after{ background: url(../img/bg_2.jpg) no-repeat; width: 170px; height: 104px; position: absolute; right: 0px; bottom: 0px; z-index: 1; content: '';background-size: 100%;}
.login-info-bx-right{ padding:20px 30px;    width: 50%; background: #fff;}
.container_{  max-width:480px; float: right;}
.logo__{margin-bottom: 40px;}
.bts{font-size: 26px; line-height: 33px; margin-bottom: 36px; font-weight:600;}
.hlp{ margin-top:20px;}
.login-info-bx-left ul{ list-style:none; padding:0px; margin:20px 0 0 0;}
.login-info-bx-left ul li{ background:url(../img/tick.jpg) no-repeat; padding-left:20px; font-size:16px; margin:6px 0px; }
.form_app_{ width:85%}
.form_app_ h3{    font-size: 22px;
    font-weight:600;
    margin: 10px 0 28px 0;
}
.form_control {width: 100%;  background: #fff!important; height: 39px; border-radius: 4px; padding: 8px; box-shadow: none; 
    border: 1px solid #ccc}
.filter_nav .search_bx { position: relative; width: 100%;}
.filter_nav  .search_by{ padding: 0;}
.filter_nav select.form-control { height: 50px; width: 100%; border:0;BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef; border-radius: 5px;  padding: 6px 45px 6px 15px;}
.filter_nav  .tt_field{ border-radius: 3px; }



.lbl_bx{ margin-bottom:5px;}
.form_field__{ margin-bottom:14px; position:relative}
.rsw{ float: right; font-size: 12px; color: #111; display: inline-block;}
.form-field-row button[type=submit]{background: #0aac6d; border: 0px; padding: 8px 59px; border-radius: 30px; font-weight:600;color: #fff;}
.form_field__ label.error {    color: #ff0000;
    font-size: 13px;
    font-weight: normal;
    background: #fff;
    font-family: 'GentonaBook';}
    .rem_{ font-weight: normal;}
.textmessage{ background: #f7f7f7;  padding: 10px;  margin: 0 0 26px 0; border: 1px solid #ccc; border-radius: 3px;    min-height: 100px;}
.create_label{  margin: 5px 0px; display: flex; align-items: center;}
.create_label label{width: 179px; font-weight: normal;}
.create_label select,.create_label input[type="text"]{ border: 1px solid #ccc;  height: 39px;  width: 36%; margin:0px 4px; padding:5px}
.loader{ left:0px; z-index:9999;  width: 100%; position: fixed;  align-items: center;  justify-content: center;  display: flex;  height: 100%; background: rgb(0 0 0 / 5%); top: 0px;}
.loader img{ width:50px}
._btn_Wrap{ display: block; margin-top: 14px; border-radius: 30px;}
#myModal1new .tps_bx { height: 400px; overflow-x: hidden; overflow-y: scroll;}
._btn_Wrap span { color: #7c7c7c;
    display: inline-block;
    border: 1px solid #6ac99f;
    text-align: center;
    margin-top: 12px;
    border-radius: 30px;
    padding: 2px 20px;
    background: #d9f6e9;
    color: #111;}
._btn_Wrap span a{ font-weight:600; color: #000;} 
.sgn a:hover{ color:#0aac6d; text-decoration: none;}
.notactive_channels{ text-align: center; align-items: center; display: flex; align-items: center; width: 100%; justify-content: center;
    height: 100%;}
    .notactive_channels h4{display: inline-block;
        background: url(../img/notification-msg.jpg) center top no-repeat;
        padding-top: 78px;
        font-size: 17px;
        color: #727272;
        width: 100%;
        margin-bottom: 20px}   
.template_error{ margin-top: 24px; display: inline-flex;}
.template_error p{  color: red; margin-right: 10px; font-style: italic;}
.selecttemp.md .modal-header {  padding: 8px 15px;  display: flex;  justify-content: center; align-items: center;}
.selecttemp.md  .modal-header .close { margin-top: -2px; position: absolute; right: 13px;}
.md .img_cover { margin-bottom: 0; text-align: center;}
.md  .temp_sheet p { margin-bottom: 10px; line-height: 16px; font-size: 14px;}
.md  .srt_list { height: 374px;}
.md  .select_tmp_option { height: 374px;}
/*Login style End here 13 12 2022*/
.h4, h4 {
    font-size: 16px;
}
label{font-weight:600; font-weight: normal;}
.manage_price th{font-size: 19px; font-weight:600; text-align: center; text-transform: uppercase; font-weight: normal; background: #fff;
    padding: 15px 0px!important; color: #000;}
.manage_price tr.last_tbl td{padding:30px 0px!IMPORTANT;}	
.manage_price tr.sb td{font-size:15px; font-weight:600; text-transform:uppercase}	
.manage_price td{ text-align:center; padding:10px 0px;}	
.app_form_data{ width: 70%; float: left; padding: 20px 24px;}
.app_form_data label { display: inline-block; max-width: 100%;  margin-bottom: 8px;  font-weight:600;}
textarea.form_control{ height:120px}
textarea:focus{ outline:none}
.app_form_data.md{ padding-top:0px;}	
.app_form_data.md h4{    font-size: 16px; margin: 0 0 18px 0;  text-transform: uppercase; letter-spacing: 0px;}
.bdtxt{ font-weight:600;}
.row.hd{     font-size: 16px;
    margin-bottom: 11px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 9px;} 	
.app_form_data.md .row{ line-height:25px;}
.temp_sheet{background: #ebe4da;padding: 13px; width:288px;}
.tps_bx{ width: 100%; background:#fff; box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 16%); padding: 13px;}
.white{ background:#fff!important}
.md .textmessage{ padding: 0; margin: 0;}
.img_cover{ margin-bottom: 20px;}
.temp_sheet p {
    margin-bottom: 14px;
    line-height: 18px;
    
    word-wrap: break-word;
}
.temp_sheet p.ftd{    word-wrap: break-word;   font-size: 11px; color: #c3bebe;}
._btn { margin-top: 0; background: #fff;  cursor: pointer; padding: 8px 15px 8px; color: #3a7197;  display: block; text-align: center; border-top: 2px solid #f2f1f1;}
.dd_select { width:100%; float:left}
.dd_select .user_count{    float: left;}
.count_info {     font-weight:600;  text-transform: uppercase; letter-spacing: 1px;}
.count_info span{     background: #e1e1e1; display: inline-block; padding: 5px 11px 2px; border-radius: 30px; }
.header_param{ border: 1px dashed #b6b6b6; padding: 25px; border-radius: 4px; margin-bottom: 19px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px;}
.fields table{ width: 100%;}
.fields table td{ padding:4px 0px;}
.fields table td input[type="text"],.fields table td select{ border: 1px solid #ccc;  height: 39px;  width: 99%;  padding:5px}
.form-group.pm6{ margin-bottom: 6px;}
.position-relative{ position: relative;}
.bold{font-weight:600;}
.text-danger {color: red;line-height: 16px; display: block; margin-top: 12px;}
.dt_title{ font-size: 20px; text-transform: uppercase;font-weight: normal; margin: 0;}
.dt_plans{color: #242424;font-size: 17px;}

.templates-informaiton .product_plans .table>tbody>tr>td{ padding: 14px 0;font-size: 14px;}
._thead tr td{ font-weight:600;}
.fbtd { margin: 22px 0px; border-bottom: 1px solid #e9e9e9;  padding-bottom: 12px}

.leads_counting{
    display: flex;    font-weight: 400;
    justify-content: left;
    align-items: center;

    margin-top: 9px;
}
.leads_counting p{ margin: 0 10px 0 0;}
.leads_counting_row{
    display: flex;
    justify-content: left;
    align-items: center;
}

.campaign_head_data{    border-bottom: 1px solid #d7d6d6; padding:0 0 20px 0px;}
.campaign_head_data h3{font-size: 21px; font-weight:600; margin: 0; display: inline-block;}
.campaign_head_data h3 span{font-size: 12px;font-weight: 400;}
.c_status{ width: 70%; float: right;}
.campaign_head_data  .mid{border-left: 1px solid #d7d6d6;border-right: 1px solid #d7d6d6;}
.c_status h5{  font-size: 17px; font-style: italic; border-bottom: 1px solid #d7d1d1; padding-bottom: 11px;}
.c_status  .sd_nm{ font-weight:600; font-size: 25px; position: relative;}
.sn:before{ background: url(../img/tick_.jpg) no-repeat; position:absolute; top:0px; right:0px; content: ''; width: 50px; height: 50px;}
.dd:before{ background: url(../img/dd_tick.jpg) no-repeat; position:absolute; top:0px; right:0px; content: ''; width: 50px; height: 50px;}
.act:before{ background: url(../img/dd_tick_green.jpg) no-repeat; position:absolute; top:0px; right:0px; content: ''; width: 50px; height: 50px;}
.mgsdata{ background: #dbede6;  border-radius: 15px; padding: 19px;}
.mgsdata h5{ margin: 0;  font-weight:600;  line-height: 21px;}
.mgsdata{ background: #dbede6;  padding: 19px;  border-radius: 20px;}
.mgsdata p{  margin-top: 20px;}


.templates-informaiton .tab-content-data .table>tbody>tr>td{padding: 10px 8px;}
.templates-informaiton .tab-content-data .table>tbody>tr>th {     color: #4a4a4a;padding: 15px 8px; text-transform: uppercase;  border-bottom: 1px solid #e1e1e1;}
.tt_field{ height: 50px; width: 100%;    border: 0; BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;  border-radius: 30px; padding: 6px 45px 6px 15px}
.tt_field2{ height: 45px; width: 100%; border: 1px solid #ccc; border-radius: 5px; padding: 15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.date_field { height: 45px; width: 100%; border: 1px solid #ccc; border-radius: 5px; padding:15px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.search_by{ padding: 10px 0px;}
.search_by button{     position: absolute; right: 11px; background: none; border: 0px; font-size: 20px;
    top: 9px; border-left: 1px solid #e3e3e3; color: #ccc; padding-left: 10px;}
.search_bx{ position: relative; width: 40%;}
.pagination_wrap{ text-align: center;}
.dsbx{ background: #fff; padding: 16px 14px; width: 100%;  float: left;  margin-bottom: 20px;  border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;color: #6d6d6d;font-size: 16px;}
.dsbx span{ color: #000; }
.ds .td-lable-name .s_row { margin-top: -12px;  margin-left: 10px;}
.search_by_2{ padding: 10px 0px;}
.center_row{justify-content: center; display: flex; align-items: center;}
.templates-informaiton.ds .nav-tabs>li>a{    font-size: 31px;  text-align: center; padding: 10px 42px; line-height: 26px;}
.templates-informaiton.ds .nav-tabs>li>a span{ display: block; font-size: 14px; text-transform: none;
    }
.templates-informaiton.ds .nav-tabs{ margin: 0; border-bottom: 0;}
.templates-informaiton.ds table tr th{    padding: 12px 8px; text-transform: uppercase;  border-bottom: 1px solid #e1e1e1; color: #4a4a4a; font-weight:600; font-weight: normal;}
.templates-informaiton.ds table tr td{padding: 10px 8px;}

.templates-informaiton .tbl_data_sheet table tr th {padding: 12px 8px; text-transform: uppercase;  border-bottom: 1px solid #e1e1e1; color: #4a4a4a;text-align: center; font-weight:600;     font-family: 'Lato';}
.templates-informaiton .tbl_data_sheet table tr td{padding: 15px 8px; text-align: center;}   

#conversation_tag.form-control{     background: #ffffff;
    color: #000;
    padding: 3px 0px 5px;
    height: 31px;
    font-size: 14px; font-weight: 500;}

    .chat-action .btn-success {
        background: #ffffff;
        border: 0;
        color: #111;
        BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;
    }
    .chat-action .btn-success:hover,.chat-action .btn-success:focus{border:0; background: #fff;}
    .chat-action   .btn-success.active,  .chat-action  .btn-success:active,  .chat-action  .open>.dropdown-toggle.btn-success {
        color: #000;
        background-color: #ffffff;
        border-color: #b0b0b0;
    }
#conversation_tag.form-control option{ background-color: #fff; color: #111;}
.d-none{  display: none!important;}
.dsb__ .cntr_bx strong{ color: #000!important; }
.whitebx.mt_4{margin-top:15px;}
.cntr_reports{ margin-bottom: 20px;}
.cntr_bx{    background: #fff; padding: 20px; border-radius: 10px;  BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;min-height: 136px;}
.cntr_bx h4{ margin: 2px 0  27px;}
.std{  color: #111;}
.app_form_data #UsersMetumBusinessInformationForm  label { display: inline-block;  margin-top: 10px;  font-weight: 500; margin-bottom: 9px;}
.hm_navigation{ display: flex; list-style: none; background: #f5f5f5;     margin-bottom: 23px; padding: 0;}
.hm_navigation li a{      padding: 13px 20px;
    display: block;
    text-transform: uppercase;
    font-weight:600;
    color: #2c2c2c;
    border-right: 1px solid #d3d3d3;}
    .hm_navigation li:last-child a{  border: 0px;} 
    .hm_navigation li a:hover,.hm_navigation li a.active{ color: #007335; text-decoration: none;} 
.over_cd_form{display: flex; margin: 10px 0px 30px;}
.LBLTEXT{ margin-right: 40px;}
.LBLTEXT span{ margin-right: 15px;    }
.LBLTEXT input[type="date"]{    width: 197px;
    border: 0;
    padding: 6px 10px;
    border-radius: 3px;
    box-shadow: 0PX 3PX 15PX 0PX #e6e9ef;}
.leftchatbox .bubble span.reaction,.rightchatbox .bubble2 span.reaction{ display: flex;    background: #ababab;    border-radius: 100%;    position: absolute;    right: -6px;    bottom: -7px;    box-shadow: 0px 2px 11px 0px rgb(0 0 0 / 35%);    justify-content: center;    align-items: center;    border: 1px solid #fff;}
.parent_message{ border: 1px solid #ededed;
    padding: 5px 6px;
    margin-bottom: 12px;
    border-left: 3px solid green;
    background: #eaf7f2;
    border-radius: 6px;}

.d-none{ display: none;}
.addCreditsForm{ margin-top: 12px;}
.addCreditsForm .spd_ button { border: 1px solid #013d26;}
.addCreditsForm .form_control { height: 34px; padding: 4px;}
.addCreditsForm .theme_btn {padding: 4px 14px;}
.theme_btn_sm { padding: 4px 14px; background: #fff; color: #000; font-weight:600; text-transform: uppercase;
    border: 1px solid #000;}
    .theme_btn_sm:hover{ background-color: #000; color: #fff;} 
.cancelCreditBtn {   background: #e9e9e9; color: #3e3e3e; border: 1px solid #ccc; padding: 7px 20px 9px;
    border-radius: 4px; font-weight:600;}
    .cancelCreditBtn:hover{ background;#ccc; text-decoration:none} 

    .text-dark{color:black;}
    .dot-success{color:green;font-size:22px; }
    .dot-warning{color:orange;font-size:22px; }
.leftsidebararea .img-circle{ border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; }
.side_logo a{     display: inline-block;
    margin: 0!important;
    float: none;
    height: auto;
    padding: 0;}
    .watch_tutorial{margin-right: 10px;     font-weight:600;}
    .leftsidebararea{ height: calc(100vh - 70px)!important;}
.side_logo img{margin: 0!important; width: 82px;}
.side_logo{ text-align: center; margin:22px 0 16px 0;} 
.nav_sidebar{background-color: rgb(238, 238, 238);  height: 100%; left: 0; padding-left: 0; padding-right: 0; position: fixed;  top:0px; transition: all 250ms ease-out 0s; width: 130px;    z-index: 10;}    
.ck_nav{  position: relative;cursor: auto; padding-top: 7px;  padding-bottom: 2px;  margin-top: 0px;  display: flex; width: 100%; 
    -webkit-box-align: center;}

.ck_nav .sidebarlink {  width: 100%;   display: flex; align-items: center;  color: #d9533d; font-weight: 500;   padding: 5px 10px;    border: none;    text-align: center;     cursor: pointer; }   
.ck_nav .sidebarlink small{ font-size: 14px;   text-align: left; line-height: 13px; display: inline-block;}
.ck_nav .sidebarlink img{     width: 18px;
    margin-right: 10px;
    margin-left: 5px;}        
.ck_nav span{ width: 123px; text-align: center; position: absolute; left: 65px; background: #fff; top: 15px; padding: 5px 2px; box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 22%);
  transform-origin: 50% 0; transform: scaleY(0) translateZ(0);opacity: 1; box-shadow: 0px 3px 3px 0px rgb(0 0 0 / 12%);transition: transform .3s,opacity .3s; }       
.ck_nav span:before{content: ""; position: absolute; width: 10px; height: 10px; border-top-right-radius: 0px; border: 1px solid transparent;
    background-color: #ffffff; z-index: -2; top: 9px; left: 0; margin-left: -6px;transform: rotate(45deg);}
.ck_nav.active .sidebarlink,.ck_nav .sidebarlink:hover{    background: rgb(255 255 255 / 40%); border-radius: 4px; text-decoration: none;}      

 .sidebarlink.Activelinks{    background: rgb(255 255 255 / 40%); border-radius: 4px;}   
 .parent_message.reply .price_p {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 1;    line-clamp: 1;    -webkit-box-orient: vertical;} 
.ck_nav:hover span { opacity: 1; transform: scaleY(1) translateZ(0);}
.sidedropdown{z-index: 9999; display: none; bottom: -6px; position: absolute; left: 130px; background: #fff; list-style: none; padding: 10px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 36%);  border-radius: 0 5px 5px 0; width: 227px;}
.sidedropdown:before{content: ""; position: absolute; width: 10px; height: 10px; border-top-right-radius: 0px; border: 1px solid transparent;
    background-color: #ffffff; z-index: -2; bottom: 9px; left: 0; margin-left: -6px;transform: rotate(45deg);}
.sidedropdown li{ padding:3px 8px}
.sidedropdown li a{     color: #111; display: block; }
.ck_nav.active .sidedropdown{ display: block;}
.ckd_btm{ bottom:10px; position: absolute; left: 0px; width: 100%;}
.all_check .td-lable-name .s_row label.LBL{padding-left: 26px; }
.norecords{ padding: 30px 0px; width: 100%;}
.channel_bxd{ background: #fff; margin: 14px 0px; padding: 15px;  
    border-radius: 6px;    position: relative;}

    .dsp2__ .channel_bxd {    padding: 0;
        BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;
        overflow: hidden;
        border-radius: 10px;
    }   
    .channel_bxd p{line-height: 24px;;} 
.dsp_wrap{  display: flex; padding: 10px 20px;}


.epsdata{padding: 9px 30px; display: flex; width: 100%; flex-wrap: wrap;}
.leftchatbox  .after-bubble{ width: 100%; margin-bottom: 3px;text-align: right;}
.leftchatbox  .after-bubble .pull-right {    text-align: right;float: none !important; text-align: right;}  
.dsp_wrap figure img{ width: 70%;}

    .epsdata .account_info{ width: 50%; padding: 0 12px}
    .epsdata .account_info p b{ display: block;}
    .epsdata .account_info p{ margin:10px 0;}
    .epsdata .account_info p.msg_lmt b{ display: inline-block;}
    .epsdata .account_info p.msg_lmt{color: #111;margin-bottom: 0;}
.img3{display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;}
.img3 span{    margin-top: 0;
    display: block; font-weight: 600;
    font-size: 18px;}
._btn_app{ margin-top: 18px;}
._btn_app .theme_btn{ display: block;}
.theme_btn_2{ display: block;    padding: 10px 0px;  font-weight: 600; border-radius: 8px;}
.theme_btn_2.bg1{background: #ca5459; color: #fff;}    
.theme_btn_2.bg2{background: #218ff5; color: #fff;}    
.theme_btn_2.bg3{background: #c51067; color: #fff;}    
.theme_btn_2.bg4{background: #67c7fe; color: #fff;}    
.theme_btn_2.bg5{    background: #ccc; color: #111;}
.theme_btn_2:hover{ text-decoration: none; }
.activated_tx{position: absolute;  padding: 3px 10px; border-radius: 30px; color: #000; 
    top:15px; right: 16px;}
.msg_limit {     margin-top: 19px;     background: #f5f5f5;    padding: 14px 15px; }
.msg_head_bx{ border-bottom: 1px solid #d4d4d4; padding-bottom: 20px;}
.form-app-bx2 h3{ font-size:19px; margin-bottom: 20px;}
.form-app-bx2{ margin-top: 23px;;}
.form-app-s .row{ margin-top:10px;}
.textfield{      width: 100%; height: 39px; border: 1px solid #ccc; border-radius: 3px; padding: 5px 8px 7px;}
textarea.textfield{ height: 72px;}
.form-app-s .row .col-md-4{ margin-top: 10px;}
.form-app-bx2{ margin-bottom: 20px;}
.sd_tags{ margin-top: 10px;}
.sd_tags select{ height: 38px; border: 1px solid #ccc; padding: 5px;  border-radius: 4px;}
.quick_compaign{ padding: 21px 20px;}
._ved{ margin-bottom: 20px; border-radius: 6px; font-weight: 600;
    font-size: 14px;}
.cform{ margin:10px 0px;}
.LB{ font-weight: 600;}
.quickmod  .temp_sheet {  background: #ebe4da; padding: 13px;  width: 290px; height: 250px; overflow-x: hidden; overflow-y: scroll;}
.msgform{  border:1px solid #e1e1e1;padding: 12px; border-radius: 5px;background: rgb(128 128 128 / 11%);}
.mtp{ margin-top: 10px; margin-bottom: 10px;}
._ntt{ margin-top:20px;  margin-bottom: 20px; font-size: 14px;}
.p5{ padding-right: 8px!important;}
.bluetext{ color: #007cc1;}
.top15 { margin-top: 15px;}
.top22{ margin-top: 22px;}
.quickmod  h4{ font-size: 22px; margin-bottom:2px;    margin-top: 0;}
.quickmod p  {    margin-bottom: 0;}
.quickmod .form-control{ box-shadow: none;    border: 1px solid #e5e5e5;}
.close{ font-size: 38px;}
.contact_list_items {
    padding: 0px;
    text-align: left;
    max-height: 254px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.contact_list_items table th{     text-align: left;
    color: #111;
    font-size: 14px;
    padding: 9px 6px;
    background: #e1ffee;
    font-weight: normal;
    font-weight:600;
    text-transform: uppercase;}
    .input-error{ border: 1px solid red!important;}
.contact_list_items table td{ padding: 6px; border-bottom:1px solid #ccc ;}
.hlp  img{ width: 320px;}
.btnDisabled,.btnDisabled:hover{background: #ccc;
    color: #000;
    padding: 8px 15px;
    border: 0px;
    border-radius: 5px;
    font-weight:600;
    font-size: 14px;
    cursor: not-allowed;}
.act2 a{ color: #111; margin: 0 3px; display: inline-block;}
.act2 a:hover{ color: #000;}
.panel-title-a { padding: 0px 0px; font-size: 16px; color: #1f2020;}
.users.form label { font-weight: 500; }
    .alert-error {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }
.them_btn{
    background: #ffffff;
    display: inline-block;
    border-radius: 4px;
    margin: 0px 6px;
    padding: 3px 10px;
    font-weight:600;
    color: #000;
    border: 1px solid #bc8b06;
}
.plans_bx{ background: #ffc017; padding: 4px 20px;}
#header_text{display: inline-block;border: 1px solid #ccc;padding: 3px;height: 40px;margin-top: 6px;border-radius: 5px; padding: 8px;}
#calltodiv input[type="text"],#calltodiv input[type="text"],#quickreply  input[type="text"],.cta_url {width: 100%;display: inline-block;border: 1px solid #ccc;padding: 3px;height: 40px;margin:1px 0;border-radius: 5px; padding: 8px;}
._btn_form{ position: relative;}
#callto{       background: #000;
    padding: 12px 5px;
    border: 0px;
    font-weight:600;
    text-transform: uppercase;
    border-radius: 4px;
    color: #fff;
    
    width: 100%;}
.limit_details{ border: 1px solid #000; margin: 20px 0px; padding: 10px; border-radius: 5px; font-size: 14px;}
.limit_details span{ display: inline-block; margin: 0px 10px;}
.boldtext{font-weight: 700;}
.limit_details .row{ margin-bottom:4px;margin-top:4px;}
.limit_details em{ color: red;}
.total_contact_selected{ margin: 0 0 11px 0;}
.worning p{ margin: 8px 0;color: #cf5c09;;}
.worning p .fa{    color: #cf5c09;}
.notice_note{ background: #c5ebdc; padding: 10px;  border-radius: 7px; border: 1px dashed #81baa4; margin: 23px 0 32px 0;}
.default_chat_window { display: flex;  width: 100%;  align-items: center;  justify-content: center; height: 100%;}
.default_chat_window img{ width: 510px;}
#quickreply{ margin-top: 12px;}
.create_form_app h5{color: #000; font-weight:600; text-transform: uppercase;}
.btn-url{ font-weight:600; margin-bottom: 13px;}
.fields table td.td_label{  font-weight:600;}
.fallback_info{   margin: 26px 0 20px 0; font-weight:600;}
.app_profile{ border-bottom: 1px solid #dfdfdf; margin-bottom: 21px; padding-bottom: 24px;}
.profile_pic{     text-align: center;
    width: 250px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px;}
    .profile_pic1{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .templates-informaiton.p30{ padding-bottom: 30px;}
.rd_pic{      margin-right: 30px;   position: relative;
    height:120px;
    overflow: hidden;    border: 1px solid #ccc;
    border-radius: 100%;
    width: 120px;}
.rd_pic img{ width:120px;      object-fit: cover;  height: 120px;}
.p-image {    font-size: 19px;
    cursor: pointer;
    color: #666666;
    transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    position: absolute;
    left: 96px;
    bottom: -2px;
}
.p-image  input[type="file"] {
    width: 100%; display: none;
}

.cbt_label{margin: 0 0 15px 0;font-size: 14px; }
.cbt_label span{color: #0c0c0c;}



.spd_,.spd3_,.tool_tip{ position: relative; display: inline-block;}
.spd_ button{  color: #989898;
    background: no-repeat;
    padding-top: 0;
    border-radius: 100%;
    width: 19px;
    height: 16px;
    font-size: 10px;
    border: 1px solid #fff;
    text-align: center;}
.spd_ button:hover{ border: 1px solid #ccc;}
.dt_inf,.tipinfo{position: absolute;
    background: #fff;
    z-index: 1;
    width: 220px;
    padding: 10px; word-wrap: break-word;
    text-align: center;
     border-radius: 6px;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);
    left: 33px;
    top: -18px;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform .3s,opacity .3s;
    display: block;
}
.tipinfo{left: 17px; top: -10px; top: auto; bottom: 0px;}
.dt_inf:before {    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #d7d7d7;
    border-right: 7px solid #d7d7d7;
    position: absolute;
    content: '';
    left: -7px;
    transform: rotate(227deg);
    top: 21px;
}

.spd_:hover .dt_inf,.spd3_:hover .dt_inf,.tool_tip:hover .tipinfo { opacity: 1; transform: scaleY(1) translateZ(0);}



.msgaccount{   text-align: left;}
.sp{    font-size: 14px; margin-bottom: 13px; color: #6a6666;}
.spd3_ .dt_inf{ left: -17px; bottom: 48px; background: #fff; z-index: 111; top: auto;}
.spd3_  .dt_inf:before {width: 0;height: 0; border: 7px solid transparent;border-top: 7px solid #d7d7d7; border-right: 7px solid #d7d7d7; position: absolute;
    content: ''; left: 44%; transform: rotate(133deg); top: 55px;}
.spd2_ .dt_inf{
    left: auto;
    right: 0; color: #f00;
    top: 50px;
    z-index: 12;
}
a.add_contact_btn.spd_.spd2_ {
    cursor: no-drop;
}
.spd2_ .dt_inf:before {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #d7d7d7;
    border-right: 7px solid #d7d7d7;
    position: absolute;
    content: '';
    left: 50%;
    transform: rotate(312deg);
    top: -6px;
}
.checkbox_label{display: inline-block; max-width: 100%;  margin-bottom: 0; font-weight: normal; margin-bottom: 22px;}
.form_field__.psd{ margin-bottom: 4px;}
.tool_tip button{     border: 0;
    background: none;
    font-size: 11px;
    color: #6a6a6a;}



/* .slideThree */
.slideThree {
    width: 80px;
    height: 26px;
    background: #e7e7e7;
    margin: 0 0 18px 0;
    position: relative;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgb(0 0 0 / 50%), 0px 1px 0px rgb(255 255 255 / 20%);
}
  .slideThree:after {
    content: 'OFF';
    color: #000;
    position: absolute;
    right: 10px;
    z-index: 0;
    font: 12px/26px Arial, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.15);
  }
  .slideThree.yes_no:after{content: 'No';}
  .slideThree.yes_no:before{content: 'Yes';}

.leftchatbox .bubble span.error{ font-size: 13px; color: #d31d00;}
.tpc{  position: absolute; right: 10px; top: 14px; background: #000; color: #fff; padding: 12px; border-radius: 5px;}
.free_trail_Service{    padding: 20px;
    border-radius: 7px;
    margin-top: 12px;
    background: #fff;
    border: 1px solid #12bf7d54;
    box-shadow: -7px 11px 16px -7px #000;}
.free_trail_Service h3{font-size:20px;font-weight:600; margin: 0 0 13px 0;}
.free_trail_head p{ margin-bottom: 3px;}
.free_trail_head p strong{ font-weight: normal;font-weight:700; color: #12bf7d;}

 .slideThree:before { content: 'ON'; color: #27ae60; position: absolute; left: 10px; z-index: 0; font: 12px/26px Arial, sans-serif;
    font-weight: bold; }
  .slideThree label { display: block; width: 34px; height: 20px; cursor: pointer; position: absolute; top: 3px;
    left: 3px; z-index: 1; background: #fcfff4; background: linear-gradient(to bottom, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    border-radius: 50px; transition: all 0.4s ease; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);}
  .slideThree input[type=checkbox],.slideThree input[type=radio] { visibility: hidden;}
  .slideThree input[type=checkbox]:checked + label, .slideThree input[type=radio]:checked + label {
    left: 43px;
  }




  .nav>li>a:focus, .nav>li>a:hover { background-color: initial;}
  .justify_content_center{ display: flex; justify-content: center;  align-items: center;}
  .padding-top-0{  padding-top: 0!important;}
  .serchcontrol{ margin:0 0 20px 0px;}
  .cbt_data  figure{ margin-bottom: 30px;}
  .welcome_cbt{     display: flex; flex-wrap: nowrap; margin-bottom:0px; }
  .crt_bot_link._right{float: right; margin-top: 8px}
  .welcome_cbt h3{    text-transform: capitalize; margin: 0 15px 0 0; font-size: 16px;}
  .welcome_cbt span{     margin: 5px 0px 0 25px; font-size: 11px; text-transform: uppercase; color: #878787;}
  .cbt_info{
    margin-bottom: 14px;
    border: 1px solid #ddd;
    padding: 2px 9px 3px 10px;
    display: inline-block;
    font-size: 12px;
    background: #fff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
} .cbt_bot_time{ font-size: 13px;}
  .cbt_bot_time span{ margin-right: 2px;}
  .crt_bx .slideThree{ margin: 0;float: right;}
  .crt_bx h4{margin: 0 0 9px 0;  font-size: 18px; color: #000;}
  .templates-informaiton .nav-tabs.bots>li{ position: relative;}
  .templates-informaiton .nav-tabs.bots>li>a{ padding: 12px 19px; font-size: 18px;}
  .templates-informaiton .nav-tabs.bots>li a svg{ font-size: 14px;}

 .nav-tabs.tbs>li{ position: relative;}
.nav-tabs.tbs>li>a{ padding: 12px 19px; font-size: 18px;}
.nav-tabs.tbs {
    border-bottom: 1px solid #ccc;
    border-top: 0;
    padding: 0px 0px;
    margin-bottom: 17px;
}


  .__nt{ width: 50px;  height: 34px; border: 1px solid #ccc; text-align: center;}
  .crt_bx{     padding: 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    border: 1px solid #e5e5e5; }
  .form-control{    border:0; BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef; height: 40px;  width: 100%;  border-radius: 3px; padding: 6px 5px 7px;}
 .form-control:focus{ outline: none; box-shadow: none;}
  .crt_bot_link .lcc{  margin-right: 10px;      font-size: 16px; display: inline-block;}
.office_working_settings{ background: #fff; border: 1px solid #d1d1d1;  padding: 7px;  border-radius: 4px;
    margin-bottom: 20px;}
.office_working_settings p{ color: #828282;}
.office_working_settings .row{ margin-top:12px;margin-bottom:7px;}
.lm{ font-weight:600; margin: 8px 0 0 0; display: block;}
.office_working_settings .row input[type="time"]{    width: 100%; border: 1px solid #ccc; padding: 3px; border-radius: 5px; height: 37px;}
.dt{ background: #ffffff; padding: 3px 11px; display: inline-block; border: 1px solid #ccc; text-transform: uppercase; font-weight:600; color: #3d3d3d;  border-radius: 4px; margin: 5px 0 0 0;}
.dt_select input[type="checkbox"]+label:hover,.dt_select input[type="radio"]+label:hover{ background-color:#e3e3e3;}
.dt_select input[type="checkbox"]+label,.dt_select input[type="radio"]+label{   background-color: #f2f2f2; border: 2px solid #f2f2f2; color: #111 !important; padding: 5px 12px;  font-weight: normal; display: inline-block; cursor: pointer;  text-transform: uppercase; width: auto; text-align: center; }
	.dt_select input[type="checkbox"],.dt_select input[type="radio"]{ padding: 0 10px;border: 1px solid #ccc; border-radius: 0;height: 40px; width: 100%;}
	.dt_select input[type="checkbox"],.dt_select input[type="radio"] { display: none;}
	.dt_select input[type="checkbox"]:checked + label,.dt_select input[type="radio"]:checked + label{    background-color: #000;
        border: 2px solid #000; color: #FFF !important;  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;}
.templates-informaiton.white{ background-color: #fff; padding-bottom:20px ;    padding-top: 17px;}
.templates-informaiton.white .nav-tabs {  border-bottom: 1px solid #ccc; border-top: 0; padding: 0px 0px; margin-bottom: 17px;}
.templates-informaiton.white .nav-tabs>li.active>a, .templates-informaiton.white .nav-tabs>li.active>a:focus, .templates-informaiton.white .nav-tabs>li.active>a:hover { background-color: #ffffff;}
.text_msd{    padding: 9px;  width: 100%; height: 103px; border: 1px solid #ccc;  border-radius: 3px;}
.bulk-action-alert{     display: inline-flex; margin-top: 10px; }
.appbox{ width: 100%; background: #fff; padding: 20px; border-radius: 5px; border: 1px solid #e9e9e9;}
.apikeyurl{ background: #efefef; padding: 12px 67px 12px 11px; border-radius: 10px; position: relative;}
.apikeyurl button{ color: green; border: 0px; position: absolute; right: 10px; font-size: 25px;
    top: 4px; border-left: 1px solid #ccc; padding-left: 11px; text-align: center;}

.margin_top_25{ margin-top: 25px;}
.greentext{color:#000;}
.snd_notify{ background: #ededed; color: #000; display: inline-flex; align-items: center;
    justify-content: center; font-size: 17px; padding-right: 20px; margin-right: 12px;}

.snd_notify span{ background: #ccc; display: inline-block; padding: 10px 20px; font-weight:600;
    margin-right: 11px; border-radius: 0 20px 20px 0;}
.app__{
    background: #f1f1f1;
    padding: 15px;
    margin-top: 20px;
}

.whatsapp_account_num i{     display: inline-block; padding-right: 3px; font-size: 12px;}
.t_response span{ display: inline-block;}


.opt_bx input[type=radio]{ display: none;}

.opt_bx input[type="radio"]+label{       background-color: #f5f5f5;
    padding: 25px 12px;
    font-weight: normal;
    display: inline-block;
    cursor: pointer;
    min-height: 170px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    border: 1px solid rgb(169 224 203 / 36%);
    border-radius: 8px;}

	.opt_bx input[type="radio"] { padding: 0 10px;border: 1px solid #ccc; border-radius: 0;height: 40px; width: 100%;}
	.opt_bx input[type="radio"]:checked + label{    background-color: #000;color: #FFF !important;  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;}
    .opt_bx h3{margin: 0 0 11px 0; font-size: 19px;}
    .app__ h3{
        margin: 0 0 11px 0;
        font-size: 18px;
        color: #028250;
    }
    .reports_btn{
        background: #000;
        color: #fff!important;
        padding: 6px 11px 8px!important;
        
        border-radius: 30px;
        text-decoration: none;
    }
    #flowsFormModal .modal-header {
        padding: 9px 9px 9px 12px;
        color: #0f0e0e;
        border-radius: 4px 4px 0 0;
        background: #ffffff;
        border-bottom: 1px solid #ebebeb;
    }
    #flowsFormModal .modal-title{ text-align: center;}
    #flowsFormModal .createform_model {padding: 0 15px; }
    #flowsFormModal .createform_model .col-md-6{ padding: 0;}
    #flowsFormModal  .modal-header .close { margin-top: 0px;position: absolute; top: 0; right: 10px; }
    .reports_btn:hover{ background-color: #8ee8c4; text-decoration: none;}
   button.close {  opacity: 1;    }
    .msgform h5{color: #000;   font-size: 16px; }
    .session_expired{    display: flex;
        align-items: center;
        height: 70px;
        justify-content: space-between;
        margin-top: -14px;  }
.msg_notification h4{ font-size: 17px; color: #000;}
.msg_notification ul{ padding-left:20px;}
.ap_link .fa{ font-size: 16px;}
.ap_link .fa:hover{ color: #000;}
.cntr_bx .std { color: #111;  line-height: 18px;  display: block; text-align: left;}
.theme_btn3{     margin-right: 6px;   background: #fff; color: #000; padding: 8px 15px; border: 0px; border-radius: 5px;
    font-weight:600; font-size: 14px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 22%);}
    .actd .text-danger {color: #a2a2a2!important;}
    .actd .text-danger:hover {color: #ff3333!important;}
.lead_aquire{
    text-align: left;
    margin-bottom: 20px;
    font-weight:600;
}
    .theme_btn4 {
        background: #a7f5d7;
        color: #000;
        padding: 8px 15px;
        border: 0px;
        border-radius: 5px;
        font-weight:600;
        font-size: 14px;
    }  
    .theme_btn4:hover{ background: linear-gradient(86deg, #044c30, #076a43, #11b877); color: #fff;}
#urlDiv { margin-top: 10px;}

#campaign_form .create_form_app {  padding: 5px 19px;}
.c_model .modal-title{ font-size: 22px;}
.c_model .close { margin-top: 0;position: absolute; top: 11px; right: 10px;}
.md_bx{ margin-bottom: 20px;}
.md_bx p{ margin-bottom: 4px;}


.text-warning{color: #626262; font-style: italic; margin-top: 20px;}
.text-warning ul{ padding:10px 0 0 20px;}
.text-warning ul li{ margin: 4px 0px;}
.createyour_megs{ background: #fff; padding: 20px; border-radius: 6px;}
.createyour_megs h4{ font-size: 18px; margin: 0 0 15px 0;}
.createyour_megs>.row{ margin-top:16px;}
.createyour_megs textarea.form-control{ height: 114px;background: #f2f2f2;}
.createyour_megs input[type="text"].form-control,.createyour_megs select.form-control{ height: 40px; padding: 8px;}

.add_color_tags .dt_select input[type="radio"]+label{  height: 30px; width: 30px; border: 4px; position: relative;}
.add_color_tags .dt_select input[type="radio"]:checked + label{ background-color: none;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_1"]{ background-color:var(--swatch) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_2"]{ background-color:var(--swatch2) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_3"]{ background-color:var(--swatch3) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_4"]{ background-color:var(--swatch4) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_5"]{ background-color:var(--swatch5) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_6"]{ background-color:var(--swatch6) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_7"]{ background-color:var(--swatch7) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_8"]{ background-color:var(--swatch8) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_9"]{ background-color:var(--swatch9) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_10"]{ background-color:var(--swatch10) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_11"]{ background-color:var(--swatch11) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_12"]{ background-color:var(--swatch12) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_13"]{ background-color:var(--swatch13) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_14"]{ background-color:var(--swatch14) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_15"]{ background-color:var(--swatch15) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_16"]{ background-color:var(--swatch16) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_17"]{ background-color:var(--swatch17) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_18"]{ background-color:var(--swatch18) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_19"]{ background-color:var(--swatch19) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_20"]{ background-color:var(--swatch20) ; border:0;}
.add_color_tags .dt_select input[type="radio"]+label[for="Color_21"]{ background-color:var(--swatch21) ; border:0;}
.color_c_tag{
    position: absolute;
    right: 11px;
    bottom: 9px; color: #fff;
    line-height: 10px;
    font-size: 12px;
    padding: 5px 14px 5px 12px;
    font-weight:600;
    border-radius: 16px 0 0 16px;
    -webkit-border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
    -ms-border-radius: 16px 0 0 16px;
    -o-border-radius: 16px 0 0 16px;
}
.sw {color: #fff; display: inline-block; padding: 2px 10px; border-radius: 30px;width: 170px;box-shadow: 0px 3px 10px 2px #e6e9ef;}
.Color_1{ background-color:var(--swatch) ;}
.Color_2{ background-color:var(--swatch2) ;}
.Color_3{ background-color:var(--swatch3) ;}
.Color_4{ background-color:var(--swatch4) ;}
.Color_5{ background-color:var(--swatch5) ;}
.Color_6{ background-color:var(--swatch6) ;}
.Color_7{ background-color:var(--swatch7) ;}
.Color_8{ background-color:var(--swatch8) ;}
.Color_9{ background-color:var(--swatch9) ;}
.Color_10{ background-color:var(--swatch10);}
.Color_11{ background-color:var(--swatch11);}
.Color_12{ background-color:var(--swatch12);}
.Color_13{ background-color:var(--swatch13);}
.Color_14{ background-color:var(--swatch14);}
.Color_15{ background-color:var(--swatch15);}
.Color_16{ background-color:var(--swatch16);}
.Color_17{ background-color:var(--swatch17);}
.Color_18{ background-color:var(--swatch18);}
.Color_19{ background-color:var(--swatch19);}
.Color_20{ background-color:var(--swatch20);}
.Color_21{ background-color:var(--swatch21);}
.fileviewer{  width: 100px; position: absolute;  right: 25px;  top: -70px;  padding: 3px; border: 1px solid #ccc; border-radius: 4px;}
.user_profilename a{    display: inline-block;
    margin-left: 6px;
    color: #111;
    font-size: 14px;
    }
.user_profilename a:hover{ color: #000;}

	.add_color_tags .dt_select input[type="radio"]:checked + label:before{  display: inline-block;
        transform: rotate(45deg);
        height: 17px;
        width: 8px;
        border-bottom: 3px solid #fff;
        border-right: 3px solid #fff;
        content: '';
        position: absolute;
        left:11px;
        top: 4px;}
.whitebx {background: #fff;padding: 0px 19px;border-radius: 6px;position: relative;display: flow-root;BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
.whitebx  h3{font-size: 18px; margin-bottom: 20px;}
.whitebx.resource_tab {
    padding: 0;
    border-radius: 10px;   
    overflow: hidden;BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;
}
.fb_channel{  width: 100%; float: left;}
.whitebx.resource_tab h3{  
    margin: 0;
    padding: 18px 20px 5px;
    font-size: 18px;}
.mtop_20{ margin-top: 30px!important;}
.list_data_item{ background: #fff;
    padding: 12px;
    margin: 10px 0px;
    border-radius: 4px;
    border: 1px solid #dddddd;}
.list_data_item label { display: inline-block; max-width: 100%;  margin-bottom: 5px;  font-weight: 400; }
.list_data_item  h3{font-size: 16px; margin: 7px 0 10px 0;}
.resource_tab h3{ margin-bottom: 21px; font-size: 18px; color: #111;} 
ul.list5{  list-style: none;
    padding: 14px 25px;
    margin: 0 0;}   
 ul.list5 li{ margin:15px 0px;}
ul.list5 li a{ color: #111;}
ul.list5 li a:hover{ color: #000;}
.stats_data{list-style: none; display: flex;  padding: 0; justify-content: flex-end; margin: 6px 0 0 0;}
.stats_data li{    position: relative; z-index: 2; margin: 0 13px; }
.stats_data li:before{width: 10px; height: 10px; content: ''; position: absolute; left: -15px; top: 4px;border-radius: 100%;}
.stats_data li.green:before{ background: #28a745; }
.stats_data li.Orange:before{ background: #ffc759; }
.stats_data li.red:before{ background: #f60032; }
.stats_data li.draft:before{ background: #454545; } 
.stats_data li.green{ color: #28a745; }
.stats_data li.Orange{ color: #ffc759; }
.stats_data li.red{ color: #f60032; }
.stats_data li.draft{ color: #454545; }
.emp_updates{     background: #ffd891;
    padding: 11px 21px;
    color: #000;
    border-radius: 20px;
    font-weight:600;
    margin-bottom: 7px;}
.pagination { display: inline-block; padding-left: 0; margin:0px 0 24px; border-radius: 4px; width: 100%; text-align: center;}
.pagination span{display: inline-block; padding: 3px; color: #000;}
.pagination span a{ display: inline-block; color: #424242;}
.bulk_action.full select,.bulk_action.full .search_c,.bulk_action.full input[type="text"]{ width: 100%;}
#chatbox .temp_sheet{ padding: 0;}

#phoneDiv .iti input[type=text]{padding-left:50px!important;}
.account_select{ width: 100%; padding:8px 11px 10px; background: #000; border-radius: 7px; border: 0; BOX-SHADOW: 0px 3px 15px 0px #e6e9ef;
    color: #fff;}
    .account_select option{ background: #fff; color: #111;}    
.navbar-header{ padding-left:128px;}
.bg-shadow{ background: #e8fff6; padding: 12px; margin: 0px 0px; border: 1px solid #ccefe1;}
.c_lbl h3{  margin: 0 0 12px 0; font-size: 16px; text-align: left; text-transform: uppercase;}
.b_lbl{font-weight: 500;      padding: 2px 22px; border-radius: 30px;}
.c_lbl .form-group { margin-bottom: 0;border-top: 1px solid #e1e1e1; padding: 10px 0px;}
.c_lbl .text-bold{ font-weight:600; font-size: 21px; line-height: 21px;}
.header .user_name{font-size: 12px;position: relative; z-index: 1; color: #847f7f; margin: 0px 0 0 13px; display: -webkit-box;    text-overflow: ellipsis;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow: hidden;
    max-width: 107px; height: 18px;}
.rightchatbox .bubble2 .header{ display: flex;}
#inbox_mesages .list-group{ margin-bottom: 0px;     background: #f8f8f8;}
.list-group-app{    position: relative;
    display: flex;
    align-items: center;
    padding: 14px 9px;
    justify-content: left;
    border-right: 1px solid #e7e7e7;}
.searc_chat .sd_btn{ cursor: pointer; width:30px;}
.serch_data input[type="text"]{width: 100%;
    height: 46px;
    padding: 12px 18px;
    border: 1px solid #ccc;
    border-radius: 30px;
    }
.serch_data{ display: none;
    width: 100%;
    position: absolute;
    top: 0;
    background: #ededed;
    padding: 9px 3px;
    left: 3px;
    z-index: 12;}
.serch_data.open{display: block;}
.act_select{   background: #fff url(../img/select_ic.jpg) right  9px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;  border: 1px solid #ccc; height: 34px; border-radius: 30px; padding: 0px 10px;  width: 126px;margin-right: 10px; }
.assigned_data ._bt{     background: no-repeat; border: 0; line-height: 10px; margin-top: 4px; padding: 0 6px 0 4px;}
.assigned_data{ position: relative;}

.assingned_bx {
    position: absolute;
    z-index: 3; display: none;
    background: #fff;
    width: 320px;
    border: 1px solid #e9e9e9;
    box-shadow: 0px 2px 6px 0px rgb(0 0 0 / 12%);
    top: 51px; right: 0;border-radius: 0 0 12px 12px;
}
.date_filert { display: flex;}
.date_filert  span{ display: inline-block; font-size: 12px; margin: 9px 6px 0;}
.assingned_bx .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}
.dx_{ display: none}

.assingned_bx  .bootstrap-select > .dropdown-toggle{    background: none;border-radius: 30px;}
.assingned_bx  .form-control {
    border-radius: 30px;
    font-size: 16px;
    height: 36px;
}
.assingned_bx label{
    display: block;
    font-weight: normal;
    
    margin: 0 0 13px 0; display: flex; justify-content: space-between;
}
.botIcon{color: #000;margin-right: 5px;}
.markall{ text-align: right; padding: 5px 10px 0 0;}
.markall a{color: #000;font-size: 12px;text-decoration: underline;}
.markall a:hover{ text-decoration: none; color: #111;}
.chat-action .dropdown-menu{ left: auto; right: 0; max-height: 202px;overflow: auto;}
.assingned_bx label a{   font-weight: normal; }
.assingned_bx label a:hover{ color: #111;}
.act_select2 {
    background: #fff url(../img/select_ic.jpg) right 9px no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #ccc;
    height: 34px; margin: 4px 0px;
    border-radius: 30px;
    padding: 0px 10px;
    width: 100%;      display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.as_sbt{  width: 100%; padding-top: 12px;}
.pd{
    background: #12bf7d;
    width: 100%;
    border: 0;
    color: #fff;
    padding: 7px 0px;
    font-weight:600;
    text-transform: uppercase; border-radius: 0 0 10px 12px;
  
}
.pd:hover{ background: #09c37c;}
.asd{ padding: 13px;}
.assingned_bx.open{ display: block;}
.mdbx{background: #000;
    border: 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 6px;
    color: #fff;
    padding: 1px 13px;
    font-size: 14px;
    font-weight: 500;
    height: 33px;}
    .mdbx .fa{ font-size: 19px; margin-right: 3px;}
    .mdbx span{ display: inline-block; margin-left: 3px; }
.tbl_body{ display: -webkit-box;  text-overflow: ellipsis;  -webkit-line-clamp: 1; -webkit-box-orient: vertical;  overflow: hidden; width: 100%;}
.ttbx { width: 100%;  height: 43px; border: 1px solid #ddd;  border-radius: 5px; padding: 10px; font-size: 14px;}
#calltodiv{ display: inline-grid;}
._d_btns{ margin-top: 29px;}
.d_btn{ background: #a7a7a7; color: #fff; border: 0px; padding: 7px 20px; border-radius: 4px;}
.d_btn:hover{ background: #999898;}
.m10{ margin-top: 10px;}

.Add_form{margin: 4px 0px;background: #f2f2f2; padding: 7px 12px;}
.searc_chat{margin-right: 8px;}
._navbx{float: right; display: flex;  width: 100%;    justify-content: flex-end;}
.templates-informaiton.ds table tr td.select_all_records{ background: #dfdfdf; padding: 14px 8px;}
#fill_business_info small{ line-height: 14px; display: block; font-size: 12px; background: #fff2d5;
    padding: 5px 7px; border-radius: 3px; border: 1px solid #e1d4b7;}
.buYplan{ background: #000; color: #fffefe; padding: 9px 25px; font-weight:600; font-size: 18px; border-radius: 30px; margin-top: 6px; display: inline-block; animation: pulse 2s infinite; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
}
._modelform h5{margin: 0; color: #095f3e;}
._modelform .form-group { margin-bottom: 7px;}
._modelform .slideThree{ margin: 0;} 
    .buYplan:hover{ background: #0c9560; color: #fff; text-decoration: none;}
    .select_all_records input[type=checkbox]{display: inline-block;margin: 0; width: 19px;height: 27px;float: left;}
    .select_all_records  span{ display: inline-block; margin:2px 0px 0 5px;}
    .select_all_records span.count_record{font-weight:600;margin-left: 0;}
._note{ background: #ffba00; border: 0px; border-radius: 6px; padding:6px 13px; }
.modal_body_note{ padding: 20px; background: #f2f2f2; overflow: hidden;}
.modal_body_note h3{ margin: 0 0 4px 0; font-size: 25px;}
.form_notes {margin-top:20px;}
.mb10{margin-top: 10px;}
.mb30{margin-top:30px;}
.modal_body_note .form-control{ height: 43px; border: 1px solid #ccc; }
.modal_body_note textarea.form-control { height: 123px;}
.modal_body_note .h5{  font-size: 18px;  margin: 10px 0 4px 0;}
.theme_btn_white{background: #5a5a5a; border: 0; padding: 8px 20px; color: #fff; border-radius: 4px; font-weight:600;  display: inline-block; height: 36px;}
.theme_btn_white:hover{ background: #333;}
.listview_data{  list-style: none;  padding: 0 0;  margin: 0;}
.listview_data li{background: #fff;     min-height: 70px;padding: 10px 50px 10px 10px;  margin: 5px 0px;  border: 1px solid #ccc; border-radius: 2px; position: relative;}
.timer{      position: relative;
    font-size: 11px;
    font-weight:600;
    color: #ff0303;
    margin-top: 5px;
    text-align: left;}
    .timer.upcoming { color: blue;}  
#Reminder_notes .close,#create_reminder_notes  .close{ position: absolute; right: 10px; font-weight: 300; top: 4px;}

.iti.iti--allow-dropdown{ width: 100%;}
.lbl_{ margin-top: 11px;}
.edit_attribute { font-size: 18px;border-top: 1px solid #ccc; padding-top: 20px;}
.listview_data label{ position: absolute; left: 8px;}
.note_delete{   color: #111;  width: 20px;  height: 20px;}
.note_actions{position: absolute; right: 0; top: 0; width: 26px; text-align: center; border-left: 1px solid #ccc; padding-left: 0; height: 100%;  background: #f2f2f2;}

.notification_app .sidedropdown{    padding: 0; width: 331px;}
.notification_app .sidedropdown h3{ margin: 0 0 3px 0; font-size: 14px;}
.notification_app .sidedropdown .date{  margin-top: 7px; color: #1e996a;}
.notification_app  .sidedropdown li{    border-bottom: 1px solid #e0e0e0; padding: 8px 10px;}
.notification_app  .sidedropdown li.active{background: #e6fff5;}
.mx_height{ max-height: 380px; overflow-y: scroll;}
.no_show{ text-align: center;}
.form-control_ {
    border: 0;
    text-align: right; background: none;
    width: 100%;
    padding-top: 8px;
}
.no_show .fa{ font-size: 30px;}
.notes_reminder{ padding: 20px; border-radius: 4px;}
.notes_wrapper .table-responsive{    background: #fff;
    padding: 17px;
    margin-top: 20px;
    border-radius: 10px;
    border: 0;
    max-height:250px;
    BOX-SHADOW: 0PX 3PX 15PX 0PX #e6e9ef;}
.notes_reminder h3{ font-size: 25px; margin: 0 0 0px 0;}
.notes_reminder th{ padding: 4px 2px;}
.notes_reminder td{    padding: 10px 2px; border-top: 1px solid #d7cfcf;}
.notes_reminder td.dn span{ color: green;}
.notes_reminder td.dn a{ color: #111; display: inline-block; margin-left: 4px;}
.notes_reminder tr.old td{ color: #464646;}
.vh{ color: green; font-weight: 500; display: inline-block; margin-top: 10px;}
.check label{ font-weight: normal;}
.temp_prev .tempDesignPrev{width: 288px;margin: auto;}
.temp_prev  .temp_sheet {border-radius: 6px;}
.strrt,.evrplan{ padding:3px 25px 7px; text-align: center;}
.app_pricing_list.dr1{margin-top: 63px;}
.strrt h4,.evrplan h4{  display: inline-block; text-align: center; font-size: 16px; padding: 10px 15px;  box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 46%);}
   .strrt.a h4{background: #ca5459; color: #fff; }
   .evrplan.a h4{background: #ca5459; color: #000; }
.pricing_app_data{ box-shadow: 0px 0px 19px 0px color(srgb 0.7 0.7 0.7 / 0.4);
    border: 1px solid #ccc;
    border-radius: 21px;
    min-height: 668px;
    margin-bottom: 30px}
.pr_head{width: 100%;text-align: center; padding:18px 10px 0px;}
.pr_head h3{ margin: 0; font-size: 35px; color: #111;}
.bs_price{  font-size: 20px;
    color: #111; font-weight:600;
    margin: 0 0 0px 0;}
.pr_head p{    color: #343434;
    line-height: 21px;
    font-style: italic;
    font-size: 16px;
    margin: 9px 0 0 0;}
    ._a1 .pr_head h3{ color: #ca5459;}
    ._a2 .pr_head h3{ color: #ca5459;}
    ._a3 .pr_head h3{ color: #fff;}
.crossprice{ 
    text-decoration: line-through;
    margin-bottom: 15px;}

.pricing_app_data._a3{ background: #000; color: #fff;}
.pricing_app_data._a3 .bs_price,.pricing_app_data._a3 .pr_head p{ color: #fff;}
._pt a:before{ display: none;}
._pt {     text-align: center;
    margin: 0;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    bottom: 14px;}
._pt a{  color: #fff; padding: 6px 25px;border-radius: 30px;   font-size: 16px;}
._a1 ._pt a{background: #ca5459; color: #fff}
._a2 ._pt a{background: #ca5459; color: #fff}
._a3 ._pt a{background: #ca5459; color: #fff}
.app_pricing_list.c ul li {
   
    background: url(../img/tickmark_ic3.png) no-repeat 0px 7px;
    background-size: 11px;
}
.app_pricing_list.dr1 ul li,.app_pricing_list.dr2 ul li {
    background: url(../img/tickmark_ic.png) no-repeat 0px 7px;
    background-size: 11px;
}
.app_pricing_list ul li {
       padding-left: 18px;
    margin: 7px 0px; font-weight:600;
}
.app_pricing_list ul {
    list-style: none;
    padding: 0 30px;
}
.spd_.red {
    position: absolute;
    display: inline-block;
    right: -22px;
    bottom: 4px;
}
.spd_.red  button {
    color: #f60909;
    border: 1px solid #bd0707;
    background: none;
    
    padding-top: 2px;
    border-radius: 100%;
    width: 20px;
    height: 21px;
}
.spd_.red  button:hover{ border: 1px solid #bd0707;}
.red .dt_inf {
    position: absolute;
    background: #fdecec;
    z-index: 1;
   right: 31px;
    bottom: 0;
}
.red .dt_inf {
    position: absolute;
    background: #fdecec;
    z-index: 1;
    width: 220px;
    padding: 10px;
    text-align: center;
    
    border-radius: 6px;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);
    left: auto;
    top: auto;
    transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform .3s,opacity .3s;
    display: block;
    right: 31px;
    bottom: 0;
}
.red .dt_inf:before {
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-top: 7px solid #fdecec;
    border-right: 7px solid #fdecec;
    position: absolute;
    content: '';
    left: auto;
    transform: rotate(44deg);
    top: auto;
    right: -6px;
    bottom: 5px;
}

.app_pricing_list.dr1 { margin-top: 63px;}
.ask_location{text-align: center; border-top: 1px solid #e7e7e7;padding-top: 5px;font-size: 13px;color: #c9c4c4;}
.input-container input[type="text"] {
    width: 225px;
    border: 1px solid #ccc;
    height: 36px;
    border-radius: 4px;
    padding: 10px;
}
#inputArea{ margin-bottom: 10px;}
#inputArea .input-container{ margin: 5px 0px;}
.ecm_orderlist{ padding: 0; list-style: none; display: flex; justify-content: left;  align-items: center;
    width: 100%;border-bottom: 1px solid #e1e1e1;padding-bottom: 15px;}
    .ecm_orderlist li{     width: 16.5%;  border-left: 1px solid #e1e1e1;  padding:6px 0px 6px 14px;}
    .ecm_orderlist li span{   display: block;   border-bottom: 1px solid #e1e1e1;  margin-right: 30px; padding-bottom: 6px;
        font-style: italic;  color: #a19797; font-size: 18px; margin-bottom: 8px; }
        .ecm_orderlist li:first-child{  border: 0px; padding-left: 0px;}
.ecm_orderlist li h3{margin: 0;font-size: 23px; }
.ecm_orderlist li h3 >span{ font-size: 14px;font-family: 'GentonaBook'; font-style: italic; display: inline-block; border: 0;
    margin: 0;padding: 0;}
    .ecm_value{   display: flex;      align-items: center; width: 100%; justify-content: space-between;padding-right: 30px;  font-size: 35px;
        font-weight:700;    }
        .ecm_value svg{font-size: 27px;     }
.form-control{ font-size: 16px;}
.cancel-plan{ margin-top: 50px;text-align: left; }
.cancel-plan p{ margin-bottom:12px}

.priceCalculationMonthly { margin-top: 38px; background: #f2f2f2; padding: 12px;border-radius: 4px;}
.newplansapp ul { width: 100%;
    list-style: none;
    padding: 0 20px;
    margin: 33px 0px;
    justify-content: space-between;
    display: flex;}
    .newplansapp ul li{ width: 25%; position: relative;}
    .newplansapp ul li a,.newplansapp ul li a:hover{ color: #111; text-decoration: none;}
    .newplansapp ul li .nm_rd{ position: relative; width: 25px; height: 25px; border-radius:100% ; -webkit-border-radius:100% ; -moz-border-radius:100% ; -ms-border-radius:100% ; -o-border-radius:100% ;  background: #f3f3f3; display: inline-block; }
.actpl__{ margin-top: 15px;}
.actpl__ span.stp__n{     text-transform: uppercase; font-weight:600; color: #b5b1b1;}
.actpl__ .cmp__{       font-weight:600; color: #b5b1b1;}
.actpl__  h4{    font-size: 19px; margin: 0 0 13px 0;}
.newplansapp ul li:before{width: calc(100% - 38px); height: 3px; background: #f3f3f3;  content: '';  position: absolute;
    left: 31px; top: 11px;}
.newplansapp ul li.cmp__ .cmp__{ color: #000;}
.newplansapp ul li.cmp__ .nm_rd{ background: #000;}
.newplansapp ul li.cmp__:before{ background: #000;}

.newplansapp ul li.cmp__ .nm_rd:before{display: inline-block; height: 17px; width: 9px; border-bottom: 3px solid white; border-right: 2px solid white; transform: rotate(45deg);  content: ''; position: absolute; left: 8px; top: 2px; }

.newplansapp ul li.prg__ .cmp__{ color: #f19c00;}
.newplansapp ul li.prg__ .nm_rd{ background: #f19c00;}
.newplansapp ul li.prg__ .nm_rd:before{ border: 1px solid #ffd891;
    content: '';
    position: absolute;
    left: -5px;
    top: -5px;
    width: 35px;
    height: 35px;
    border-radius: 100%;}
.newplansapp ul li.prg__:before{background: #efe7da;}
.newplansapp ul li.prg__:after{width: calc(50% - 38px); height: 3px; background: #ffd891;  content: '';  position: absolute;
    left: 31px; top: 11px;}

 img.product_img{ border-radius: 100%; width: 60px; border: 1px solid #e9e9e9; height: 60px; margin-right: 10px;}
.modelform_app{height: 405px;overflow-y: scroll; overflow-x: hidden;}
.t_dots {position: absolute; top: -30px; right: 19px;}
.t_dots button,.t_dots button:hover{background: no-repeat; background-image: none; border: 0px;}
.t_dots button:focus{ outline: none;}
.t_dots .dropdown-menu{ left:auto; right: 0;width: 150px;}


.parent_message.reply{  overflow: hidden;  display: flex; width: 100%; padding: 0; line-height: 15px; font-size: 14px;}
.parent_message.reply >div{    padding: 7px; }
.parent_message.reply >div > b{ display:block; color:green ; margin-bottom: 4px;}
.parent_message.reply img{ width:70px }

.parent_message.reply.price_p{font-size: 13px;}
._ved.wba{ border-bottom: 1px solid #d1d1d1; padding-bottom: 11px; margin-bottom: 10px; }
.wph ._ved{ font-size: 16px;font-family: 'GentonaBook';}
.wph .modal-header .close { color: #fff; box-shadow: none; border: 0; text-shadow: none;}
.whd_success  { margin-top: 20px;}
.whd_success .fa-check-circle{ font-size: 50px; color: #055033; margin-bottom: 16px;}
.whd_success p{ color: #055033; font-style: italic;}

.p_data { position: relative;}
.p_data .t_dots { position: absolute; top: 10px; right: 19px;}
#createFlow .modal_body{ padding: 20px 20px 0 20px; }
#createFlow .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
    margin-top: 10px;
}
.panel_wrap_{ display: none;}
.panel_wrap_.activeLnk{ display: block;}
.screenapp_bx{ position: relative;
    background: #eae6df;
    min-height:430px; border-radius: 7px;
    padding: 6px; overflow: hidden;
    box-shadow: 0px 0px 7px 0px #b6b6b6;
}
.pre_head{    width: 100%;
    height: 48px;
    background: #00a884;
    border-radius: 5px 5px 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 10px;}

    .pre_head figure{
        background: #08765e;
        padding: 4px 12px 7px;
        border-radius: 30px;
    }
    .pre_head figure img{
        width: 60px;
    }
.stp5__ button{  border: 0px; display: inline-block; background: #f1f0f0; padding: 10px 50px; margin-right: 4px;   border: 1px solid #d8d8d8;}
.form_group { position: relative;}
.preview-screen-wrapper   label.field_label {
    position: absolute;
    top:19px;
    left: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    color: #333;
    pointer-events: none;
    -webkit-transition: all 0.15s ease-out 0s;
    transition: all 0.15s ease-out 0s;
}

.preview-screen-wrapper   label.field_label2 { position: absolute;left: 7px;top: -9px;font-size: 13px;color: #b7b7b7; background: #fff;}
.cdm__  .dropdown-menu{ top: auto; bottom: 43px;}
.flw_frm h1{ font-size: 18px; font-weight: 600; margin: 0;}
.flw_frm h2{ font-size: 14px; font-weight: 600;margin: 0}
input:focus,textarea:focus{ outline: none;}
.preview-screen-wrapper   input:focus + label.field_label,
.preview-screen-wrapper  input.has-value + label.field_label,.preview-screen-wrapper   textarea:focus + label.field_label,.preview-screen-wrapper  textarea.has-value + label.field_label{
    top: 0px;
    font-size: 13px;    color: #b7b7b7;
    background: #fff;
}

.preview-screen-wrapper  input:focus::-webkit-input-placeholder 
{
    color: transparent;
}
.screen_contents .panel-group,.screen_contents .panel { margin-bottom: 10px;border: 0;}
.screen_contents  .panel-body{ border: 0px!important;}
.delete_fields{  background: no-repeat; border: 0; font-size: 13px; color:#a1a1a1;}
.preview_field{ position: relative;}
.preview_field .fieldtext{ padding-right: 12px;}
.labeled_icons { display: inline-block;}
.labeled_icons svg{transform: rotate(135deg); margin-right: 10px; display: inline-block;}
.dropdown-toggle.btn-default{background: no-repeat!important; padding:9px 25px 9px 9px!important;}
.dropdown-toggle.btn-default:focus{ outline: none!important;}
.size17{ font-size: 17px;}

.body_carousel_wrap{     overflow-x: scroll;
    padding-bottom: 12px;
    display: -webkit-flex;
    flex-wrap: nowrap;
    align-items: stretch;
    white-space: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0;}

    .body_carousel_wrap .body_carousel {white-space: initial;
        overflow: hidden;
        flex-wrap: nowrap;
        flex-shrink: 0;
        padding: 0;
        width: 440px;
        margin: 5px 5px 6px 0px;
        display: inline-block !important;
        border-radius: 6px;
        overflow: hidden;
        margin-right: 13px;
        background: #fff;
        padding: 10px;
    }

.body_carousel table td{ padding: 3px 2px}
.body_carousel table td select,.body_carousel table td input[type="text"]{     width: 164px;
    height: 37px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;}
.carousel_btns{ margin-top: 15px;}
.temp_sheet.dd_width { width: 100%;}




.free-trial{padding:6px 15px;}
.free-trial:before{background: url(../img/right_srtar.jpg); position: absolute; right: 0; top: 0; content: ''; width: 105px; height: 168px;  }
.free-trial:after{background: url(../img/left_bottom_star.jpg); position: absolute; left: 0; bottom: 0; content: ''; width: 105px; height: 168px;  }
.free-trial h3  {font-weight:600; font-size: 25px; margin-bottom:25px;}
.free_trial_info{ position: relative; z-index: 1;}
.add-numer { line-height: 50px; width: 100%; text-align: center; margin-top: 25px;}
.add-numer ._add{ width: 80px; background: #f3f3f3; height: 80px;color: var(--green); border-radius: 100%; border: 0; font-size: 20px;}
.add-numer ._add:hover{ background: var(--grey-hover);}
.add-numer  span{display: block; text-transform: uppercase; color: var(--green);}
.or_ { font-size:15px;}
#help__{    z-index: 9999;}
.sticky_call_btn{ position: absolute; right: 10px; bottom: 11px; z-index: 12; position: fixed;}
.sticky_call_btn a{ background: var(--green); font-size: 30px; padding: 12px; border-radius: 100%; width: 50px; height: 50px; display: flex;
    color: #fff; justify-content: center; align-items: center;box-shadow: 0px 0px 17px 0px rgb(0 0 0 / 30%);}
    .sticky_call_btn  span{position: absolute;  font-size: 14px;  color: #fff;
        left: -105px;width: 100px;display: block;background: var(--green);padding: 4px; border-radius: 30px;
        text-align: center;box-shadow: 1px 4px 6px 2px rgb(0 0 0 / 30%);bottom: 9px;}    
#help__ .modal-body { padding: 0;}
#help__  .close{ position: absolute; right: -20px;  z-index: 1; opacity: 1; text-shadow: none; color: #fff; padding: 0;}
#help__ .modal-dialog{width: 227px;}

.ac_box{background: #000!important;}
.ac_box h3{ color: #fff!important;}
.ac_box {

  animation: blink 1s ease-in-out infinite none;
}
.leftchatbox  .bubble .tps_bx { padding: 0px 0 7px 0;}
.leftchatbox  .bubble .tps_bx p{ margin-bottom: 0;}
.main_msg_body{ display: block; float: left;word-break: break-word;}
.main_msg_body .img-rounded{ height: auto;}
.main_msg_body .download_again{ margin-bottom: 0;}

@keyframes blink {
  0% {
    box-shadow: 0 0 0 0 rgba(25, 118, 210, 0.4);
    scale:0.9
  }
  100% {
    box-shadow: 0 0 0 16px rgba(187, 222, 251, 0.3);
    scale:1
  }
}









.free_trial__ .modal-dialog { max-width:650px;}
.free-trial p{font-size: 16px; color: #5d5d5d;}
.help__{border: 0; background: #fff; padding: 0;}
.help__ svg{font-size: 18px;color: var(--green);}
.skip{ background: var(--green); border-radius: 30px;padding: 7px 20px 8px; border: 0px; color: #fff;}
.skip:hover{ background:var(--green); color: #fff;}
.scd_bar{ margin: 20px 0px 0 0; }
.awaiting_message_loading img{ width: 16px; margin-right: 5px;}
.awaiting_message_loading { color: #b5b5b5; font-style: italic;margin-top: 15px}
.scd_bar img{    border: 2px solid var(--green); width:160px;}
.orsnd span{ display: block; color: #111; }
.orsnd{ color: var(--green);}
.progress_message{  margin-top: 23px;}
.freee_trail_wrap{    position: absolute;
    right: 418px;
    top: -40px;
    width: 161px;
    background: url(../img/mobile_white_iframe.png) no-repeat;
    padding: 9px;
    background-size: cover;
}
.freee_trail_wrap img{
    width: 100%;
    border-radius: 16px;
}

  
  .free-trial ._add a{background: #ebebeb;  color: #13c27f;  padding: 20px 24px 20px 24px;  border-radius: 100%;}
  .skip-now{margin:45px 0 14px;}
  .mtn_ {
    margin: 20px 0;
}
.btn-control button.sv {
    background: var(--green);
    border: 2px solid var(--green);
    padding: 6px 25px 7px;
    border-radius: 30px;
    font-weight:600;
    color: #fff;
}
.overlyer_model{
    position: fixed;
    width: 100%;    z-index: 999999;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(10px);
  
}
.war___ning{ text-align: center;  justify-content: center;
    align-items: center; height: 100%; width: 100%;  
    display: flex;}
    .war___ning>div{ padding: 50px}
.icon svg{ font-size: 20px;}
#image_preview .msgbx textarea{ padding-right: 40px;}

/* .newplansapp ul li:nth-child(4):before{ display: none;} */
 
@-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
  }

.new-notification:before{ position: absolute;  animation: blinker 1s linear infinite;  right: 8px;    top: 14px;    content: '';    background: #ff0000;    width: 10px;    height: 10px; border-radius:100%  ; -webkit-border-radius:100%  ; -moz-border-radius:100%  ; -ms-border-radius:100%  ; -o-border-radius:100%  ;    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;}

.createform_model{ width: 100%; padding: 15px; }
.edits_bx{max-height: 460px;
    border-left: 1px solid #dedddd;
    border-right: 1px solid #dedddd;
    padding: 0 18px 0 18px;
    overflow-y: scroll;}
._bt__{ background: #ebf6f2; padding: 10px 15px; border-radius: 4px; cursor: pointer; position: relative;}
._bt__ span{ margin-left:6px ; display: inline-block;}
.adns:hover ._bt__,.btn_list_dtd.active{background: #c1eddd;}
.adns:hover  .ads_form{    border: 6px solid #c1eddd;}
.mtop-5{ margin-top: 5px;}
.ads_form{ padding: 20px; border: 6px solid #ebf6f2;}
.form_group{ position: relative;}
.fieldtext{    border-radius: 4px; width: 100%; height: 39px; border: 1px solid #ccc; padding: 6px; padding-right: 40px;}
.form_group span{ position: absolute; right: 8px; font-size: 14px;  top: 9px; color: #949494;}
small._close{ position: absolute; right: 3px; top: 4px; padding: 10px;}
._bt__ .svg-inline--fa.fa-w-6 { width: 4px; color: #7e7b7b;}
.edits_bx .panel{ cursor: pointer;border: 1px solid #ececec;}
.edits_bx .panel.act_hp{ border: 1px solid #dadada; box-shadow: 0px 0px 9px 0px #d1d1d1;}
.edits_bx .panel.act_hp .question-toggle { background-image: none!important; background-color: #c1eddd;}
.edits_bx .panel.act_hp { border: 1px solid #c1eddd;box-shadow: none;}

.edits_bx .question-toggle{     background-image:linear-gradient(to bottom, #ebf6f2 0, #ebf6f2 100%)!important;display: flex; flex-wrap: nowrap; justify-content: left; align-items: center; position: relative;}

.edits_bx .question-toggle._ts_btn{background: #fff!important; }  
.or_view_dt label{ word-wrap: break-word; line-height: 17px;}
.edits_bx .question-toggle .icd { width: 7px; height: 13px; margin-right: 8px;}
.edits_bx .question-toggle.collapsed::before {    position: absolute;right: 12px; top: 14px; content: '';
    width: 10px;height: 10px; border-top: 1px solid #111; border-left: 1px solid #111; transform: rotate(222deg);}
.edits_bx .question-toggle::before{ position: absolute;right: 12px; top: 20px; content: '';
    width: 10px;height: 10px; border-top: 1px solid #111; border-left: 1px solid #111; transform: rotate(45deg);}
.mtb10{ margin-bottom: 12px;}
textarea.fieldtext {height: 91px;padding: 6px;}
.mtop10 { margin-top: 12px;}
.dd_lsit6{ list-style: none; padding: 0; margin: 0;     width: 220px}
.dd_lsit6 li{ padding:4px 7px 4px 34px; position: relative; cursor: pointer; font-size: 16px;}
.cdm__ ul li ul{position: absolute;right: -219px; bottom: 0; width: 220px; background: #fff; border: 1px solid #ccc; border-radius: 4px; display: none}
.cdm__ ul li:hover ul{ display: block;}
.cdm__ ul li span{position: relative; display: flex; justify-content: space-between; align-items: center;}
.dd_lsit6 li.ctb:before{ background: url(../img/_btn_ic3.jpg) no-repeat; width: 28px; height: 28px; content: '';
    position: absolute; left: 2px; top: 4px;}
    .dd_lsit6 li._tx2.ctb:before{ background-position:0px -74px;}
    .dd_lsit6 li._tx3.ctb:before{ background-position: 0px -113px;}
    .dd_lsit6 li._tx4.ctb:before{ background-position: 0px -141px;}
    .dd_lsit6 li._tx5.ctb:before{ background-position: 0px -180px;}
    .dd_lsit6 li._tx6.ctb:before{ background-position: 0px -209px;}
    .dd_lsit6 li._tx7.ctb:before{ background-position: 0px -246px;}
    .dd_lsit6 li._tx8.ctb:before{ background-position: 0px -278px;}
.rtd .form_group{ display: flex;}
.rtd .form_group .lt_ietm{ position: relative; width: 100%;}
.delete_records{     margin-left: 10px; border: 0; background: no-repeat; color: #7a7a7a;}
.delete_records:hover{ background: #ddd; color: #111;}
.mtb5{ margin-bottom: 10px;}
.btg{ border: 1px solid #becdc7; padding: 8px 15px; background: #ebf6f2; border-radius: 4px;}
.lk_btn._rtf{ display: flex; justify-content: flex-end;}
.lk_btn._rtf>div{ display: flex; justify-content: center; align-items: center;}
.lk_btn._rtf>div span{ margin-right: 10px; font-size: 14px;}
.lk_btn._rtf>div .slideThree{ margin: 0;}
.model_large .modal-dialog{ width: 100%; max-width: 1120px;}
.pre_head span{ display: inline-block; background: #e9e9e9; height: 5px; width: 89px; border-radius: 30px; margin-left: 4px;}
.scd_bh{ padding:10px}
.flw__{ cursor: pointer;  color: #006cee; background: no-repeat; border: 0; position: absolute; left: 35px;  bottom: 6px;font-size: 11px;}
.flowform__.open{ bottom: 6px;}
.flowform__{
    position: absolute;
    width: calc(100% - 12px);
    height: calc(100% - 27px);
    background: #fff;
    bottom: -421px;
    border-radius: 7px;
    transition: ease all 0.4s;
}
#code{word-wrap: break-word;}
.fld{display: flex;  justify-content: space-between;  padding: 5px 10px;  border-bottom: 1px solid #e6e6e6; align-items: center;}
.fld h4{ margin: 0; font-size: 13px; color: #777474;  padding: 0;}
._clr{ font-weight: normal; font-size: 12px; cursor: pointer; display: inline-block;}
.flw_frm{    padding: 14px 15px; height: 309px; overflow-y: scroll; border-bottom: 1px solid #f2f2f2;}
.form_group.s-- {  padding: 9px 15px; margin: 0;}
.form_group.s--  .theme_btn3{width: 100%;padding: 3px 10px 4px;background: #f2f2f2;border-radius: 30px;box-shadow: none;font-weight: normal;font-family: 'GentonaBook';font-size: 14px;}
.or_view_dt .form_group label{    display: flex; justify-content: space-between;}
.terms_dt{ display: flex;
    font-size: 13px;
    align-items: baseline;
    position: relative;
    padding-left: 22px;}
.terms_dt input[type=checkbox]{     margin-right: 5px;
    margin-top: 0;
    position: absolute;
    left: 0;
    top: 5px;}

.plt_ {    display: flex;
    width: 100%;
    text-align: center;
    justify-content: space-between;
    background: #ffe1e1;
    padding: 7px 16px;
    color: #8b2c2c;
    margin-top: 12px;
    border-left: 3px solid #e70000;
    align-items: center;
}
.plt_ p{ margin: 0;}


.mtsc{    font-size: 14px;
    margin-top: 0;
    background: #fff0c9;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 30px;
}
.wts_account{ background: #fff; color: #111;  border-radius: 5px; display: flex; justify-content: center; align-items: center;
    font-size: 14px;}
 ._mod{ color: #111;
    background: #fff;
    display: inline-block;
    font-size: 30px;
    width: 26px;
    text-align: center;
    border-radius: 100%;
    height: 26px;
    line-height: 20px;
    position: absolute;
    right: -18px;
    top: -8px;
    cursor: pointer;
} 
.shedule{
    border: 1px solid #b3a8a8;
    padding: 10px 18px 4px;
    border-radius: 8px;
    margin-bottom: 23px;
}
.shedule p{margin: 0 0 4px; font-size: 12px;}

 .bootstrap-select.btn-group .dropdown-menu li { border-bottom: 1px solid #d3d3d3;}
 .dropdown-menu>li>a {padding: 6px 20px; font-size: 14px;}
 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{ margin-top: 8px!important;}
 .dropdown-menu .glyphicon-ok:before { border: 1px solid #000; padding: 1px 2px;color: #000;}
 button[disabled], html input[disabled]{cursor: not-allowed;}
 .select2-container--default .select2-search--inline .select2-search__field{box-shadow: rgb(230, 233, 239) 0px 3px 15px 0px!important; height: 40px!important; width: 100%!important; border-radius: 3px!important; padding: 10px 8px 9px!important;}
 .select2-container--default .select2-selection--multiple {border: 0!important;padding-bottom: 0!important;padding-right: 0!important;}
 .select2-container .select2-search--inline .select2-search__field{ margin: 0!important; }
 .select2-container .select2-search--inline .select2-search__field:focus{ outline: none!important;}
 th.thead-dark{color:#fff;background-color:#020202!important;}

.add_test_num h4{font-size: 18px; color: #000; font-weight:600; text-transform: uppercase;}
.dtf{ margin:12px 0px 0 0; position: relative;}
.phone_{background: #f3f3f3; border: 0; width: 100%; height: 45px; border-radius: 30px; padding: 0 46px 2px 80px;}
 .edit__{ position: absolute;  right: 12px; background: no-repeat;  border: 0;cursor: pointer; top: 10px; color: #8f8d8d;}
 .edit__:hover{ color: #111;}
.mt{ margin-top: 20px;}
.btn-control button{    background: #d5d5d5; border: 2px solid #d5d5d5;  padding:6px 25px 7px; border-radius: 30px; font-family: 'GentonaMedium'}
.btn-control button.cnd{ background: #fff;}

.ck_nav #chat_section i {
    animation: blinker 1.5s linear infinite;
    background: #ff2f00; font-style: normal;
    padding: 0px 9px 4px;
    display: flex;
    border-radius: 30px;
    margin-left: 8px;
  }
  .ck_nav #chat_section i { animation: blinker 1.5s linear infinite;}
.lf_bx.mb{ display: none;}
.open_wts{
    border: 1px solid var(--green);
    color: var(--green);
    padding: 4px 20px; margin-bottom: 15px;
    display: inline-block;
    border-radius: 30px;
}
.open_wts:hover{ background: var(--green); color: #fff; }
.free_trail_head.pf{     padding-left: 20px;
    padding-right: 20px;
    border-bottom: 0;
    padding-bottom: 0;}
.bubble  .tps_bx {box-shadow: none;padding: 0;}
.bubble  .temp_sheet { background: none;}
.bubble  ._btn { font-weight: 600; padding-bottom: 0;}







.shadow{ box-shadow: 0px 3px 15px 0px #e6e9ef;}
.row_white{ background: #fff; padding: 20px;  margin-bottom: 20px;}
.row_white p{ margin-bottom: 3px;}
.bold_{font-family: "Lato", sans-serif; font-weight: 700;}
.medium_{font-weight:600;}
.font13{ font-size: 13px!important;}
.carousel_list figure {margin: 0; overflow: hidden; border-radius: 6px;}
.carousel_list figure img{ width: 100%;}
.crd__text{ font-size: 13px; padding: 9px; line-height: 16px;}

.carousel_list  { display: -webkit-flex;  flex-wrap: nowrap;  align-items: stretch;  white-space: nowrap !important;
overflow-x: auto !important;  overflow-y: hidden !important;  -webkit-overflow-scrolling: touch !important;  padding: 0;}
.carousel_list >div{white-space: initial; overflow: hidden; flex-wrap: nowrap; flex-shrink: 0; padding: 0; width: 194px;
margin: 5px 5px 6px 0px; display: inline-block !important;  border-radius: 6px; overflow: hidden;}


    .user_profilename{ position: relative;}


.int_box ul {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

 .int_box {
    border-radius: 20px;
    box-shadow: #0000000a 0px 3px 5px;
    background: #fdfdfd;
    width: 100%;
    padding: 0;
    margin: 0;
}
.int_box  ul li {
    width: 33.333%;
    text-align: center; position: relative;
    border-right: 1px solid #d5d5d5;
    padding: 30px 62px;
    border-bottom: 1px solid #d5d5d5;
}

.int_box ul li:nth-child(3),
.int_box ul li:nth-child(6) {
    border-right: 0px;
}

.int_box ul li:nth-child(4),
.int_box ul li:nth-child(5),
.int_box ul li:nth-child(6) {
    border-bottom: 0px;
}

.int_box ul li a {
    color: #111;
    text-decoration: none;
}

.int_box ul li a:hover {
    color: #12c27e;
}
.font-size-18{ font-size: 18px;}
.int_head{ padding: 20px 20px 0 20px;}
.comming-card span {    background: #12c27e;
    color: #fff;
    padding: 3px 16px 6px;
    border-radius: 20px;
    font-weight: 700;
}
.tem_status{position: absolute;
    top: 20px;
    right: 16px;
}

.comming-card figure {
    margin: 35px 0 20px 0;
}

.comming-card small {
    color: #12c27e;
    font-size:18px;font-weight: 700;
}

.comming-card p {
    margin: 0;
    padding: 10px 0;
}
.integration_bx ul li .theme_btn{ color: #fff;    padding-bottom: 10px;}
.integration_bx ul li .theme_btn:hover{ color: #fff;}


#Reminder_notes .modal-content{ float: left;}
.link-store{ margin-bottom: 36px; display: flex; justify-content: space-between; background: #12c27e;
    padding: 20px 35px; border-radius: 20px; align-items: center; color: #fff;}
._connnect-shopy{ display: flex; gap: 15px; align-items: center;}
._connnect-shopy p{margin: 0; font-size: 18px; }
._connnect-shopy a{ text-decoration: none; color: #fff;
border: 2px solid; padding: 5px 20px; box-shadow: 1px 2px 0px 1px #fff; border-radius: 9px;}
._learn-shopy a{color: #fff;}
._learn-shopy .fa-play-circle{font-size: 30px;}
._learn-shopy{ display: flex; align-items: center; gap: 10px;}  
.integ_ h3{  text-align: center;  color: #12c27e;  margin: 0 0 27px 0;  font-size: 20px;}
.integ_ .form-field { margin: 10px 0px;}
.templates-informaiton.white ._btnss .nav-tabs {border-bottom: 0;border-top: 0;padding: 0px 0px;margin-bottom: 0;}
.templates-informaiton ._btnss .nav-tabs>li>a {     background: #fff;margin-right:0px; margin-right: 6px;  border: 1px solid #ccc; border-radius: 5px; padding: 6px 15px;}
.templates-informaiton ._btnss .nav-tabs>li.active>a:before{ height: 0; display: none;}
.templates-informaiton ._btnss .nav-tabs>li.active>a {background: #f1f1f1 !important; color: #111; border: 1px solid #ccc;}
.templates-informaiton ._btnss .opt_bx { margin-right: 12px;}
.templates-informaiton ._btnss .opt_bx input[type="radio"]+label {padding: 6px 17px;  min-height: auto; width: auto;}
.d-flex{ display: flex;}
.cards_slides{ border: 1px solid #000; margin-top: 30px;}
.cards_slides ._btnss { margin-top: -19px; margin-left: 12px;}
#picture__input {  display: none; }
.picture {
    width: 100%;
    background: #f3efef;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border: 2px dashed currentcolor;
    cursor: pointer;
    font-family: sans-serif;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    outline: none;
    overflow: hidden;
    height: 150px;
}
    .picture:hover {  color: #777;  background: #ccc;  }
    .picture:active { border-color: turquoise; color: turquoise;  background: #eee; }
    .picture:focus {  color: #777;  background: #ccc; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
    .picture__img { max-width: 100%;  }
    .card_in___{ padding: 20px;}
    .card_in___ h6 {    font-size: 17px; margin: 25px 0 9px 0; font-weight:600;}
    .card_in___  .field_num{ margin-top: 7px;}
.col-records{    cursor: pointer;
    background: #ffffff;
    margin-left: 6px;
    font-size: 10px; position: relative;
    border: 1px solid #ccc;
    width: 26px;
    height: 26px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;}
    .col-records  img{width: 14px;}
    .col-records span{
        position: absolute;
        bottom: 20px;
        right: -11px;
        background: var(--green);
        color: #fff;
        width: 15px;
        height: 14px;
        text-align: center;
        border-radius: 100%;
        padding: 1px;
    }

    .logs__{     list-style: none;
        padding: 0;
        margin: 0;
        max-height: 250px;
        overflow-y: scroll;}
    .logs__ li{  font-weight: 600;   padding: 4px 10px;
        border-bottom: 1px solid #ebeaea;
        display: flex;
        justify-content: space-between;
        align-items: center;}
        .logs__ li button{background: none; font-size: 11px;border: 1px solid #ccc; width: 30px;
            height: 30px;        border-radius: 5px;}
.logs__ li:hover{ background: #f2f2f2; cursor: pointer;}
.logs__ li small{ font-size: 13px; margin-left: 20px; color:#787878; font-weight: normal; padding: 2px 10px;}
.phone_records{
    width: 25px;
    background: #000;
    height: 25px;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: #fff;
    border-radius: 100%;
    margin-left: 6px;
}
.logs__ li  audio{height: 29px;
    width: 310px;}
.phone_records:hover{ color: #fff;}
.phone_records svg{    transform: rotate(90deg);}
.user_profilename { margin-bottom: -7px;}
#call_records .theme_btn { font-size: 12px; padding: 5px;}

#ticket_management h3{ font-size: 17px; margin: 1px 0 8px 0;}
.tkt_m{ margin: 10px 0px; padding: 18px; background: #f2f2f2;}
#overdue_time{ width: 60px; text-align: center; border: 1px solid #ccc; padding: 4px; border-radius: 5px;}







  @keyframes blinker {  50% {  opacity: 0;  }}



    @media screen and (max-width:1050px){
        .mdbx span{ display: none;}
      }


      @-webkit-keyframes pulse {
        0% {
        -webkit-box-shadow:0 0 0 0 rgba(35, 32, 68, .6)
        }
        70% {
        -webkit-box-shadow:0 0 0 15px rgba(35, 32, 68, 0)
        }
        100% {
        -webkit-box-shadow:0 0 0 0 rgba(35, 32, 68, 0)
        }
        }
        @keyframes pulse {
        0% {
        -moz-box-shadow:0 0 0 0 rgba(35, 32, 68, .6);
        box-shadow:0 0 0 0 rgba(35, 32, 68, .6)
        }
        70% {
        -moz-box-shadow:0 0 0 15px rgba(35, 32, 68, 0);
        box-shadow:0 0 0 15px rgba(35, 32, 68, 0)
        }
        100% {
        -moz-box-shadow:0 0 0 0 rgba(35, 32, 68, 0);
        box-shadow:0 0 0 0 rgba(35, 32, 68, 0)
        }
        @keyframes pulse {
        0% {
        -o-box-shadow:0 0 0 0 rgba(35, 32, 68, .6);
        box-shadow:0 0 0 0 rgba(35, 32, 68, .6)
        }
        70% {
        -o-box-shadow:0 0 0 15px rgba(35, 32, 68, 0);
        box-shadow:0 0 0 15px rgba(35, 32, 68, 0)
        }
        100% {
        -o-box-shadow:0 0 0 0 rgba(35, 32, 68, 0);
        box-shadow:0 0 0 0 rgba(35, 32, 68, 0)
        }
        }
        }


        @media screen and (max-width:767px){
            .login-info-bx-left{ width: 100%;}
            .login-app {height: auto;flex-wrap: wrap;}
            .login-info-bx-right{ width: 100%; padding: 20px 15px;}
            .form_app_ {width: 100%;}
            .lf_bx.mb{display: block;margin-top: 20px;background: #09ac6d;color: #fff;padding: 20px;border-radius: 10px;}
            .lf_bx.dx{ display: none;}
            .logo__ {margin-bottom: 0;}
            .container_ {float: left;}
            .login-info-bx-left:before,.login-info-bx-left:after{ display: none}
            .lf_bx.mb  .log_list  li{ font-size: 17px; margin: 5px 0px;}
            .lf_bx.mb  .log_list { padding-left:30px;}
            ._trms_check  ._btn_Wrap {margin-top: 0;}
            .form-field-row button[type=submit]{     width: 100%;margin-top: 8px;font-size: 20px;} 
            ._btn_Wrap span{    margin-top: 0;width: 100%;background: no-repeat;border: 0;color: #585858;} 
            .rem_ {color: #bdbdbd;} 
            .rem_  a{color: #0aac6d;}
            .hlp{ display: none;}
            .bts {margin-bottom: 16px;margin-top: 20px;}
            .free_trial__ .modal-dialog{ width: 280px;  margin: 0 auto; margin-top: 40px;}
            .web_{ display: none;}
.dx_{ display: block}
.templates-informaiton .nav-tabs.bots>li>a { padding: 6px 4px;  font-size: 14px;}
.pricing-informaiton {padding: 0px 16px!important;}
.tbs_filter .nav>li>a {padding: 9px 20px!important;font-size: 14px!important;}
              }