<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* Unify extra styles */

.unify-table-area .unify-search{
	background: transparent;
	margin-bottom:22px;
	padding:0;
}

.unify-mid-heading{
	background: transparent;
	padding:0;
	margin-bottom:30px;
}

.unify-search .unify-search-col{
	background: #ffffff;
	/*padding: 10px;*/
	padding: 9px;
}
.unify-search-left{
	float: left;
	padding-left: 30px;
	padding-top: 3px;
}
.unify-search-left label{
	color: #DEE2E8;
	margin-bottom:0;
	margin-right: 10px;
}
.unify-search-right{
	float: right;
	max-width:315px;
	width:100%;
	padding-top: 4px;
	margin-right: 30px;
}

.unify-search-right input[type="text"]{
	border: 0;
	outline: 0;
	border-bottom: 1px solid #707070;
	width:100%;
	color: #212D3D;
}

/*exp-adjust*/

.unify-top-search-left{
	background: #ffffff;
	flex: 0 0 85%;
	max-width: 85%;
}
.unify-top-search-left-full{
	background: #ffffff;
	flex: 0 0 100%;
	max-width: 100%;
}
.unify-top-search-right{
	flex: 0 0 15%;
	max-width: 15%;
}
.unify-search .unify-search-col{
	padding: 9px 0 !important;
}
.unify-search .row{
	margin: auto;
}
.unify-top-search-right{
	padding-right:0;
}
.unify-search-left{
	/*padding-left:15px;*/
	padding-left:24px;
}

.unify-search-left .btn.dropdown-toggle{
	background: transparent;
	border: 0;
	padding: 0 10px;
	box-shadow: none;
	border-radius:0;
}
.unify-search-left .dropdown.show .btn.dropdown-toggle{
	box-shadow: none;
	background: transparent;
	border-radius:0;
}

/*exp-adjust*/

.add-configuration-inner .btn {
	background-color: #5C79FF;
	border-color: #5C79FF;
	border-radius:0;
	color: #ffffff !important;
	padding:11px;
}
.add-configuration-inner {
	text-align: right;
}

.unify-sub-head-all{
	background: transparent !important;
	padding:0 !important;
	margin-bottom:30px;
}

.mid-heading{
	font-size: 18px;
	margin-bottom: 0;
	color: #777691;
	font-family: 'Roboto', sans-serif;
	font-weight:500;
}

/* -------- Table-design-unify-custom ----------- */
.unify-table .table th{
	border-top:0;
	padding-top:0;
	font-size: 16px;
	font-weight: 500;
}
.unify-table .table td p{
	margin-bottom:0;
}

.table td .dropdown .btn{
	padding:0;
}
.table td .dropdown i{
	color:#212D3D;
}
.table td .dropdown.show i{
	color: #5C79FF;
}

.table td .dropdown .unify-row-actions{
	padding:0;
	text-align:center;
	box-shadow: 0 0 10px 1px #f0f0f0;
	border:0;
	background: #ffffff;
	left: -10px !important;
}
.table td .dropdown .unify-row-actions li{
	border-bottom: 1px solid #DEE2E8;
	padding: 8px 0;
}
.table td .dropdown .unify-row-actions li:last-child{
	border-bottom:0;
}
.table td .dropdown .unify-row-actions li:hover{
	color: #5C79FF;
}

/*login-form-design*/

.inner-form-all{
	background:#5c79ff;
	display: flex;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	align-items: center;
	/* height: 100%; */
	height: 100vh;
	padding: 50px;
}
.inner-form-all .container{
	padding:0;
}

.login{
	padding:0;
	width:100%;
}

