@import "https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900";
body {
  background: #f5f5f5 !important;
  color: #000000;
  font-family: "Lato", sans-serif !important;
  min-height:100%;
}
h2, .TitleList .Title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 1em;
}

p {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.6;
  margin-bottom: 1em;
}

.Header {
  height: '80px';
  background: transparent;
  color: #9EE5EE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  top: 0;
  left: 0;
  width: 100vw;
  box-sizing: border-box;
  z-index: 5;
}

.Logo {
  width: 151px;
  height: 41px;
  margin-right: 10px;
  -webkit-transition: margin .125s ease;
  transition: margin .125s ease;
}
.Logo svg {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
}
.Logo svg path {
  fill: #ffffff;
  -webkit-transition: fill .125s ease;
  transition: fill .125s ease;
}
.Logo:hover {
  cursor: pointer;
  margin-top: 2px;
}
.Logo:hover svg path {
  fill: #ffffff !important;
}
.appheader { width: calc(100% + 4px);}
.Navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 37px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 30px;
}
.Navigation ul li {
  font-weight: 400;
  padding: 7px 10px;
  font-size: 14px;
  -webkit-transition: background .125s ease;
  transition: background .125s ease;
  border-radius: 3px;
}
.Navigation ul li:hover {
  color: #ffffff;
  cursor: pointer;
}

.Search {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: flex-end;
  width: 60%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* pointer-events: none;   */
  float: right;
}

.datebirth .form-control { 
  padding: 0px;
	border: medium none;
	outline: medium none;
  box-shadow:none;
  position: relative;
  }
.date-label {
	position: absolute;
	line-height: 22px;
	top: 38px !important;
	transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
	z-index: 1;
	transform: scale(1) translate(0px, 0px);
	transform-origin: left top 0px;
	pointer-events: none;
	color: rgb(113, 113, 113);
	font-weight: normal;
	font-size: 16px;
	-moz-user-select: none;  
  user-select: none;  
	color: #999 !important;
  padding-left: 7px !important;
}
.anval input {padding:15px 0 0;}

.tcDateField {
  margin-top: -6px;
  margin-left: -7px;
}

.tcDateField > .rdtPicker {
  margin-top: -8px !important;
}

