.form-control-require, .dataTables_filter input {
  display: block;
  width: 100%;
  height: calc(1.96875rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #494c57;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ddd;
  border-radius:0px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }

  .themeicon {
	  background:#fff;
	  position:fixed;
	  right:0px;
	  top:8%; 
	  width:35px; 
	  height:35px; 
	  z-index:999;
	  cursor:pointer;
	  padding:2px;
	  border: 1px solid #1c273c;
	  }
	  
	  .col-md-3 {
    margin-bottom: 15px!important;}
  
      .col-md-2 {
    margin-bottom: 15px!important;}

	.col-md-4 {
    margin-bottom: 15px!important;}
  
  
  .sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 15px;border-left:1px solid #ccc;
}

.sidenav a {
  padding: 8px 8px 8px 5px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  
}

.sidenav a img {border:1px solid #ccc;}


.sidenav b {font-size:16px;}


.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: -8px;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.sidenav .closebtn a hover {transition:0;} 

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.formlbl {color:#1c273c;width: 100%!important;}

.select2 {color:#1c273c;width: 100%!important;}

.btnmargin {margin-top:10px!important;}

.font15 {font-size:14px; padding-left:6px;}

.font35 {font-size:35px; vertical-align:middle;}

.downarrow {position:absolute; width:100%; text-align:left; margin-top:-7px;}

.dropmenuleft {margin-left:-36%; float:left;}

.searchicon {
	position:absolute;
	float:right; font-size:12px;
    cursor: pointer;
    margin-top: -23px;
	right:23px;}

.footerarea	{text-align: center;height: 28px!important;
width: 100% !important;
max-width: 100% !important;
border-top: 1px solid #cdd4e0;
position: fixed; background:#fff;
bottom: 0px;
padding-top: 10px;
padding-bottom: 10px;}

.ratingarea {float:left; width:100%;  vertical-align: baseline;}

.flsarea {float:left; width:100%;  vertical-align: baseline;border-bottom: 1px solid #cdd4e0;margin-top:7px; padding-bottom:10px;}

.flsarea:last-child {border-bottom:0px solid #cdd4e0;}

.follow {float:left; width:100%; max-width:100%!important; border:1px solid #1c273c!important; border-left:4px solid #1c273c!important; margin:0px 0px 0px 0px; padding:10px 10px 0px 10px;}

.followimg {width:50px!important; height:50px!important; max-width:100%!important;}

.colorlink a {color:#080707; font-size:13px;}

.colorlink a:hover {color:#00008b;}

#more {display: none;}

#myBtn{cursor:pointer;color:#007bff;}

#myBtn:hover{cursor:pointer;color:#0039e6;}

.postara {float:none;width: 100% !important;}

.cursorpnt {cursor:pointer;}

.like-content {
    display: inline-block;
    cursor:pointer; 
	}
	
.like-content span {color:#3366ff;}

.like-review{font-size:13px;}

/*.animate-like {}*/
@keyframes likeAnimation {}

/*mobile*/
@media screen and (max-width:1024px) {

}
/*mobile*/


/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
  .navheight {height:480px; overflow: auto!important;}
}

.navheight {height:480px; overflow: auto!important;}


.dataTables_filter {margin-top: -42px; display: none;}

.themeimage{
background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
   -webkit-animation: controlSpin 4s linear infinite;
            animation: controlSpin 4s linear infinite;
}

.customfieldset {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 1px groove;
}
.customlegend {

    display: block;
    width: auto;
    max-width: 100%;
    padding: 5px;
    margin-bottom: .5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;

}

.visualCardContainer{
	min-width:25%;
}

.az-content-title{
	margin-bottom:5px;
}

.profile-pic {
    max-width: 200px;
    max-height: 200px;
    display: block;
}

.file-upload {
    display: none;
}
.circle {
    border-radius: 1000px !important;
    overflow: hidden;
    width: 130px;
    height: 130px;
    border:0px solid rgba(255, 255, 255, 0.7);
    position: absolute;
    top:0px; background:#efefef;
}

.p-image {
  position: absolute;
  top: 87px;
  left: 98px;
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload-button {
  font-size: 1.2em;
}

.upload-button:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
  color: #999;
}

.page-link{
	width:auto;
	position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color:#1c273c;
background-color: #fff;
border: 1px solid #dee2e6;
}
.paginate_button {
	padding: 0px !important;
	width: auto !important;
	height: auto !important;
	background: transparent !important;
	margin: 0px !important;
}

.DTsearch{
	height:25px;
	
}

.page-item:first-child .page-link {

    margin-left: 0 !important;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;

}

.page-item:last-child .page-link {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.wcl  {color:#fff; float:left; height:33px !important;}


.wcl  a {color:#fff;}

.dt-buttons {position: absolute; margin-top:-46px;margin-left:50.5%;}


.dataTables_length {margin-top:-41px;margin-left:72%;position: absolute; display:none;}

.card-body h1 {font-size:15px!important; padding:10px 0px 10px 0px; margin:0px; color:#1c273c;}

.artimg {max-width: 100%; width: 100%; height: 150px!important;}


.textcolor {color:#8b8b8b!important;font-size:13px!important;}

.textcount {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;max-height:105px;-webkit-line-clamp:5;-webkit-box-orient: vertical;}

.card-footer2 {
  padding:5px 5px 5px 17px;
  background-color:#f7f7f7;color:#444;
  border-bottom:1px solid rgba(0, 0, 0, 0.125);
  overflow: hidden;text-overflow: ellipsis;white-space: nowrap; display: block;
  }
  .card-footer:last-child {
    border-radius: 0 0 calc(3px - 1px) calc(3px - 1px); }
		
.filterDiv {display: none;}

.show {display: block;}

.font-13 {font-size:13px; color:#5d5d5d;}

.divborder {border:1px solid rgba(0, 0, 0, 0.125);}

.divborder2 {border-bottom:1px solid rgba(0, 0, 0, 0.125);}


.rgp {margin-left:-104px !important;}

.active2 {color: #fff!important;background-color: #3366ff!important;border:0px solid #1a53ff;padding: 5px 10px 5px 10px;}

.icnclr {color: #1c273c;cursor: pointer;}

.dtmg {margin-top:30px;}

.box {display: none;}


.timeline-detail {
 padding:3rem 0
}
#timeline {
 margin-bottom:1rem
}
[class*=timeline-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=timeline-status-] {
 padding:1.6rem 0
}
.timeline-status-intransit {
 background-color:#65aee0
}
.timeline-status-outfordelivery {
 background-color:#f5a551
}
.timeline-status-deliveryoffice {
 background-color:#f7dc6f
}
.timeline-status-delivered {
 background-color:#4cbb87
}
.timeline-status-attemptfail {
 background-color:#b789c7
}
.timeline-status-error,.timeline-status-exception {
 background-color:#d26759
}
.timeline-status-expired {
 background-color:#616e7d
}
.timeline-status-pending {
 background-color:#ccc
}
.timeline-status-inforeceived {
 background-color:#214977
}
.timeline-list {
 border:0px solid #e5e5e5
}
.timeline-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}
.timeline-item:last-child {
 padding-bottom:0rem
}
.timeline-item .timeline-date {
 margin-bottom:.5rem
}
.timeline-item .timeline-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.timeline-item .timeline-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.timeline-item .timeline-content span {
 display:block;
 color:#888;
 font-size:85%
}
.timeline-item .timeline-icon {
 line-height:2.6rem;
 position:absolute;
 left:-1.6rem;
 width:50px;
 height:50px;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#fff;padding: 5px 6px 5px 4px;
 color:#fff
}

.trackbox {background: #fff;
    margin-top: 8px;
    max-width:100%; font-size:13px; color:#1c273c;
    padding: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 4px;word-break: break-all;}

	.trackbox2 {background: #fff;
    margin-top: 8px;
    max-width:28%; font-size:13px; color:#1c273c;
    padding: 8px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 4px;word-break: break-all;}

.timeline-item .timeline-icon.status-sponsored {
 background-color:#f68
}
.timeline-item .timeline-icon.status-delivered {
 background-color:#4cbb87
}
.timeline-item .timeline-icon.status-outfordelivery {
 background-color:#f5a551
}
.timeline-item .timeline-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.timeline-item .timeline-icon.status-attemptfail {
 background-color:#b789c7
}
.timeline-item .timeline-icon.status-exception {
 background-color:#d26759
}
.timeline-item .timeline-icon.status-inforeceived {
 background-color:#214977
}
.timeline-item .timeline-icon.status-intransit {
 color:#fff;width: 50px;
    height: 50px;padding: 5px 6px 5px 4px;
 border:1px solid #7cb342; background:#7cb342;
 border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

@media(min-width:992px) {
 .timeline-item {
  margin-left:4rem
 }
 .timeline-item .timeline-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .timeline-item .timeline-date span {
  display:block
 }
 .timeline-item .timeline-content {
  padding:0;
  background-color:transparent
 }
}
.ficlr {color:#fff;}

.bg-gray {background-color:#7d8ba3 !important;}

.tx-white a:hover {color:#fff;}

.iconlbl{width:20px!important;}

.rprtext {width:200px!important;}

.wt227 {width:265px;}

.hgt {height:70px;}

.mg-l-minus {margin-left:-16px;}

.adminimg {width:100px!important; height:100px!important; max-width:100%!important;}

.icnfnt {font-size:18px; color:#8b8b8b; cursor:pointer;}

.actionbtn {margin-right:42%;}

.brdr-bottom {border-bottom:1px solid #ccc;}

.files input {
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 6%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ position:relative}
.files:after {  pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 50px;
	bottom:0;	
    right: 0;
    height: 56px;
    content: "";
    background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
    display: block;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    bottom: 10px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 31px;
    content: " or drag it here. ";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
}

.DTFC_LeftBodyLiner {overflow-x:hidden!important;}

.filtericon {float:left;}

.blkclr {color:#000; cursor: pointer;font-size: 14px;}


.searchtext {
  margin-left: 0;
  border: 1px solid #cdd4e0;
  padding: 5px 10px;
  line-height: 1.539;
  color: #031b4e;
  border-radius: 3px;
  width: 100%;
}

.searchtext2 {
  margin-left: 0;
  border: 1px solid #cdd4e0;
  padding: 6px 5px 6px 5px;
  line-height: 1.539;
  color: #031b4e;
  border-radius: 3px;
  width: 55px;
}

.searchtext3 {
  margin-left: 0;
  border: 1px solid #cdd4e0;
  padding: 6px 5px 6px 5px;
  line-height: 1.539;
  color: #031b4e;
  border-radius: 3px;
  width: 100%;
}

.searchbtns {width:70%;}

#topfilter_0 {display: none;}

.k-grid td{
  white-space: nowrap;
}

.tree { margin: 1em; }

.tree input {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  }

.tree input ~ ul { display: none; }

.tree input:checked ~ ul { display: block; }

/* ���������������������E
  Tree rows
*/
.tree li {
  line-height: 1.2;
  position: relative;
  padding: 0 0 1em 1em;
  }

.tree ul li { padding: 1em 0 0 1em; }

.tree > li:last-child { padding-bottom: 0; }

/* ���������������������E
  Tree labels
*/
.tree_label {
  position: relative;
  display: inline-block;
  background: #fff;
  }

label.tree_label { cursor: pointer; }

label.tree_label:hover { color: #666; }

/* ���������������������E
  Tree expanded icon
*/
label.tree_label:before {
  background: #000;
  color: #fff;
  position: relative;
  z-index: 1;
  float: left;
  margin: 0 1em 0 -2em;
  width: 1em;
  height: 1em;
  border-radius: 1em;
  content: '+';
  text-align: center;
  line-height: .9em;
  }

:checked ~ label.tree_label:before { content: '�E;' }

.has-search .form-control {
   padding-left: 2rem;
    font-size: 13px;
}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
   width: 2.300rem;
    height: 2.375rem;
    line-height: 2.100rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.widgetbox {float:left;width: 100%;margin-bottom:11px;}

.widgetbox h1 {color: #1c273c;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    margin-bottom:15px;}
	
.widgetbox2 {float:left;width: 100%; border-top:1px solid #ccc; padding-top:15px;}

.widgetbox2 h1 {color: #1c273c;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    margin-bottom:15px;}

.widgettext {width:100%;line-height: 28px;}

.widgettext a {color: #1c273c;}

.widgettext a:hover {color:#000;}

.cardbox {float: left; background: #fff;  text-align: center; width: 100%;}

.cardbox h1 {background:#3974b1;margin:0px; padding:5px 0px 5px 10px; color:#fff; font-size:14px;}

.cardtxt {float:left; width:100%; padding:10px; text-align:center; border:1px solid #3974b1;}


.ulcss {padding: 0px; margin: 0px 0px 0px 28px;}

.cardheight {height: 320px;}

.linehght {line-height:15px;}

.iconlnk {display:flex;}

.iconlnk  a {color:#fff; text-decoration: none; font-weight:400; padding-right:5px;}

.iconlnk  a:hover {color:#ccc; text-decoration: none;}

.bdr {
  border: 1px solid #cdd4e0;
}

.bdr2 {
  border: 1px solid #cdd4e0;
  border-top: 0px solid;
  border-bottom: 0px solid;
}

.hdg-title {
  font-weight: 500;
    font-size: 15px;
    padding: 5px 0px 5px 12px;
    text-indent: -1px;    
    background: #78879f;
    color: #fff;
    position: relative;    
    margin-bottom: 20px;   
 }

 .searchbtns2 {
  width: 99.5%;
}
.quilheight {height:170px;}

.recpt {width: 95%;}

.setmenu {width: 300px;padding-top: 0px;}    

#morrisBar {height:180px; width:100%!important;}

.count {color:#2a63f8; font-weight: bold; padding-left:3px;}

.cameraimg {width: 53px;height: 41px;border: 0px solid;background: none;}

/* .postdiv {height:200px; overflow-x:hidden!important; overflow:auto;} */

.aiml {display:block;height:500px; overflow: auto;}

.aiml a { width:100%;color: #323232; font-weight: 400; border-bottom: 1px solid #ccc; float: left; padding-bottom:5px; padding-top:5px;}

.aiml a:hover {color: #000;}

.rulestab {height:538px; overflow: auto;overflow-x: hidden;}

.whiteclr {color:#fff;padding: 4px 10px 4px 10px;}

.searchicon2 {
	position:absolute;
	float:right; font-size:12px;
    cursor: pointer;
    margin-top: -23px;
  right:39px; z-index:999; }
  
  .dislink {display:block;margin-left: 16px;}

  .dislink ul {margin-bottom: 0px; padding:0px;}

  .dislink ul li {list-style-type: disc; margin:0; padding:0; border-bottom:1px solid #ccc;padding-top:5px; padding-bottom:5px;} 

  .dislink ul li:last-child {border-bottom:0px solid #ccc;}

  .crdschdl {margin:-1px 0px 0px 16px; height: 240px;}

  .schedulediv {margin-left: -17px;}

  .chat-popup {
    display: none;
    position: fixed;
    bottom: -3px;
    right:3px;
    border: 0px solid #f1f1f1;
    background:#fff;
    z-index: 100000;
  }
  
  .chatclose {
    position: absolute;
     right: 105px;
     color: #fff;
     top: 7px!important;
     font-size: 18px;
     font-weight: 400;
 }
 .chatcloselive {    
   position: absolute;
   right:0px;
   color: #000;
   top:-2px!important;
   font-size: 18px;
   font-weight: 400;
 }
 
 
  .chaticon {
    position: fixed;
    right: 36px;
    bottom: 0;
    width: 70px;
    text-align: right;
    padding: 20px;
    z-index: 1003;
}
.ticketlink
{
  color: #3366ff;
  text-decoration: underline;  
  cursor: pointer;
}

.blkclr > .ticketlink {
  color: #000;
  text-decoration: none;
}

.accordingbody {border: 1px solid #cdd4e0;background:#fff; margin-bottom: 8px; margin-top:8px; padding:15px!important;}

.accordingbody2 {border: 1px solid #cdd4e0;background:#fff; margin-bottom: 8px; margin-top:8px; padding:15px!important; height:250px;}

.fonticon {
  font-weight: 900;
  font-size: 15px;
  padding-right: 7px;
}
.fonticon2 {
font-weight: 900;
font-size: 15px;
padding-right: 7px;
}

.btn-light2 {
  color:#1c273c;
  background-color:#e3e7ed;
  padding: 5px 10px 5px 8px;
  border: 1px solid #dcdcdc;
  margin-bottom: 5px;
  float: left;
  margin-right: 3px; cursor: pointer;
  }
  
  .btn-light2:hover {color: #fff!important;background-color: #3366ff!important;}
  
  .card-header-catalog {
    padding: 5px 5px 5px 17px;
    background-color: #f7f7f7;
    color: #444;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}


.artimg2 {
  max-width: 100%!important; 
  height:150px;
  text-align: center;
}

.readmore a {color:#fff;text-decoration: none;}

.readmore a:hover {color:#ccc;}

.font14 {font-size:14px;}

.servichght {height: 314px; overflow: auto;}


.servichght2 {height:144px; overflow: auto;}

.servichght3 {height:144px; overflow: auto;}

.servichght4 {height:144px; overflow: hidden;}

.servichght5 {height:264px; overflow:hidden; }

.servichght6 {height: 454px; overflow: auto;}

.servichght7 {height:388px; overflow: auto;}


.cartamnt {display: flex;margin-top:2px;margin-bottom:2px;}

.cartamnt2 {display: flex;margin-top:2px;margin-bottom:2px; font-weight:700; color:#3467ff; font-size:16px;}

.cartamnttext {display: flex;color:#3467ff; font-size:16px;}


.relatedsearch {padding: 10px 10px 10px 10px; width:300px;}
.rsrch {width:100%; max-height:200px; overflow: auto;padding-right: 1px;}


.k-pager-refresh{
  display: none;
}

.addinfodiv {margin-left: -14px;min-height:500px}

#divbtnColVis {max-height:340px; overflow: auto;overflow-x: hidden;}

.whitecolor {color:#fff;}

.articlelinks {display:block;margin-left:0px;max-height:361px; overflow: auto;}

.articlelinks ul {margin-bottom: 0px; padding:0px;}

.articlelinks ul li {list-style-type: disc!important; margin:0; padding:0; border-bottom:1px solid #ccc;padding-top:5px; padding-bottom:5px;} 

.articlelinks ul li:last-child {border-bottom:0px solid #ccc;}

.articletags {max-height:385px; overflow: auto;padding-bottom: 10px;}

.rdiobox2 {
  font-weight: normal;
  position: relative;
  display: inline;
  padding-top: 5px;
  margin-right: 10px;
}
.timeline-item .timeline-icon.status-createnew {
  background-color:#800000;
  color: #fff;
}
.select2-selection__clear {  
  font-size: 21px;
  margin-right: 4px;
}

#secondImage {
  display: none; 
  position: fixed;
  bottom:10px;
  right:33px;
}

#firstImg {
  position: fixed;
  right:20px;
  bottom: 80px;
}

#secondImage2 {
  display: none; 
  position: fixed;
  bottom:10px;
  right:100px;
}

#firstImg2 {
  position: fixed;
  right: 90px;
  bottom: 90px;
}

.chatbothide {
 position: fixed;
 bottom: 0px;
 right:20px;z-index:1003; 
}

.chatbothide2 {
  position: fixed;
  bottom: 0px;
  right:95px; z-index: 1003;
 }

.active #firstImg {
  display:none;
}

.active #secondImage {
  display: inline-block;
}

.active #firstImg2 {
  display:none;
}

.active #secondImage2 {
  display: inline-block;
}


.ck-editor__editable_inline ul {
  list-style: disc!important;
  padding:0px 20px 0px 20px!important;
}

.ck-editor__editable_inline ol {
  list-style:decimal !important;
   padding:0px 20px 0px 20px!important;
}

.div-view-bullets ul {
  list-style: disc!important;
  padding:0px 20px 0px 20px!important;
}

.div-view-bullets ol {
  list-style:decimal !important;
   padding:0px 20px 0px 20px!important;
}

.gwt-TextArea {
  padding: 2px!important;
  font-size: small!important;
  width: 360px!important;
  border: 1px solid #ccc!important;
}

.bg-gray-self {background-color: #fff;padding-bottom:35px;}

.selfbox1 {width:280px;display:flex; border:1px solid #3366ff; background:#fff; padding:0px;margin-right:10px;}

.selfboximg {float:left;background:#3366ff; padding:10px;}

.selfboxtext {margin-left:10px;float:left; height:60px;margin-top:10px; color:#616161; font-size:17px;text-align: left; line-height:25px;}

.selfbox2 {width:280px;display:flex; border:1px solid #36a400; background:#fff; padding:0px;margin-right:10px;}

.selfboximg2 {float:left;background:#36a400; padding:10px;}

.selfbox3 {width:280px;display:flex; border:1px solid #e05949; background:#fff; padding:0px;margin-right:10px;}

.selfboximg3 {float:left;background:#e05949; padding:10px;}

.selfbox4 {width:280px;display:flex; border:1px solid #19aa82; background:#fff; padding:0px;}

.selfboximg4 {float:left;background:#19aa82; padding:10px;}

.selflink {float:left; margin-top:20px; margin-left: 10px; margin-bottom: 10px;}

.selfimg {border: 1px solid #d8d8d8; padding:9px; margin-right:10px;}

.btn-flamingo {
  color: #fff;
  background-color: #e05949;
  border-color: #e05949; }
  .btn-flamingo:hover {
    color: #fff;
    background-color: #ee6f60;
    border-color: #ee6f60; }

    .btn-muntain {
      color: #fff;
      background-color: #19aa82;
      border-color: #19aa82; }
      .btn-muntain:hover {
        color: #fff;
        background-color: #39c69f;
        border-color: #39c69f; }

        .annoucelinks {display:block;margin-left: 13px;}

        .annoucelinks ul {margin-bottom: 0px; padding:0px;}
      
        .annoucelinks ul li {list-style-type: disc; margin:0; padding:0; border-bottom:1px solid #ccc;padding-top:5px; padding-bottom:5px;} 
      
        .annoucelinks ul li:last-child {border-bottom:0px solid #ccc;}

#ctxMenu {
  display: none;
  background: #fff;
}
#ctxMenu li {
    font-weight: 600;
}

.chathdr {color:#fff;background: #3366ff;}

.chathdr2 {color:#fff;}

.tableCkEditor th,
  .tableCkEditor td {
    border: 1px solid #cdd4e0;
   }


   .whitelink{
    width:100%;
    /* height: 170px; */
  }
  .bdrbtm {
    border-bottom: 1px solid #cdd4e0; float: left;width:100%; padding-bottom:3px;
  }
  
  .vsltext {color: #3366ff;}
  
  .vslbox {max-height:700px; overflow:auto; margin-bottom:10px; margin-top:10px; padding-right:3px;}
  
  .outer_wrapper {  
    overflow: scroll;  overflow-y: hidden;
    width:100%;
  }
  .outer_wrapper .inner_wrapper {    
    width: 2500px; 
  }
  .outer_wrapper .inner_wrapper div.col-md-4 { /* Define the properties of inner block */
    width: 350px;  
    float: left;
    margin:0px;padding-right:5px;
  }
  .openapprovalblock {
    color: red;
    font-size: 18px;
    background-color: #efefef;
    font-weight: 700;
    text-align: center;
    width: 100%;
    border: solid 1px #d3d3d3;
    margin-left: 15px;
    margin-right: 4px;
  }
  .ck.ck-balloon-panel {
    z-index: calc(var(--ck-z-modal) + 100) !important;
  }

  .k-treeview .k-in {
    margin: 0px!important;
    padding: 5px 10px 5px 5px!important;
    line-height: 1.3333em!important;
    text-decoration: none!important;
    border-style: solid!important;
    border-width: 1px!important;
}

.k-widget .k-icon.k-i-collapse, .k-widget .k-icon.k-i-expand {
    cursor: pointer!important;
    color: #3366ff!important;
}

.k-treeview .k-in.k-state-hover, .k-widget.k-treeview {
    color: #3366ff!important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #3366ff!important;
  color: #fff!important;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0,0,0,0.87);
  padding: 5px 10px!important;
}

.navfilter{
  position: relative;
  float: right;
  font-size: 12px;
  cursor: pointer;
  margin-top: -19px;
  right: 8px;color: #7987a1;}


  .attachbox {max-height: 400px;
    overflow: auto;
    padding: 5px 5px 5px 10px;}

    .accordingbody3 {
      border: 1px solid #cdd4e0;
      background: #fff;
      margin-bottom: 10px;
      margin-top: 2px;
      padding: 10px 10px 10px 12px!important;
  }

  .fontbold {
    font-weight:700;
  }

  .k-grid table tr {
    height:30px !important;
}

@-moz-document url-prefix() { 
  .k-grid table tr {
    height:30.5px !important;
}
}

.choosetemp {margin-right: 10px;margin-top: 1px;width:300px;}

.ng-select.ng-select-disabled>.ng-select-container {
  background-color: #e3e7ed !important;
}

.appsbox {border:0px solid #7987a1; width:85px;}

.appsbox:hover {border:1px solid #7987a1;}


.apsbox {border-radius: 7px; background: #7b9cfd;}

.apsbox h1 {background: #557efc; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}


.apsbox2 {border-radius: 7px; background: #bd87e7;}

.apsbox2 h1 {background: #a670d0; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}


.apsbox3 {border-radius: 7px; background: #41db83;}

.apsbox3 h1 {background: #30c66f; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}


.apsbox4 {border-radius: 7px; background: #33c1d9;}

.apsbox4 h1 {background: #24b2ca; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}


.apsbox5 {border-radius: 7px; background: #e07e95;}

.apsbox5 h1 {background: #d36b82; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}



.apsbox6 {border-radius: 7px; background: #f459f4;}

.apsbox6 h1 {background: #d755d7; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}



.apsbox7 {border-radius: 7px; background: #e4b73b;}

.apsbox7 h1 {background: #d2a730; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}



.apsbox8 {border-radius: 7px; background: #8d9ba6;}

.apsbox8 h1 {background: #85939f; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}


.apsbox9 {border-radius: 7px; background: #3abb90;}

.apsbox9 h1 {background: #2faf84; color:#fff;padding:4px 0px 4px 12px;margin: 0px; font-size:16px; font-weight:normal; border-radius: 7px 7px 0px 0px;}



.apsboxlinks {color:#fff;padding:8px 12px 8px 12px;  height:200px; overflow: auto; }

.apsboxlinks a {color:#fff;text-decoration: none;border-bottom:1px solid #fff; width: 100%; float: left; padding-bottom:4px; padding-top:4px;}

.apsboxlinks a:hover {color:#fff;text-decoration:none;}

.moblogo {display:none;}

.activeicon {position: absolute;top:0px; margin-top:45px;margin-left:-6px; width: 82px;text-align: right;}

/*mobile*/
@media screen and (max-width:1024px) {
.moblogo {display:block;}
.mg-r-18 {margin-right:20px !important;}
.appsimg img {padding-bottom: 15px !important;}
}
/*mobile*/

/* chatbots start */
.view-animation img {
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  -moz-transition: all 0.4s ease-in-out 0.2s;
  -o-transition: all 0.4s ease-in-out 0.2s;
  -ms-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-animation .mask {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation .mask2 {
  background-color: rgba(0,0,0,0.8);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  -o-transform: scale(0) rotate(-180deg);
  -ms-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  -webkit-transition: all 0.4s ease-in;
  -moz-transition: all 0.4s ease-in;
  -o-transition: all 0.4s ease-in;
  -ms-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.view-animation .mask3 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.view-animation .mask4 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}

.view-animation .mask5 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation .mask6 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation .mask7 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation .mask8 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation .mask9 {
background-color: rgba(0,0,0,0.8);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.view-animation h2 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.view-animation p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.view-animation a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.view-animation:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask2 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -o-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  -o-transition-delay: 0.2s;
  -ms-transition-delay: 0.2s;
  transition-delay: 0.2s;
}


.view-animation:hover .mask3 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask4 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view-animation:hover .mask5 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask6 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask7 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask8 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover .mask9 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.view-animation:hover img {
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  -ms-transition-delay: 0s;
  transition-delay: 0s;
}
.view-animation:hover h2,
.view-animation:hover p,
.view-animation:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  -moz-transition-delay: 0.5s;
  -o-transition-delay: 0.5s;
  -ms-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.view {
width: 62px; font-size: 11px;
height: 62px;
position: relative; margin-right: 10px;
text-align: center;
-webkit-box-shadow: 1px 1px 2px #e6e6e6;
-moz-box-shadow: 1px 1px 2px #e6e6e6;
box-shadow: 1px 1px 2px #e6e6e6;
cursor: default;
}
.view .mask,.view .content {
width: 65px;
  color: #fff;
  font-weight: 700;
  height: 64px;    margin-top: 2px;
  padding-top: 15px;
  position: absolute;
  overflow: hidden;
  background: #3366ff;
  top: 0;
  border-radius: 6px;
  opacity: 1;
  cursor: pointer;
  font-family: calibri;
  font-size: 13px;
}
.view .mask2,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 64px;    margin-top: 2px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #0093d1;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}

.view .mask3,.view .content {
width: 65px;
  color: #fff;
  font-weight: 700;
  height: 64px;    margin-top: 2px;
  padding-top: 15px;
  position: absolute;
  overflow: hidden;
  background: #2eb67d;
  top: 0;
  border-radius: 6px;
  opacity: 1;
  cursor: pointer;
  font-family: calibri;
  font-size: 13px;
}

.view .mask4,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 65px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #8852b2;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}


.view .mask5,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 64px;    margin-top: 2px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #e0a025;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}

.view .mask6,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 64px;    margin-top: 2px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #0079ff;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}

.view .mask7,.view .content {
width: 65px;
  color: #fff;
  font-weight: 700;
  height: 64px;    margin-top: 2px;
  padding-top: 15px;
  position: absolute;
  overflow: hidden;
  background: #551856;
  top: 0;
  border-radius: 6px;
  opacity: 1;
  cursor: pointer;
  font-family: calibri;
  font-size: 13px;
}


.view .mask8,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 64px;    margin-top: 2px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #827ddc;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}

.view .mask9,.view .content {
width: 65px;
color: #fff;
font-weight: 700;
height: 64px;    margin-top: 2px;
padding-top: 15px;
position: absolute;
overflow: hidden;
background: #3366ff;
top: 0;
border-radius: 6px;
opacity: 1;
cursor: pointer;
font-family: calibri;
font-size: 13px;
}


.view img {
display: block;
position: relative;
}


.toggle_container {
padding: 0;
position: fixed;
background:none;
overflow: hidden;
font-size: 12px;
width: 576px;
margin-left: -219px;
margin-top: 3px;
height: 71px;
}
.toggle_container .block {
width: 100%;

}

.toggle_container img {
float: left;
padding: 2px;
background: #ffffff;
}
.AbtToggle {
cursor:pointer;
height:auto;
border-top:solid 0px #F8F8F8;
}

.expandcontainer {
right:87px;position:fixed;margin-top: 16px;bottom: 96px;z-index: 1000;
}

.loginsocial {margin-right: -5px;margin-left: -5px;margin-top: 0px;}

.lng {margin-top: 10px;}
/* chatbots end */

.relitemclear {
	position:absolute;
	float:right; font-size:12px;
  cursor: pointer;
  margin-top: -23px;
  right:41px;
}
.inputrelateditems {
  padding-right: 44px;
}