.login-cst-bg{
	background-image:url(../images/login-bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	overflow:hidden;
	position:relative;

	height: 100vh;
}
.log-in-form-area{
	/*padding: 30px;*/
	padding: 40px;
	background: #ffffff;
	/*margin-top: 40px;*/
	max-width:414px;
	width:100%;
	/*margin:40px auto 0;*/
	margin:40px auto;
}

.log-in-form-area .form-group:last-child{
	margin-bottom:0;
}

/* -------- Forgot /Reset Password design ---------*/

.log-in-form-area .form-heading{
	font-size:18px;
	color:#777691;
	margin-bottom: 25px;
}
.reset-pass p{
	margin-bottom:0;
	font-size:14px;
	color:#000000;
}
.cst-align-center{
	font-size:14px;
}

.cst-align-left, .cst-align-right{
	font-size:14px;
}
.cst-align-left{
	float:left;
}
.cst-align-right{
	float: right;
}
.semi-bld-medium{
	font-weight:500;
	color: #212D3D;
}

.opt-text a{
	text-decoration: underline;
}
.opt-text a:hover{
	text-decoration: none;
}

.cst-login-all .row{
	margin:auto;
}
.cst-login-all .row .col-4, .cst-login-all .row .col-8{
	padding:0; 
}
.logo-area{
	text-align: center;
}

.form-group .btn{
	border:0;
	border-radius:2px
}

.form-control:focus,
.btn-primary.focus, .btn-primary:focus{
	box-shadow: none;
}

.log-in-form-area .form-group{
	margin-bottom:30px;
}
.form-group .btn:focus{
	box-shadow: none !important;
}

/* -------- settings-custom-main-design ----------- */
.tran-bg-in{
	background: transparent;
}
.inner-white-box{
	background:#ffffff;
	padding: 35px;
	/*min-height: 485px;*/
	min-height:500px;
}
.logo-api-all, .form-api-all{
	margin-top:40px;
}

.logo-sq-port li{
	/*width:50%;*/
	/*width:49%;*/
	width:48.5%;
	display: inline-block;
	border: 1px solid #DEE2E8;
	list-style-type: none;
	margin-bottom: 3%;
	/*height:100px;*/
	height:102px;
	/*height:105px;
	padding:2px;*/
	cursor:pointer;
	text-align: center;
	align-items: center;
}

.logo-sq-port li a, .logo-sq-port li a:hover{
	text-decoration: none;
	border:0;
	outline: none;
	display: block;
}

.logo-sq-port li a img{
	max-width: 252px;
	height: 100px;
	width: 100%;
}

.logo-sq-port li:hover, .logo-sq-port li.active{
	border: 1px solid #5C79FF;
}

.logo-sq-port{
	padding:0;
	margin:0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
}

.cancel-option{
	margin: 20px 0 0 0;
}
.cancel-option a{
	text-decoration: none;
	color: #5C79FF;
}
.cancel-option a:hover{
	text-decoration:underline;
}

.gen-col-btn{
	border: 0;
	border-radius: 0;
	background-color: #5C79FF;
	border-color: #5C79FF;
	padding: 7px 22px;
}

.cst-blockquote{
	background: #f1f4f9;
	padding: 15px 20px;
}

.cst-blockquote .blockquote p{
	/*font-size:12px;*/
	font-size:13px;
	color: #212D3D;
	line-height: 17px;
}
.cst-blockquote .blockquote{
	margin-bottom:0;
}
.cst-blockquote h5{
	font-size: 19px;
	color: #777691;
	font-weight: normal;
	/*margin-bottom:20px;*/
	margin-bottom:17px;
}
.block-icon-head{
	padding-left: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 20px;
}
.cst-blockquote h5 i{
	display: inline-block;
	vertical-align: middle;
}

.form-api-inner .form-group{
	margin-bottom:20px;
}

.view-desc{
	line-height: 22px;
	margin-bottom: 20px;
}

.form-group select{
	border-radius:0;
}

.domains-add .input-group input[type="text"] {
	border-radius:0;
	flex: 0 0 48%;
}
.input-group .input-group-text{
	border-radius: 0;
	background: transparent;
	border: 0;
}

.domains-add .inner-white-box{
	min-height: 515px;
}

.providers-block {
	margin-bottom: 25px;
}

/*--------login-modal-design--------*/

.open-popup-login{
/*	-webkit-filter: blur(2px);
	-moz-filter: blur(2px);
	-o-filter: blur(2px);
	-ms-filter: blur(2px);
	filter: blur(2px); */
}

.login-modal{
	border:0;
}

.login-modal h4{
	color: #777691;
	font-size: 18px;
	margin:0 0 33px 0;
}

.login-modal .modal-header{
	/*padding: 55px 55px 0 55px;*/
	    padding: 40px 55px 0 55px;
}

.login-modal .modal-body{
	padding: 0 55px 0 55px;
}
.login-modal .modal-footer{
	padding: 33px 55px 40px 55px;
}

.option-ctrl{
	text-align: center;
}

.login-modal .modal-footer .btn, .login-modal .modal-body .btn{
	border: 0;
	border-radius: 0;
	background: #5C79FF;
	font-size: 16px;
	padding: 13px;
}
.modal-foot-inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
    width:100%;
}
.option-ctrl{
	text-align: center;
	width:100%;
	margin-top: 32px;
}
.option-ctrl a{
	font-size:14px;
}