.label-top .date-label{
  transform: scale(0.75) translate(0px, -28px) !important;
  position: absolute;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.Search input {
  /*margin-left: 50px;*/
  /*font-weight: bolder;*/
  font-size: 12px;
  height: 38px;
  width: 25%;
  background: #efefef;
  color: #888;
  border: 1px solid #d3d6d6;
  border-radius:20px;
  outline: none;
  padding: 0 17px;
  pointer-events: all;
  -webkit-transition: border .25s ease, width .125s ease .125s;
  transition: border .25s ease, width .125s ease .125s;
}
.Search input:focus {
  border: 1px solid #d3d6d6;
}
.Search i  {
  position: relative;
  color: #ccc;
  font-size: 18px;
  left:-28px;
}

.UserProfile {
  margin-left: auto;
}
.UserProfile .User {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.UserProfile .User .image {
  border-radius: 44px;
  margin-left: 10px;
  overflow: hidden;
  width: 34px;
  height: 34px;
  margin-top:5px;
  box-sizing: border-box;
  border: 3px solid transparent;
  -webkit-transition: border .125s ease;
  transition: border .125s ease;
}
.UserProfile .User .image img {
  width: 100%;
  display: block;
  opacity: 0.2;
}
.UserProfile .User .name {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 13px;
  font-weight: 300;
  height: 44px;
  color:#717171;
}
.UserProfile .User:hover {
  cursor: pointer;
}
.UserProfile .User:hover .image {
  border: 3px solid #efefef;
}
.UserProfile .UserProfile-menu {
  display: none;
}


.Button {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  color: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid rgba(245, 245, 241, 0.2);
  border-radius: 44px;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: border .125s ease, background .125s ease;
  transition: border .125s ease, background .125s ease;
}
.Button:hover {
  border: 2px solid #f5f5f1;
}
.Button[data-primary='true'] {
  border: 2px solid #e50914;
}
.Button[data-primary='true']:hover {
  background: #e50914;
}

.Hero ~ .TitleList:nth-child(3) {
  margin-top: -10vw;
  position: relative;
  z-index: 4;
}

.TitleList {
  padding: 20px 40px;
  box-sizing: border-box;
  -webkit-transition: opacity 3s ease;
  transition: opacity 3s ease;
  opacity: 0;
}
.TitleList .titles-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px 0;
  width: calc(100vw - 80px);
  box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.TitleList[data-loaded='true'] {
  opacity: 1;
}

.Item {
  width: calc(20% - 10px);
  min-width: calc(20% - 10px);
  background-color: #000000;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  background-position: center;
  background-size: 100%;
  height: 200px;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-right: 10px;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
}
.Item:nth-child(n+6) {
  margin-top: 20px;
}
.Item:last-child {
  margin-right: 0;
}
.Item .overlay {
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, transparent 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
  /* IE6-9 */
  padding: 20px;
  position: relative;
  height: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .125s ease;
  transition: opacity .125s ease;
}
.Item .overlay .title {
  font-size: 22px;
  font-weight: 200;
  opacity: 0;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.Item .overlay .rating {
  font-size: 14px;
  opacity: 0;
  -webkit-transition: opacity .25s ease .125s;
  transition: opacity .25s ease .125s;
}
.Item .overlay .plot {
  font-size: 14px;
  display: -webkit-box;
  margin-top: 100px;
  font-weight: 300;
  line-height: 1.6;
  opacity: 0;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: margin .25s ease .125s, opacity .25s ease .25s;
  transition: margin .25s ease .125s, opacity .25s ease .25s;
}
.Item:hover {
  background-size: 150%;
}
.Item:hover .overlay {
  opacity: 1;
  pointer-events: all;
}
.Item:hover .overlay .plot {
  margin-top: 10px;
  opacity: 1;
}
.Item:hover .overlay .title {
  opacity: 1;
}
.Item:hover .overlay .rating {
  opacity: 1;
}
.Item:hover .overlay .ListToggle {
  opacity: 1;
}

.ListToggle {
  border: 2px solid rgba(255, 255, 255, 0.2);
  width: 32px;
  height: 32px;
  font-size: 16px;
  border-radius: 32px;
  overflow: hidden;
  position: absolute;
  right: 20px;
  top: 20px;
  opacity: 0;
}
.ListToggle:hover {
  border: 2px solid #ffffff;
}
.ListToggle:hover div {
  top: -32px;
}
.ListToggle[data-toggled="true"] {
  background: #e50914;
  border: 2px solid #e50914;
}
.ListToggle[data-toggled="true"] div {
  top: -32px;
}
.ListToggle div {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  width: 32px;
  -webkit-transition: .125s ease;
  transition: .125s ease;
}
.ListToggle div i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  width: 32px;
}


/* new css */


.content {
  background-color: #FFF;
  padding: 100px;
}
.content h2 {
  padding: 0;
  margin: 0;
}
.content li {
  margin-bottom: 10px;
}

.active {
  color: #9EE5EE;
  text-decoration: none;
}

.inline-chart {
	display: inline-block;
	width: 48%;
	margin-left: 1%;
}

.content {
  background-color: #FFF;
  padding: 100px;
}
.content h2 {
  padding: 0;
  margin: 0;
}
.content li {
  margin-bottom: 10px;
}

.active {
  color: #9EE5EE;
  text-decoration: none;
}

.inline-chart {
	display: inline-block;
	width: 48%;
	margin-left: 1%;
}
.dragCancel .table>tbody>tr>td {font-size:14px;}


/********************************************************************/
/* React Grid Layout                                                */
/********************************************************************/
.react-grid-body {
  background: #fafafa;
  margin:0px;
}
.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
  /*background: transparent;
  background: #fafafa;*/
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
  /*background: #d3d6d6;*/
  background: #ffffff;
  /*box-shadow: 1px 1px 1px 1px #E7EBEE;*/

  /* -webkit-box-shadow: 0px 3px 18px -4px #B0BEC5; 
  -moz-box-shadow: 0px 3px 18px -4px #B0BEC5; 
  box-shadow: 0px 3px 18px -4px #B0BEC5;   */
  box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 3px 0px, rgba(0, 0, 0, 0.12) 0px 2px 6px 0px;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.react-grid-placeholder {
  /*background: #ccc;*/
  background: transparent;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: 0;
  right: 0;
  /*
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pg08IS0tIEdlbmVyYXRvcjogQWRvYmUgRmlyZXdvcmtzIENTNiwgRXhwb3J0IFNWRyBFeHRlbnNpb24gYnkgQWFyb24gQmVhbGwgKGh0dHA6Ly9maXJld29ya3MuYWJlYWxsLmNvbSkgLiBWZXJzaW9uOiAwLjYuMSAgLS0+DTwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DTxzdmcgaWQ9IlVudGl0bGVkLVBhZ2UlMjAxIiB2aWV3Qm94PSIwIDAgNiA2IiBzdHlsZT0iYmFja2dyb3VuZC1jb2xvcjojZmZmZmZmMDAiIHZlcnNpb249IjEuMSINCXhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiDQl4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjZweCIgaGVpZ2h0PSI2cHgiDT4NCTxnIG9wYWNpdHk9IjAuMzAyIj4NCQk8cGF0aCBkPSJNIDYgNiBMIDAgNiBMIDAgNC4yIEwgNCA0LjIgTCA0LjIgNC4yIEwgNC4yIDAgTCA2IDAgTCA2IDYgTCA2IDYgWiIgZmlsbD0iIzAwMDAwMCIvPg0JPC9nPg08L3N2Zz4=');
  */
  background-position: bottom right;
  padding: 0 3px 3px 0;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  cursor: se-resize;
}

.text h3  {
  margin:0px;
  color:#333;
  font-weight:bold;
  font-size:22px;
}
.react-grid-item h3 {color:#fff;}
.react-grid-item  {
  border:1px solid #E7EBEE;
}
/*.text div.divider  {
    border-bottom: 3px solid #058ae5;
    width: 200px;
    margin: 0;
    padding: 0;
    }*/

.table-striped>tbody>tr:nth-of-type(odd)  {
  background-color: #e8eff7 !important;
}

.data_less  {
  text-align:center;
  font-size:16px;
  color: #868686;
  margin-top:100px;
}
.table-main thead th  {
  padding-bottom:12px;
}
.main-heading  {
    color: #485275;
    font-weight: bold;
    font-size: 32px;
    letter-spacing: -1px;
}
.divider  {
    border-bottom: 3px solid #0079c2;
    width: 100px;
}
.vertical-divider {
  border-left: 1px solid #717171;
}
.ten {margin-left: -10px !important; margin-right: -10px !important}

.headerStyle {
    padding: '12px 10px 12px 10px';
    font-weight: 'bold';
    /*border-bottom: 1px dotted #ccc;*/
    cursor: 'move';
    /*border-bottom:'1px dotted #ccc';
    background-color: '#E8EFF7';*/
}

.ajax-loader {
  position: absolute;
	top: 10%;
	left: 5%;
	z-index: 1000;
	background: #fff;
	height: 100%;
  width:100%;
}
/********************************************************************/



.input_search  {
  width:100% !important;
}
.input_search input  {
  margin-left:0 !important;
  width:86% !important;
}

.list-item-with-hover{
    background-color: transparent;
}

.list-item-with-hover:hover{
  background-color: #717171 !important;
}

/*
.react-grid-Main{
height: 100%;
}

.react-grid-Container{
height: 100%;
}

.react-grid-Grid{
min-height: 100% !important;
}

.react-grid-Canvas{
  overflow-y: hidden !important;
height: 100% !important;
}
*/
.filterHead:after {
  content: "";
  background-color: #d3d3d3;
  position: absolute;
  width: 1px;
  height: 100vh;
  /*height: 440px;*/
  top: 105px;
  left: 35%;
  display: block;
}
/*Added by Anindya*/
.social_icon{
	float:left;
	width:100%;
	height:70px;
  margin:10px;
	padding:10px 0 0 30px;
}
.social_icon span{
	margin-left:10px;
	line-height:18px;
}
.social_connect_button{
  margin:10px;
	padding:16px 0 0; 
}


.top_btn_area { /*modified style*/
	width: 90%;
	margin: 0 3% 3px;
}

.txtNoBdr{
  resize: none !important;  
   outline: 0 none; 
   border:0 none !important; 
   display:inline-block; 
   padding:5px 0 5px 10px !important;
   width:93%;
   font-size:12px;
}
 .contentDiv{
	/*border: 1px solid #cccccc;*/
	/*display:block;*/
	/*width:620px;*/
  padding-left:22px; 
	}

.contentDiv i{ 
	float:right; 
	position:relative; 
	right:5px; 
	top:-130px;
 }

 #inside_page_content_media{
   margin: 0 4.5%;
	 padding: 15px 0;
 }

 .ui-widget-header{color: #FFFFFF; font-weight: bold; background:#058ae5; border:0px solid #058ae5;}
 /*.ui-corner-all{border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}*/
 /*.ui-draggable{cursor: move;}*/
  #showLinkImage{ width:180px; display: none;}
/*End*/

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    box-shadow: 0 0 0 1000px white inset !important;
}



.moduleItemsHoverColor {
  background-color: #4D5865
}


/* scroll */
/* Let's get this party started */
/*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}*/
 
/* Track */
/*::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 #FFF; 
    -webkit-border-radius: 1px;
    border-radius: 1px;
}*/
 
/* Handle */
/*::-webkit-scrollbar-thumb {
    -webkit-border-radius: 1px;
    border-radius: 1px;
    background: #FE5722; 
    -webkit-box-shadow: inset 0 0 0 #FE5722; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #FE5722; 
}*/





/***********************	START	: This section used for Marketing Automation Builder	*****************************************/

.main_heading {
	padding: 8px 15px 1px 15px;
    color:darkgrey;
    min-height:40px;	
/*     background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); */
}
.heading_text {
	float:left;
	width:100%;	
}
.heading_text h1 {
	color:#0589E5;
	/*color:#FFFFFF;*/
	font-weight:bold;
	font-size:18pt;
	padding:0;
	margin:0;
}
.heading_text h4 {
	color: #86AEDC;
	/*color:#FFFFFF;*/
	font-weight:bold;
	font-size:10pt;
	padding:0;
	margin:0;
}
.button_area {
	float:right;
	width:60%;
}
.button_area input {
	float:right;
	margin-top:8px;
}

.flexbox-container {
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
}
.flexbox-container .left {
	width: 180px;
	
/* 	background: rgba(237,247,255,1);
	background: -moz-linear-gradient(top, rgba(237,247,255,1) 0%, rgba(196,227,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,247,255,1)), color-stop(100%, rgba(196,227,255,1)));
	background: -webkit-linear-gradient(top, rgba(237,247,255,1) 0%, rgba(196,227,255,1) 100%);
	background: -o-linear-gradient(top, rgba(237,247,255,1) 0%, rgba(196,227,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(237,247,255,1) 0%, rgba(196,227,255,1) 100%);
	background: linear-gradient(to bottom, rgba(237,247,255,1) 0%, rgba(196,227,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf7ff', endColorstr='#c4e3ff', GradientType=0 ); */
	
}
/* .flexbox-container .right {
	width: 85%;	 
}*/
#toolbar {
	float:left;
}
#toolbar .heading {
	font-size:16px;
	font-weight:bold;
	line-height: 20%;
}

