/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/* Messages Style */

.messages-conversations{}
.messages-conversations ul{list-style-type:none; margin:0px; padding:0px; max-height:500px; overflow:auto;}
.messages-conversations ul li{border-bottom:1px solid #efefef; padding:10px; width:240px;}
.messages-conversations ul li:hover{background:#F9F9F9;}
.messages-conversations ul li a{text-decoration:none;}
.messages-conversations ul li .left{width:50px; display:inline-block; float:left;}
.messages-conversations ul li .left .avatar{max-width:100%;}
.messages-conversations ul li .right{ display:block; float:left; padding-left:10px; width:100%;}

.messages-conversations ul li .username{font-weight:bold; color:#000; display:block;}
.messages-conversations ul li .last-message{border-left:1px solid #2a73b0; padding:5px; display:block; font-size:12px; font-style:italic; color:#000;}
.messages-conversations ul li .time{font-size:10px; text-align:right; display:block; color:#090; }
.messages-conversations ul li.active{background:#efefef;}
.messages-conversations ul li.not-read{background:#FCFDC8;}


.conv-title{color:#000; font-size:24px;}
.messages-reply{margin-bottom:0px; background:#FBFBFB; border:1px solid #ccc; }
.messages-reply h5{
  display:block;
  background:#fff;
  padding:10px;
  padding-top:0px;
  font-size:14px;
}
.messages-reply ul{list-style-type:none; margin:0px; padding:0px; overflow:auto; height:400px;}
.messages-reply ul li{border-top:1px solid #efefef; padding:10px;  border-right:5px solid #e31837;}
.messages-reply ul li a{text-decoration:none;}
.messages-reply ul li .username{font-weight:bold; color:#e31837; display:block;}
.messages-reply ul li .message{ padding:5px; display:block; font-size:12px;  color:#666;}
.messages-reply ul li .time{font-size:10px; text-align:right; display:inline; float:right; color:#666; }

.messages-reply ul li.user-one{border-left:5px solid #49a942 ; border-right:none; background:#fff;}
.messages-reply ul li.user-one .username{font-weight:bold; color:#000; display:block;}

.status-online{display:inline-block; width:10px; height:10px; border-radius:50%; background:#090;}
.status-offline{display:inline-block; width:10px; height:10px; border-radius:50%; background:#F00;}

.reply-static{background:#efefef; padding:4px;}

.contacts-table-commands{padding-top:20px; border-top:1px solid #efefef; margin-top:10px;}


.profile-media{border:1px solid #efefef; padding:4px; margin-bottom:10px; margin-top:10px; background:#fff;}

.projects-table>tbody>tr>td{vertical-align:middle !important;}

.struc-box{}

.structured-message{display:inline-block; width:260px; background:#efefef; padding:5px; border-radius:20px; vertical-align:top; margin:10px;}
.structured-message .preview{text-align:center; position:relative;     margin: 0px 20px;}
.structured-message .preview img{max-width:200px; height:auto; border:1px solid #efefef; padding:2px; margin-bottom:5px;}

.structured-message .preview .delete-icon-resp{bottom:10px; position:absolute;}

.structured-message .button-section{font-weight:bold; margin-top:10px;}
.structured-message .add-button{text-align:center;}
.structured-message .buttons{}
.structured-message .buttons .s-button{padding:10px; border:1px solid #efefef; margin-bottom:5px;}


.delete-icon-resp{color:#F00; float:right;}

.add-button-s{text-align:right;}

.show-response-table thead th{}

.small-structured-message{
	
}

.response-example{padding:10px;}
.response-example img{border:1px solid #efefef; padding:2px;}

.response-message{border:4px solid #efefef; margin-bottom:20px; padding:10px;}

.preview-image img{max-width:200px; height:auto; border:1px solid #efefef; padding:2px; margin-bottom:5px;}

.profile-pic-c{max-width:50px; height:auto;}

.logo-default{max-height:45px;}

.show-text code{cursor:pointer;}




.smsbot-diagram{

}

ul.smsbot-diagram {
  white-space: nowrap;  
}
ul.smsbot-diagram,
ul.smsbot-diagram ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align:center;
  font-size:14px;
}
ul.smsbot-diagram li {
  width: auto;
  display:inline-block;
  vertical-align: top;
  padding: 0;
  margin: 0;
}
ul.smsbot-diagram ul li {
  background-image: url(data:image/gif;base64,R0lGODdhAQABAIABAAAAAP///ywAAAAAAQABAAACAkQBADs=);
  background-repeat: repeat-x;
  background-position: left top;
}
ul.smsbot-diagram li span {
  display: block;
  width: 150px;
  vertical-align: middle;
  /*
    uncomment to fix levels
    height: 1.5em;
  */
  margin: 0 auto;
  text-align: center;
  white-space: normal;
  letter-spacing: normal;
}

ul.smsbot-diagram ul li:last-child {
  background-repeat: no-repeat;
  background-size:50% 1px;
  background-position: left top;
}
ul.smsbot-diagram ul li:first-child {
  background-repeat: no-repeat;
  background-size: 50% 1px;
  background-position: right top;
}
ul.smsbot-diagram ul li:first-child:last-child {
  background: none;
}
ul.smsbot-diagram ul li span {
  background: url(data:image/gif;base64,R0lGODdhAQABAIABAAAAAP///ywAAAAAAQABAAACAkQBADs=) no-repeat 50% top;
  background-size: 1px 0.8em;
  padding-top: 1.2em;
}
ul.smsbot-diagram ul {
  background: url(data:image/gif;base64,R0lGODdhAQABAIABAAAAAP///ywAAAAAAQABAAACAkQBADs=) no-repeat 50% top;
  background-size: 1px 0.8em;
  margin-top: 0.2ex;
  padding-top: 0.8em;
}

ul.smsbot-diagram .fa-trash{
	color:red;
}
ul.smsbot-diagram .fa-plus{
	color:green;
}
ul.smsbot-diagram .fa-edit{
  color:black;
}


.smsbot-responses{
	list-style-type: none;
	padding:0px;
	margin:0px;
}
.smsbot-responses li{
	border-bottom:1px solid #ccc;
	padding:10px;
}
ul.smsbot-responses .fa-trash{
	color:red;
}
ul..smsbot-responses .fa-plus{
	color:green;
}
ul..smsbot-responses .fa-edit{
  color:#000;
}



.messages-list{
  list-style-type: none;
  margin:0px;
  padding:0px;
  max-height:400px;
  overflow:auto;
  border:1px solid #efefef;
}
.messages-list li{
 
}
.messages-list li a{
  display:block;
  color:#000;
  text-decoration:none;
  border-bottom:1px solid #efefef;
   padding:4px;
  font-size:14px;
  position:relative;
}
.messages-list li a:hover{
  background:#efefef;
}
.messages-list li.active a{
  background:#efefef;

}
.messages-list li a>span{
  display:block;
}
.messages-list li .message{
  font-size:12px;
  font-style:italic;
  position:relative;
}
.messages-list li .deleteContainer{
  position:absolute;
  right:0px;
  top:0px;
  color:red;
}

.shortDesc{max-width:150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display:inline-block;
cursor:pointer;}

.shortDesc:hover{    max-width: none;
    white-space: normal;
    text-overflow: initial;
    display: inline-block;}