.modal-foot-inner .btn-group{
	max-width: 47%;
	width: 100%;
}
.inner-formval-section .btn-group{
	max-width: 100%;
	width: 100%;
}
.inner-formval-section input[type="text"], .inner-formval-section input[type="tel"]{
	margin-bottom:30px;
}


.login-modal .modal-footer .btn.disabled, .login-modal .modal-body .btn.disabled{
	background: #B8BBBF;
	cursor: not-allowed;
}
.modal-body input[type="text"], .modal-body input[type="tel"]{
	border-radius:0;
}
.inner-formval-section{
	/*padding: 0 25px 0 25px;*/
	padding: 0 10px 0 10px;
}


.inner-formval-section .semi-bld-medium{
	/*margin-bottom:30px;*/
	    margin-bottom: 17px;
}

.auth-google-modal .modal-body p{
	/*margin-bottom: 24px;*/
	margin-bottom: 19px;
	line-height: 20px;
}

.auth-google-modal .modal-header {
    padding: 40px 55px 0 55px;
}

.auth-google-modal .option-ctrl{
	margin-top:0;
}
/*---------- 1st modal adjustments -------------*/
.login-modal.min-body .modal-body{
	/*min-height:102px;*/
	min-height:117px;
}
.login-modal.min-body .modal-body p{
	margin-top: 23px;
	margin-bottom: 30px;
}


/*---------- 1st modal adjustments -------------*/

/*---------- 2nd modal adjustments -------------*/
.login-modal.auth-mobile-modal .modal-header {
    /*padding: 50px 55px 0 55px;*/
    padding: 40px 55px 0 55px;
}
.login-modal.auth-mobile-modal h4{
	margin: 0 0 22px 0;
}

.login-modal.auth-mobile-modal .modal-body label.semi-bld-medium{
	margin-bottom: 16px;
}

.login-modal.auth-mobile-modal .option-ctrl{
	margin-top: 26px;
}

.login-modal.auth-mobile-modal .modal-body p{
	line-height: 20px;
	margin-bottom: 19px;
}

/*---------- 2nd modal adjustments -------------*/
/*---------- 3rd modal adjustments -------------*/

.login-modal.auth-google-modal h4 {
    margin: 0 0 22px 0;
}
.login-modal.auth-google-modal .modal-footer{
	/*padding: 30px 55px 40px 55px;*/
	padding: 18px 55px 40px 55px;
}
.login-modal.auth-google-modal .container{
	padding-top:7px;
}

/*---------- 3rd modal adjustments -------------*/

.qrcode-section{
	width:159px;
	height:159px;
	background: #ccc;
}

.login-modal.auth-mobile-modal .modal-footer{
	padding: 30px 55px 40px 55px;
}



/*Web-admin-design*/
.web-admin{
	position: relative;
}
.fixed-web{
	background: #212D3D;
	position: fixed;
	bottom: 0;
	width: 225px;
	padding:20px 30px;
}
.fixed-web h5{
	margin:0;
	color: #777691;
	font-size:12px;
	font-weight: normal;

}
.fixed-web p{
	margin:4px 0 0 0;
	color: #ffffff;
	font-size:15px;
}
.fixed-web p.admin-name{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}


.admin-img-cont{
	width:40px;
	height: 40px;
	background: #ffffff;
	border-radius:50%;
	overflow: hidden;
}

.admin-img-area{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
}
.admin-img-area{
	width:27%;
	display: inline-block;
	margin-right: -4px;
	vertical-align: middle;
}
.admin-text-area{
	display: inline-block;
	width: 70%;
	margin-right: -4px;
	padding-left:15px;
	vertical-align: middle;
}
/*Web-admin-design*/