/*12th may edited by susmita*/
#sidebar{
    width: 160px;
    height: 400px;
    border: 0px solid #000;
    overflow: hidden;
    margin-top:-23px !important
}
#sidebar #menuContainer{
	background-color: transparent;
    width: 180px;
    height: 400px;
    padding-bottom: 15px;
    /* overflow: scroll; */
}
.menu1 {
    background-color: transparent;
    /*border: 1px solid #aaaaaa;
    box-shadow: 2px 2px 5px #AAAAAA;*/
    color: black;
    min-height: 3em;
    position: absolute;
    min-width: 5em;
    margin-left: 15px;
    left: 0px
}

.menu_button_container {
    margin: 0px;
}

#divToolbarStart .menu_button {
    padding:4px 0px;
    font-weight:bold;
}
#divToolbarStart .menu_button:hover {
    color: #e38c0e;
    cursor:pointer;
}

#divToolbarStart .menu_button img {
	padding:0px 5px 0px 0px;
    vertical-align: bottom;
}

#divToolbarDecision .menu_button {
    padding:0px 0px;
    font-weight:bold;
}
#divToolbarDecision .menu_button:hover {
    color: #e38c0e;
    cursor:pointer;
}

#divToolbarDecision .menu_button img {
	padding:0px 5px 0px 0px;
    vertical-align: bottom;
}

#divToolbarTask .menu_button {
    padding:7px 0px;
    font-weight:bold;
}
#divToolbarTask .menu_button:hover {
    color: #e38c0e;
    cursor:pointer;
}

#divToolbarTask .menu_button img {
	padding:0px 5px 0px 0px;
    vertical-align: bottom;
}

.button_add1 {
    background-color: #00CC00;
    float:left;
    border-radius: 50%;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    padding:2px;
    height:25px;
    width:25px;
    color:grey;
}
.button_add1:hover {
    background-color: #00AA00;
    color:black;
}
.button_remove1 {
    font-size:9pt;
    color:darkgrey;
    border-radius: 30%;
    box-shadow: 0px 3px 8px #aaa, inset 0px 2px 3px #fff;
    padding:5px;
    min-width:10px;
    max-width:15px;
    text-align:center;
}
#removetask1 {
    color: red;
}
#container {
    position: relative;
    border: 1px solid #d3d6d6;
    width: 100%;
    height: 1500px;  
    overflow: scroll;    
}
/* .selected{
    border: 0px solid black;
    background-color: green;  
	border: 1px solid #D8D8D8;
    border-radius: 0.5em;
    height: auto;
    vertical-align:middle;
    box-shadow: 2px 2px 5px #AAAAAA;
} */
.action {
    cursor: move;
    border: 0px solid black;    
    height: auto;
    color: #ffffff;
    position: absolute;
    text-align:center; 
    vertical-align:middle;	
}
.actionHeader {
    border: 0px solid black;
    background-color: #424242;  
	  border: 1px solid #424242;
    border-radius: 0.3em;
    height: auto;
    vertical-align:middle;
    box-shadow: 2px 2px 5px #AAAAAA;
    cursor: move;
}
.actionHeader > div {
    cursor: move;
    display: inline-block;
    padding: 0 3px 0 3px;
}

.actionHeaderError{
    border: 0px solid black;
    background-color: #ff0000;  
	  border: 2px solid #ff0000;
    border-radius: 0.3em;
    height: auto;
    vertical-align:middle;
    box-shadow: 2px 2px 5px #AAAAAA;
    cursor: move;
    /*border-style: groove;*/
}

.actionHeaderError > div {
    cursor: move;
    display: inline-block;
    padding: 0 3px 0 3px;
}

.action_body {
    color: #ffffff;
    font-size: 12px;
    cursor: pointer;
    text-align:center;
    margin-bottom:10px;
    white-space: nowrap;
}
.actionFooter {
    background: transparent;
}
.decision_box {
    float:left;
    width: 40px;
    height: 20px;
    color: #028744;
    font-weight:bold;
    font-size: 12px;
    border: 0px solid #008FCB;
    border-radius: 0.5em;
    /* background-color: #00B3FF; */
    background:transparent;
    cursor: pointer;
    /* box-shadow: 2px 2px 5px #AAAAAA; */
    text-align:center;
    padding-top:5px;
    margin-top:2px;
}
.decision_box_no {
    float:left;
    width: 40px;
    height: 20px;
    color: #ee5a00;
    font-weight:bold;
    font-size: 12px;
    border: 0px solid #008FCB;
    border-radius: 0.5em;
    /* background-color: #00B3FF; */
    background:transparent;
    cursor: pointer;
    /* box-shadow: 2px 2px 5px #AAAAAA; */
    text-align:center;
    padding-top:5px;
    margin-top:2px;
}
.decision_box_disable {
    float:left;
    width: 40px;
    height: 20px;
    color: #d3d6d6;
    font-weight:bold;
    font-size: 12px;
    border: 0px solid #008FCB;
    border-radius: 0.5em;
    /* background-color: #00B3FF; */
    background:transparent;
    cursor: default;
    /* box-shadow: 2px 2px 5px #AAAAAA; */
    text-align:center;
    padding-top:5px;
    margin-top:2px;
}
.tbox
{
	border:1px solid #e5e5e5;
	background:#eeeeee;
	width:400px;
/* 	-moz-box-shadow:    1px 1px 1px #ccc;
	-webkit-box-shadow: 1px 1px 1px 1px #ccc;
	 box-shadow:         1px 2px 2px 2px #eeeeee; */
	 height:24px;
	 padding:4px;
}
/* .jsplumb-drag-selected {
	border: 2px solid orange;
	background-color: gold;
}

.nu-selection-box {
    border: 1px dotted #BBB;
    background: rgba(0, 0, 0, 0.04);
}
.nu-selected {
    border: 5px solid orange;
    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.1);
    background: #27AE60;
} */
.errorClass{
	width: 250px;
	background:#FFC4C4;
}
.errorClass .qtip-content{
    font-size: 14px;
	font-weight: normal;
	line-height: 1;
}
.infoClass{
	width: 250px;
}
.infoClass .qtip-content{
    font-size: 14px;
	font-weight: normal;
    color:#FF8000;
    line-height: 1.2;
    max-height: 200px;
    overflow: hidden;
    text-overflow: elipsis;
}
.groupChip  span{
  overflow:hidden;
  text-overflow:ellipsis;
  font-size: 13px !important;
  color: #717171 !important;
}

/***********************	END	: This section used for Marketing Automation Builder	*****************************************/

/*** START : React Select Plus Dropdown Styles ***/
.Select-menu-outer
{
  z-index: 9999 !important;
}

/*** END : React Select Plus Dropdown Styles ***/

.overflow-y-initial > :first-child {
  overflow-y: initial !important;
}

/********* START:   SF-FORM  *************************/
.date-time .form-control {
   border:0 !important;
   background-color: transparent !important;
   box-shadow:none !important;
}
.date-time .form-control:focus {
  box-shadow: none !important; border :none !important;
}

.sf-form-field1 > div  {
background-color:#fff !important;
border:1px solid #ccc !important;
padding-left:7px !important;
margin-bottom: 10px !important;
}
.sf-form-field > div > label {
  color:#777 !important;
}
.sf-form-field > div > input {
  color:#444 !important;
  font-size:16px !important;
}
/*.date-time  {
  height:50px !important;
}*/
.date-time input:focus  {
   border-width:0px none !important;
   border-color:inherit !important;
   box-shadow:inherit !important;
   font-size:12px !important;
   color:#c00 !important;
}


.sf-form-field:focus{
  font-size:12px !important;
  color:#00AA00 !important;
}

.col-two > div > input  {
  font-size:15px !important;
  color:#333 !important;
  padding-top: 5px !important;
  padding-left: 7px !important;
}
.col-two > div  {
  padding:0px !important;
}
#comments > div > div > textarea  {
  margin-top:10px !important;
}
#comments > div  {
  height:160px !important;
}
.col-two > div  {
  font-size:16px !important;
  color:#333 !important;
}
.col-two > div > div  {
  font-size:12px !important;
  color:#999 !important;
}
.colTwo > div  {
    width: 100%;
    display: inline-block;
    position: relative;
    transition: height 200ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    cursor: auto;
    margin-bottom: 10px;
}
.groupFrm  {
  float: none !important;
  width: 100% !important;
}
/*#noteTypeList  {
    width: 117% !important;
    margin-right: -2px;
    left: -24px;
}*/
#noteTypeList > div > div  {
}

.Select-placeholder  {
  padding-left:10px !important;
}
.colTwo .Select-control  {
  border:0 !important;
}

.date-label {
  position: relative; 
  line-height: 0; 
  top: 30px !important; 
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; 
  z-index: 1; 
  transform: scale(1) translate(0px, 0px); 
  transform-origin: left top 0px; 
  pointer-events: none; 
  user-select: none; 
  color: rgb(113, 113, 113);
  font-weight: normal;
  font-size: 16px;
  padding-left:8px;
  display: initial;  
}

.sf-form-field .rdtOpen input:focus .date-label  {
  /*border:1px solid #c00 !important;*/
  font-size:12px !important;
  color:#c00 !important;
}

.col-two > div > label.date-label  {
  top:30px !important;
  
}

/********* END:   SF-FORM  *************************/


/*  START: Detil View */



.detailViewFields_hover i{
  display:none;
}

.detailViewFields_hover:hover i{
  display:inline !important;
}

.detailViewFields_hover i.fa-phone, .detailViewFields_hover i.fa-mobile {
  display:inline !important;
}
/*  END: Detil View */

/*  START: Form field Lookup Search Icon */
.form-field-search-icon input {
  width: 83% !important;
}
.search-field-icon {
  vertical-align: middle;
  padding-top: 13px;
  font-size: 16px !important;
  right: 19px;
  cursor: pointer;
  position: absolute;
  width: 46px;
  text-align: center;
  height: 46px;
  top: 0px;
}
/*  END: Form field Lookup Search Icon */

/*  START: ListView Toggle */
.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
  overflow: hidden;
  border-radius: 5px;
  margin-top: 7px;
  margin-left: 7px;
}
.switch input {
  display: none;
}
.aicon {
  position: absolute;
  cursor: pointer;
  top: 0px;
  left: 0px;
  bottom: 0px;
  background-color: #e6e6e6;
  width: 24px;
  height: 24px;
  font-weight: bold;
  -webkit-transition: .4s;
  transition: .4s;
  color: #555555;
  text-align: center;
  font-size: 14px;
  line-height: 26px !important;
  padding-top: 6px;
}
.aincon {
  width: 17px;
  height: 17px;
}
.alist {
  position: absolute;
  cursor: pointer;
  top: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #555555;
  width: 24px;
  height: 24px;
  font-weight: bold;
  -webkit-transition: .5s;
  transition: .5s;
  color: #e6e6e6;
  text-align: center;
  font-size: 14px;
  line-height: 25px !important;
  padding-top: 6px;
}
.ainlist {
  width: 17px;
  height: 17px;
}
input:checked + .aicon {
  background-color: #555555;
  color: #e6e6e6;
}
input:checked + .aicon + .alist {
  background-color: #e6e6e6;
  color: #555555;
}
/*  END: ListView Toggle */

/* Search */
.list_dorpdown  {
  position:absolute;
  z-index:9999999; 
  display:block; 
  width:53%; 
  background-color: #fff;
  top: 50px;
  margin-left:45%;
  box-shadow:0 3px 5px #ccc;
  -webkit-box-shadow:0 3px 5px #ccc;
  color:#666;
  border-top:1px solid #ccc;
  font-size:14px;
  padding:12px 0 7px 8px;
}

.adv-search-tag {
  line-height: 27px;
  padding-left: 3px;
  width: 10px;
}

.adv-search-form {
  position:absolute;
  z-index:9999999; 
  display:block; 
  width:53%; 
  background-color: #fff;
  top: 50px;
  margin-left:45%;
  box-shadow:0 3px 5px #ccc;
  -webkit-box-shadow:0 3px 5px #ccc;
  color:#666;
  border-top:1px solid #ccc;
  font-size:14px;
  padding:12px 0 7px 8px;
  top: 50px;
}

/*--------------------New UI------------------*/