/*--------Instances large form design---------*/
.box-no-gap{
	border-bottom: 1px solid #DEE2E8;
}
.top-mg-gap{
	margin-top: 20px;
}
.inner-lg-opt-form .inner-white-box{
	min-height:0;
}
.inner-lg-opt-form .logo-api-all, .inner-lg-opt-form .form-api-all {
    margin-top: 30px;
}
.inner-lg-opt-form .form-row{
	margin-left:0;
	margin-right:0;
}
.inner-lg-opt-form .text-muted{
	color:#B8BBBF !important;
	margin: 0;
	margin-bottom:16px;
}
.inner-lg-opt-form .form-group textarea{
	min-height:272px;
}
.form-api-all.no-margin{
	margin-top:0;
}
.input-slct{
	border-radius:0;
}

/*--------Instances large form design---------*/


/* ------------- side-slide button adjustments ---------------*/
.ad-on-btn-in{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-flow: row wrap;
	    min-height: 45px;
}
.gear-box, .slide-opt-box{
	width: 50%;
	text-align: right;
	align-items: center;
	justify-content: flex-end;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -o-flex;
	display: flex;
}

.gear-box i{
	color: #5C79FF;
	font-size:20px;
	line-height: 30px;
}
.captcha-box .text-muted{
	margin-bottom:0;
}
.captcha-box .form-group{
	margin:0 0 0 0;
}
.captcha-box .form-row{
	margin-bottom:30px;
}
.tg-40-all{
	padding:40px 20px;
}

.dp-down .select--option{
	background:#ffffff;
	font-size: 13px;
}
.dp-down .select--option span.active{
    background: #5CB85C;
    color: #ffffff;
    padding: 0px 7px;
    font-size: 11px;
    line-height: 21px;
    font-weight: 500;
    display: inline-block;
}
.dp-down .select--option span.inactive{
    background: #DD2121;
    color: #ffffff;
    padding: 0px 7px;
    font-size: 11px;
    line-height: 21px;
    font-weight: 600;
    display: inline-block;
}
.dp-down .select--option label{
	min-width:200px;
	cursor: pointer;
}
.dp-down .select--option:hover span.crm-name{
	color: #5C79FF;
}
.dp-down .component__select-options .select--option:hover{
	cursor:pointer;
}
.dp-down .form-control.cl-change{
	background: #ffffff;
	cursor:pointer;
}
.dp-down .select--option .crm-name{
	min-width: 120px;
	display: inline-block;
}

.gear-box span{
	cursor: pointer;
}

/*Custom Modal Dialog*/

.customModal .modal-content{
	box-shadow: 0 0 8px -2px rgba(0, 0, 0, 0.6);
}
.customModal .modal-content .modal-header{
	padding: 40px 55px 0 55px;
}
.customModal .modal-content .modal-body{
	padding: 13px 55px 0 55px;
}
.customModal .modal-content .modal-footer{
	padding: 30px 55px 40px 55px;
}
.customModal.show{
	display: flex;
	align-items: center;
}

.customModal .modal-dialog{
	flex-grow: 1;
}
.customModal .modal-footer{
	justify-content:center;
	flex-direction: column;
}
.customModal .modal-footer&gt;:not(:first-child){
	margin-left:0;
}
.customModal .modal-footer .btn.btn-primary {
    border-radius: 0;
    background: #5C79FF;
    border-color: #5C79FF;
    padding: 5px 30px;
    font-size: 15px;
}
.customModal label{
	margin-bottom:0;
}
.customModal small{
	margin: 0 0 16px 0;
	color: #B8BBBF !important;
}

/*---------- Add Portal Design fixing ----------*/
.add-new-smtp .btn{
	padding: 6px 14px;
	font-size: 14px;
}
.uni-portal-form .form-group label{
	/* margin:0; */
}
.uni-portal-form .form-group small{
	margin: 0 0 16px 0;
}
.uni-portal-form .email-settings .form-group label{
	margin:0;
}

.uni-portal-form .logo-api-all, .uni-portal-form .form-api-all {
    margin-top: 30px;
}