.contentHeader  {
  border-top:0 !important;
  border-bottom:0 !important;
}
.contentHeader > div,
.contentHeader > div > div   {
  background: inherit !important;
}
.contentHeader > div  {
  padding:0px !important;
}
.contentHeader > div > div > div  {
  background: inherit !important;
}
.contentHeader > div > div a  {
  /*color:#eee !important;*/
}
#Dashboard  {
  /*background-color: #616161 !important;*/
}
/*.bodyContent > div  {
  background-color: #f5f5f5 !important;
}*/
.headingApp > div > div  {
  color:#555 !important;
}
.headingApp > div > div > i  {
  background: #fe5722 !important;
  color:#fff !important;
  border-radius:50% !important;
  width:30px;
  text-align: center;
  height:30px;
  top:-2px;
  position: relative;
  line-height: 2;
}
html {height:100%;}
.snmenu div div, .snmenu div i {color:#919191 !important;}
.menuDrawyer a  {
  font-size:13px !important;
}
.menuDrawyer a i  {
  padding-top: 3px !important;
}
.mainContainer > div > div  {
  overflow: inherit !important;
}
.pageCount {display: table-cell; padding-top: 3px;}

.pageSet i  {
  opacity: 0.5 !important;
  font-size: 16px !important;
}
.pageSetColumnView i {
  opacity: 0.5 !important;
  font-size: 16px !important;
}
.headingApp > div > div a  {
  height:30px !important;
  line-height:30px !important;
  border:0;
}
.headingApp > div > div a i  {
  font-size: 15px !important;
}
.iconUser > i {
  font-size:22px !important;
  opacity:0.5 !important;
}
.profile div {
   white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.headingApp > div > div > a  {
  background-color: rgb(254, 87, 34);
}
.headerDetailView {
  background-color: #fff !important;
  padding:9px 9px 0 0 !important;
  box-shadow: 0 0 10px #ddd !important;
  width:calc(100% + 15px);
}
.headerDetailView > div  {
  border-bottom:0 !important;
}
.headerDetailView > div > div > span > i  {
  background: #fe5722 !important;
    color: #fff !important;
    font-size: 14px !important;
    border-radius: 50% !important;
    width: 30px;
    text-align: center;
    height: 30px;
    top: -4px;
    position: relative;
    line-height: 2;
    margin-left:6px;
    padding-left:0 !important;
}
.actionGroup span i  {
  border-radius:50%;
  width:20px;
  height:20px;
  text-align: center;
  margin-right: 6px;
  color:#fff !important;
  line-height: 2;
  font-size: 11px;
  padding-right:0px !important;
}
.completeTask i  {
  background-color:#cbe8cc;
}
.playClick i {
  background-color: #bbe8f3;
}
.deleteTimes i  {
  background-color: #fdd7da;
}
.ownerName  {
  padding-left:22px;
}
.taskMain > .row > .col-sm-3 > div > div > span {
    font-weight: bold;
    font-size: 16px;
    padding: 8px 0;
    display: block;
    color: #333 !important;
}
.actionHome > .row > div  {
  background-color: inherit !important;
}
.actionHome > .row > div > div > div > div {
  background-color: inherit !important;
}

.notificationIcon > div  {
padding:0 !important
}
.form-control {padding-left: 7px !important; height: 40px !important;}
/*label {left: 7px !important;}*/
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	background-color: #ddd !important; border-radius: 0px;
}
.appontmentdd {
  height: 40px !important;
}
.drawer {padding-top: 10px;}
.adetailview {display: table;}
.adetailview > .row {display: table-row; margin-left: 0px; margin-right: 0px;}
.adetailview > .row .col-sm-3, .adetailview > .row > .col-sm-6 {display: table-cell; float: none; width: 20%; vertical-align: top;}
.adetailview > .row > .col-sm-6 {width: 60%;}
.appontmentdd #noteTypeList {margin-top:0px !important;}
.appontmentdd #noteTypeList button {width: 38px !important; height:28px !important; top: 6px !important; right: -1px !important;}
.appontmentdd #noteTypeList > div > div+div {top:0px !important; height:40px !important; line-height:52px !important; padding-left:7px !important;}

.detailViewFieldData {
  margin-bottom: 10px;
}

.detailViewFieldDataLabel {
font-weight: bold
}

.drawerbox {width: 100%; overflow: hidden; /*padding-top: 20px;*/}
.rech_date input {
  border:none; 
   position: relative; margin-left: 19px;
    margin-top: -32px;
box-shadow:none}


.broadFromEmail .Select-control {border: 1px solid rgb(221, 221, 221); border-radius: 0px; height: 42px; margin-bottom: 20px;}
.broadFromEmail .Select-control .Select-value {padding-top: 11px}

.selectStatus .Select-control {border: 1px solid rgb(221, 221, 221); border-radius: 0px; height: 42px; margin-bottom: 20px;}
.selectStatus .Select-control .Select-value {padding-top: 4px ;font-size: 15px}

.bcloader {position: relative; top: 50%; left: 50%; z-index: 1; background: #fff; height: 100px; width:100px; transform: translate(-50%, -50%); box-shadow: 0px 0px 15px #ddd; -webkit-box-shadow: 0px 0px 15px #ddd; border-radius: 20px; -webkit-border-radius: 20px; padding-top: 1px;}
.loaderh {width: 100%; height: 100%; position: absolute;}
.aapbar>div:nth-child(2) {height: 50px !important; line-height: 50px !important;}
.noc {border: 1px solid #ccc; text-align: center; margin-left: 7px; background-color: #fff; color: #717171}
.noc > div > div + div {height: 23px !important; line-height: 23px !important; padding: 0 !important;}
.noc > div > div + div + button {padding: 0px;}
.pageSet {position: absolute; top: 6px; right: 0;}
.pageSetColumnView {top: 6px; right: 0;}
.pag {position: relative; float: right;}
.pag > div:first-child {margin-right: 25px;}
.fr-above, .fr-desktop{
  z-index: 5000 !important;
}
textarea {padding-left:7px !important; font-size: 15px !important; color: #333 !important;}
.asel1 .Select-value-label { background-color: red; position: absolute; top: 5px;}
.sendmail .Select-value > span {display: block; padding-top: 2px;}

.dateParent > .rdt  {
  position: static !important;
}
.dlcard {padding: '20px'; border-radius:7px !important; height: 150px;}
.dlimg {position: relative; top: 75px; transform: translateY(-50%); max-width:80%; max-height: 100%}
.dlcard>div>div>div:first-child {padding-top: 18px; height: 100% !important;}
.dlcard > div > div > div + div > div > div {top: 0 !important; border-radius:7px !important;}
.autoside {overflow:hidden; height:400px; width:170px;}
.autoside1 {overflow:hidden; height:400px; width:44px;}
.inlineEditTextArea {
height: 100px !important;
}
.inlineEditTextArea > input  {
  height: 100px !important;
  border: 1px solid black !important;
}
.dlcard > div > div > div + div > div > div {top: 0 !important; border-radius:7px !important;}
.dlcard .noimage-div { min-height: 150px; padding: 30% 15px 0; text-align: center;}
/*.detailViewFieldData {width: calc(100% + 15px);}*/
.detailViewFieldDataLabel {width: calc(100% - 30px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.detailViewFieldDataLabel2 {width: calc(100% - 45px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 228px; float: left;color: #B5B5B5}
.detailViewFieldData2 {width: calc(100% - 45px); display: inline-block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 228px; float: left;}

.detailViewFieldDataLabel1 {width: calc(100% - 30px); display: inline-block; text-overflow: ellipsis; overflow: hidden;}
.asf > div > div > div+div {top: 0px !important; height: 34px !important; line-height: 40px !important; padding-left: 0;padding-right: 25px !important;}
.ten .col-sm-4, .ten .col-sm-6, .ten .col-sm-8 {padding-left: 10px !important; padding-right: 10px !important}
.react-grid-Cell.react-grid-Cell--locked {position: static; z-index: 0 !important;}

input[type=checkbox]+div > div > div > svg {fill:#717171 !important;}
input[type=checkbox]+div > label {color:#717171 !important;}
input[type=radio]+div > div > div > svg {fill:#717171 !important;}

/*.autoside:hover, .autoside1:hover {overflow-y:scroll;}*/
.tcdate input { border-radius: 0px; border: 1px solid rgb(221, 221, 221); height: 44px; background-color: #fff; width: 347px !important;}
.detailViewFieldData > .detailViewFields_hover::after {clear: both; display: block; content: ""; height: 0;}
.Select-value-icon {
  /* background-color: #F5F5F5!important; */
  color: #555!important;
}    

.Select-value-label {
  /* background-color: #F5F5F5!important; */
  color: #555!important;
}

.mail:hover {
  border-bottom: 2px solid;
}

.filist .material-icons {display: none;}
.filist:hover .material-icons {display: inline-block;}

.groupList .material-icons {display: none;}
.groupList:hover .material-icons {display: inline-block;}

.adslabel {position:absolute; top:-24px; left: 0px; font-size:11px; display: block; color:#999;}
.adsval {display:block;}

/******Broadcast Results*********/
.report_box_area {
  display: block;
  width: 100%;
  margin-top: -10px;
}

.report_box {
  float: left;
  position: relative;
  display: block;
  width: 10%;
  padding: 1%;
  background-color: #ffffff;
  border: 1px solid #cbcbcb;
  color: #000000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-align: center;
  font-size: 13px;
}

.report_gap {
  float: left;
  display: block;
  width: 2.4%;
  height: 50px;
}
.rdi-red {color:#ff0000}
.rdi-black {color:#717171;}
.rdi-green {color:#228B22}
.Select--multi .Select-value-label {max-width: 65px !important; white-space: nowrap;  overflow: hidden !important; display:inline-block !important;
text-overflow: ellipsis !important;}
.userCalendarField>div {height:28px;}
.userCalendarField>div>div:focus {box-shadow:none !important; outline:none !important;}
.userCalendarField>div>div>div>div {width: 165px !important; white-space: nowrap;  overflow: hidden !important;
text-overflow: ellipsis !important; padding-left:0px !important;}
.userCalendarField>div>div>div:last-child {margin-top:0px !important;}
.lookuppag .pag > div:first-child {margin-right: 0px;}
.lookuppag .pag {padding-top:7px;}
.sbbmenu a {white-space: nowrap; width:230px;  display: block; padding: 8px 18px; overflow: hidden; text-overflow: ellipsis; color:#b4b4b4 !important; text-decoration: none !important;} 
.sbbmenu a:hover {background-color:#515151;}
.sbbmenu a span {color:#919191 !important;}
.sbbmenuheader span {white-space: nowrap; width:225px;  display: block; padding: 8px 18px; overflow: hidden; text-overflow: ellipsis; color:#b4b4b4 !important; text-decoration: none !important;} 
.calinpu {white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.lookuppag .col-sm-12.col-two {width:300px;}
.datepic {border-radius: 0px; border: 1px solid rgb(221, 221, 221); height: 42px; background-color: #fff; width: 256px; box-shadow: none !important;}
.repeatChkBox div div div {margin-left: 0px !important;}
.filter-sub-menu{   
  background-color: #414141;
  color: #FFFFFF !important; 
  z-index:99999 !important; 
  position: absolute;   
  display: inline-block;
  max-height:500px;
  overflow: auto;
  scrollbar-color: #515151 #515151;
}

/* Let's get this party started */
.filter-sub-menu::-webkit-scrollbar {
  width: 12px;
}

/* Track */
.filter-sub-menu::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
.filter-sub-menu::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: #515151; 
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.filter-menu>div>a>div:hover {background-color:#515151 !important;}

.sendmail .Select-menu-outer {
  max-height: 400px !important;
}
.sendmail .Select-menu {
  max-height: 370px !important;
}
.sendmail .Select-option {
  white-space: nowrap !important;
  width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sendmail .Select-value .Select-value-label {
  background-color: #fff !important;
}
.sendmail .Select-value {
    white-space: nowrap !important;
    width: 87% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.arFilters .Select-option {
  width: 290px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

/* .arFilters {
  width: 90% !important;
  display: inline-block !important;
} */

.tempList .Select-option {
  width: 390px !important;
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.tempList .Select-value .Select-value-label {
  background-color: #fff !important;
}

.dpvalue {padding-left:17px; margin-bottom:-21px; padding-top:2px;}
.dpinvisible {}
.dpinvisible input {background-color: transparent !important; color: transparent !important; font-size:0px; width: 90% !important}
.dpinvisible input:focus {box-shadow: none !important;}
.pomenu div div {width: 210px; text-overflow: ellipsis; overflow: hidden;}
.dialogtxt {font-size: 14px; color: rgba(0, 0, 0, 0.6); margin-bottom: 5px;}

.react-grid-image {background-repeat: no-repeat !important; background-position: center !important; width: 27px !important; height: 27px !important; background-color: #fff !important;}
.fr-overlay {z-index: 1000 !important; }
.pomenuitem div div {font-size: 14px; line-height: 36px; min-height: 30px; padding: 0px; color:#666666}


.ntl {background: url(../images/setting-icon.jpg) no-repeat right center;}
.ntl .fa {padding-left:33px !important;}
.ntla {background: url(../images/setting-icon.jpg) no-repeat right center;}

.divContainer {
  position: relative; 
  vertical-align: top; 
  margin-top: 10px; 
  border: 1px solid #B5B5B5; 
  margin-left: 20px; 
  margin-right: 20px; 
  overflow: hidden; 
  width: auto;
  background: url(../images/background.png) repeat;
}

.ntla .fa {padding-left:22px !important; color:#e0e0e0;}
.preview_box{		
	background-color:#eeeeee; 
	padding:15px;
}	
.preview_title_box{
	background-color:#CBCBCB;
	color:#ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	-moz-box-shadow:0 -2px 4px #909090;
	-webkit-box-shadow:0 -2px 4px #909090;
	box-shadow: 0 -2px 4px #909090;  
	margin-bottom:10px;
	font:bold 18px Arial, Helvetica, sans-serif;	
	padding:10px 15px;
}
.preview_content_box{
	background-color:#ffffff;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;	
	-moz-box-shadow:0 -2px 4px #909090;
	-webkit-box-shadow:0 -2px 4px #909090;
	box-shadow: 0 -2px 4px #909090;	
	padding:20px 15px;
	font:14px Arial, Helvetica, sans-serif;
}
 .unsubscribe{
     font:12px Arial, Helvetica, sans-serif;
 }

.bcresult .report_box_area {margin-top:0px;}
.menuitem div div {overflow:hidden; width:80px; text-overflow:ellipsis; white-space:nowrap}
.menuitemListviewSearch div div {overflow:hidden; width:80px; text-overflow:ellipsis; white-space:nowrap}
.menuitemArReport div div {overflow:hidden; width:185px; text-overflow:ellipsis; white-space:nowrap}
.menuitemArChangeGroup div div {overflow:hidden; width:340px; text-overflow:ellipsis; white-space:nowrap}
.menuitemNoteTypes div div {overflow:hidden; width:150px; text-overflow:ellipsis; white-space:nowrap}
.menuItemAddTaskSalesrep div div {overflow:hidden; width:85px; text-overflow:ellipsis; white-space:nowrap}
.menuItemUpdateFields div div {overflow:hidden; width:70px; text-overflow:ellipsis; white-space:nowrap}
.menuItemDaysAfter div div {overflow:hidden; width:90px; text-overflow:ellipsis; white-space:nowrap}
.menuItemWebform div div {overflow:hidden; width:170px; text-overflow:ellipsis; white-space:nowrap}
.flatpickr-calendar{
  z-index:99999999999 !important;
}
.flatpickr.active {color:rgba(25,25,25,0.6) !important;}
.flatpickr {padding-left:5px;}

.autcomfield input {margin-left:7px;}
#company .autcomfield+.search-field-icon {top:0px;}

.group_campaign_title {
  padding: 0px 0px 15px 0px;
  align-items: center;
  color: rgb(98, 100, 100);
  font-size: 20px;
  margin: 0;
  min-height: 20px;
  font-size:  18px;
  cursor: default;
  text-align: center;
}
.group_count {
  width:62px;
  height:62px;
  border-radius:50%;
  border:2px solid #fe5722;
  margin:0% auto 0 auto;
  text-align:center;
  margin-bottom: 20px;
  font-size: 14px;
}
.group_listview_precord_cdiv{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre;
	background-size: cover;
	position: relative;
	padding: 3px 0px 0 10px;
  margin: 0 0 0 8px;
  color:#666;
  font-size: 14px;
}
table.group_listview_table {
  width: 100%;
  border-collapse: collapse;
  border-color: transparent;
  border-image: none;
  border-style: solid;
  margin: 0px;
  padding: 0px;
  border-spacing: 0px;
  table-layout:fixed;
}
.group_menu {
  /* line-height: 30px; */
  margin-top: 40px;
  font-size: 14px;
  height: 122px;
  max-width: 125px;
}
.group_menu div:first-child:hover {text-decoration: underline;cursor: pointer}

.group_table_container{
	width: 100%;
  padding: 0px 15px 0px 0px;
  border-spacing: 0;
}
.group_table_container td{
  width: 30%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  vertical-align: top;
}
.group_campaign_norecord {
  min-height:50px;
  max-height:200px;
  text-align:center;
  color:#666;
  font-size: 14px;
}
#attachmentUpload {width:716px;}
.headicon .material-icons {font-size: 29px; line-height: 20px;}
#attachmentUpload .col-md-9 {width: 506px; padding-top: 8px; min-height: 107px; background-color:#efefef}
.abcheck div div {margin-right:5px !important;}
.abcheck div div+label {font-weight: normal; font-size: 14px;}
/*.abtabtn div div {color:#717171;}*/
.filist .anchor {display: none;}
.filist:hover .anchor {display: inline-block;}
.groupList .anchor {display: none;}
.groupList:hover .anchor {display: inline-block;}

.mergedt {width:300px;}
.mergedt input {padding: 1px 0 0 5px !important;}
.calenderpick >.rdtPicker {width:190px !important;}
.widget-HeaderCell__value {font-weight: 700; font-size: 14px; text-transform: capitalize;}
.hg {font-size:12px;}
.search-by>.Select-control {
  border: none;
  font-size:12px;
  
}

.leftBlock .col-sm-6,
.rightBlock .col-sm-6  {
  width:98%;
}
.leftBlock,
.rightBlock  {
  width:50%;
  float:left;
}  

.import-gray-text {
	color: #777777;
	font-weight: normal;
}
.mapbar {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-bottom:5px;	
}
.custom_field_row  {
  border: 5px solid #e0e0e0;
  margin-bottom: 20px;
  background: #fff;
}
.main_form_div .Select-control  {
  height:43px;
}
.heading_row  {
  background-color:#e0e0e0;
  padding:6px 8px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom:20px;
}
.body_panel  {
  padding:0 15px;
}
.add_icon  {
  cursor: pointer;
  border: 1px solid #bbb;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: inline-block;
  padding: 4px;
  line-height: 1;
}
/*.active-radio  {
  float: left;
  padding-right:10px;
  background-color:#eee;
  border-right: 1px solid #ccc;
}
.radio_btn  {
  margin-right:3px !important;
  opacity: 0;
}
.radio-group  {
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor:pointer;
}*/

.dateTimeDiv-date  {
  position: relative;
}

.dateTimeDiv-fromDate  {
  position: relative;
}

.dateTimeDiv-toDate  {
  position: relative;
}

.viewAsWeb input{
  width: 74% !important
}

.radio-group {
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
  position: relative;
  width: 112px;
  white-space:nowrap;
}
.active-radio {
  background-color: #eee;
  padding: 0px 15px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  white-space:nowrap;
}
.inactive_radio  {
  overflow: hidden;
  position: relative;
  padding: 0px 15px;
  white-space:nowrap;
  display: inline-block;
  background-color: white;
}

/** START:  Used for Datepicker */
.flatpickr-day.selected {
  background: #eb5521 !important;
  border-color: #eb5521 !important;
}
/** END:  Used for Datepicker */

.touch-date>.flatpickr-wrapper{
  width: 100%;
}
.icon_sent  {
    float: left;
    padding-left: 15px;
    padding-top: 20px;
    margin-right: 12px;
}
.icon_sent i  {
  color:#fc4513;
}

.userCalendarField>div>div>div>div>div{overflow: hidden !important; text-overflow:ellipsis;}


.layout_maintable  {
  background-color:#fff;
  border:1px solid #ddd;
  width:100%;
}
.layout_maintable th  {
  background-color: #fff;
  border-left: 1px solid #ddd;
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
  padding: 8px 10px;
  font-weight:bold; 
  font-size:14px; 
}
.layout_maintable td  {
  font-size:14px;
  color:#666;
  border-bottom:1px solid #ddd;
  line-height:28px;
  padding-left:10px;
}
.layout_maintable tbody tr:nth-of-type(even)  {
  background-color: #f2f2f0;
}

.menu-item-ellipsis > div > div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100px;
}

.integration-tooltip {
  width: 43% !important;
}
.form-dropdown-menu-container > div,
.form-dropdown-menu-container > div > div {
  width:100% !important;
  display:block !important;
}

.form-control-phone {
  height: 40px !important;
  width: 256px !important
}

.call-setup-phone {
  height: 40px !important;
  width: 200px !important
}

.call-setup-phone::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaaaaabb;
  opacity: 1; /* Firefox */
}

.call-setup-item-list > div > button {
  width: 0px !important;
  height: 0px !important;
  margin: -12px 24px 0px 0px !important;
}

/********* START:   LIST/COLUMN TOGGLE  *************************/

.toggle-wrapper {
  margin: 0.20em auto;
}

.toggle-wrapper label {
  padding: 0.3em;
  font-size: 17px;
  display: block;
  font-family: 'Arial';
}

.toggleContainer {
  width: 100%;
  position: relative;
  background: #404040;
  border: 1px solid #eeeeee;
  height: 28px;
  margin-top: -1.2px;
  border-radius: 3px 3px 3px 3px;

}

.toggleContainer .toggleOption {
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: center;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  color: #c5c5c5;
  font-size: 14px;

}

.toggleContainer .toggleOption.selected {
  color: #c5c5c5;
  cursor: initial;
}

.toggleContainer .toggle {
  position: absolute;
  height: 100%;
  bottom: 0;
  left: 0;
  transition: all 0.4s ease-in-out;
  background: #515151;
  border-radius: 3px 3px 0px 0px;
}

/********* END:   LIST/COLUMN TOGGLE  *************************/
.cal-event:hover{
  cursor: pointer; 
  text-decoration : underline
}

.column-setup-view-field > * {
  color: #55555561 !important;
}

.column-setup-view-field > a:hover{
  text-decoration: none !important; 
}

.hdrfiltr .editfltr {opacity:0; transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.hdrfiltr:hover .editfltr {opacity: 1;}



/************************************************************/
/************START OF AUTOCOMPLETE TAGS(CSS)*****************/
/************************************************************/
.react-tags {
  position: relative;
  padding: 6px 0 0 6px;
  border: 1px solid #dddddd;
  border-radius: 1px;

  /* shared font styles */
  font-size: 1em;
  line-height: 1.2;

  /* clicking anywhere will focus the input */
  cursor: text;
  background: white;
  margin-bottom: 10px;
}

.react-tags.is-focused {
  border-color: #dddddd;
}

.react-tags__selected {
  display: inline;
}

.react-tags__selected-tag {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 6px 6px 0;
  padding: 6px 8px;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
  background: #FFFFFF;
  cursor: auto;

  /* match the font styles */
  font-size: inherit;
  line-height: inherit;
}

/* .react-tags__selected-tag:after {
  content: '\2715';
  margin-left: 8px;
} */

 .close-tag:after {
  content: '\2715';
  margin-left: 8px;
  cursor: pointer;
} 

.disabled-tag:after{
  content: '\2715';
  margin-left: 8px;
  cursor: not-allowed;
}

/* .react-tags__selected-tag:hover,
.react-tags__selected-tag:focus {
  border-color: #B1B1B1;
} */

.react-tags__search {
  display: inline-block;

  /* match tag layout */
  padding: 7px 2px;
  margin-bottom: 6px;

  /* prevent autoresize overflowing the container */
  max-width: 100%;
}

@media screen and (min-width: 30em) {

  .react-tags__search {
    /* this will become the offsetParent for suggestions */
    position: relative;
  }

}

.react-tags__search input {
  /* prevent autoresize overflowing the container */
  max-width: 100%;

  /* remove styles and layout from this element */
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;

  /* match the font styles */
  font-size: inherit;
  line-height: inherit;
}

.react-tags__search input::-ms-clear {
  display: none;
}

.react-tags__suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 999999;
}

@media screen and (min-width: 30em) {

  .react-tags__suggestions {
    width: 240px;
  }

}

.react-tags__suggestions ul {
  margin: 4px -1px;
  padding: 0;
  list-style: none;
  background: white;
  border: 1px solid #D1D1D1;
  border-radius: 10px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.react-tags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 6px 8px;
}

.react-tags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}

.react-tags__suggestions li:hover {
  /* cursor: pointer; */
  background: #eee;
}

.react-tags__suggestions li.is-active {
  background: #b7cfe0;
}

.react-tags__suggestions li.is-disabled {
  opacity: 0.5;
  cursor: auto;
}
.react-tags__search-input input:disabled {
  background: #FFF;
}
.invalid-tag 
{
  /* border: 1px solid #ff0000; */
  background-color: #CC2D22;
  color: #FFF;
  /* font-weight: bold; */
  border: none;
}
/************************************************************/
/************END OF AUTOCOMPLETE TAGS(CSS)*****************/
/************************************************************/
.rbc-today{
  background-color: #F5F5F5;
}

/* .rbc-today > a > span {
  color: #000000;
} */
.rbc-header {
  background-color: #424242;
  color: white;
}

.listview-search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #aaaaaabb;
  opacity: 1; /* Firefox */
}

.flatpickr-input {
  top: 10px;
  width: 90%;
}
.rc-tree li .rc-tree-node-content-wrapper {
  padding: 1px 8px 1px 2px !important;
  height: auto !important;
}

.rc-tree li span.rc-tree-switcher.rc-tree-switcher_open {
  background-position: -93px -53px !important;
}
/* .rc-tree li span.rc-tree-switcher.rc-tree-switcher_close {
  background-position: -93px -56px !important;  //overlay
} */

@supports (overflow-x: overlay) {
  .overflow-x {
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 10px;
  }
  .overflow-x:hover {
    overflow-x: overlay; 
    overflow-y: hidden;
  }
}
@supports not (overflow-x: overlay) {
  .overflow-x {
    white-space: nowrap;
    overflow: hidden;
    padding-bottom: 5px;
  }
  .overflow-x:hover {
    overflow-x: auto; 
    overflow-y: hidden;
  }
}
.overflow-x::-webkit-scrollbar {
	width: 7px;
	height: 7px;
	padding: none;
}

.overflow-x::-webkit-scrollbar-track {
	border-radius: 5px;
	background: rgba(247, 87, 35, 0.1);
}

.overflow-x::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: rgba(247, 87, 35, .3);
}

.overflow-x::-webkit-scrollbar-track:hover {
	background: rgba(247, 87, 35, .3);
}

.overflow-x::-webkit-scrollbar-thumb:hover {
	background: rgba(247, 87, 35, .7);
}
.templateCard {
    width:250px;
    padding-left: 20px;
    height: 380px;
}
.templatePad{
  padding-right: 15px
}

@media screen and (max-width: 1360px) {
  .templateCard {
    width:250px;
    padding-left: 10px;
    height: 371px;
  }
  .templatePad{
    padding-right: 10px
  }
}

/* class for rotating coupon icon */
.rotate-40deg{
  -ms-transform: rotate(-40deg); /* IE 9 */
  -webkit-transform: rotate(-40deg); /* Safari 3-8 */
  transform: rotate(-40deg);
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes slidedown {
  0% {
    opacity: 0;
    transform: translateY(0);
  } 
  100% {
      opacity: 1;
      transform: translateY(400);
  }
}

/* Standard syntax */
@keyframes slidedown {
  0% {
    opacity: 0;
    transform: translateY(0);
  } 
  100% {
      opacity: 1;
      transform: translateY(400);
  }
}

.article-news-el {
  -webkit-columns: 3 200px;
     -moz-columns: 3 200px;
          columns: 3 200px;
  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
          column-gap: 4em;
  -webkit-column-rule: 1px solid #58575745;
     -moz-column-rule: 1px solid #58575745;
          column-rule: 1px solid #58575745;
}

.gantt .bar-wrapper:hover .handle {
  visibility: hidden !important; 
}

/****************CSS for PIVOT TABLE SETUP ********************/
.e-field-list-filters {
  display: none !important;
}
.e-field-list-rows {
  margin-top: 0px !important;
}
.e-field-list-values {
  width: 100% !important;
}
.e-sort {
  display: none !important;
}
.e-pv-filter {
  display: none !important;
}

.checklist .material-close-icons {display: none;}
.checklist:hover .material-close-icons {display: inline-block;}

.__react_component_tooltip {
  max-width: 400;
  text-overflow:ellipsis;
  overflow: hidden;

  }

.appointment_link:hover {
  cursor: pointer;
  text-decoration: underline;
}

.libraryhead > i  {
  background: #fe5722 !important;
  color:#fff !important;
  border-radius:50% !important;
  width:30px;
  text-align: center;
  height:30px;
  top:-2px;
  position: relative;
  line-height: 2;
}

div#workflowTabs  svg {
  height: auto !important;
}

.availpicker .flatpickr-input{
  display: none
}
.availpicker .flatpickr-calendar{
  z-index: 1 !important;
}

@-moz-document url-prefix() {
  .sf-desk {
    padding-bottom: 5px !important;
  }
}
.sfcalendar-dialog .flatpickr-input{
  display: none;
}
/* .e-appointment{
   min-height: 22px !important; 
} */
.e-appointment-details .e-subject{
  padding-top: 1px !important;
  margin-top: 0px !important;
}

.fp-visible{
  display: block;
  z-index: 30000;
}
.page-action:hover{
  background-color: #c7cac7;
}
.e-ribbon .e-tab .e-content .e-toolbar {
  height: 50px !important;
}

.e-spreadsheet .e-protect-dlg {
  width: 287px !important;
}

.page-row:hover{
  background-color: #f2f5f2;
}

.loader {
  height : 8px;
  width  : 36px;
}

.loader-box {
  display: inline-block;
  height: 8px;
  width: 8px;
  margin: 0px 2px;
  background-color: rgb(0,146,255);
  animation-name: fadeOutIn;
  animation-duration: 500ms;
  animation-iteration-count : infinite;
  animation-direction: alternate;
}

.loader-box:nth-child(1) { animation-delay: 250ms; } 
.loader-box:nth-child(2) { animation-delay: 500ms; } 
.loader-box:nth-child(3) { animation-delay: 750ms; }

@keyframes fadeOutIn {
  0%   { background-color : rgba(0,146,255,1); }
  100% { background-color : rgba(0,146,255,0); }
}

.quote-table {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.fp-connectin-error{
  display: none;
}

/******start COLUMN VIEW******/
.desk {
  border-radius: 6px !important;
}
.desk-head{
  background: #ffffff !important;
  color: #212121 !important;
  border-bottom: 1px solid #cfcfcf !important;
}
.desk-name {
  padding-left: 2px !important;
  padding-right: 2px !important;
}
/******end COLUMN VIEW******/

#formatOLOptions-1{
  display: none;
}

#formatULOptions-1{
  display: none;
}