.uni-portal-form .form-row{
	margin-left:0;
	margin-right:0;
}
.general-settings label{
	/* margin-bottom:16px !important; */
}
.uni-portal-form .slide-opt-box label{
	margin-bottom:0;
}
.uni-addi-settings {
	padding-bottom: 19px;
}
.subscription-settings .form-row, .additional-terms .form-row, .uni-addi-settings .form-row, .email-settings .form-row{
	/* margin-bottom:20px; */
	margin-bottom:1rem;
	align-items: center;
}
.subscription-settings .form-row:last-child{
	margin-bottom:0;
}
.subscription-settings{
	/*padding-bottom:0;*/
}

.mb-20{
	margin-bottom:20px;
	align-items: center;
}

/* ---------- Very large custom modal -----------*/

.v-large-modal-cst .modal-body{
	padding:0;
}
.v-large-modal-cst .modal-footer{
	padding: 20px 50px 40px 50px;
	flex-direction: column;
}
.v-large-modal-cst .modal-footer .gen-col-btn{
	padding: 5px 57px;
}
.v-large-modal-cst .modal-footer .Save-Subscription  .gen-col-btn {
    padding: 7px 33px;
    font-size: 14px;
}
.v-large-modal-cst .modal-footer .btn.disabled{
	background: #B8BBBF;
	cursor: not-allowed;
}
.uni-mb-40{
	margin-bottom:40px;
}
.v-large-modal-cst .add-area{
	width:100%;
	text-align: right;
}
.bottom-modal-large-form{
	padding:30px 50px 0 50px; 
}
.bottom-modal-large-form-inner textarea{
	resize:none;
	height:118px;
}
.bottom-modal-large-form-inner .form-row&gt;.col, .form-row&gt;[class*=col-]{
	padding-right: 10px;
	padding-left: 10px;
}
.uni-mb-3{
	margin-bottom:20px !important;
}

.bottom-modal-large-form-inner input[type="text"], .bottom-modal-large-form-inner input[type="tel"]{
	font-size:14px;
}
.cst-upload{
	border: 1px solid #DEE2E8;
	margin: 0;
	width: 100%;
	height: 118px;
	padding: 18px;
	color: #B8BBBF;
	justify-content: center;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
}

.Save-Subscription {
	width:100%;
	margin:0 !important;
}

.cst-upload .upload-img{
	display: block;
	text-align: right;
	color: #B8BBBF;
	font-size: 14px;
	display: block;
}
.cst-upload .upload-img i{
	font-size: 17px;
	padding-left: 30px;
}
.upload-image-top i{
	font-size:40px;
}
.upload-image-top{
	display: block;
	color: #DEE2E8;
}
.uni-cst-file-upload{
	color: #DEE2E8;
}

.bottom-modal-large-form-inner ::-webkit-input-placeholder{
  color: #B8BBBF !important;
  font-size: 13px;
}
.bottom-modal-large-form-inner ::-moz-placeholder {
  color: #B8BBBF !important;
  font-size: 13px;
}
.bottom-modal-large-form-inner :-ms-input-placeholder {
  color: #B8BBBF !important;
  font-size: 13px;
}
.bottom-modal-large-form-inner ::placeholder {
  color: #B8BBBF !important;
  font-size: 13px;
}

.msg-type-box ::-webkit-input-placeholder {
	font-size:15px;
	color: #B8BBBF !important;
}
.msg-type-box ::-moz-placeholder  {
	font-size:15px;
	color: #B8BBBF !important;
}
.msg-type-box :-ms-input-placeholder  {
	font-size:15px;
	color: #B8BBBF !important;
}
.msg-type-box ::placeholder  {
	font-size:15px;
	color: #B8BBBF !important;
}



/*Chat box design*/

    .inbox_people {
      background: #fff none repeat scroll 0 0;
      float: left;
      overflow: hidden;
  }
  .inbox_msg {
      clear: both;
      overflow: hidden;
  }
  .top_spac{ margin: 20px 0 0;}


  .recent_heading {float: left; width:100%;}
  .srch_bar {
      display: inline-block;
      text-align: right;
      width: 60%; padding:
  }
  .headind_srch{ 
    /*padding:10px 29px 10px 20px;*/ 
    padding: 30px 50px; 
    overflow:hidden; 
    border-bottom:1px solid #F1F4F9; 
    height:100px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    align-items: center;
  }

  .recent_heading h4 {
      color: #05728f;
      font-size: 21px;
      margin: auto;
  }
  .srch_bar input{ width:80%; padding:2px 0 4px 6px; background:none;}
  .srch_bar .input-group-addon button {
      background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
      border: medium none;
      padding: 0;
      color: #707070;
      font-size: 18px;
  }
  .srch_bar .input-group-addon { margin: 0 0 0 -27px;}

  .chat_ib h5{/* font-size:15px; color:#464646; margin:0 0 8px 0;*/}
  .chat_ib h5 span{ font-size:16px; float:right; font-weight: normal;}
  .chat_ib p{ font-size:14px; color:#989898; margin:auto}
  .chat_img {
      float: left;
      width: 11%;
  }
  .chat_ib {
     /* float: left;*/
/*      padding: 0 0 0 15px;
      width: 88%;*/

  }

  .chat_details .chat_ib {
      /*float: left;*/
/*      padding: 0 0 0 15px;
      width: 88%;*/
  }

  .chat_details{ overflow:hidden; clear:both;}
  .chat_list {
      margin: 0;
      /*padding: 18px 16px 10px;*/
      padding:30px 50px;
  }
  .inbox_chat { /*height: 550px;*/ height:485px;}

  .active_chat{ background:#ebebeb;}

  .incoming_msg_img {
      display: inline-block;
      width: 4%;
  }
  .received_msg {
      display: inline-block;
      /*padding: 0 0 0 10px;*/
      vertical-align: bottom;
      /*width: 100%;*/
      width:95%;
  }
  .received_withd_msg p {
      background: #F1F4F9 none repeat scroll 0 0;
      border-radius: 3px;
      color: #646464;
      font-size: 14px;
      margin: 0;
      padding: 5px 10px 5px 12px;
      width: 100%;
  }
  .time_date {
      color: #747474;
      display: block;
      font-size: 12px;
      margin: 8px 0 0;
  }
  .received_withd_msg { /*width: 57%;*/ width: 100%;} 
  .mesgs {
      float: left;
      width: 100%;
      border-left: 1px solid #F1F4F9;
  }

  .reve-msg p {
      background: #5C79FF none repeat scroll 0 0;
      /*border-radius: 3px;*/
      -webkit-border-radius: 15px;
      -webkit-border-bottom-right-radius: 0;
      -moz-border-radius: 15px;
      -moz-border-radius-bottomright: 0;
      border-radius: 15px;
      border-bottom-right-radius: 0;
      font-size: 14px;
      margin: 0; color:#fff;
      /*padding: 5px 10px 5px 12px;*/
      padding:18px;
      width:100%;
  }
  .outgoing_msg{ overflow:hidden; /*margin:26px 0 26px;*/ display: inline-block;
      /*padding: 0 0 0 10px;*/
      vertical-align: bottom;
      width: 92%;} 

      .reve-msg {
          float: right;
          /*width: 82%;*/
          max-width:530px;
      }
      .input_msg_write input {
          background: none repeat scroll 0 0;
          border: none;
          color: #4c4c4c;
          font-size: 15px;
          min-height: 48px;
          width: 100%;
          outline: none;
          /*padding:0 50px;*/
          padding: 0 50px 0 0;
      }

      .type_msg {border-top: 1px solid #F1F4F9;position: relative;}
      .msg_send_btn {
          background: #fff none repeat scroll 0 0;
          border: none !important;
          border-radius: 50%;
          color: #B8BBBF;
          cursor: pointer;
          font-size: 17px;
          height: 33px;
          position: absolute;
          right: 0;
          top: 9px;
          width:85px;
      }
      .messaging { /*padding: 0 0 50px 0;*/ background:#fff; width:100%;}
        .msg_history {
          height: 604px;
          overflow-y: auto;
          /*padding:30px 50px;*/
          padding:30px;
      }

.chat_ib p.uni-req-info{
	font-size:16px;
	font-weight: 600;
	color:#212D3D;
	margin-bottom:18px;
}
.chat_ib p.uni-req-info span{
	font-weight: normal;
}
.container-fluid.request-details .row{
	margin-right: -20px;
	margin-left: -20px;
}
.container-fluid.request-details{
	padding-top:0;
	padding-bottom:0;
}
.resolved-box{
	padding:0 50px;
}
.snt-msg p{
	background:#F1F4F9;
	padding: 18px;
	font-size: 14px;
	width: 100%;
	-webkit-border-radius: 15px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 15px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 15px;
	border-bottom-left-radius: 0;
	margin: 0;
}
.snt-msg{
	display: inline-block;
	vertical-align: bottom;
	width: 95%;
}
.msg-date p{
	font-size:12px;
	color: #B8BBBF;
	margin-bottom:10px;
}
.outgoing_msg_img{
	display: inline-block;
	width: 4%;
}
.outgoing_msg_img img, .incoming_msg_img img{
	width:25px;
	height:25px;
	max-width:100%;
}
.incoming_msg, .outgoing_msg{
	margin-bottom:30px;
}
.snt-cont-msg{
	/*width: 82%;*/
	max-width:530px;
}
.resolved-box h5, .resolved-box h5 a{
	color: #5C79FF;
	font-size:16px;
}
.resolved-txt i{
	float: left;
}
.msg_send_btn i{
	padding:0 8px;
}
.msg-type-box{
	padding:0 50px;
	display: block;
}


.sub-packages-list .product-img {
	width: 67px;
	height: 38px;
	display: flex;
	overflow: hidden;
	justify-content: center;
	flex-direction: column;
}
.sub-packages-list .product-img img {
	width: 100%;
	height: auto;
}

/*drop-down-for color-box*/

.color-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.color-list + * {
	clear: both;
}
.color-list &gt; li {
	float: left;
	padding: 3px;
	position: relative;
}
.color-list &gt; li &gt; a {
	display: block;
/*	height: 22px;
	width: 18px;*/
	height: 24px;
	width: 24px;
	background: #CCC;
}
.color-list &gt; li &gt; a.noColor:after, .color-list &gt; li &gt; a.noColor.selected:after {
	content: "";
	background: red;
/*	-webkit-transform: rotate(-51deg);
  transform: rotate(-51deg);*/
  	-webkit-transform: rotate(-44deg);
    transform: rotate(-44deg);
  display: inline-block;
  position: absolute;
/*	bottom: 15px;
	top: 15px;
	left: 1px;
	width: 26px;
	height: 2px;*/
	bottom: 15px;
	top: 14px;
	left: 0px;
	width: 30px;
	height: 2px;
}
.color-list &gt; li &gt; a:hover {
	border: 1px solid #2e2e2e;
}
.color-list &gt; li &gt; a.selected {
	border: 1px solid #2e2e2e;
}
.color-list &gt; li &gt; a.selected:after {
	content: "\f00c";
	font-family: Font Awesome\ 5 Free;
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
	display: block;
	position: absolute;
	top: 4px;
	left: 8px;
	font-weight: 900;
}
.color-list &gt; li &gt; a.noColor.selected {
	border: 1px solid #2e2e2e;
}


.add-smtp-modal .Save-Subscription .btn, .edit-template .Save-Subscription .btn{
	padding: 6px 60px;
	font-size: 14px;

}
.add-smtp-modal .Save-Subscription .btn.btn-success{
	margin: 0 15px 0 0;
}
.add-smtp-modal .Save-Subscription .btn.btn-primary{
	margin: 0 0 0 15px;
}

.add-smtp-modal .Save-Subscription .cancel-option, .edit-template .Save-Subscription .cancel-option{
	margin: 10px 0 0 0;
}
.edit-template .form-group .text-muted{
	margin: 0;
	margin-bottom: 16px;
	color: #B8BBBF !important;
}



@media (min-width: 576px){
.modal-dialog {
	max-width: 600px;
	margin: 1.75rem auto;
}

.v-large-modal-cst .modal-dialog {
    max-width: 1130px;
    margin: 1.75rem auto;
}

}



.sub-packages-list .unify-table {
	width: 100%;
}
#add-smtp-modal .modal-content, #edit-template .modal-content {
	padding: 22px 35px;
}
.uni-child-no-border .box-no-gap {
	border-bottom: none;
}
</pre></body></html>