/* Commons */

.public-page .platform-layout .row-fluid .span10 {
	width: 84.8%;
}

.public-page .platform-layout .row-fluid .span8 {
	width: 68.7%;
}

.public-page .platform-layout .row-fluid .span7 {
	width: 59.66496%;
}

.public-page .platform-layout .row-fluid .span4 {
	width: 31.29%;
}

.public-page .platform-layout .row-fluid .span3 {
	width: 25.37692%;
}

@media ( min-width : 1200px) {
	.public-page .platform-layout .row-fluid .span10 {
		width: 85.4%;
	}
	.public-page .platform-layout .row-fluid .span8 {
		width: 68.2%;
	}
	.public-page .platform-layout .row-fluid .span7 {
		width: 59.86496%;
	}
	.public-page .platform-layout .row-fluid .span4 {
		width: 31.8%;
	}
	.public-page .platform-layout .row-fluid .span3 {
		width: 25.57692%;
	}
}

@media ( max-width : 979px) and (min-width: 768px) {
	.public-page .platform-layout .row-fluid .span10 {
		width: 85.47293%;
	}
	.public-page .platform-layout .row-fluid .span8 {
		width: 68.4%;
	}
	.public-page .platform-layout .row-fluid .span7 {
		width: 60%;
	}
	.public-page .platform-layout .row-fluid .span4 {
		width: 31.29%;
	}
	.public-page .platform-layout .row-fluid .span3 {
		width: 25.5%;
	}
}

@media ( min-height : 767px) {
	.portlet,
	.portlet-content,
	.portlet-content-container,
	.portlet-body{
		height:100%;
	}
}

#main-content{
	clear: both;
}

.fullscreen-active #content-left,
.fullscreen-active #content-center,
.fullscreen-active #content-right {
	height:calc(100vh - 42px);
}

.no-header-footer #content-left,
.no-header-footer #content-center,
.no-header-footer #content-right,
.no-header-footer #main-content {
	height: calc(100vh);
}

.no-footer #content-left,
.no-footer #content-center,
.no-footer #content-right,
.no-footer #main-content {
	height: calc(100vh - 115px);
}

.no-header #content-left,
.no-header #content-center,
.no-header #content-right,
.no-header #main-content {
	height: calc(100vh - 26px);
}

 #content-left,
 #content-center,
 #content-right {
	height: calc(100vh - 85px);
}

#content-left,
#content-center,
#content-right,
#platform-content {
	margin: 0px !important;
}


#content-left, #platform-content, #content-center, #content-right {
	/* transition: width 0.2s;
	-webkit-transition: width 0.2s; */
}

.with-padding {
	padding: 0px !important;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

.uppercase {
	text-transform: uppercase;
}

.noborder {
	border: none;
}

.breadcrumb>li+li:before {
	content: '';
	padding: 0;
}

.mCustomScrollBox {
	width:100%;
}

.mCSB_container{
	width: 99%;
}

.primary-navigation-items-inactive #banner,
.primary-navigation-items-inactive .top-band{
	display: none!important;
}

/* container should move(adjust) once add portlet configuration is opened */
.lfr-has-add-content #wrapper.container-fluid {
    width: calc(100% - 350px);
}

.lfr-has-edit-layout #wrapper.container-fluid {
	width: calc(100% - 460px);
}

/* Commons */

/* left panel */

#content-left .portlet-content {
    height: calc(100% - 50px);
}

#objectTree .mCSB_container{
	width: 100%;
}

/* left panel */

/* center panel */

#platform-content {
	width: calc(100% - 207px);
	float: left;
}

#content-center .portlet-content {
    height: calc(100% - 50px);
}

div#content-center {
	/* height: calc(100vh - 158px); 
	-webkit-transition: width 0.2s;
	transition: width 0.2s;*/
	position: relative;
}

.small-secondary-navigation.no-secondary-navigation #platform-content{
	width: 100%;
}

.no-secondary-navigation  #platform-content {
	width: 100%;
}

#layout-column_column-2 .portlet-topper  h1.portlet-title{
	padding:0px;
}
.toolbar-region  .iconblock{
	height: 40px;
    line-height: 40px;
}
.toolbar-region  .iconblock img{
	vertical-align: middle;
}

#bryntum-container .x-panel-body{
	width:100% !important;
}

/* center panel */

/* right panel */

div#content-right {
	/* -webkit-transition: width 0.2s;
	transition: width 0.2s; */
	position: relative;
	border-left: 2px solid #DDD;
}

.no-secondary-navigation #content-right-slider{
	display: none;
}

.panel-action-info-content-wrapper{
	border-left: 0px solid;
	height: calc(100vh - 175px) !important;
}
/* right panel */

/* dashboard main-content */
#main-content{
    height: calc(100vh - 85px);
}

#main-content.fullscreen-active{
	height: calc(100vh - 42px);
}
/* dashboard main-content */

/* Added height 100% for  1 Column layout*/
/*
#main-content .portlet-layout { height:calc(100% - 80px);}
#main-content .portlet-layout .portlet-column.span12 { height:100%;}
#main-content .portlet-layout .portlet-column.span12 .portlet-content {height:calc(100% - 80px);}

#main-content .portlet-layout .portlet-column.span6 { height:100%;}
#main-content .portlet-layout .portlet-column.span6 .portlet-content {height:calc(100% - 80px);}

#main-content .portlet-layout .portlet-column.span8 { height:100%;}
#main-content .portlet-layout .portlet-column.span8 .portlet-content {height:calc(100% - 80px);}

#main-content .portlet-layout .portlet-column.span4 { height:100%;}
#main-content .portlet-layout .portlet-column.span4 .portlet-content {height:calc(100% - 80px);}
*/
/* Added height 100% for  1 Column layout*/


/* liferay overridden */

.modal-body.modal-body-iframe {
	height: 100% !important;
	max-height: 100% !important;
}
.portal-popup #main-content {
	height: 100% !important;
}
#_com_liferay_layout_admin_web_portlet_GroupPagesPortlet_addLayoutDialog .modal-body-iframe{
    height:440px!important;
}

/*.ui-dialog.reorder-overlay #platform-modal-box.ui-widget-content{
    min-height: 100px !important;
    max-height: 250px !important;
    height: 250px !important;
}

.ui-dialog.reorder-overlay{
	width: 50% !important;
}


ul#webapps-viewRootUl li:before,
ul#webapps-viewRootUl ul:before,
ul#webapps-viewRootUl ul:after,
ul#webpages-viewRootUl li:before,
ul#webpages-viewRootUl ul:before,
ul#webpages-viewRootUl ul:after{
    content:none!important;
}


ul#webapps-viewRootUl>li>.tree-node-content>ul,
ul#webpages-viewRootUl>li>.tree-node-content>ul{
    border-left: 2px dotted gray;
    margin-left:30px!important;
}

ul#webapps-viewRootUl>li> .tree-node-content ul li:after,
ul#webpages-viewRootUl>li> .tree-node-content ul li:after{
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 8px;
    left: 9px;
    position: absolute;
    top: 10px;
    width: 8px;
    border: 1px solid #bababa;
}*/

#form-container-formJSON .CodeMirror {
    height: calc(100vh - 155px)!important;
}

.overlay-footer {
    margin-top: 3px!important;
}

.CodeMirror-scroll {
    padding-bottom: 15px!important;
}/*  Responsive design  */

 @media ( max-height : 767px) and ( max-width : 767px) {
	#wrapper{
		overflow-y:auto; 
	}
	
	div#content-center{
 		height: 350px!important;
 	}
 	
 	/* #settings-profile-workarea-inner-container,
 	#settings-salesforce-workarea-inner-container{
 		height: 250px!important;
 	}  */
 	#settings-profile-workarea-inner-container,
 	#settings-salesforce-workarea-inner-container,
 	#settings-dynamicscrm-workarea-inner-container,
 	#settings-twitter-workarea-inner-container,
 	#settings-paypal-workarea-inner-container,
 	#settings-azure-workarea-inner-container{
 		height: 250px!important;
 	} 
 	
 	.fullscreen-active #settings-profile-workarea-inner-container,
 	.fullscreen-active #settings-salesforce-workarea-inner-container,
 	.fullscreen-active #settings-dynamicscrm-workarea-inner-container,
 	.fullscreen-active #settings-twitter-workarea-inner-container,
 	.fullscreen-active #settings-paypal-workarea-inner-container,
 	.fullscreen-active #settings-azure-workarea-inner-container{
 		height: 200px!important;
 	} 
 	
}
 @media ( max-width : 767px) {
 
 	#wrapper .active-logout{
	    right: 5px !important;
    	width: 255px !important;
 	}
 	
 	#wrapper .active-logout .user_img{
 		width: 80px !important;
 	}
 
 	.user-profile #user-data .button{
	    width: 60%;
	    float: left;
        margin-top: 0px;
        margin-bottom: 5px;
 	}
 	
 	.user-profile #user-data .logout-url{
 		width: 30%;
 		margin-bottom: 5px;
 	}
 	
 	#navigation-puller{
 		left: 30% !important;
 	}
 	
 	#content-left,
 	.fullscreen-active #content-left{
 		width: 100% !important;
 		clear: both;
 		height: 190px !important;
 	}
 	
 	.secondary-menu-navigation{
 		display: none !important;
 	}
 	
 	#content-left-slider,
 	#content-right-slider{
 		display: none;
 	}
 	
 	#platform-content{
 		width: 100% !important;
 		clear: both;
 	}
 	
 	#settings-profile-profilePicArea{
 		position:relative;
 	}
 	
 	#settings-profile-workarea-inner-container .form-row,
 	#settings-changepassword-workarea-inner-container .form-row,
 	#settings-salesforce-workarea-inner-container .form-row,
 	#settings-dynamicscrm-workarea-inner-container .form-row,
 	#settings-twitter-workarea-inner-container .form-row,
 	#settings-paypal-workarea-inner-container .form-row,
 	#settings-azure-workarea-inner-container .form-row{
		margin-left: 5%;
   		width: 85% !important;
 	}
 	
 	.list-count-span{
 		display: none !important;
 	}
 	
 	#content-center,
 	.fullscreen-active #content-center{
 		height: 300px !important;
 		width:100% !important;
 	}
 	
 	.fullscreen-active #content-center{
 		height: 300px !important;
 	}
 	
 	.manage-home-page #content-center,
 	.manage-home-page .fullscreen-active #content-center{
 		height: calc(100vh - 160px) !important;
 		min-height: 250px!important;
 	}
 	
 	#settings-profile-workarea-inner-container,
 	#settings-salesforce-workarea-inner-container,
 	#settings-dynamicscrm-workarea-inner-container,
 	#settings-twitter-workarea-inner-container,
 	#settings-paypal-workarea-inner-container,
 	#settings-azure-workarea-inner-container{
 		height: 250px;
 	}
 	.action-menu-list li{
        display: inline-block!important;
 	}
 	
 	#content-right,
 	.fullscreen-active #content-right{
 		height: 300px;
 		width:100% !important;
 	}
 	
 	#main-content,
 	.fullscreen-active #main-content{
 		height: auto !important;
 	}
 	
 	#content-top-container, #content-middle-container{
 		height: auto;
 	}
 	
 	.workspace-layout #workspace-search-filter-container{
 		display: none;
 	}
 	
 	.workspace-layout #content-left,
 	.fullscreen-active .workspace-layout #content-left{
	    height: 300px !important;
 	}
 	
 	.workspace-layout #content-left #objectTree,
 	.fullscreen-active .workspace-layout #content-left #objectTree{
	    height: 250px !important;
 	}
 	
 	.workspace-layout  #task-list-container{
 		height: 190px !important;
 	}
 	
 	.platform-layout.workspace-layout .platform-form-container.platform-form-container-transitions{
	    height: 255px !important;
 	}
 	
 	.platform-layout.workspace-layout .platform-form-container .transition-mapping-container .button{
 		display: inline;
 	}
 	
 	.workspace-layout .pick-btn,
 	.workspace-layout .pick-btn:hover{
 		width: 100px;
    	height: 35px;
 	}
 	
 	.panel-center-inner #manage_objectList{
 		height: 100%;
 	}
 	
 	.panel-center-inner #manage_objectList li{
 		clear: both;
 	}
 	
 	.panel-center-inner #manage_objectList_ul{
 		width:180px;
 	}
 	
 	#content-middle-left,
 	#content-middle-center,
 	#content-middle-right{
 		width: 99%!important;
 	}
 	
 	.settings-footer {
	    position: fixed;
	    bottom: 6px !important;
	}
	
	.left-footer{
		width: 100% !important;
    	text-align: center;
	}
	
	.right-footer{
		width: 100% !important;
		text-align: center;
	}
	
	#breadcrumbs .breadcrumb.breadcrumb-horizontal{
		display: none;
	}
	
	.ui-dialog-buttonset .ui-button{
		width: auto;
		float:left;
	}
 	
 }
 
 @media ( min-width : 767px) and ( max-width : 1020px) {
	 #settings-profile-workarea-inner-container .form-row,
	 #settings-changepassword-workarea-inner-container .form-row,
	 #settings-salesforce-workarea-inner-container .form-row,
	 #settings-dynamicscrm-workarea-inner-container .form-row,
	 #settings-twitter-workarea-inner-container .form-row,
	 #settings-paypal-workarea-inner-container .form-row,
	 #settings-azure-workarea-inner-container .form-row{
	 	margin-left: 50%;
    	width: 40% !important;
	 }
 }
 
@media ( min-width : 767px) {
	#wrapper.platform-tabmode{
		overflow-y:unset!important;
		overflow-x:unset!important;
	}
	
	#wrapper.platform-tabmode div#content-left {
	    min-height: 300px!important;
	}
	
	#wrapper.platform-tabmode #task-list-container{
		min-height: 100px!important;
	}
	
	#wrapper.platform-tabmode div#content-center {
	    min-height: 300px!important;
	}
	
	#wrapper.platform-tabmode .platform-form-container{
		 min-height: 180px!important;
	}
	
	#wrapper.platform-tabmode div#content-right{
		min-height: 280px!important;	
	}
	
	#wrapper.platform-tabmode div#content-right .property-accordion-container{
		min-height: 170px!important;
	}
	
	#wrapper.platform-tabmode #settings-profile-workarea-inner-container,
	#wrapper.platform-tabmode #settings-salesforce-workarea-inner-container,
	#wrapper.platform-tabmode #settings-dynamicscrm-workarea-inner-container,
	#wrapper.platform-tabmode #settings-twitter-workarea-inner-container,
	#wrapper.platform-tabmode #settings-paypal-workarea-inner-container,
	#wrapper.platform-tabmode #settings-azure-workarea-inner-container{
		min-height: 170px!important;
	}
}
/*  Responsive design  */ /* Commons */
.logout-url {
  float: right;
  padding-right: 5px;
}

/* Commons */

/* Breadcrumb & help action menu & notifications*/

.resize-actions {
  position: relative;
}

.resize-actions:before {
  display: none;
}

.resize-actions img {
  /* margin: 5px 6px 0; */
  cursor: pointer;
}

.full-screen-icon {
  display: inline-block;
  text-align: center;
}

.notification-alert {
  left: 25px;
  top: -3px;
  position: absolute;
  line-height: 18px;
  width: 20px;
  text-align: center;
  font-size: 13px;
  height: 20px;
}

.notifications-tasks li {
  list-style: none;
  clear: both;
  border: 1px solid;
  height: 40px;
  position: relative;
  cursor: pointer;
}

.notifications-tasks li img {
  padding: 10px;
}

.notifications-tasks li div {
  width: 200px;
  text-align: left;
  border-left: 1px solid;
  padding: 10px;
}

.notifications-tasks .ribbon.tiny {
  left: 210px;
}

.breadcrumb li {
  text-transform: capitalize;
}

.breadcrumb li:last-child .divider {
  display: none;
}
.breadcrumb-horizontal {
  padding-left: 5px !important;
}

/* Breadcrumb & help action menu & notifications */

/* left panel */
#objectTree ul,
.processes-deploy-ul {
  list-style-type: none;
  margin: 0px;
}

#objectTree ul > li .object-icon {
  height: 20px;
  margin: 0px 4px;
  width: 25px;
  opacity: 0.7;
  background-repeat: no-repeat;
}

.small-secondary-navigation #objectTree ul li .object-text {
  display: none;
}

#objectTree ul li .object-text {
  display: inline-block;
  padding: 2px 10px 0px 10px;
  position: absolute;
  line-height: 18px;
}

#objectTree ul > li {
  padding: 10px;
}

#objectTree #app-map-search {
  padding: 5px 10px 5px 10px;
  background: #32323a;
  height: 20px;
  border-bottom: 1px solid #3f3f46;
}

#objectTree #app-map-search img.search {
  width: 20px;
  height: 20px;
  float: right;
  margin-right: 10px;
  cursor: pointer;
}
#objectTree #app-map-search span.status {
  width: 145px;
  height: 20px;
  float: right;
  margin-right: 5px;
  border: 1px solid #fff;
  background-color: white;
  border-radius: 10px;
  box-sizing: border-box;
  position: relative;
}
/* #objectTree #app-map-search span.status:after {content:' ';position:absolute;top:4px;right:4px;width:6px;height:6px;border:2px solid #000;border-left:none;border-bottom:none;transform: rotate(45deg);} */
#objectTree #app-map-search span.status:after {
  content: "Application";
  color: #404040;
  position: absolute;
  top: 0px;
  right: 5px;
  z-index: 0;
  font-size: 12px;
}
#objectTree #app-map-search span.status:before {
  content: "Component";
  color: #404040;
  position: absolute;
  top: 0px;
  left: 5px;
  z-index: 0;
  font-size: 12px;
}

#objectTree #app-map-search span.status label {
  display: block;
  width: 50%;
  height: 17px;
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 50px;
  transition: all 0.4s ease;
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
}
#objectTree #app-map-search span.status input[type="checkbox"] {
  visibility: hidden;
}
#objectTree #app-map-search span.status input[type="checkbox"]:checked + label {
  left: 50%;
}

/* #objectTree #app-map-search span.status.expand:after {content:' ';position:absolute;top:4px;right:4px;width:6px;height:6px;border:2px solid #000;border-top:none;border-right:none;transform: rotate(-45deg);} */
#objectTree #app-map-search div.searchbox {
  position: absolute;
  top: 2px;
  left: 10px;
  display: none;
  z-index: 2;
}
#objectTree #app-map-search div.searchbox > input {
  height: 26px;
  padding: 0px 5px;
  line-height: 24px;
  margin: 0px;
  border: none;
}
#objectTree #app-map-search div.searchbox #search-query {
  border-radius: 5px 0px 0px 5px;
  width: 145px;
}
#objectTree #app-map-search div.searchbox .search-close {
  border-radius: 0px 5px 5px 0px;
  width: 20px;
}

/*
#objectTree .app-map-search input {
	border-radius:2px;
	margin-bottom:0px;
}
*/
#objectTree li {
  cursor: pointer;
  height: 40px;
}

#objectTree .workspace-tabs .nav li a {
  border-left: 1px solid;
  border-radius: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}

.small-secondary-navigation #content-left {
  width: 50px;
}

.small-secondary-navigation #content-left .portlet-title-text {
  display: none;
}

.small-secondary-navigation #content-left .portlet-title img {
  display: none;
}

#objectTree ul.map > li > .checkbox-selection {
  width: 14px;
  height: 14px;
  margin: 0px 0;
  position: relative;
  bottom: 6px;
  vertical-align: middle;
  display: inline;
}

#objectTree ul.map > li > ul > li > .checkbox-selection {
  width: 14px;
  height: 14px;
  margin: 0px 0;
  position: relative;
  bottom: 14px;
  vertical-align: middle;
  display: inline;
}

#objectTree ul > li > .checkbox-selection > label {
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fcfff4;
  background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
  border-radius: 2px;
  box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.5);
}
#objectTree ul > li > .checkbox-selection > label:after {
  content: "";
  width: 8px;
  height: 4px;
  position: absolute;
  top: 2px;
  left: 2px;
  border: 2px solid #333;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  transform: rotate(-45deg);
}

#objectTree ul > li > .checkbox-selection > label:hover {
  opacity: 0.5;
}
#objectTree ul > li > .checkbox-selection > label:hover::after {
  opacity: 0.5;
}
#objectTree ul > li > .checkbox-selection > input[type="checkbox"] {
  visibility: hidden;
}
#objectTree ul > li > .checkbox-selection > input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
#objectTree ul > li > .checkbox-selection > input[type="checkbox"]:disabled + label {
  opacity: 0.5;
}
#objectTree ul > li > .checkbox-selection > input[type="checkbox"]:disabled + label:after {
  opacity: 0;
}
#objectTree ul > li > .checkbox-selection > input[type="checkbox"].parcial + label:after {
  opacity: 0.5;
}

#objectTree ul.map > li .object-icon {
  height: 20px;
  margin: 7px 0 0 0;
  width: 25px;
  background-repeat: no-repeat;
}

#objectTree ul.map li .object-text {
  display: inline-block;
  padding: 2px 8px 0px 8px;
  position: absolute;
  line-height: 18px;
}

#objectTree ul.map > li > Ul > li .object-icon {
  height: 20px;
  margin: 7px 0;
  width: 25px;
  background-repeat: no-repeat;
}

#objectTree ul.map > li > ul > li .object-text {
  display: inline-block;
  padding: 2px 8px 0px 8px;
  position: absolute;
  line-height: 18px;
}

#objectTree ul.map > li {
  height: auto;
  position: relative;
}

#objectTree ul.map > li > span.status {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 12px;
  top: 16px;
  z-index: 3;
}
#objectTree ul.map > li.expand > span.status:after {
  content: " ";
  width: 6px;
  height: 6px;
  position: absolute;
  border: 2px solid #fff;
  border-top: none;
  border-right: none;
  transform: rotate(-45deg);
}

#objectTree ul.map > li > span.status:after {
  content: " ";
  width: 6px;
  height: 6px;
  position: absolute;
  border: 2px solid #fff;
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
}
#objectTree ul.map > li.expand > ul {
  display: inherit;
}
#objectTree ul.map > li > ul {
  display: none;
}
#objectTree ul.map > li > ul > li {
  border: none;
  padding: 0px 10px;
  height: 30px;
}

/* secondary-navigation  */
#objectTree ul#secondary-navigation li .object-text {
  line-height: 18px;
  color: #cfcfcf;
  font-weight: bold;
}

#objectTree ul#secondary-navigation li {
  opacity: 1;
}
#objectTree ul#secondary-navigation li.disable {
  opacity: 1;
}

#objectTree .mCSB_container {
  width: 100%;
}

#content-left .portlet-content {
  width: 100%;
}

/* secondary navigation */
#content-left .portlet-content {
  border: none;
}

/* left panel */

/* center panel */

.small-secondary-navigation #platform-content {
  width: calc(100% - 57px);
}

#content-center .portlet-title .panel-header {
  float: left;
}

#content-center .portlet-title .minimize-icon,
#content-center .portlet-title .canvas-title {
  display: none;
}
.profile-editbtn {
  height: 48px;
  width: 48px;
  background-position: 14px center !important;
  -webkit-backface-visibility: hidden;
  position: absolute;
  right: 0;
}

.profile-edit-img {
  background-position: 14px center !important;
  background-repeat: no-repeat;
  height: 48px;
}

/* Thumbnail List */
.create-new-object {
  width: 105px;
  height: 84px;
}

.create-new-object-text {
  text-transform: capitalize;
}

.objectList .row {
  list-style-type: none;
  margin-bottom: 0;
  margin-left: 0;
}

.objectList .row .ObjectTitle {
  border-bottom: 1px solid;
  padding: 3px 3px 8px 3px;
  font-weight: normal;
  font-size: 15px;
}

.objectList ul li:not(.no-entity-css) {
  cursor: pointer;
  padding: 10px;
  margin: 3px;
  vertical-align: top;
  display: inline-block;
}

.ObjectContent {
  padding: 3px;
  position: relative;
}

.objectList ul li .icon-text {
  display: block !important;
  padding: 5px;
  text-align: center;
  font-family: inherit;
  word-wrap: break-word;
  width: 100px;
}

.objectList.recent-items ul li .icon-text {
  display: inline-block !important;
}

#objectTree li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-color: #3f3f46;
}

.objectList ul li.entity-selection {
  border: 1px solid rgba(0, 0, 0, 0.75);
}

.objectList ul li:not(.no-entity-css) {
  border: 1px solid #dddddd;
  background: #fdfdfd;
}

.objectList ul li:hover {
  border: 1px solid;
}

/* Thumbnail List */

/* Organization Calendar */
td > span.ui-spinner,
td > span.ui-spinner input {
  width: 50%;
  outline: none;
  padding-top: 6px;
  /*padding-left: 10px;*/
  box-sizing: border-box;
  text-align: center;
}

.org-calendar-table .ui-spinner .ui-icon {
  margin-top: -6px !important;
  left: 5px !important;
}

.ui-spinner-up {
  margin-top: 4px;
}

.org-calendar-table {
  width: 100%;
  border-spacing: 5px;
}

.org-calendar-common-padding {
  padding: 5px;
}

.org-calendar-row-height {
  height: 40px;
}

.org-calendar-cell-width {
  width: 30%;
}

.org-calendar-checkbox {
  float: left;
  margin-right: 15px !important;
}

#manage-orgcalendar-HolidaysList .delete-btn,
#dataGrid .delete-btn:hover {
  white-space: -moz-pre-space;
  width: 30px !important;
  margin-left: 45% !important;
}
#manage-orgcalendar-HolidaysList .delete-btn {
  padding: 4px 18px !important;
}
#dataGrid .delete-btn:hover {
  padding: 4px 14px !important;
}
#manage-orgcalendar-HolidaysList td input {
  height: 35px;
  margin-bottom: 0px;
}

#manage-orgcalendar-HolidaysList .delete-btn {
  background-position: 10px !important;
}

.ui-datepicker .ui-widget-header {
  background: #7091b7;
  border: 1px solid #7091b7;
}

.ui-datepicker .ui-state-highlight,
.ui-datepicker .ui-state-hover {
  background: #d1e3f9;
  border: 1px solid #7091b7;
}

.ui-datepicker-buttonpane.ui-widget-content .ui-state-default {
  color: #fff !important;
  font-weight: bold;
}
/* Organization Calendar */

.preview .entity-form {
  margin-top: 5px;
}

.empty-object-list ul {
  width: 280px;
  margin: 10% auto 0 !important;
}

.main-search-box {
  height: 28px !important;
  margin: 5px;
  width: 180px;
  border-radius: 0;
  font-size: 13px;
  border-color: #f1f2f7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.search-container {
  position: relative;
}

.search-container .main-search {
  position: absolute;
  right: 6px;
  top: 5px;
  background-color: #666;
  padding: 10px;
  cursor: pointer;
}

.zoom-container {
  /* padding: 14px 0px 0px 10px;    
    width: 202px;
    float: left;
    height: 50px;
    box-sizing: border-box; */
  display: inline-block;
  margin-left: 45px;
}
.zoom-container .zoomin {
  margin: 5px 0px 5px 0px;
  width: 42px;
  height: 50px;
  cursor: pointer;
  line-height: 0;
}
.zoom-container .zoomout {
  margin: 5px 0px 5px 0px;
  width: 42px;
  height: 50px;
  cursor: pointer;
  line-height: 0;
}
.zoom-container .refresh {
  margin: 5px 0px 5px 0px;
  width: 42px;
  height: 50px;
  cursor: pointer;
  line-height: 0;
}
.zoom-container .pdf {
  margin: 5px 0px 5px 0px;
  width: 42px;
  height: 50px;
  cursor: pointer;
  line-height: 0;
  display: none;
}
.zoom-container .release {
  /* width: 20px;
    height: 20px; */
  width: 42px;
  height: 50px;
  box-sizing: border-box;
  cursor: pointer;
  line-height: 0;
  margin: 7px 0px 5px 5px;
}

.zoom-container .zoomin > img,
.zoom-container .zoomout > img,
.zoom-container .refresh > img,
.zoom-container .pdf > img,
.zoom-container .release > img {
  padding: 6px;
  display: inline;
  border: 2px solid transparent;
}

.zoom-container .toggleNames {
  width: 20px;
  height: 20px;
  margin: 5px 0px 5px 0px;
  cursor: pointer;
  line-height: 0;
  position: relative;
  padding: 6px;
  border: 2px solid transparent;
}

.zoom-container .toggleNames input {
  visibility: hidden;
  width: 20px;
}
.zoom-container .toggleNames > label {
  width: 14px;
  height: 14px;
  cursor: pointer;
  position: absolute;
  /* top: 1px; */
  top: 7px;
  border: 2px solid #686c71;
  /* left: 0px; */
  left: 7px;
  border-radius: 50%;
}
.zoom-container .toggleNames > label:after {
  content: "";
  width: 2px;
  height: 2px;
  position: absolute;
  top: 1px;
  left: 1px;
  border: 4px solid #686c71 !important;
  border-radius: 50%;
  background: #686c71;
  opacity: 0;
}
.zoom-container .toggleNames > input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.zoom-container:after {
  content: "";
  display: block;
  clear: both;
}

ul.draggable-list li .drag-object,
ul.draggable-list li div {
  background: #eeeeee;
  padding: 3px;
  display: inline;
  word-wrap: break-word;
  box-sizing: border-box;
}

ul.draggable-list li .drag-object {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.process-variable-list-container .mCustomScrollBox {
  width: 100%;
}

.email-error {
  left: 0px;
  top: -35px;
}

.email-error:after {
  top: 100%;
  left: 3%;
  border: solid transparent;
  content: " " !important;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: #d9310b rgba(136, 183, 213, 0) rgba(136, 183, 213, 0) !important;
  border-top-color: #88b7d5;
  border-width: 7px;
  margin-left: 0px;
}

.formError {
  left: auto !important;
}

.formError .formErrorContent {
  width: 100%;
  max-width: 350px;
  background: #f5e5a1;
  color: black;
  border: 1px solid #b95a46;
  box-shadow: none;
  border-radius: 0px;
  left: 10px;
}

.formError .formErrorArrow div {
  background: #f5ddd7;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.recent-items {
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}

.recent-items li {
  background: #f1f2f7;
}

.recent-items .icon-img {
  float: left;
  width: 60px !important;
}

.recent-items .icon-img img {
  width: 100%;
}

.recent-items .ObjectContent > div {
  top: 40px;
  right: -20px;
}

.recent-items .icon-text {
  width: auto !important;
  max-width: 100px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: normal !important;
}

#application_objectList_ul > li > .ObjectContent {
  float: left;
}

#application_objectList_ul > li {
  height: 115px;
  overflow: hidden;
}

.app-process-list {
  float: left;
  height: 100%;
  border-left: 1px solid #f1f2f7;
}

.app-process-list li {
  list-style: none;
}

.app-process-list .icon-img {
  float: left;
  width: 60px;
}

.app-process-list .icon-img img {
  width: 100%;
}

.app-process-list .ObjectContent > div {
  line-height: 45px;
}

.app-process-list .icon-text {
  width: auto;
  max-width: 100px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal !important;
}

.diagram-container {
  height: 100%;
}

.canvas-content .canvas-main {
  left: 0px;
}

.event-container {
  margin: 0 auto;
  width: 100%;
  max-width: 350px;
}

.event-container .selectize-dropdown {
  text-align: left;
}

.event-container .event-step-title {
  height: 25px;
  background: #32323a;
}

.event-container .event-step-description {
  height: 75px;
  text-align: center;
  padding: 5px;
  border-left: 1px solid #c4c4cc;
  border-right: 1px solid #c4c4cc;
}

.event-container .event-step-description-text {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.event-container .event-step-action {
  border: 1px solid #c4c4cc;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.event-container .event-step-action .button {
  margin: 5px 2px;
  float: right;
}
/* #node-sla-container .event-step-action .button {
    margin: 18px -8px 5px 0px;
} */

.event-container .event-step-action select {
  display: inline-block;
  margin: 0px 5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  text-align: left;
}

.event-container .event-step-action .selectize-input {
  text-align: left;
}

.event-container .event-step-action .event-step-action-elements {
  width: 96%;
  height: 100%;
  margin: 0 auto;
}

.event-container .event-step-action .selectize {
  /* width: 180px; */
  margin: 12px auto 0px;
  display: inline-block;
}

.event-container .event-step-action .go-btn {
  display: inline-block;
  float: right;
  width: 25px;
}

.event-container .event-dataTable {
  margin: 5px 0;
}

.event-container .current-step-color {
  background: #32323a;
  height: 25px;
}

.event-container .event-dataTable .event-row {
  display: inline-block;
  border: 1px solid #c4c4cc;
  width: 100%;
}

.event-container .event-dataTable .event-readabletext {
  display: inline-block;
  width: 80%;
  padding: 7px 3px;
}

.event-container .event-dataTable .event-delete-btn {
  display: inline-block;
  vertical-align: top;
  width: 10%;
  padding: 5px;
}

.event-container .event-step {
  color: #fff;
  display: inline-block;
  height: 100%;
  padding-top: 3px;
  text-align: center;
  width: 20px;
  height: 22px;
}

.event-container .event-step-navigation,
.event-container .sla-step-navigation {
  display: none;
  float: right;
  cursor: pointer;
}

.recent-items h6 {
  margin: 0px;
  padding-left: 25px;
  font-weight: normal;
}

#variable_workarea .mCSB_container,
#email_workarea .mCSB_container {
  padding-bottom: 65px;
}

#overlay-dragable-list #collapse-process-list.inactive {
  left: -30px !important;
}

#databaseScript-workarea .select {
  display: block;
}

#email-workarea-inner-container,
#meetingrequest-workarea {
  padding-top: 15px;
  padding-bottom: 15px;
}

#process-list .accordion,
#rule-attributes-list .accordion,
#email-workarea-inner-container,
#meetingRequest-workarea {
  width: auto !important;
}
#process-list #databaseScript-process-data-list-accordion {
  padding-right: 3px !important;
}
.draggable-list {
  float: left;
  position: relative;
}
.databaseScript-workarea-inner,
.email-workarea-inner,
.rule-workarea-inner,
.timer-workarea-inner {
  height: 100%;
}

#databaseScript-workarea-inner-container,
#email-workarea-inner-container,
#rule-workarea-inner-container,
#timer-workarea-inner-container,
#meetingRequest-workarea-inner-container,
#query-workarea-inner-container,
#webservice-workarea-inner-container {
  width: calc(100% - 200px) !important;
  float: left;
  height: 100%;
  padding-right: 0px;
  box-sizing: border-box;
}

#decisionTableEntity-workarea-inner-container {
  margin: 10px;
  height: 100%;
  padding-right: 0px;
  box-sizing: border-box;
}
#decisionTableEntity-container-decision-table-builder,
#decision-table-entity-component {
  display: flex !important;
}
/* #solidityfunction-workarea-inner-container,
#solidityfunction-workarea-form .mCSB_container,
.solidityfunction-workarea-inner,
#solidityfunction-container-flowchart-builder{
	height: 100%;
    padding-right:0px;
    box-sizing: border-box;
} */
#databaseScript-workarea.full-workarea #databaseScript-workarea-inner-container,
#email-workarea.full-workarea #email-workarea-inner-container,
#rule-workarea.full-workarea #rule-workarea-inner-container,
#timer-workarea.full-workarea #timer-workarea-inner-container,
#meetingRequest-workarea.full-workarea #meetingRequest-workarea-inner-container,
#query-workarea.full-workarea #query-workarea-inner-container,
#webservice-workarea.full-workarea #webservice-workarea-inner-container {
  width: 95% !important;
}

#databaseScript-dragable-list {
  position: fixed;
  top: 212px;
  right: 440px;
}

.fullscreen-active #databaseScript-dragable-list {
  top: 140px;
}

#databaseScript-dragable-list #process-list .accordion {
  height: calc(100vh - 300px);
}
#nodelist-search-field {
  margin-left: 6px;
}

.platform-form-container {
  border: 1px solid;
}

/* #custom-task-container-table th:last-child{
	border-right: 2px solid !important;
} */

.entity-form input[type="text"]:focus,
.entity-form input[type="platform-textbox"]:focus,
.entity-form textarea:focus,
.object-search input[type="text"]:focus,
.object-search textarea:focus {
  border: 1px solid;
}

/* Event Source View CSS */
.event-source-attributes-header {
  border: 1px solid !important;
  padding: 5px;
}

.event-source-attribute {
  padding: 5px;
  border: 1px solid !important;
}

/* Event Stream View CSS */
.platform-group-control-header {
  width: 100%;
  display: inline-flex;
}

.platform-group-control-body {
  width: 100%;
  display: block;
}

.platform-group-control-body .delete-icon {
  margin-left: 6px;
  width: 20px;
}

.platform-group-control-body-row {
  width: 100%;
  display: table;
}

.platform-group-control-header-text {
  display: inline;
  padding: 5px;
  width: 41%;
  text-transform: uppercase;
  border: 1px solid;
}

.platform-group-control-body-control {
  display: inline-block;
  padding: 5px;
  width: 50%;
  text-transform: uppercase;
  border: 1px solid;
}

.platform-group-control-body-control > input {
  width: 100%;
}

.platform-group-control-footer {
  display: block;
  width: 100%;
  text-align: right;
  padding: 5px;
  border: 1px solid;
}

.event-stream-header-text {
  display: inline;
  padding: 5px;
  width: 50%;
  box-sizing: border-box;
}
.event-stream-body-control {
  display: inline-block;
  padding: 5px;
  width: 41%;
}
/* Event Stream View CSS */

.workarea-container {
  height: 100% !important;
}

#application_recentItems_ul .lock-icon {
  width: 12px;
  height: 12px !important;
  left: 50px;
  top: 32px;
  padding: 2px;
  line-height: 10px;
  text-align: center;
}
#application_recentItems_ul .lock-icon img {
  width: 70%;
}

.diagram-container-process-designer {
  position: relative;
  height: 100%;
}

.activity-icons-list .search-close-btn {
  border: 0px;
  height: auto;
}

.ui-accordion .ui-accordion-content.palette-node {
  padding: 0px;
}

.accordionBlock.ui-accordion-header {
  box-sizing: border-box;
}

.form-row.inline-control {
  display: inline-block !important;
  width: 48% !important;
  margin: 1%;
}

/* App Builder variable-list search box */
.variable-list .variable-search input[type="text"] {
  height: 28px;
  float: left;
}

.variable-list .variable-search span.icon-search {
  height: 28px;
  width: 28px;
  float: left;
  text-align: center;
  line-height: 28px;
  color: #fff;
  cursor: pointer;
}

/* form builder panel-header-container */
.previewCtrlHolder .timeWrapper span input[type="text"] {
  margin: 0px !important;
  padding: 0px !important;
}

/* manage organization calendar */
.org-calendar-table input[type="checkbox"].org-calendar-checkbox {
  height: 26px;
}
.org-calendar-table span.ui-spinner {
  height: 35px;
  padding: 0 2px;
}
#manage-orgcalendar-weekdayTable,
#manage-orgcalendar-holiday-table-wrapper {
  padding: 12px;
}
#manage-orgcalendar-weekdayTable .table-container {
  width: 100%;
}
#manage-orgcalendar-holiday-table-wrapper .add-btn {
  margin-right: 10px;
}
#manage-orgcalendar-monthly-calendar {
  margin-bottom: 15px;
}
#monthly-calendar-notes .holidays .event-color {
  background-color: #0489ce;
}
#manage-orgcalendar-weekdayTable .table-container {
  width: 99%;
}

#manage-orgcalendar-weekdayTable .table-container label {
  line-height: 30px;
  box-sizing: border-box;
  height: 40px !important;
}
#manage-orgcalendar-dataGrid .table-container label {
  line-height: 30px;
  box-sizing: border-box;
  height: 40px !important;
}
.org-calendar-table th {
  background: #dddddd;
}
.org-calendar-table td div {
  padding-left: 10px;
}
.org-calendar-table td div span {
  display: inline-block;
  line-height: 25px;
}

.monthly-calendar-wrapper {
  float: left;
  margin-left: 20%;
}

/* manage organization calendar */

.field-label img {
  margin-right: 5px;
}

/* accordion node */
.palette-groupnodes .ui-accordion-header {
  background: none;
  border-bottom: 1px solid #292929;
  border-top: 1px solid #292929;
  border-right: none;
  border-left: 0px;
}
#diagram-container-canvas .palette-node {
  top: 0px !important;
}
.selectize-input .icon-pencil,
.selectize-input .icon-remove {
  color: #878787 !important;
  font-size: 15px;
}
.form-group-header .delete-icon {
  background-position: 10px center !important;
  margin-bottom: 0px !important;
}

/* node section */
#canvas-accordion input[type="radio"] {
  float: left;
  margin: 3px 5px 0 0;
}
.variable-workarea-inner {
  padding: 10px 0;
}
.email-workarea-inner,
.rule-workarea-inner,
.databaseScript-workarea-inner,
.timer-workarea-inner {
  padding: 10px;
  box-sizing: border-box;
}
#canvas-workarea .panel-left,
#eventflowcanvas-workarea .panel-left,
#dataflowcanvas-workarea .panel-left,
#solidityfunction-workarea .panel-left,
#mobileflowcanvas-workarea .panel-left {
  border-right: 1px solid #f3f2f1;
  border-top: 0px;
  border-left: 1px solid #f3f2f1;
}
#canvas-workarea .palette-content-height,
#solidityfunction-workarea .palette-content-height {
  border-left: 0px !important;
}
#diagram-container-canvas .canvas-main {
  left: 152px;
  /* height: calc(100vh - 100px); */
}
#diagram-container-canvas.readonly .canvas-main {
  left: 0px;
}
#canvas-workarea-container.manage-canvas .canvas-main {
  left: 0px;
}

#solidityfunction-workarea-container.manage-canvas .canvas-main {
  left: 0px;
}

#show-designer-node-overlay {
  margin: 3px;
}

/* Timer workarea */
.recurrence_left li input[type="radio"] {
  margin: 2px;
}
.range_schedule .form-group {
  margin-bottom: 15px;
}
.range_schedule .form-group input[type="radio"] {
  margin: 5px;
  float: left;
}
.timer-container input[type="checkbox"] {
  float: left;
  margin: 6px 5px 0 0 !important;
}

.recurrence_schedule .monthly_sch select {
  margin: 2px;
  height: 30px;
}
.recurrence_schedule .yearly_sch select {
  margin: 2px;
  min-width: 105px;
  width: 105px;
  height: 25px;
  border-radius: 0px;
  padding: 0px;
}

/* formbuilder control setting rules */
.addremoveSubcondition a.addBtn {
  float: left;
  width: 16px;
  height: 16px;
  padding: 2px;
}
.addremoveSubcondition a.remove {
  height: 16px !important;
  width: 16px !important;
  padding: 5px;
  margin-top: -3px;
}
#ruleBuilderFormContent .divDroppable input[type="text"].rulebuilder-rules {
  border-color: #ccc !important;
}
.addRule {
  padding: 0 5px;
}

/* platform content */
#platform-content {
  border-left: 7px solid #f1f2f7;
}
.panel-center-inner {
  border: 0px;
}
.panel-center-inner > .mCustomScrollBox {
  padding: 10px;
}

/* setting page */
#settings-profile-workarea-inner-container .form-row,
#settings-changepassword-workarea-inner-container .form-row {
  padding: 5px 10px;
}
#settings-changepassword-workarea-inner-container input[placeholder] {
  color: #8d8d8d;
  font-family: arial;
}

#platform-stream-attributes .platform-group-control-body-control {
  width: 41% !important;
}
/* canvas node toolbar */
#canvas_canvasToolBar {
  float: right;
}

/* form builder toolbar */
#form-panel-header .toolbox-container {
  float: left;
  margin-left: 58px;
  border-left: 1px solid #f0f1f6;
}

.iconblock {
  width: 42px;
}

/* right slider icon */
#content-right-slider {
  right: -5px;
}
#content-right-slider.active {
  right: -2px !important;
}

/* form builder preview control */
.previewCtrlHolder {
  float: left;
  width: calc(100% - 18px);
  padding: 5px;
}

/* content-center search box alignment */
.portlet-title .search-container {
  margin-top: 7px;
}

.objectList li.create-entity {
  text-align: center;
}

/* Process header edit bar  */
#content-center h1.portlet-title {
  padding: 0px 0px 0px 4px;
}
.panel-header .panel-header-container {
  background: none;
}
.toolbar-region .iconblock img {
  vertical-align: middle;
}
.panel-header-container {
  padding: 0px;
  height: 100%;
}

/* form builder toolbox toolbox-container */
.toolbox-container {
  height: 50px;
  line-height: 50px;
}
.toolbox-container a {
  vertical-align: middle;
}
.toolbox-container a img {
  padding: 6px;
  border: 2px solid transparent;
}

.process-variable-list-container,
.process-variable-list-container ul {
  width: 100% !important;
}
#content-center .portlet-title span:first-child {
  line-height: 45px;
}

/* center panel */

/* right panel */

.panel-action-info-content {
  height: 100%;
  position: relative;
  /* padding-bottom:50px; */
}
#webpages-property-form .panel-action-info-content {
  padding-bottom: 0px;
}
.panel-action-info {
  height: 100%;
  position: relative;
  z-index: 98;
}

.panel-action-info .conditional {
  padding-left: 0px;
}

.panel-action-info .action-buttons {
  margin: 0;
}

.panel-action-info-minimize {
  position: absolute;
  right: 0;
  width: 0px;
}

/* accordion icon */
.icon-angle-up,
.icon-angle-down {
  font-size: 24px;
  padding: 10px 8px;
}

ul.action-menu-list {
  text-align: right;
}

ul.action-menu-list a {
  cursor: pointer;
}

.basic,
.info,
.advance {
  margin: 0px;
}

.accordion .entity-form .input,
.accordion .inputs,
.object-search .input,
.object-search .inputs {
  border: 1px solid;
}

.accordion .entity-form input[type="text"],
.accordion .entity-form textarea,
.object-search input[type="text"],
.object-search textarea,
.entity-form input[type="associatedObjects"] {
  -webkit-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;
  outline: none;
}

.accordion .entity-form input[type="text"]:focus,
.accordion .entity-form textarea:focus,
.object-search input[type="text"]:focus,
.object-search textarea:focus,
.entity-form input[type="associatedObjects"]:focus {
  border: 1px solid;
}

.action-menu-list li {
  display: inline;
  list-style-type: none;
  margin: 0 2px;
}

.action-menu {
  height: 50px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  background: #eaeaec;
}

.action-menu ul {
  height: 45px;
  width: max-content;
  line-height: 45px;
  padding: 5px;
  float: right;
  margin-right: 2px;
}

ul.form-priority-list li {
  background: #eeeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  cursor: pointer;
  list-style-type: none;
  padding: 5px;
  height: 45px;
  line-height: 35px;
}

.button {
  padding: 6px 2px;
  border: medium none;
  border-radius: 0;
}

.button:hover,
.button:focus {
  background: #333;
}

.button,
.button:hover,
.button:focus {
  background-position: 6px center !important;
  background-repeat: no-repeat !important;
}

.button-icon {
  font-weight: normal;
  display: inline;
  top: -1px;
  position: relative;
}

.button-text {
  display: inline;
  padding-left: 24px;
  padding-right: 2px;
  cursor: pointer;
}

.panel-action-info-header-text {
  display: inline-block;
  width: 100%;
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  padding: 4px !important;
}
.overlay-diagram-details-header .panel-action-info-header-text {
  padding: 4px 0px !important;
}
.panel-action-info-header-title {
  display: inline-block;
}

.panel-action-info-header-text img {
  padding: 0 6px;
  vertical-align: sub;
}

#menu-Application .object-icon,
#menu-Instance .object-icon,
#menu-CustomTask .object-icon {
  margin: 0px 4px !important;
  height: 26px !important;
  background-repeat: no-repeat;
}

.panel-action-info-content-wrapper > div.mCustomScrollBox {
  background: #fcfcfc;
}

.panel-action-info .form-preview {
  border-bottom: 1px solid #eee !important;
}
.accordion-overlay-btn {
  padding: 10px;
  cursor: pointer;
  color: #fff;
}

.panel-action-info-minimize .accordion-overlay-btn {
  display: none;
}

.action-menu .mCSB_dragger_bar {
  /*  background: #e2dfe2 !important; */
}
.accordion-section-title {
  border: 1px solid !important;
  text-transform: capitalize;
  font-weight: bold !important;
  color: #333;
}

.accordion .entity-form input[type="text"]:focus,
.entity-form input[type="platform-textbox"]:focus,
.entity-form div[type="platform-readonly-roles"]:focus,
.accordion .entity-form textarea:focus,
.object-search input[type="text"]:focus,
.object-search textarea:focus,
.entity-form input[type="associatedObjects"]:focus,
.entity-form input[type="password"]:focus {
  border: 1px solid;
}
.delete-btn,
.delete-btn:hover {
  width: 50% !important;
  margin-left: 21% !important;
}

.accordionBlock {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.panel-action-info-content .selectize-dropdown.single {
  top: 30px !important;
  background: #eaeaec;
}

.selectize-dropdown.plugin-edit_button {
  top: 36px !important;
}

.selectize-dropdown {
  border: 1px solid rgb(204, 204, 204);
}

.selectize-control.multi .selectize-input > div.active {
  border: 1px solid;
}

.plugin-add_button.selectize-input {
  width: calc(100% - 35px);
}

.add-new-object {
  height: 24px;
  width: 24px;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: -5px;
  top: 0px;
  z-index: 100;
  cursor: pointer;
  border: 2px solid transparent;
  padding: 14px !important;
}
.add-new-object:hover {
  border-color: var(--theme-color);
}

/* .event-container .add-new-object{
	right: -25px;
} */

.property-timer.accordion-section-root-element::after {
  content: "";
  display: table;
  clear: both;
}

.property-timer.accordion-section-root-element .form-row {
  width: 31% !important;
  float: left;
  padding: 0 1% !important;
}

.property-timer.accordion-section-root-element div[id*="startDate"] {
  width: 95% !important;
  float: left;
  padding: 0 1% !important;
}

.property-mobileflow.accordion-section-root-element div[id*="duration"],
.property-mobileflow.accordion-section-root-element div[id*="unit"],
#mobileflowcanvas-container-interval,
#mobileflowcanvas-container-intervalunit {
  width: 45% !important;
  float: left;
  padding: 0 1% !important;
}

.property-mobileflow.accordion-section-root-element div[id*="unit"] select,
#mobileflowcanvas-container-intervalunit select {
  height: 30px !important;
  width: 90% !important;
}
.property-mobileflow.accordion-section-root-element div[id*="duration"] input,
#mobileflowcanvas-container-interval input {
  width: 90% !important;
  /* height:18px; */
}

/* .property-analyzer.accordion-section-root-element .form-row, 
.property-eventsink.accordion-section-root-element .form-row,
.property-process.accordion-section-root-element .form-row{
	width:100% !important;
	float:left;
}
 */
.eventstream-merger-output-container .attribute-label {
  float: left;
  margin-top: 0px;
  padding-top: 8px;
}
.eventstream-merger-output-container .alias-div {
  float: left;
  padding-top: 0px;
}
.eventstream-merger-output-container .alias-div input {
  margin-bottom: 0px;
}

.eventstream-datalookup-output-container .attribute-label {
  float: left;
  padding-top: 4px;
}
.action-info-panel-slider-active #content-center {
  width: 99.5% !important;
}

.action-info-panel-slider-active #content-right {
  width: 0px !important;
}

.action-info-panel-slider-active #show-designer-node-overlay {
  display: none;
}

.process-variable-list li {
  float: left;
  margin: 0 0 5px 0;
}
div#content-center {
  width: 75%;
}
div#content-right {
  width: 25%;
}
#content-right-slider {
  right: -5px;
}
#content-right-slider.active {
  right: -2px !important;
}

.panel-action-info-content .no-data-found-property-container {
  margin: auto;
}

.no-data-found-property {
  height: calc(100vh - 175px);
  display: flex;
}

.no-data-found-property .no-data-img-container {
  text-align: center;
  margin-bottom: 5px;
}

/* right panel */

/* Layout */
#content-right-slider,
#content-left-slider {
  cursor: pointer;
  width: 16px;
  height: 36px;
  top: 50%;
  right: -12px;
  z-index: 100;
  position: absolute;
}

#content-left .portlet-topper {
  border-bottom: 0px;
  border-radius: 0px;
}

div#content-left {
  /* height: calc(100vh - 138px); 
	-webkit-transition: width 0.2s; 
	transition: width 0.2s;*/
  position: relative;
  width: 210px;
  float: left;
}

#content-left .content-left-header {
  display: inline-block;
  height: 100%;
}

div#content-section {
  height: 100%;
  width: 100%;
}

.back-arraw {
  cursor: pointer;
  padding-bottom: 6px;
  display: inline-block;
  vertical-align: top;
  vertical-align: middle;
  font-size: 30px;
  line-height: 0px;
  color: #939393;
  font-size: 24px;
}

#back-arraw {
  height: 44px;
  width: 31px;
  background-repeat: no-repeat;
  margin-left: -3px;
}

#portlet_WorkspaceWorkarea #back-arraw {
  height: 50px;
  width: 50px;
}

#content-left .content-left-title {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  text-transform: none;
  height: 100%;
}

#content-left .minimize-icon {
  cursor: pointer;
  width: 38px;
  height: 40px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
}

.portlet-topper {
  border-bottom: 1px solid;
}

#content-left-minimize-icon {
  float: right;
}

#portlet_manage_WAR_manageportlet .panel-center-inner,
#portlet_manage_WAR_manageportlet .portlet-content {
  border: 0px;
  margin: 0 auto;
}

/* Layout */

/* modal  */

ol.modal-error-message {
  list-style-type: decimal;
  margin: 5px 30px;
  padding: 0;
}

ol.modal-error-message > li {
  /* font-weight: bold; */
  /* white-space: nowrap; */
}

ul.modal-error-message {
  margin: 5px 10px;
  padding-left: 30px;
}

ul.modal-error-message li {
  list-style-type: disc !important;
  /* white-space: nowrap; */
}

ol.modal-error-message li {
  margin: 5px;
}

.modal-dialog {
  width: 350px;
}

.modal-open .applications-menu-modal .modal-body {
  max-height: 100%;
}

.modal-body {
  /* max-height: 150px; */
  overflow-y: auto;
}

.modal-dialog .modal-content {
  border-radius: 0px;
  box-shadow: none;
}

.modal-dialog .modal-header {
  padding: 10px;
}

.modal-dialog .modal-header .close {
  opacity: 1;
}

.modal-dialog .modal-footer .btn {
  border: 0px;
  border-radius: 0px;
  padding: 6px 12px !important;
}

.largeModaldialog {
  margin: 0 auto;
  width: 50% !important;
  height: 70% !important;
}

.largeModaldialog .modal-body {
  max-height: calc(100vh - 300px) !important;
}

.modal-footer {
  padding: 7px 10px;
}

#sampleId .modal-dialog {
  width: 100% !important;
}

/* modal  */

/*buttons on process designer toolbar */

.process-deploy {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  height: 40px !important;
  position: absolute;
  right: 0;
  top: 0px;
  width: 55px;
  padding: 0px !important;
  border-right: 1px solid #f0f1f6 !important;
}

.process-deploy-img {
  background-position: center center !important;
  background-repeat: no-repeat;
  height: 34px;
  width: 34px;
  margin: 5px 10px !important;
}

.process-deploy-text {
  display: none;
  font-style: normal;
  color: #404040;
  font-size: 12px;
}

.processes-deploy-CBlist {
  margin: 10px !important;
}

.application-export,
.application-import,
.process-export,
.process-import,
.process-validate {
  vertical-align: top;
  display: inline-block;
  text-align: center;
  height: 40px !important;
  margin-top: 2px !important;
  position: absolute;
  right: 0;
  top: 0px;
  width: 55px;
  padding: 0px !important;
  border-right: 1px solid #f0f1f6 !important;
}

.toolbar-item-img {
  background-position: center center;
  background-repeat: no-repeat;
  width: 40px;
  height: 35px;
}

.webpages-copyURL,
.views-copyURL {
  background-position: center center;
  background-repeat: no-repeat;
  width: 35px;
  height: 35px;
  margin: 5px !important;
  cursor: pointer;
}

.process-validate-img {
  background-position: center center;
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
  margin: 5px 10px !important;
}

.toolbar-item-text {
  display: none;
  font-style: normal;
  color: #404040;
  font-size: 12px;
}
.toolbar-icons {
  padding: 6px;
  border: 2px solid transparent;
}

.toolbar-icons:hover {
  border: 2px solid;
}
/*buttons on process designer toolbar */

/* ui dialog */

.ui-dialog {
  border-radius: 0px;
  padding: 0px;
  z-index: 9999999;
}

.ui-dialog .ui-widget-header {
  border: 0px !important;
  border-radius: 0px;
  font-size: 18px !important;
  background-color: var(--theme-color) !important;
  background: none;
}

.ui-dialog .ui-dialog-buttonpane.ui-widget-content {
  border-top: 1px solid !important;
}

.ui-dialog .ui-button {
  border: 0px;
}

.ui-dialog .ui-state-hover {
  border: 0px;
  color: #fff !important;
}

.ui-dialog .ui-dialog-buttonpane {
  margin: 0px !important;
  padding: 0px !important;
}

.ui-dialog .ui-button-text {
  padding: 2px 7px;
}

.ui-dialog .ui-dialog-buttonset button {
  padding: 5px 10px;
  color: #fff;
}

/* ui dialog */

/*  overlay  */

.ui-widget-overlay {
  opacity: 0.7;
}

.overlay-container .accordion {
  margin-bottom: 0px;
  height: calc(100vh - 300px);
}
/*  overlay  */

/* dataGrid */

#dataGrid .delete-btn,
#dataGrid .delete-btn:hover {
  padding: 4px 14px !important;
  white-space: -moz-pre-space;
  width: 30px !important;
  margin-left: 45% !important;
}

#dataGrid .add-btn,
#dataGrid .add-btn:hover {
  margin: 4px 10px;
  padding: 5px 10px !important;
}

#dataGrid .field-label img {
  padding: 0px 10px;
}

#node-sla-container select.autocomplete-select {
  width: 70% !important;
  height: 30px;
}

#tblGrid th {
  color: #fff !important;
}
.btnaddrecord {
  float: right;
}

/* dataGrid */

.panel-center-inner .objectList .no-data-found-workarea {
  line-height: 250px !important;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.panel-center-inner .objectList .no-data-found-workarea:hover {
  border: 1px solid #fff !important;
}

/* dataflow execute table css */

.data-flow-list-container {
  height: calc(100vh - 230px);
}

.data-flow-list-container-table {
  width: 100%;
}

.data-flow-list-container-table-row {
  border: 1px solid #e2e2e4;
}

.data-flow-list-container-table-column,
.data-flow-list-container-table-header {
  text-align: center;
  height: 35px;
  border: 1px solid #e2e2e4;
}

.data-flow-list .btn.execute-icon {
  margin-bottom: 0px;
}
/* dataflow execute table css */

/* Form Full screen Mode  */
.form-Resize-box {
  float: right;
  height: 50px;
  width: 50px;
  cursor: pointer;
}
.form-Resize-box a {
  cursor: pointer;
}
.form-Resize-icon {
  float: left;
  width: 22px;
  padding: 6px;
  margin: 6px 0 0 0;
  height: 22px;
  border: 2px solid transparent !important;
}
.form-Resize-box a:hover .form-Resize-icon {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.eventstream-merger-attributes-wrapper .mCSB_scrollTools {
  right: 10px;
}
.canvas-main .mCSB_scrollTools .mCSB_dragger {
  z-index: 100;
}

.filter-container {
  height: 42px;
  padding: 4px !important;
  margin-bottom: 0px !important;
  width: 42px;
}

/*Node accordion select control*/
#data-stream-attribute-mapping {
  height: 650px !important;
}
.no_search_data_found {
  text-align: center;
  line-height: 255px;
}

#grafana-reports-workarea-form .mCSB_container {
  height: 100% !important;
}

.portlet-body {
  height: 100%;
}
.portlet-body theme {
  height: 100%;
}
.iframemask {
  width: 100%;
  height: 100%;
  background: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}
.iframemask .msg {
  text-align: center;
  padding-top: 25%;
  color: #000;
}

#canvas-container-hashData.form-row {
  width: 98% !important;
}
.clearfixCustom::after {
  content: "";
  display: table;
  clear: both;
}

#platform-modal-box-content ul.flow-compile-ul li,
#platform-modal-box-content ul.flow-deploy-ul li {
  line-height: 27px;
}
#platform-modal-box-content ul.flow-compile-ul li input,
#platform-modal-box-content ul.flow-deploy-ul li input {
  margin-top: 4px;
  height: 18px;
  width: 18px;
  float: left;
}
#platform-modal-box-content ul.flow-compile-ul li span,
#platform-modal-box-content ul.flow-deploy-ul li span {
  margin-left: 5px;
}

#webpages-container-urlBase {
  width: 40%;
  float: left;
}
#webpages-container-urlBase input {
  border-right: none;
}
#webpages-container-url {
  width: 40%;
  float: left;
}
#webpages-container-copyUrl {
  width: 20%;
  float: left;
  margin-top: 20px;
}
#webpages-container-url input {
  border-left: none;
}
#webpages-container-urlBase .label-container,
#webpages-container-url .label-container {
  height: 25px;
}

.urlBase-container {
  width: 40% !important;
  float: left;
}
.urlBase-container input {
  border-right: none;
}
.url-container {
  width: 40% !important;
  float: left;
}
.copyUrl-container {
  width: 10% !important;
  float: left;
  margin-top: 20px !important;
}
.viewPageNewTab-container{
    display: table;
    width: 7% !important;
    margin-top: 28px !important;
}
.url-container input {
  border-left: none;
}
.urlBase-container .label-container,
.url-container .label-container {
  height: 25px;
}

/* Added for views - start */
/*#webpages-workarea-form .mCustomScrollBox {height: 100%;}
#webpages-workarea-form .mCustomScrollBox  .mCSB_container{height: 100%;}
#webpages-workarea  {height: 100%;}
#webpages-workarea .webpages-workarea-inner {height: 100%;}
#webpages-workarea-inner-container {height: 100%;}*/
#webpages-container-viewHtml {
  height: calc(100vh - 125px) !important;
}

#webpages-workarea-form .icon-web-img {
  height: 20px;
  width: 18px;
}
#webpages-workarea-form .icon-web-app {
  position: absolute;
  bottom: 25px;
  right: 15px;
  z-index: 1;
}

#platform-modal-box li {
  list-style: none;
}

#platform-modal-box li:first-letter {
  text-transform: uppercase;
}

#platform-modal-box li > * {
  box-sizing: border-box;
}

#platform-modal-box ul.tree-container {
  list-style: none;
}

#platform-modal-box ul.tree-container li.tree-node {
  height: auto !important;
  width: auto !important;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-above {
  height: 4px;
  border: 0;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-above.tree-node-hover {
  border-top: 2px dotted #008c00;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-below {
  height: 4px;
  border: 0;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-below.tree-node-hover {
  border-bottom: 2px dotted #008c00;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content {
  border: 0;
  position: relative;
  white-space: nowrap;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content span.tree-label {
  cursor: move;
  border: 0;
  display: inline-block;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content ul li {
  padding-left: 20px;
  position: relative;
  line-height: 20px;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content ul li:before {
  content: "";
  display: block;
  width: 14px;
  height: 29px;
  border: 1px solid #607d8b;
  border-width: 0 0 1px 1px;
  position: absolute;
  left: 19px;
  top: -12px;
  z-index: 1;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content ul li.action:before {
  top: -15px;
  height: 25px;
}

#platform-modal-box
  ul.tree-container
  li.tree-node
  div.tree-node-content.tree-node-hover
  > .tree-label {
  border: 2px dotted #008c00;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content > .tree-node-hover {
  border: 2px dotted #008c00 !important;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content i.tree-hitarea {
  padding: 0 3px;
  background: #fff;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content i.icon-minus,
#platform-modal-box ul.tree-container li.tree-node div.tree-node-content i.icon-plus {
  cursor: pointer;
  position: relative;
  z-index: 3;
}

#platform-modal-box ul.tree-container li.tree-node div.tree-node-content i.icon-file {
  cursor: default;
  background: #fff;
  position: relative;
  z-index: 2;
}

#platform-modal-box ul.tree-container input {
  outline: 0;
  visibility: hidden;
}

#platform-modal-box ul.tree-container input + label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 14px;
  height: 14px;
  background: rgba(0, 0, 0, 0);
  top: 3px;
  left: 14px;
  border: 1px solid #4c4c4c;
  background: #fff;
  z-index: 3;
}

#platform-modal-box ul.tree-container input.published + label {
  padding-left: 12px;
  padding-right: 20px;
  background: url(../themes/green/images/objects/published-green.png) no-repeat 100% 50%;
}
#platform-modal-box ul.tree-container input + label {
  padding-left: 12px;
  padding-right: 20px;
  background: url(../themes/green/images/objects/unpublished-red.png) no-repeat 100% 50%;
}
/*#platform-modal-box ul.tree-container li.tree-node div.tree-node-content i.icon-minus{
    visibility: hidden;
}*/

#platform-modal-box ul.tree-container .tree-label.viewpublished {
  padding-right: 20px;
  background: url(../themes/green/images/objects/published-green.png) no-repeat 100% 50%;
}
#platform-modal-box ul.tree-container .tree-label.viewunpublished {
  padding-right: 20px;
  background: url(../themes/green/images/objects/unpublished-red.png) no-repeat 100% 50%;
}

#platform-modal-box ul.tree-container input:checked + label::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 5px;
  background: rgba(0, 0, 0, 0);
  top: 6px;
  left: 15px;
  border: 2px solid #4c4c4c;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 4;
}

#platform-modal-box ul.tree-container input[type="checkbox"] {
  line-height: 2.1ex;
}

#platform-modal-box ul.tree-container li:not(:last-child) > .tree-node-content > ul::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 1px solid #607d8b;
  top: 0;
  left: -1px;
}

#platform-modal-box
  ul.tree-container
  li:not(:last-child)
  > .tree-node-content
  > ul:not(:last-child)
  li
  > .tree-node-content
  > ul::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 1px solid #607d8b;
  top: 0;
  left: 0px;
}

.webpages-list-modal {
  top: 50% !important;
  left: 50% !important;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50vh !important;
}
.webpages-list-modal #platform-modal-box {
  height: 35vh !important;
  overflow: hidden;
}

.webpages-list-modal #platform-modal-box #platform-modal-box-content {
  height: calc(100% - 1px);
}

.page-reorder li.tree-node div.tree-node-content ul li:before {
  left: 21px !important;
  height: 26px !important;
}

.page-reorder li.tree-node div.tree-node-content ul li {
  padding-left: 22px !important;
  line-height: 17px !important;
}

.page-reorder #root-li {
  margin-top: 5px !important;
}

.page-reorder #root-li .root-file {
  margin-top: -19px;
  padding-left: 16px;
}

.page-publish li.tree-node div.tree-node-content ul li {
  padding-left: 21px !important;
}

.page-publish li.tree-node div.tree-node-content ul li:before {
  left: 20px !important;
}

.page-publish #root-li {
  margin-top: 5px !important;
}

.page-publish #root-li .root-file {
  margin-top: -19px;
  padding-left: 14px;
}

/* Added for views - end */

/* permission */
.noPermission .theme-color.theme-color.theme-color.theme-color,
.systemVariable .theme-color.theme-color.theme-color.theme-color,
.readonlyButton .theme-color.theme-color.theme-color.theme-color {
  background-color: #b5a8a8 !important;
}
.readonlyButton .button-text,
.readonlyButton .btn {
  cursor: not-allowed;
}

.show-datatype-container {
  max-height: 130px;
}

.show-datatype-container table {
  width: 100%;
}

.show-datatype-container table thead {
  color: #fff;
}
.show-datatype-container td,
.show-datatype-container th {
  text-align: center;
  border: 1px solid #e2e2e4;
}
/*email template*/

#email-container-subject,
#email-container-body,
#email-container-emailAttachments,
#email-container-emailConfig {
  margin: 1%;
  width: 98%;
}
.emailConfig {
  min-height: 30px;
  height: auto;
  border: 1px solid #c4c4cc;
  border-radius: 3px;
}
.email-config-item {
  background-color: #1fb5ad !important;
  background-image: linear-gradient(to bottom, #1fb5ad, #1fb5ad) !important;
  border-color: #1fb5ad !important;
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  margin: 3px;
  padding: 2px 6px;
  cursor: pointer;
}
.email-config-item .remove {
  z-index: 1;
  background-color: #1fb5ad !important;
  padding: 3px;
  width: 17px;
  margin-left: 5px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #fff !important;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  border-left: 1px solid #fff;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.custom-mobile-application-filter-container {
  margin-top: 4px;
}

select.custom-mobile-application-filter {
  height: 28px;
}

#struct-container-createMembers {
  padding-top: 10px;
}

.solidity-error-container {
  width: 100%;
  height: 260px;
  box-sizing: border-box;
}
#code-solidity-code-ace-editor {
  border: 1px solid #ccc;
  height: 300px;
}

.solidity-error-container .solidity-error,
.solidity-error-container .solidity-warning {
  word-wrap: break-word;
  cursor: pointer;
  position: relative;
  margin: 0.5em 0 1em 0;
  border-radius: 5px;
  line-height: 20px;
  padding: 8px 15px;
  overflow-x: auto;
}
.solidity-error-container .solidity-error {
  background-color: hsla(0, 82%, 82%, 0.5);
  border: 0.2em dotted hsla(0, 82%, 82%, 1);
  color: hsl(0, 0%, 0%);
}

.solidity-error-container .solidity-warning {
  background-color: hsla(44, 100%, 50%, 0.5);
  color: hsl(0, 0%, 0%);
}
.solidity-error-container .solidity-warning pre,
.solidity-error-container .solidity-error pre {
  overflow-y: hidden;
  background-color: transparent;
  margin: 0;
  font-size: 12px;
  border: 0 none;
  padding: 0;
  border-radius: 0;
}

.solidity-warning span {
  width: calc(100vw - 30%);
  display: block;
}

.solidity-error span {
  width: calc(100vw - 30%);
  display: block;
}

/*emai overlay css*/
.email-overlay #table-container th,
.deploy-overlay #table-container th {
  color: #fff;
  text-align: center;
}
.email-overlay #table-container .email-overlay-variable-tab-container thead th:nth-child(1) {
  width: 20%;
}
.email-overlay #table-container .email-overlay-variable-tab-container thead th:nth-child(2) {
  width: 70%;
}
.email-overlay #table-container .email-overlay-variable-tab-container thead th:nth-child(3) {
  width: 10%;
}
.deploy-overlay #table-container th {
  width: 50%;
}
.email-overlay #table-container td {
  text-align: center;
}
/* .email-overlay-tab-container{
	width:100%;
	background: #e7e7e7 !important;
} */
.email-overlay-tab {
  display: inline-block;
  border-right: 0px !important;
  border-left: 1px solid #c2c2ce !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  height: 44px;
  width: 150px;
  background: #e7e7e7 !important;
  color: #32323a;
  text-align: center;
  line-height: 44px;
  font-size: 17px;
  cursor: pointer;
}
.email-overlay-tab:nth-child(1) {
  border-left: 0px !important;
}

table.genericTable {
  width: 100%;
}
table.genericTable.dataTable {
  width: 99%;
}
table.genericTable,
.genericTable th,
.genericTable td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
.genericTable th {
  padding: 8px;
  background-color: #dddddd;
  /* text-transform: capitalize; */
}
.genericTable td {
  padding: 8px;
  /* text-align:center; */
}

.status-started {
  color: blue;
}

.status-completed {
  color: green;
}

.status-error,
.status-missed {
  color: red;
}

.status-warning {
  color: orange;
}

.status-selector {
  color: darkgray;
}

.status-information {
  color: gray;
}

.status-verbose {
  color: mediumpurple;
}

.status-null {
  color: black;
}

.rpa-workflow-log-error-level {
  color: red;
}

.status-error:hover {
  text-decoration: underline;
}

.switch-field {
  display: flex;
  margin-bottom: 10px;
  overflow: hidden;
}

.switch-field input {
  position: absolute !important;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  width: 1px;
  border: 0;
  overflow: hidden;
}

.switch-field label {
  color: rgba(0, 0, 0, 0.6) !important;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  padding: 8px 16px;
  margin-right: -1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  transition: all 0.1s ease-in-out;
  height: unset !important;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked + label {
  background-color: #e4e4e4;
  background-color: #e4e4e4;
  box-shadow: inset -2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -moz-box-shadow: inset -2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  -webkit-box-shadow: inset -2px 2px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
  cursor: default;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

#manage-mdm-entities_objectList_ul .create-entity {
  height: 120px;
  width: 120px;
}

.return-data-container .switch-field {
  margin: 0 auto;
  padding-top: 5px;
}

.return-data-container .switch-field label {
  width: 33%;
  margin-right: 10px;
  border-radius: 8px;
  font-weight: bold;
  /*   height: 35px !important; */
  padding: 8px 16px;
  line-height: unset;
}

.status-completed {
  color: #4d8f36 !important;
  font-weight: bold;
}

.status-failed {
  color: #ff5c33 !important;
  font-weight: bold;
  cursor: pointer;
}

.view-error {
  cursor: pointer;
  color: red;
}

.view-error:hover {
  text-decoration: underline;
}

#conditional-mapper-container-accordion {
  padding: 5px;
  box-sizing: border-box;
}
#conditional-mapper-container-accordion .delete-conditional-form-icon {
  width: 24px !important;
  height: 24px !important;
}
#conditional-mapper-container-accordion .icon-angle-down,
#conditional-mapper-container-accordion .icon-angle-up {
  margin: 10px;
  background-size: 10px;
}
#conditional-mapper-container-accordion .add-new-object,
#node-sla-container .add-new-object {
  margin: 0px;
}
#conditional-mapper-container-accordion .accordion-section-title {
  box-sizing: border-box;
  background: #fcfcff !important;
  border: 1px solid #b5b5b9 !important;
}
/*#conditional-mapper-container-accordion .accordion-section-title .accordion-icon{
	display:none;
}*/
#conditional-mapper-container-accordion .accordion-section-content {
  border: 1px solid #b5b5b9;
  border-top: 0px;
}
.panel-action-info-content .accordion-section-content {
  padding: 5px 10px;
}
#conditional-mapper-container-accordion .accordion-section-title .accordion-icon{
	display:none;
}

#conditional-mapper-container-accordion .accordion-section-root-element::after {
  content: "";
  display: table;
  clear: both;
}

#conditional-mapper-container-accordion .toolbar-item-img,
#databaseScript-layout .toolbar-item-img {
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

#conditional-mapper-container-accordion .accordion-section-title {
  height: 30px;
  line-height: 30px;
  font-weight: normal !important;
}

#conditional-mapper-container-accordion .icon-angle-up,
#conditional-mapper-container-accordion .icon-angle-down {
  font-size: 20px;
  padding: 4px 8px;
}

#conditional-mapper-container-accordion .accordion-section.active {
  /* -webkit-box-shadow: 0px 0px 4px 3px #ccc;
    -moz-box-shadow: 0px 0px 4px 3px #ccc;
    box-shadow: 0px 0px 4px 3px #ccc; */
  padding-bottom: 0px;
  margin-bottom: 5px;
}

#conditional-mapper-container-accordion .label-container.checkbox-inline-element {
  width: unset !important;
}
.flowDeploymentStatus-item {
  cursor: default;
}

.deploymentStatus {
  display: inline-block;
  text-align: center;
  height: 48px;
  width: 450px;
  cursor: default;
  box-sizing: border-box;
  vertical-align: top;
  position: absolute;
  top: 50px;
  right: 120px;
  z-index: 10;
}

.deploymentStatus p {
  height: 30px;
  margin-bottom: 0px;
  color: #f3f2f1;
  background-color: #32323a;
  padding: 0px 6px;
  line-height: 30px;
}

.deploymentStatus span {
  font-weight: bold;
  line-height: unset !important;
}

.fade-in-right {
  animation: fadeinright 0.1s;
}

@keyframes fadeinright {
  0% {
    right: -20px;
    opacity: 0;
  }
  25% {
    right: -15px;
    opacity: 0.25;
  }
  50% {
    right: -10px;
    opacity: 0.5;
  }
  75% {
    right: -5px;
    opacity: 0.75;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}

/*  .panel-action-info-content-wrapper .mCSB_container {
	 overflow: unset;
} */

.readonly-selectize {
  pointer-events: none;
}

.failed-status-info {
  color: #ff5c33 !important;
  font-weight: bold !important;
  cursor: default !important;
}

.success-status-info {
  color: #4d8f36 !important;
  font-weight: bold !important;
  cursor: default !important;
}

.return-data-container .accordion {
  margin-bottom: 00px;
}

.return-data-container .response-data-content {
  position: relative;
}

.return-data-container .response-data-content textarea {
  resize: none;
  width: 100%;
  height: 100px;
}

.return-data-container .edit-grey-icon {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}

.return-data-container .node-addmore-container {
  box-sizing: border-box;
}

.error-message-color {
  color: #ff5c33 !important;
}

.selectize-input.disabled,
.selectize-input.disabled *,
.selectize-control .selectize-input.disabled {
  cursor: not-allowed !important;
}
.hint-label {
  word-break: break-all;
}
.hint-label span {
  font-weight: bold;
}
#canvas-dynamicTaskAssignment {
  margin-top: 10px;
}

select option:disabled {
  color: graytext;
  background: #ccc;
}

/* Custom Table Css Starts*/

.custom_table {
  width: 100%;
}

.custom_table th {
  border: 1px solid #c4c4cc;
  height: 30px;
  background-color: #e4e4e4 !important;
  text-align: center;
  color: #666;
  font-weight: bold;
  margin-bottom: 0px;
  padding: 3px;
  box-sizing: border-box;
}

.custom_table th:not(:last-child) {
  border-right: 1px solid #c4c4cc;
}

.custom_table tbody tr {
  height: 30px;
}

.custom_table tbody tr td {
  border: 1px solid #c4c4cc;
  padding: 5px;
  word-break: break-all;
  text-align: left;
}

.custom_table tbody tr td.action-cell {
  text-align: center;
}
.custom_table tbody tr td input[type*="text"] {
  width: 95%;
  margin-bottom: 0px;
}

.custom_table .toolbar-item-img {
  display: inline-block;
  width: 30px;
  height: 30px;
}
.custom_table .toolbar-item-img:hover {
  border: 2px solid var(--theme-color);
}

/* Custom Table CSS Starts*/

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  min-width: 20px !important;
  width: 20px !important;
  height: 20px !important;
}

/*Data table override CSS*/

table.dataTable tbody th,
table.dataTable tbody td {
  padding:5px 10px !important;
}

table.dataTable td.dt-empty {
	padding: 8px !important;
	text-align:center !important;
}

/*Data table override CSS Ends*/

.selectize-dropdown {
  z-index: 1000000000000000;
}

/*Custom Checkbox CSS Starts*/

/* The custom-checkbox-radio-button-container */
.custom-checkbox-radio-button-container {
  /* display: block; */
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px !important;
  height: 25px !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.custom-checkbox-radio-button-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox/radiobutton */
.custom-checkbox-radio-button-container .checkmark,
.custom-checkbox-radio-button-container .radio-button {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: 1px solid #ccc;
}

.custom-checkbox-radio-button-container .radio-button {
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.custom-checkbox-radio-button-container:hover input ~ .checkmark {
  background-color: #fff;
}

.custom-checkbox-radio-button-container input:checked ~ .checkmark,
.custom-checkbox-radio-button-container input:checked ~ .radio-button,
.custom-checkbox-radio-button-container input:disabled ~ .checkmark:after {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-checkbox-radio-button-container .checkmark:after,
.custom-checkbox-radio-button-container .radio-button:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.custom-checkbox-radio-button-container input:checked ~ .checkmark:after,
.custom-checkbox-radio-button-container input:checked ~ .radio-button:after,
.custom-checkbox-radio-button-container input:disabled ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.custom-checkbox-radio-button-container .checkmark:after {
  left: 7px;
  top: 2px;
  width: 8px;
  height: 15px;
  border: solid green;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.custom-checkbox-radio-button-container.permission input:disabled ~ .checkmark:after {
  content: "\274c";
  top: -4px;
  left: 1px;
  width: 12px;
  height: 12px;
  font-size: 16px;
  padding: 0;
  background-color: transparent;
  color: red;
  box-sizing: border-box;
  border: solid white;
  border-width: 0 0px 0px 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.custom-checkbox-radio-button-container .radio-button:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.custom-checkbox-radio-button-container input[type="checkbox"][readonly] ~ .checkmark,
.custom-checkbox-radio-button-container input[type="checkbox"][disabled] ~ .checkmark {
  cursor: not-allowed;
}
.custom-checkbox-radio-button-container:not(.permission) input:disabled ~ .checkmark {
  background-color: #eee;
}
.custom-checkbox-radio-button-container:not(.permission) input:disabled ~ .checkmark:after {
  content: "";
  border: 0px solid;
  border-width: 0px;
  width: 0px;
  height: 0px;
}

.custom-checkbox-radio-button-container:not(.permission) input:checked:disabled ~ .checkmark {
  background-color: #fff;
}

.custom-checkbox-radio-button-container:not(.permission) input:checked:disabled ~ .checkmark:after {
  border: 1px solid green;
  border-width: 0 3px 3px 0;
}

.custom-checkbox-radio-button-container.fill input:checked ~ .checkmark {
  background-color: var(--theme-color);
}

.custom-checkbox-radio-button-container.fill .checkmark:after {
  border-color: white;
}

.custom-checkbox-radio-button-container.export {
  font-size: 18px !important;
}

/*Custon Checkbox CSS Ends*/

/*Custom ToolTip CSS Starts*/
.custom-tooltip {
  position: relative;
  display: inline-block;
}

.custom-tooltip .tooltiptext {
  background-color: #f1f2f7;
  text-transform: none;
  line-height: normal;
  visibility: hidden;
  font-size: 12px;
  color: #666;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  white-space: nowrap;
  padding: 10px 5px !important;
  box-sizing: border-box;
  margin: 0px;
  z-index: 100000000;
  position: absolute;
  bottom: 75%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: default;
}

.custom-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-width: 8px;
  border-style: solid;
  border-color: #f1f2f7 transparent transparent transparent;
}

.custom-tooltip .tooltiptext.success {
  background-color: #25a46e;
}
.custom-tooltip .tooltiptext.success::after {
  border-color: #25a46e transparent transparent transparent;
}
.custom-tooltip:hover .tooltiptext {
  visibility: visible;
}
#application-map-zoom-container .custom-tooltip .tooltiptext {
  bottom: 90%;
}
/*Custom ToolTip CSS Ends*/

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section-heading {
  font-weight: bold;
  color: #666;
}

.section-content {
  color: #837f7f;
  width: 90%;
  margin: 0 auto;
}
.section-content p {
  margin-bottom: 0px;
}

.node-attribute-label {
  color: black;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.entity-table-row {
  line-height: 40px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #c4c4cc;
  padding: 5px;
}

.custom-table-component .header-row {
  background-color: #e4e4e4;
  line-height: 30px;
}

.custom-table-component .header-row div {
  text-align: center;
}

.custom-table-component .header-row label,
.custom-table-component .merger-attr-list-header,
.custom-table-component .comparator-attr-list-header,
.custom-table-component .header-datamodel-attr-mapper,
.custom-table-component .header-groupby {
  font-weight: bold;
  margin-bottom: 0px;
  padding: 3px;
  color: #666;
  box-sizing: border-box;
}

.custom-table-component .delete-grey-icon,
.custom-table-component .edit-grey-icon {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.custom-table-component .btn.toolbar-item {
  padding: 4px;
}

.custom-table-component .entity-table-row input[type="text"],
.custom-table-component .entity-table-row select {
  width: 98% !important;
  height: 35px;
}

.entity-table-row {
  line-height: 40px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #c4c4cc;
  padding: 5px;
}

/* Custom Table Css Ends*/

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.custom-box-shadow {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19) !important;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19) !important;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19) !important;
}

.code-text-box {
  background-color: #f5f5f5 !important;
  font-family: monospace !important;
  box-sizing: border-box !important;
}

.medium-grey-color {
  color: #666;
}

.bold-font {
  font-weight: bold;
}

.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}

.inactive-button.theme-color.theme-color.theme-color.theme-color {
  background-color: #b5a8a8 !important;
}

.width100Percent {
  width: 100%;
}
.width50Percent {
  width: 50%;
}

.switch-checkbox-container .switch-checkbox {
  display: inline-block;
  height: 24px;
  position: relative;
  width: 50px;
  margin-bottom: 0px;
}

.switch-checkbox-container .switch-checkbox input {
  display: none;
}

.switch-checkbox-container .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.switch-checkbox-container.readonly .slider {
  cursor: not-allowed;
}

.switch-checkbox-container .slider:before {
  background-color: #fff;
  bottom: 2px;
  content: "";
  height: 20px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 20px;
}

.switch-checkbox-container input:checked + .slider {
  background-color: #66bb6a;
}

.switch-checkbox-container input:checked + .slider:before {
  transform: translateX(22px);
}

.switch-checkbox-container .slider.round {
  border-radius: 24px;
}

.switch-checkbox-container .slider.round:before {
  border-radius: 50%;
}

.sp-container {
  border: 1px solid #c4c4cc;
}

.sp-replacer,
.sp-replacer:hover,
.sp-replacer.sp-active {
  border-color: #c4c4cc;
}
.border-box {
  box-sizing: border-box;
}
.workarea-toolbar .toolbar-item {
  background: transparent !important;
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: 40px;
  width: 40px;
  border-left: 1px solid #eee;
}

.applications-menu-modal .modal-info .btn-monospaced:hover,
.applications-menu-modal .modal-info .btn-monospaced:focus {
  box-shadow: none !important;
}

.light-grey {
  color: #b3b3b3;
}
.padding-left-10 {
  padding-left: 10px;
}
.flex-box {
  display: flex;
}
.flex-row {
  flex-direction: row;
}
.flex-column {
  flex-direction: column;
}
.justify-content-center {
  justify-content: center;
}

.text-align-center {
  text-align: center;
}
.text-align-left {
  text-align: left;
}
.align-center {
  align-items: center;
}
.status-active {
  color: #4d8f36 !important;
}

.status-inactive {
  color: #ff5c33 !important;
}

.margin-10 {
  margin: 10px;
}

.padding-10 {
  padding: 10px;
}
.padding-4 {
  padding: 4px !important;
}

.success-message {
  color: #00a651 !important;
}
.error-message {
  color: #eb1521;
}

.chevron::before {
  border-style: solid;
  border-width: 3px 3px 0 0;
  border-color: #666;
  content: "";
  display: inline-block;
  color: #666;
  height: 8px;
  left: 5px;
  position: relative;
  top: 5px;
  transform: rotate(-45deg);
  vertical-align: top;
  width: 8px;
}

.chevron.right:before {
  left: 0;
  transform: rotate(45deg);
}

.chevron.bottom:before {
  top: 0;
  transform: rotate(135deg);
}

.chevron.left:before {
  left: 0.25em;
  transform: rotate(-135deg);
}

.entity-workarea-form > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_vertical,
.canvas-main .mCSB_scrollTools.mCSB_scrollTools_vertical {
  margin-right: 4px;
}

.panel-action-info-container {
  padding-bottom: 100px;
}

.cursor-not-allowed {
  cursor: not-allowed;
}
.pointer-events-none {
  pointer-events: none;
}

.line-height-normal {
  line-height: normal;
}
.inline-block-container {
  display: inline-block;
}

.transaction-header-container {
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}

.pascalCase {
  text-transform: lowercase !important;
}

.pascalCase::first-letter {
  text-transform: uppercase;
}
.break-all {
  word-break: break-all;
}

/* instance variable overlay css */
#runtime-variable-table .custom-checkbox-radio-button-container input:checked ~ .checkmark:after {
  top: 0px;
  left: 4px;
  width: 6px !important;
  height: 12px !important;
}

#runtime-variable-table .custom-checkbox-radio-button-container .checkmark {
  height: 16px;
  width: 16px;
  top: 9px;
  border-radius: 3px;
  border-color: #8d8d8d;
}
#runtime-variable-table .custom-checkbox-radio-button-container {
  padding-left: 20px !important;
}
#runtime-variable-table .valueColumn {
  position: relative;
}
#runtime-variable-table .valueColumn .copy-instance-icon {
  padding: 5px;
  height: 20px;
  width: 20px;
  display: none;
  position: absolute;
  right: 10px;
  z-index: 100;
  background-color: #fff;
  cursor: pointer;
}
#runtime-variable-table .valueColumn:hover .copy-instance-icon {
  display: block;
}
#runtime-variable-table .valueColumn label {
  word-break: break-all;
}

.width-auto {
  width: auto !important;
}

.invalid-access-message,
.error-info-message {
  display: flex;
  justify-content: center;
  align-items: center;
  height: inherit;
  font-weight: bold;
  flex-direction: column;
}

.error-info-message {
  width: 50%;
  margin: 0 auto;
  text-align: center;
}

.invalid-access-message img {
  width: 100px;
}

.error-info-message p:first-letter {
  text-transform: uppercase;
}

.error-info-message p {
  margin: 0.5rem 0;
}

.entity-variable-filter-select + .selectize-control .selectize-input {
  height: auto;
}

/* jQuery UI CSS Starts */
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828;
  color: #ffffff;
}

.ui-widget-content {
  background: #eeeeee;
}

.ui-widget-header a {
  color: #ffffff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #cccccc;
  background: #f6f6f6;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #1c94c4;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #c77405;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #fbd850;
  background: #ffffff;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

/* jQuery UI CSS Ends */

.maximise-workarea-inner .action-menu-list .button > div {
  display: none !important;
}

.maximise-workarea-inner .action-menu-list .button {
  height: 30px;
  width: 30px;
}

.selectize-dropdown .active {
    background-color: #eee;
}

.platform-range-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.platform-range-slider-element{
  height : 25px ;
  width : 100% ;
  margin-right: 10px;
  cursor: pointer;
}
.platform-range-slider-value{
  font-size : 15px ;
}


/*JS Tree*/
#vakata-dnd, #jstree-marker {
    z-index: 1000002 !important;
}
/*JS Tree*/


table.dataTable th.dt-type-numeric,
table.dataTable th.dt-type-date,
table.dataTable td.dt-type-numeric,
table.dataTable td.dt-type-date {
    text-align: left !important;
}

.save-and-preview-button-item{
    display:none!important;
}

/*import web application overlay scroll */
.import-web-application.overlay-container .accordion {
    height: auto;
}

.resource-library-multiselect .selectize-input {
    word-break: break-all;
}
/* TODO RTL CSS */
.aui.rtl .user-profile{
	float:left
}
.aui.rtl #navigation{
	float:left
}

.aui.rtl #navigation li{
	float:right;
}

.aui.rtl #banner #heading{
	float:right;
}
.aui.rtl #wrapper #user-data{
	right: auto;
    left: 10px;
}
.aui.rtl #user-data .bottomPortion::before{
	right: auto;
	left: 0%;
}
.aui.rtl .user_img{
	float:right;
}

.aui.rtl .profile-icon,.aui.rtl .changePassword-icon{
	background-position:right !important;
}
.aui.rtl .button-text{
	padding-left: 0px; 
	padding-right: 20px;
}
/* TODO RTL CSS */#preloader {
	position: relative;
}

#preloader span {
	display: block;
	bottom: 0px;
	width: 9px;
	height: 5px;
	background: #9b59b6;
	position: absolute;
	animation: preloader 1.5s infinite ease-in-out;
}

#preloader span:nth-child(2) {
	left: 11px;
	animation-delay: .2s;
}

#preloader span:nth-child(3) {
	left: 22px;
	animation-delay: .4s;
}

#preloader span:nth-child(4) {
	left: 33px;
	animation-delay: .6s;
}

#preloader span:nth-child(5) {
	left: 44px;
	animation-delay: .8s;
}

@keyframes preloader {
    0% {height:5px;transform:translateY(0px);background:#9b59b6;}
    25% {height:30px;transform:translateY(15px);background:#3498db;}
    50% {height:5px;transform:translateY(0px);background:#9b59b6;}
    100% {height:5px;transform:translateY(0px);background:#9b59b6;}
}
.preloader-container {
	/* 	height: 100vh; */
	background: none repeat scroll 0 0 black;
	position: fixed;
	display: block;
	opacity: 0.5;
	z-index: 99999999; // or, higher
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.page-load-progress {
	position: absolute;
	top: 50%;
	left: 50%;
}

.page-loading {
/* 	display: none; */
}

.loader {
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	line-height: 16px;
	margin-top: -1px;
	margin-bottom: 1px;
	position: absolute;
	top:45%;
	z-index: 9999;
	left:50%;
}
#action-loader,
#workarea-loader,
#content-loader,
#content-loader-without-opacity{
	display:none;
}

.preloader-content-loader{
	display:none;
}

.preloader-active{
	position: absolute;
	height: 100%;
	width:100%;
	z-index: 999999;
}

.preloader-active-without-opacity{
	position: absolute;
	height: 100%;
	width:100%;
	z-index: 999999;
	background-color: #CEECEB !important;
	top:50px;
}

.infinite-scroll-loader{
    display: none;
    height: 25px;
    line-height: 25px;
    padding-left: 5px;
    position: absolute;
    vertical-align: middle;
    width: 70px;
    color: #fff;
}

.objectList .infinite-scroll-loader{
	bottom: 80px;
 	left: 48%;
}

#task-list-container .infinite-scroll-loader{
	 left: 30%;
	 bottom: 0px;
}

.preloader-container-report-loader, .webpages-report-loader{
	background: none repeat scroll 0 0 white;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 1000001;
    top: 0;
    height: 100%;
    width: 100%;
}

.form_loader {
	border: 5px solid #f3f3f3;
	border-radius: 50%;
	border-top: 5px solid #ffa500;
	width: 45px;
	height: 45px;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	position: absolute;
	left: 50%;
	top: 45%;
	z-index: 111;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2486a9;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #0980b5;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #06a3e8;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* added for lexmark, need to check for others*/
.preloader-container-report-loader #preloader {
    position: fixed;
    top: 30%;
    left: 35%;
    width: 50%;
    height: 50%;
}

.preloader-container-report-loader, .webpages-report-loader {
    background: none repeat scroll 0 0 white;
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 1000001;
    top: 120px;    
    width: 100%;
}
/* added for lexmark, need to check for others*/

.accordion {
	overflow:hidden;
	border-radius: 0;
	border:0px;
/* 	border-bottom: 2px solid #aaaaaa; */
}

.panel-action-info-content .accordion{
	overflow:visible;
}
.panel-action-info-content-wrapper.accordion{
	overflow:visible;
}

.mCSB_container .panel-action-info-content .accordion-section-content {
	width: 100% !important;
	padding: 5px 15px 5px 10px;
}

.accordion-section{
/* 	border-bottom: 1px solid #EEEEEE; */
 /* padding-bottom:5px; */
}

.accordion-section-title {
	cursor: pointer;
	width:100%;
/* 	padding: 0px 6px; */
	display:inline-block;
	transition:all linear 0.15s;
	background: rgba(0, 0, 0, 0.05);
    text-decoration: none;
    border-bottom: 1px solid #d9d9d9;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
}

.accordion-section-title,
.accordion-section-title.active,
a.accordion-section-title:hover {
	text-decoration:none;
	background: #eaeaec !important;
    border :1px solid #e7e8ed !important;
}

.accordion-section-content {
	padding:5px;
	display:none;
	background: #fcfcfc;
}

.accordion-arrow {
	top: 15px;
	color: #939393;
}  

.accordion .entity-form {
	border:0px;
}

.accordion .label-container {
	background:none;
}
.accordion .form-row {
	border:0px;
	margin: 0px;
}
.accordion-icon{
	padding:5px;
	margin: 0 1px 2px 2px;
}.notification img {
	height: 16px;
	margin: 6px;
}

.notification-alert {
	z-index: 10;
	border-radius: 50px;
	border: 1px solid #FFF;
	left: 67px;
	top: -3px;
	position: absolute;
	line-height: 16px ;
	width: 20px;
	color: #FFF ;
	text-align: center;
	font-size: 13px ;
	height: 20px;
}

.notification-alert div {
	margin: 0px 4px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.notificationsData {
	display: none;
}

#notification-list {
	width: 250px;
	position: absolute;
	background-color: #FFF;
	right:-5px;
	top: 50px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: visible;
	border: 1px solid #c4c4cc;
	z-index: 99;
	max-height: 75vh;
}

#notification-list:after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	bottom: 101%;
	width: 20px;
	height: 10px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #EEE;
}

#notification-list .notifications li img {
/* 	height: 30px; */
/* 	width: 35px; */
	padding: 5px;
	background: #EEE;
}

#notification-list .notifications li div {
	border-left: 1px solid #c4c4cc;
	height: auto;
	display:inline-block;
	padding: 5px;
	width:196px;
	min-height:35px;
}

#notification-list .notifications li {
	border: 1px solid #c4c4cc;
	margin: 0px 5px;
	height: auto;
	display:flex;
	list-style: none;
	min-height:35px;
	position:relative;
}

.ribbon {
	display: block;
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	z-index: 88;
}

.ribbon.tiny {
	width: 43px;
	height: 44px;
	top: -6px;
	left: 197px;
}

.ribbon-inner {
	display: block;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -7px;
	top: 17px;
	width: 120px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	-moz-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
}

.tiny>.ribbon-inner {
	font-size: 10px;
	line-height: 10px;
	padding: 3px 0;
	left: -2px;
	top: 11px;
	width: 60px;
}

.no-csstransforms .tiny>.ribbon-inner {
	left: -9px;
}

.ribbon-inner:before, .ribbon-inner:after {
	content: '';
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid;
	border-top-color: inherit;
	position: absolute;
	bottom: -3px;
}

.tiny>.ribbon-inner:before, .tiny>.ribbon-inner:after {
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 2px;
	bottom: -2px;
}

.ribbon-inner:before {
	left: 1px;
}

.ribbon-inner:after {
	right: 1px;
}

.orange-bg, .orange-gradient>.drop-down {
	background: #ffae00;
	color: white;
	border-color: #cc9707;
}

a.orange-bg:hover {
	color: white;
	background: #ffbb2b;
}

.orange-gradient, .orange-gradient:visited, .orange-gradient>.select-value, .orange-gradient>.select-arrow {
	color: white;
	background: #ff9e00;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#ff9e00));
	background: -webkit-linear-gradient(top, #ffb900, #ff9e00);
	background: -moz-linear-gradient(top, #ffb900, #ff9e00);
	background: -ms-linear-gradient(top, #ffb900, #ff9e00);
	background: -o-linear-gradient(top, #ffb900, #ff9e00);
	background: linear-gradient(top, #ffb900, #ff9e00);
	border-color: #cc9707;
}

a.green-bg:hover {
	color: white;
	background: #aad049;
}

.green-gradient, .green-gradient:visited, .green-gradient>.select-value, .green-gradient>.select-arrow {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a7cf34), to(#87ba17));
	background: -webkit-linear-gradient(top, #a7cf34, #87ba17);
	background: -moz-linear-gradient(top, #a7cf34, #87ba17);
	background: -ms-linear-gradient(top, #a7cf34, #87ba17);
	background: -o-linear-gradient(top, #a7cf34, #87ba17);
	background: linear-gradient(top, #a7cf34, #87ba17);
	border-color: #6d960c;
}

a.red-bg:hover {
	color: white;
	background: #e35a36;
}

.red-gradient, .red-gradient:visited, .red-gradient>.select-value, .red-gradient>.select-arrow {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#e24913), to(#d52607));
	background: -webkit-linear-gradient(top, #e24913, #d52607);
	background: -moz-linear-gradient(top, #e24913, #d52607);
	background: -ms-linear-gradient(top, #e24913, #d52607);
	background: -o-linear-gradient(top, #e24913, #d52607);
	background: linear-gradient(top, #e24913, #d52607);
	border-color: #931a03;
}

/*#notification-list{
	top:50px!important;
 	height:calc(100vh - 250px); 
	height:100%; 
}*/
/*#notification-list::after {
    bottom: 100%!important;
}*/
.notifications,.notifications li{
	line-height:20px!important;
}
#notification-list .notifications li div {
    width: 188px!important;
    font-size:13px!important;
}

.new-notification {
    width: 100px;
    height: 100px;
    -webkit-animation-name: new-notification; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: new-notification;
    animation-duration: 1s;
    animation-iteration-count: 3;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes new-notification {
    0%   {background-color: #1FB5AD;}
    25%  {background-color: green;}
    50%  {background-color: red;}
    100% {background-color: green;}
}

/* Standard syntax */
@keyframes new-notification {
    0%   {background-color: #1FB5AD;}
    25%  {background-color: green;}
    50%  {background-color: red;}
    100% {background-color: green}
}

/* Moved from custom-navigation.css */


.resize-actions {
	position: relative;
}

/* .resize-actions img {
	margin: 5px 6px 0;
	cursor: pointer;
} */

.read-only-active {
	line-height: 40px;
}

.full-screen-icon {
	display: inline-block;
	text-align: center;
}

.notification img {
	height: 16px;
	margin: 6px;
}

/*.notification-alert {
	z-index: 10;
	border-radius: 50px;
	border: 1px solid #FFF;
	left: 20px;
	top: -3px;
	position: absolute;
	line-height: 20px !important;
	width: 20px;
	color: #FFF !important;
	text-align: center !important;
	font-size: 13px !important;
	background: #fcb322;
	height: 20px;
}*/

.notification-alert div {
	margin: 0px 4px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}

.notificationsData {
	display: none;
}

/* #notification-list {
	width: 250px;
	position: absolute;
	background-color: #FFF !important;
	right: 27px;
	top: 75px;
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: visible;
	border: 1px solid #D9D9D9;
	z-index: 99;
}*/

#notification-list:after {
	content: "";
	display: block;
	position: absolute;
	right: 10px;
	bottom: 100%;
	width: 20px;
	height: 10px;
	border-width: 10px;
	border-style: solid;
	border-color: transparent transparent #EEE;
}

#notification-list .notifications li img {
	padding: 5px;
	background: #EEE;
}

#notification-list .notifications li div {
	border-left: 1px solid #c4c4cc;
	height: auto;
	display: inline-block;
	padding: 5px;
	width: 196px;
	min-height: 35px;
}

#notification-list .notifications li {
	border: 1px solid #c4c4cc;
	margin: 0px 5px;
	height: auto;
	display: inline-block;
	list-style: none;
	min-height: 35px;
	position: relative;
	cursor: pointer;
}

.ribbon {
	display: block;
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	z-index: 88;
}

.ribbon.tiny {
	width: 43px;
	height: 44px;
	top: -6px;
	left: 197px;
}

.ribbon-inner {
	display: block;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	position: relative;
	padding: 7px 0;
	left: -7px;
	top: 17px;
	width: 120px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	-moz-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
}

.tiny>.ribbon-inner {
	font-size: 10px;
	line-height: 10px;
	padding: 3px 0;
	left: -2px;
	top: 11px;
	width: 60px;
}

.no-csstransforms .tiny>.ribbon-inner {
	left: -9px;
}

.ribbon-inner:before, .ribbon-inner:after {
	content: '';
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-top: 3px solid;
	border-top-color: inherit;
	position: absolute;
	bottom: -3px;
}

.tiny>.ribbon-inner:before, .tiny>.ribbon-inner:after {
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 2px;
	bottom: -2px;
}

.ribbon-inner:before {
	left: 1px;
}

.ribbon-inner:after {
	right: 1px;
}

.orange-bg, .orange-gradient>.drop-down {
	background: #ffae00;
	color: white;
	border-color: #cc9707;
}

a.orange-bg:hover {
	color: white;
	background: #ffbb2b;
}

.orange-gradient, .orange-gradient:visited, .orange-gradient>.select-value,
	.orange-gradient>.select-arrow {
	color: white;
	background: #ff9e00;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb900),
		to(#ff9e00));
	background: -webkit-linear-gradient(top, #ffb900, #ff9e00);
	background: -moz-linear-gradient(top, #ffb900, #ff9e00);
	background: -ms-linear-gradient(top, #ffb900, #ff9e00);
	background: -o-linear-gradient(top, #ffb900, #ff9e00);
	background: linear-gradient(top, #ffb900, #ff9e00);
	border-color: #cc9707;
}

a.green-bg:hover {
	color: white;
	background: #aad049;
}

.green-gradient, .green-gradient:visited, .green-gradient>.select-value,
	.green-gradient>.select-arrow {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#a7cf34),
		to(#87ba17));
	background: -webkit-linear-gradient(top, #a7cf34, #87ba17);
	background: -moz-linear-gradient(top, #a7cf34, #87ba17);
	background: -ms-linear-gradient(top, #a7cf34, #87ba17);
	background: -o-linear-gradient(top, #a7cf34, #87ba17);
	background: linear-gradient(top, #a7cf34, #87ba17);
	border-color: #6d960c;
}

a.red-bg:hover {
	color: white;
	background: #e35a36;
}

.red-gradient, .red-gradient:visited, .red-gradient>.select-value,
	.red-gradient>.select-arrow {
	color: white;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	background: -webkit-gradient(linear, left top, left bottom, from(#e24913),
		to(#d52607));
	background: -webkit-linear-gradient(top, #e24913, #d52607);
	background: -moz-linear-gradient(top, #e24913, #d52607);
	background: -ms-linear-gradient(top, #e24913, #d52607);
	background: -o-linear-gradient(top, #e24913, #d52607);
	background: linear-gradient(top, #e24913, #d52607);
	border-color: #931a03;
}

/*#notification-list::after {
	bottom: 100% !important;
}*/

.notifications, .notifications li {
	line-height: 20px !important;
}

#notification-list .notifications li div {
	width: 178px !important;
	font-size: 13px !important;
}.background-task-container {
	position: absolute;
    z-index: 9999;
    width: auto;
    background-color: #f3f3f3;
    right: -10px;
    top: 35px;
    width: 310px;
    margin: 4px;
    border: 1px solid #cfcdcd;
    max-height: 400px;
}

.background-task-container::after {
	content: '';
    display: block;
    position: absolute;
    top: -9px;
    right: 13px;
    width: 15px;
    height: 15px;
    background: #f3f3f3;
    border-right: 1px solid #cfcdcd;
    border-bottom: 1px solid #cfcdcd;
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

#background-task-list {
	margin: 5px !important;
    background-color: #fff;
}

.background-task-container ul li {
	list-style: none;
	border-bottom: 1px solid #e2e1e1;
	margin: 5px;
	min-height: 40px;
	cursor: pointer;
	overflow : hidden;
}

.organization-export-import-organization-overlay {
	width: 50% !important;
	top: 30% !important;
	left: 22% !important;
}

.organization-export-import-organization-overlay .main-entity-ul li {
	padding: 5px;
}

.organization-export-import-organization-overlay .main-entity-ul li span {
	padding-left: 6px
}

.organization-export-import-organization-overlay #platform-modal-box {
	min-height: 300px !important;
}


.spin-image {
	-webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
     animation:spin 1s linear infinite;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

.notransition {
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

.item-status-image {
	width: 30px;
	float: left;
}

.item-status-description {
	float: left;
	width: calc(100% - 60px);
	margin: 0px 10px;
	padding: 10px 0px 10px 0px;
}
.block-ui {
	height: 100vh;
	position: fixed;
	display: block;
	background-color: rgba(0, 0, 0, .4);
	z-index: 1000001;
	top: 0;
	height: 100%;
	width: 100%;
	left:0px;
}

.transparent-block-ui {
	background-color:transparent;
}

.overlay-content{
	height:100%;
}

.overlay-container {
	height:75%;
	width: 60%;
	background-color: rgba(255, 255, 255, 1);
    top: 10%;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
}
/* download overlay */
.overlay-container.download-overlay{
	height: 300px !important;
	top:30%;
}
.download-overlay #table-container{
	height:100%;
}
.overlay-header {
    height: 48px;
    border-bottom: 2px solid  #f1f2f7;
}

.overlay-main {
    height: calc(100% - 100px);
}

.overlay-footer {
    height: 34px;
    background: #f1f2f7;
    padding: 9px;
    text-align: right;
    margin-top: -2px;
}

.overlay-footer ul {
	list-style: outside none none;
}

.overlay-header-icon {
    display: inline-block;
    font-size: 20px;
    /*height: 100% !important;*/
    line-height: 30px;
    padding: 15px;
    cursor: pointer;
    background: rgba(0,0,0,0.1);
    top:0px;
    color:#FFF;
}

.overlay-header-title {
    display: inline-block;
    height: 100%;
    width: 80%;
}
.overlay-header-title .panel-action-info-header-text{
	line-height: 40px;
	text-transform: capitalize;
	font-size: 16px;
	background:transparent;
	color:#FFF;
}

.overlay-content .panel-action-info-content{
	position:static;
	padding: 0px;
}

.overlay-content .panel-action-info-content .accordion-section-title {
    width: 135.6px;
    float: left;
    position: absolute;
    top: 47px;
    background:#e7e7e7 !important;
    color:#32323a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
 
.overlay-content .panel-action-info-content .accordion-section-title.active{
	 color:#32323a;
	 border-bottom:3px solid #1fb5ad !important;
	 box-sizing: border-box;
}

.overlay-content .panel-action-info-content .accordion-section-content{
	width: 100%;
    height: calc(100% - 107px);
	position:absolute;
	padding: 10px 20px;
}

.overlay-content .panel-action-info-content #canvas-container-conditional .accordion-section-title {
    float: none;
    position: relative;
    left: 0px !important;
    top: 5px !important;
    width: 100%;
}

.overlay-content .panel-action-info-content #canvas-container-conditional .accordion-section-content{
	width: 100% !important;
	position:relative;
	top: 0px;
	bottom: 0px;
	box-sizing: border-box;
}

.overlay-content .panel-action-info-content #canvas-container-conditional .accordion-arrow {
	display: block;
}

.node-overlay-content .panel-action-info-content .accordion-section-content{
	width: 75%;
}


.overlay-content .panel-action-info-content .accordion-section-content .mCSB_container{
	overflow:visible;
	padding: 0 27px 0 12px;
}

.overlay-content .panel-action-info-content .accordion-section-root-element{
/* 	width:400px; */
}

.overlay-content .panel-action-info-content .accordion-arrow{
	display:none;
}

.overlay-content #overlay-dragable-list{
	position: absolute;
	right: 0px;
	top: 100px;
	bottom: 20px; 
}

.overlay-content  #process-list {
    min-height: 100px!important;
    height: 100%;
}

.overlay-content  #process-list  .accordion-section-content{
/* 	position: absolute; */
	top: 80px;
	left: 1px;
	right: 1px;
	bottom: 5px;
}
.overlay-tab-spacer{
	height: 44px;
	width: 100%;
	background: #e7e7e7;
}

.overlay-content #diagram-container-canvas .canvas-main {
	left : 0px;
	top : 0px;
}
#overlay-diagram-container{
	position: absolute;
	left: 0px;
	right: 25%;
	bottom: 50px;
	top: 50px;
	border:1px solid #E2E2E4;
}
#overlay-diagram-details{
	position: absolute;
	right: 0px;
	left: 75%;
	bottom: 50px;
	top: 50px;
	border:1px solid #E2E2E4;
}

.overlay-container .diagram-container{
	height:100%;
}
.overlay-container .canvasSection{
	bottom: 50px;
}
.overlay-container .canvasSection canvas{
	width: 500px;
	height: 300px;
}
#overlay-diagram{
	height:80%;
	width:90%;
}

.diagram-container .canvas-title{
	display:none;
}
.object-comparision-var-list .nav{
	width: 45px;
	background:#32323A;
	margin-top: 11px;
	height: 97%;
}
.object-comparision-var-list li{
	width: 45px;
	height: 45px;
	background-position: 40% center;
	background-repeat: no-repeat;
}

.object-comparision-tabs{
	height: 100%;
}

.object-comparision-var-list{
	width: 45px;
	float: left;
	height: 100%;
}

.object-comparision-var-list-content{
	height: 100%;
	width: calc(100% - 50px);
	float: left;
	padding: 10px;
}

.object-comparision-var-list-content .tab-content{
	height: 100%;
}

#tab-content-object-comparision-list{
	height: 100%;
}

.object-comparision-variable-list li{
	list-style:none;
	clear: both;
	height: 40px;
}

.object-comparision-variable-list-item .object-title{
	width: 50%;
	height: 40px;
	background: #FFF none repeat scroll 0% 0%;
	float: left;
	padding: 10px;
	text-align:center;
}
.overlay-content.entity-form{
	height: calc(100% - 105px);
}

#overlay-diagram-details .panel-action-info{
	height: calc(100% - 45px);
}

.object-comparision-variable-list-item-header .object-title{
	width: 50%;
	float: left;
	padding: 10px;
	border: 1px solid #EFEFEF;
	color:#FFF;
	text-align:center;
}

.overlay-container .action-buttons{
	margin: 0px 0px;
}

.object-comparision-variable-list{
	border-right: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	height:100%;
}

.action-buttons li{
	float:left;
	width:auto;
	margin: 0px 2px;
}

#overlay-meta{
	width:40%;
	height:50%;
}

#spagobi_meta_content{
	padding:10px;
}
#spagobi_meta_content div {
	margin-bottom:10px;
}
#spagobi_meta_content div span{
	display: inline-block;
    width: 240px;
    font-size: 14px;
    padding-left: 10px;
}

#overlay-camera{
	padding-bottom: 20px;
}

.object-comparision-var-list-content{
	width: calc(100% - 65px) ! important;
}
.object-comparision-variable-list-item-header .object-title{
	width: 47% !important;
}
.object-comparision-variable-list-item .object-title{
	width: 47% !important;
}

/* overlay accordion */
.overlay-content .panel-action-info-content .accordion-section-title{
	border-right: 0px !important;
    border-left:1px solid #c2c2ce !important;
    border-top: 0px !important;
    border-bottom: 0px !important;
    height: 44px;
}
.overlay-content .panel-action-info-content .accordion-section-title.active{
	 color:#32323a;
	 box-sizing: border-box;
}

@media ( min-height : 950px) and ( max-height : 1100px) {
	#table-container {
		height: calc(100vh - 399px);
	}
}
.panel-right-inner .overlay-header-icon.cancel-icon{
	background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 18px;
    display: none;
}
#overlay-camera .overlay-header-title{
	width:auto;
}

.smartcontract-overlay{
	width:80%!important;
	left:10%!important;
	max-height: calc(100vh - 130px)!important;
}

.smartcontract-overlay #platform-modal-box{
	overflow-y:auto!important;
	max-height: calc(100vh - 240px)!important;
}
.application-export-overlay{
	top:30% !important;
	left:40% !important;
}

.organization-export-overlay, .organization-import-overlay{
	width:50% !important;
	top:30% !important;
	left:22% !important;
}
.organization-export-overlay .main-entity-ul li,
.organization-import-overlay .main-entity-ul li {
	padding : 5px;
}
.organization-export-overlay .main-entity-ul li span,
.organization-import-overlay .main-entity-ul li span{
	padding-left :6px
}
.organization-export-overlay #platform-modal-box, .organization-import-overlay #platform-modal-box{
	min-height: 300px!important;	
}

.execute-latestflow-overlay{
	width: 65%!important;
    left: 17%!important;
    top: 20% !important;
	
}

.execute-latestflow-overlay #platform-modal-box{
	overflow-y:auto!important;
	height: calc(100vh - 450px)!important;
}

.entities-overlay{
	padding: 0px;
}

@media (max-width: 600px) {
	.entities-overlay .panel-action-info-content .accordion-section-content{
		width: 93%;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.entities-overlay .panel-action-info-content .accordion-section-content{
		width: 95%;
	}
}
/* .parameters-overlay{
	height:50%;
	top:20%;
} */


.flow-import-overlay{
	width:330px !important;
}

.email-overlay .sp-replacer{
	 vertical-align: top !important;
}
.rule-attributes-overlay{
	height:65% !important;
	top:15% !important;
}
 .update-attributes-overlay {
 	height:70% !important;
 	top:15% !important;
 }

.rule-expression-overlay .search-box-div input{
	width: 147px!important;
}

.error-message-parent-overlay {
	height: 35% !important;
    width: 40% !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute;
    transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.generic-history-overlay {
	height: 50% !important;
    top: 18% !important;
    top: 50% !important;
    left: 50% !important;
    position: absolute;
     transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

.dms-filesystem-overlay{
	 width: 85% !important;
}

.ldap-connections-overlay {
	width: 80%;
}

.ldap-connections-overlay #connectionStatusContainer {
	height :100%;
	padding: 10px;
}


.ldap-connections-overlay .lfr-table {
  border-collapse: collapse;
  width: 100%;
}

.ldap-connections-overlay .lfr-table td,  
.ldap-connections-overlay .lfr-table th {
  border: 1px solid #ddd;
  padding:5px;
}

.ldap-connections-overlay .lfr-table tr:nth-child(even){
	background-color: #f2f2f2;
}

.ldap-connections-overlay .lfr-table th {
  text-align: left;
  background-color: #0390b1;
  color: white;
}

#platform-notification {
    padding: 5px;
    min-height: 40px;
    cursor: pointer;
    overflow: hidden;
    min-width: 100px;
    box-sizing: border-box;
    margin: 0px;
    z-index: 100000000;
    position: absolute;
   	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    display: flex;
    flex-direction: row;
}

#platform-notification.top{
	top: 10%;
}

#platform-notification .image-container {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
}

#platform-notification .text-container {
    display: flex;
    min-height: 40px;
    width: calc(100% - 40px);
    align-items: center;
    white-space: nowrap;
    word-break: keep-all;
    padding-right: 5px;
    box-sizing: border-box;
}

#platform-notification.success {
	background-color:#d4edda;
}

#platform-notification.success .message {
	color: #25a46e;
}

#platform-notification.error {
	background-color:#f8d7da;
}

#platform-notification.error .message {
	color: #721c24;
}

#platform-notification.warning {
	background-color:#fff3cd;
}

#platform-notification.warning .message {
	color: #856404;
}

#platform-notification.unsupported{
	top: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0px;
    cursor: default;
}

.fade-out {
  display: none;
  opacity: 0;
  transition: display 0s 1s, opacity 1s linear;
}
.scroller-available #overlayContentContainer{
	height:calc(100% - 10px);
}

.rule-expression-overlay .expression-overlay-content {
	margin: 10px;
}

.menu-edit-overlay {
	width: 50%;
    height: 60%;
    top: 18%;
}

/*MDM wizard overlay CSS Starts*/

.step-wizard .step-wizard-tabs-container  ul{
	list-style-type: none;
    box-sizing: border-box;
    width :100%;
    text-align: center;
}

.step-wizard .step-wizard-tabs-container li {
	display: inline-block;
    text-align: center;
    padding: 14px 16px;
    background-color: #dddddd;
    margin: 1%;
    width: 31%;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 10px;
}

.step-wizard .step-wizard-tabs-container li.active {
	color :#fff;
}
.step-wizard .step-wizard-content-container {
	margin: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.step-wizard .step-wizard-content-container .section-content p{
	margin-bottom:0px;
}
.step-wizard .step-wizard-content-container .step-wizard-description{
	font-weight: bold;
}
.step-wizard .step-wizard-content-container .step-wizard-attribute-row-container {
	margin-top :10px;
}
.step-wizard .step-wizard-content-container .step-wizard-attribute-row {
	width: 90%;
    margin: 0 auto;
    padding-bottom: 10px;
}
.step-wizard .step-wizard-content-container .step-wizard-attribute-row  .checkbox-label {
	padding-left: 10px;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-description-label,
.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-label,
.step-wizard .step-wizard-content-container .step-wizard-attribute-row  .checkbox-label,
.step-wizard .step-wizard-content-container .step-wizard-description {
	 color: #666;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-label p {
	margin-bottom:5px;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-label {
	float :left;
	width :30%;
	/* font-weight: bold; */
}
.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element {
	display :inline-block;
	width :30%;
	float :left;
	position :relative
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element.selectize-control-element {
	width :70%;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row  .step-wizard-attribute-row-hint {
    width: 100%;
    position: absolute;
    padding: 6px 8px;
    color: white;
    line-height: 18px;
    background: #e04411;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    top: -65px;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .arrow-down {
	width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top:15px solid #e04411;
    position: absolute;
    top: -22px;
    left: 9px;
}

.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element input[type*="text"],
.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element textarea,
.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element select,
.step-wizard .step-wizard-content-container .step-wizard-attribute-row .step-wizard-attribute-row-element input[type*="password"]{
	width :98%;
	resize :none;
}
.step-wizard #overlay-container,
.step-wizard #overlay-content-container {
	height:100%;
}

.step-wizard #overlay-content-container .step-wizard-tabs-container {
	height:55px;
}

.step-wizard #overlay-content-container  .step-wizard-content-container,
.step-wizard #overlayContentContainer  .step-wizard-content-container{
	height:calc(100% - 70px);
}

.view-generatedflow-overlay .step-wizard-tabs-container li{
	cursor:pointer;
}
.view-generatedflow-overlay .step-wizard-tabs-container li.disabled {
	background-color: #b5a8a8 !important;
    cursor: not-allowed;
    color: #fff;
}
.view-generatedflow-overlay {
	width:75% !important;
}

.view-generatedflow-overlay.step-wizard .step-wizard-content-container {
	padding:0px;
}

.view-generatedflow-overlay.overlay-container .canvasSection {
	bottom:0px;
}

.scroller-available #overlayContentContainer{
	height:calc(100% - 10px);
}
/*MDM wizard overlay CSS Ends*/

.disable-button .theme-color {
   cursor:not-allowed;
}
.disable-button .button-text{
	cursor: not-allowed;
}
.rule-expression-overlay .expression-overlay-content {
	margin: 10px;
}

.menu-edit-overlay {
	width: 50%;
    height: 60%;
    top: 18%;
}

/* manage instance overlay */

#overlay-diagram .overlay-main {
    height: calc(100% - 96px);
}
#overlay-diagram #overlay-diagram-details .panel-header {
    padding: 0;
}
#overlay-diagram #overlay-diagram-details .panel-header .panel-action-info-header-text {
    background: #fafafa;
}
#overlay-diagram #overlay-diagram-details .panel-action-info {
    height: calc(100% - 30px);
}
/* #overlay-diagram .icon-remove,
.dms-filesystem-overlay .icon-remove,
.generic-history-overlay .icon-remove {
    display: none;
} */

/* camera control overlay css*/

.cameraOverlay-Container video {
    height: 410px !important;
    width: 596px !important;
    object-fit: fill;
    object-position: center;
    padding-left: 3px;
}

.cameraOverlay-Container {
    height: 515px !important;
    width: 600px !important;
}

.cameraWrapper img {
    height: 410px !important;
    width: 596px !important;
    padding-left: 3px;
}

.cameraOptionsbtnWrapper {
    text-align: center;
    position: relative !important;
    z-index: 999999;
    padding: 5px;
}

.cameraOptionsbtnWrapper button:nth-child(1), 
.cameraOptionsbtnWrapper button:nth-child(2), 
.cameraOptionsbtnWrapper button:nth-child(3) {
    width: 7% !important;
    padding: 20px !important;
    border-radius: 50% !important;
    background-position: center !important;
    background-repeat: no-repeat;
    background-size: 20px !important;
}

.cameraOptionsbtnWrapper button:nth-child(1){
    background-image:url('../themes/green/images/icons/camera.png') !important;
}

.cameraOptionsbtnWrapper button:nth-child(2) {
    background-color: #fb000c !important;
    margin: 5px 6px 6px 6px !important;
    background-image:url('../themes/green/images/icons/remove-white.png') !important;;
    /*background-image: url(images/icons/buttons/cancel.png) !important; */
}

.cameraOptionsbtnWrapper button:nth-child(3) {
    background-image: url("../themes/green/images/icons/buttons/save.png") !important;
    float: right;
    margin: 5px 6px 6px 6px !important;
}

.openCameraButton button:nth-child(2) {
    padding: 7px !important;
}

.openCameraButton {
    text-align: center;
    padding: 5px;
}

.openCameraButton button {
    width: 50px !important;
    border-radius: 0px !important;
    margin: 10px;
}

.openCameraButton button:nth-child(2) {
    padding: 6px !important;
}

#camContainer {
    text-align: center;
}

.cameraOptions .cameraOptionsdrp {
    width: 15%;
    min-width: 250px;
    top: 21%;
    position: fixed;
    left: 29%;
    z-index: 999999;
}


@media only screen and (max-width: 640px) and (orientation: landscape){
    /* For mobile phones: */
    .cameraOverlay-Container video {
        height: 194px !important;
        width: 298px !important;
        object-fit: fill;
        object-position: center;
        padding-left: 3px;
    }
    
    .cameraOverlay-Container {
        height: 300px !important;
        width: 300px !important;
    }
    
    .cameraWrapper img {
        height: 194px !important;
        width: 298px !important;
        padding-left: 3px;
    }
}

@media only screen and (max-width: 640px) and (orientation: portrait){
    /* For mobile phones: */
    .cameraOverlay-Container video {
        height: 194px !important;
        width: 298px !important;
        object-fit: fill;
        object-position: center;
        padding-left: 3px;
    }
    
    .cameraOverlay-Container {
        height: 300px !important;
        width: 300px !important;
    }
    
    .cameraWrapper img {
        height: 194px !important;
        width: 298px !important;
        padding-left: 3px;
    }
}


.birt-report-executor-overlay  .report-definition-container{
	width:calc(100% - 200px);
	height:calc(100% - 10px);
}

.birt-report-executor-overlay .birt-report-executor-draggable-list {
	width: 200px;
	height: calc(100% - 10px);
}

.birt-report-executor-draggable-list #collapse-process-list {
	display:none;
}

.birt-report-executor-draggable-list  .process-list-header {
	padding-left: 5px !important;
}

.birt-report-executor-draggable-list #process-list .accordion{
 	height: calc(100% - 35px);
}

.test-json-extraction-overlay .accordion-section-content{
	border : 1px solid #ddd;
}
.test-json-extraction-overlay .accordion-title{
	padding-left : 10px;
}

/* page reorder css */
.ui-dialog.webpages-list-modal .mCSB_container_wrapper{
    position:relative;
}

/*Datasource step wizard css */
.datasource-step-wizard-tabs-container li{
  width: 22% !important;
}

.ds-step-wizard-attribute-row-container .step-wizard-attribute-row .step-wizard-attribute-row-element{
  width: 80% !important;
}

.ds-step-wizard-attribute-row-container .step-wizard-attribute-row-element .selectize-control{
  width:98% !important;
}

.step-wizard-content-container #datasourceForm{
    min-height:300px;
}

.step-wizard-attribute-row-element-wrapper.isDefault{
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
}

.step-wizard-attribute-row-element-wrapper.isDefault .step-wizard-attribute-row-element{
    width: 30px !important;
}

.step-wizard-attribute-row-element-wrapper.isDefault .step-wizard-attribute-row-element .checkbox{
    margin-top: 2px !important;
}

.ds-step-wizard-attribute-row-container {
    margin-top:25px !important;
}

form#datasourceForm,
.ds-step-wizard-attribute-row-container,
.external-connector-attributes-connector,
.ds-step-wizard-attribute-row-container [class^="group-container-"]{
    min-height: 100%;
    max-height: 100%;
    height: 100%;
    width:100%;
    display: inline-block;
}

.ds-step-wizard-attribute-row-container .group-label-container{
    border-bottom: 1px solid #c7c7cd;
    width: 71%;
    margin-left: 5%;
    margin: 10px 10px 10px 5%;
}

.ds-step-wizard-attribute-row-container .group-label-container label{
  font-weight:bold !important;
}

.resource-library-file-upload-overlay #overlayContentContainer{
    display:flex;
    flex-direction: row;
}
.resource-library-file-upload-overlay .upload-section{
    width:60%;
}

.resource-library-file-upload-overlay .resource-library-directory-select-box {
    width:95%;
}
.resource-library-file-upload-overlay .resource-library-search-box {
    width:96%;
}

.resource-library-file-upload-overlay .resource-library-section{
     width:40%;
}

.resource-library-file-upload-overlay .resource-library-card {
  cursor: pointer;
  box-shadow: none;
  display: flex;
  width: 96%;
  margin: 8px 2px;
  position: relative;
  background-color: #fafafa;
  box-shadow: 0 0 5px #cfcfcf;
  border-color: #cfcfcf;
  box-sizing: border-box;
  border: 1px solid transparent;
  border-radius: 5px;
}

.resource-library-file-upload-overlay .resource-library-card:hover,
.resource-library-file-upload-overlay .resource-library-card.selected{
    box-shadow: 0 0 5px #cfcfcf;
    border: 1px solid #2a8ace !important;
}

.resource-library-file-upload-overlay .resource-library-card .library-name {
  font-weight: 700;
  width: 95%;
}

.resource-library-file-upload-overlay .resource-library-card .library-info p {
   word-break: break-all;
   margin-bottom: 5px;
}

.resource-library-file-upload-overlay .resource-library-card .library-info {
  padding: 8px;
  width: 100%;
}

.resource-library-file-upload-overlay .resource-library-card .file-delete-container {
  position: absolute;
  top: 8px;
  right: 8px;
  display: none;
}

.resource-library-file-upload-overlay .resource-library-card:hover .file-delete-container {
  display: block;
}

.resource-library-file-upload-overlay .img-delete-btn .action-button {
  border-radius: 30px;
}

.resource-library-file-upload-overlay .search-library-section,
.resource-library-file-upload-overlay .directory-selectize-section{
    height:40px;
}

.resource-library-file-upload-overlay .available-libraries{
    height: calc(100% - 40px);
    overflow: scroll;
}

.resource-library-file-upload-overlay .file-dropzone-section {
    height: calc(100% - 80px);
}

.resource-library-file-upload-overlay .action-button-section {
    width: 95%;
    display: flex;
    justify-content: flex-end;
    padding-top: 8px;
}
.resource-library-file-upload-overlay .file-dropzone-section{
    width: 95%;
    border: 3px dotted #939393 !important;
}

.resource-library-file-upload-overlay .platform-file-drop-container:hover,
.resource-library-file-upload-overlay .platform-file-drop-container.drag-active {
  background: #ddd;
  border-color: #111;
}

.resource-library-file-upload-overlay .file-dropzone-section .dropzone-container{
    border:0px!important;
    height: 100%;
    overflow: scroll;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}

.resource-library-file-upload-overlay img.library-selected-status {
    position:absolute;
    right:5px;
    top:5px;
    display:none;
}

.resource-library-file-upload-overlay .resource-library-card:hover img.library-selected-status,
.resource-library-file-upload-overlay .resource-library-card.selected img.library-selected-status{
    display:block;
}

.resource-library-file-upload-overlay .file-dropzone-section .dz-progress {
  display: none;
}

.resource-library-file-upload-overlay .file-dropzone-section .dropzone-container {
  border-radius: 8px;
}

/* Overlay Theme Less Css */
 .overlay-themeless-container{
    display: flex;
    z-index: 1;
    flex: 1 0 auto;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    box-shadow: 0 12px 32px rgb(0 0 0 / 12%);
    background-color: #fff;
    width:35%;
    margin:30px 20px;
    float:right;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    height:92%;
    border-radius:8px;
    padding: 10px 20px;
 }

 .overlay-table-info-header-text{
   line-height: 40px;
   text-transform: capitalize;
   font-size: 16px;
   background: transparent;
   padding: 10px;
   font-weight: 600;
 }

 .overlay-themeless-header{
    height: 35px;
    width:100%;
    display:flex;
 }

 .overlay-themeless-main{
    height: calc(100% - 80px);
    margin-right:10px;
 }

 .overlay-themeless-container .overlay-themeless-tabs li{
     list-style:none;
     display:flex;
     flex-direction: row;
     font-weight:bold;
     padding: 10px 10px;
 }

 .overlay-themeless-container .overlay-themeless-tabs li .tabNumber{
     margin:0px 5px;
     border-radius:50%;
     background-color: #aeadad;
     padding:0px;
     color: #fff;
     width: 20px;
     height: 20px;
     border-radius: 50px;
     text-align: center;
     font-weight: bold;
     font-size:12px;
 }

 .overlay-themeless-container ul.overlay-themeless-tabs{
     display: flex;
     flex-direction: row;
     border-bottom:1px solid #ccc;
     width:100%;
     margin:10px 0px;
 }

 .overlay-themeless-tabs li.active{
     color: var(--theme-color);
     border-bottom:2px solid var(--theme-color);
 }

 .overlay-themeless-container .overlay-themeless-tabs li.active .tabNumber{
     margin:0px 5px;
     border-radius:50%;
     background-color: var(--theme-color) !important;
     padding:0px;
     color: #f8f1f1;
     height: 20px;
     border-radius: 50px;
     text-align: center;
     font-weight: bold;
     font-size:12px;
 }

.overlay-themeless-container .previousContainer{
    background-color:#eee !important;
}

.overlay-themeless-container .previousContainer .button-text{
   color:black;
}

.overlay-themeless-footer li{
   list-style:none;
}

.overlay-themeless-tabs li:first-child{
   padding-left:0px !important;
}

.overlay-themeless-header-icon.pull-right.icon-remove::after {
    content: url("/o/platform-classic/images/icons/remove.png");
    margin-top: 10px;
    display: block;
    width: 20%;
    line-height: 40px;
    float: right;
    width: 20%;
}

.overlay-themeless-header-icon.pull-right.icon-remove{
    width:20%;
}

.overlay-themeless-header-title{
   width:80%;
}

.overlay-themeless-container .overlay-table-info-header-text img{
    padding-right:1rem;
    padding-bottom:6px;
}#report-container-reportJSON {
	padding: 0px !important;
}

#report_workarea.panel-center-inner>div.mCustomScrollBox,
	.workarea-right-inner>div.mCustomScrollBox {
	padding: 0px !important;
}

#report_iframe {
	/* margin-top: 10px; */
	padding:0px !important;
}

#menu-spagobi-reports.entityHighlight .object-icon{
	background-image: url("../themes/green/images/object-icons/active/reports.png");
    background-repeat: no-repeat;
}
#menu-spagobi-datasource.entityHighlight .object-icon{
	background-image: url("../themes/green/images/object-icons/active/report_datasource.png");
    background-repeat: no-repeat;
}
#menu-spagobi-dataset.entityHighlight .object-icon{
	background-image: url("../themes/green/images/object-icons/active/dataset.png");
    background-repeat: no-repeat;
}
#menu-spagobi-reports .object-icon{
	background-image: url("../themes/green/images/object-icons/active/reports.png");
    background-repeat: no-repeat;
}
#menu-spagobi-datasource .object-icon{
	background-image: url("../themes/green/images/object-icons/active/report_datasource.png");
    background-repeat: no-repeat;
}
#menu-spagobi-dataset .object-icon{
	background-image: url("../themes/green/images/object-icons/active/dataset.png");
    background-repeat: no-repeat;
}

#menu-grafana-reports.entityHighlight .object-icon{
	background-image: url("../themes/green/images/object-icons/active/grafana_reports.png");
    background-repeat: no-repeat;
}
#menu-grafana-reports .object-icon{
	background-image: url("../themes/green/images/object-icons/active/grafana_reports.png");
    background-repeat: no-repeat;
}

#spagobi_meta_popup{
	height:300px;
	border:1px solid red;
	background:#fff;
	position: absolute;
	top: 25%;
	left: 30%;
	width: 425px;
	overflow:auto;
	padding:10px;
}
.spagobi_meta_popup div{
	margin-top:10px;
}
.spagobi_meta_popup span{
    display: inline-block;
	width: 150px;
}
.meta-button-item .meta-icon{
	background-image: url("../themes/green/images/icons/buttons/metafields.png") !important;
}
#spagobi-dataset-query{
	height: 108px;
	display:inherit !important;
}

#spagobi_meta_content .add_metadata{
    width: 220px!important;
}
#content-left .content-left-title{
	width:145px !important;
}
#spagobi-reports-container-spagobi-reports-role .swimlane-configuration-container{
	float: left;
    width: 100%;
}
#spagobi-reports-container-spagobi-reports-role .swimlane-configuration-columns{
	width: 45%;
    float: left;
}
#spagobi-reports-container-spagobi-reports-role .swimlane-configuration-columns-arrows{
	width: 10%;
    float: left;
   	text-align: center;
    margin-top: 40px;
}.overlay-container.overlay-custom-editor{
	height: 75%;
    width: 75%;
}

#editorParentContainer,
#editorContainer,
#editorParentContainer .CodeMirror,
#editor-dragable-list,
#editor-dragable-list #process-list {
	height:100%;
	box-sizing: border-box;
}

#editorParentContainer.hasVariable  #editorContainer{
	width: calc(100% - 200px);
}

#editorParentContainer.hasVariable #variableContainer {
	width : 200px;
}

#editorParentContainer.hasVariable  #editorContainer,
#editorParentContainer.hasVariable #variableContainer {
	display: inline-block;
	float:left;
	height:100%;
}

.CodeMirror-lint-tooltip{
	z-index: 10000000!important;
}

#editor-dragable-list #process-list .accordion {
    height: calc(100% - 40px) !important;
}
#editor-dragable-list #collapse-process-list {
	display:none;
}
#editor-dragable-list #process-list .process-list-header {
	padding: 8px 0 8px 10px !important;
}

#editorContainer .ace_editor{
	height:100%;
	box-sizing: border-box;
	width: 100%;
}

.panel-center-inner{
	height: calc(100vh - 190px);
} 

#platform-form-container{
	height: 100%;
	position:relative;
}
.expression-overlay-content .action-items .action-header{
	background-color: #eaeaec;
	height:30px;
	line-height: 30px;
	font-weight:bold;
	padding-left: 10px;
}

.expression-overlay-content .action-items .action-content {
	height: calc(100% - 30px);
}

.expression-overlay-content .action-items-container {
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top:1%;
}

.expression-overlay-content .expression-box-content .ace_editor {
	height: 100%;
    box-sizing: border-box;
    width: 100%;
    font-family: monospace;
}

.expression-overlay-content .action-items-container .action-items {
	width: 32%;
	border-radius: 5px;
}

.expression-overlay-content .expression-box, 
.expression-overlay-content .action-items-container {
	height: 49%;
    margin: 1% 1%;
}

.expression-overlay-content.readonly .expression-box {
	height: 98%;
}

.expression-overlay-content.readonly  .action-items-container {
	display:none;
}

.expression-overlay-content .list-item {
	padding:3px 3px 3px 5px;
	cursor:pointer;
}

.expression-overlay-content  .attribute-item {
	padding-left:10px;
	font-family: monospace;
}

.expression-overlay-content .list-item.active,
.expression-overlay-content .list-item:hover{
	background-color:#dcdcdc;
}

.description-action-item .action-content {
	font-family: monospace;
}

.expression-overlay-content .action-content.noDataFound {
	display: flex;
    justify-content: center;
    align-items: center;
}

.expression-overlay-content .category-item i {
	font-size: 15px;
    margin-right: 5px;
}

.description-action-item .action-content .description-message {
	padding:10px;
	word-break: break-word;
}

.output-datatype-container {
	display: flex;
    flex-direction: row;
    align-items: center;
    height: 32px;
    margin-bottom: 4px;
}

.expression-overlay-content.output-datatype-available .expression-box ,
.expression-overlay-content.output-datatype-available .action-items-container{
	height: calc(49% - 18px);
}

.output-datatype-container .output-datatype-element select{
	margin-bottom: 0px;
}

.output-datatype-container .output-datatype-label,
.output-datatype-container .output-datatype-element {
	padding-left :10px;
    font-weight: bold;
}




.tab-wizard-container {
	padding:10px;
	box-sizing: border-box;
}

.tab-wizard-container .wizard-tabs {
	box-sizing: border-box;
	background-color: #f1f2f7;
	margin-bottom : 5px;
	height :40px;
	border-radius: 5px;
}

.tab-wizard-container .wizard-tabs-content {
	height : calc(100% - 45px);
}

.tab-wizard-container.action-buttons-available .wizard-tabs-content{
	height : calc(100% - 90px);
}

.tab-wizard-container .wizard-action-button{
	height : 40px;
	line-height: 40px;
	float: right;
}

.tab-wizard-container .wizard-tabs ul.tabs {
	display: flex;
    flex-direction: row;
    list-style: none;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
}

.tab-wizard-container .wizard-tabs li {
	cursor: pointer;
	padding: 10px 0px 10px 10px;
}

.tab-wizard-container .wizard-tabs li .chevron {
	margin-left: 8px;
	display: inline-block;
	vertical-align: bottom;
}

.tab-wizard-container .wizard-tabs li:last-child .chevron {
	display: none;
}

.tab-wizard-container .wizard-tabs li .tab-label {
	font-weight: unset;
}

.tab-wizard-container .wizard-tabs li:hover .tab-label {
	text-decoration:underline;
}

.tab-wizard-container .wizard-tabs li.active {
	font-weight: bold;
}

.tab-wizard-container .wizard-tabs li.active:hover .tab-label{
	text-decoration:none;
}

.tab-wizard-container .wizard-tabs-content {
	padding: 10px;
    border-radius: 5px;
}

.tab-wizard-container .wizard-tabs-content .section-content p{
	color: #837f7f;
	width: 90%;
    margin: 0 auto;
}

.tab-wizard-container .wizard-tabs-content .tab-wizard-attribute-row-container-container {
	margin-top :10px;
}

.tab-wizard-container .wizard-tabs-content .tab-wizard-attribute-row-container {
    padding-bottom: 10px;
   
}

.tab-wizard-container .tab-wizard-attribute-row{
	display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    align-items: center;
}

.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-label,
.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-element{
	width:50%;
}

.tab-wizard-container .tab-wizard-attribute-row .checkbox-label {
	padding-left: 10px;
}

.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-label p {
	margin-bottom:5px;
}

.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-element .platform-element,
.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-element  .platform-file-uploader.dropzone{
	width: 75%;
    resize: none;
    margin-bottom: 0px;
}

.tab-wizard-container .wizard-action-button .button{
	margin: 0px 0px 6px 6px;
    padding: 4px 4px;
}
.r6o-editor{top:0;left:0}.a9s-annotationlayer{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.a9s-selection-mask{stroke:none;fill:transparent;pointer-events:none}.a9s-annotation rect,.a9s-annotation path,.a9s-annotation polygon,.a9s-selection rect,.a9s-selection path,.a9s-selection polygon{fill:transparent;cursor:pointer;vector-effect:non-scaling-stroke}.a9s-annotation .a9s-inner,.a9s-selection .a9s-inner{stroke:#fff;stroke-width:1px}.a9s-annotation .a9s-inner:hover,.a9s-selection .a9s-inner:hover{stroke:#fff000}.a9s-annotation .a9s-outer,.a9s-selection .a9s-outer{stroke:rgba(0,0,0,0.7);stroke-width:3px}.a9s-annotation.selected .a9s-inner,.a9s-selection .a9s-inner{stroke:#fff000}.a9s-annotation.editable .a9s-inner{stroke:#fff000;cursor:move}.a9s-annotation.editable .a9s-inner:hover{fill:rgba(255,240,0,0.1)}.a9s-handle{cursor:move}.a9s-handle .a9s-handle-inner{stroke:#fff000;fill:#000}.a9s-handle .a9s-handle-outer{stroke:#000;fill:#fff}.a9s-handle:hover .a9s-handle-inner{fill:#fff000}

.r6o-btn{background-color:#4483c4;border:1px solid #4483c4;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-block;font-size:14px;margin:0;outline:none;text-decoration:none;white-space:nowrap;padding:6px 18px;min-width:70px;vertical-align:middle;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.r6o-btn *{vertical-align:middle}.r6o-btn .r6o-icon{margin-right:4px}.r6o-btn:disabled{border-color:#a3c2e2 !important;background-color:#a3c2e2 !important}.r6o-btn:hover{background-color:#4f92d7;border-color:#4f92d7}.r6o-btn.outline{border:1px solid #4483c4;color:#4483c4;background-color:transparent;text-shadow:none}.r6o-autocomplete{display:inline;position:relative}.r6o-autocomplete div[role=combobox]{display:inline}.r6o-autocomplete input{outline:none;border:none;width:80px;height:100%;line-height:14px;white-space:pre;box-sizing:border-box;background-color:transparent;font-size:14px;color:#3f3f3f}.r6o-autocomplete ul{position:absolute;margin:0;padding:0;list-style-type:none;background-color:#fff;border-radius:3px;border:1px solid #d6d7d9;box-sizing:border-box;box-shadow:0 0 20px rgba(0,0,0,0.25)}.r6o-autocomplete ul:empty{display:none}.r6o-autocomplete li{box-sizing:border-box;padding:2px 12px;width:100%;cursor:pointer}.r6o-editable-text{max-height:120px;overflow:auto;outline:none;min-height:2em;font-size:14px;font-family:'Lato', sans-serif}.r6o-editable-text:empty:not(:focus):before{content:attr(data-placeholder);color:#c2c2c2}.r6o-widget.comment{font-size:14px;min-height:3em;background-color:#fff;position:relative}.r6o-widget.comment .r6o-editable-text,.r6o-widget.comment .r6o-readonly-comment{padding:10px;width:100%;box-sizing:border-box;outline:none;border:none;background-color:transparent;resize:none}.r6o-widget.comment .r6o-editable-text::-webkit-input-placeholder{color:#c2c2c2}.r6o-widget.comment .r6o-editable-text::-moz-placeholder{color:#c2c2c2}.r6o-widget.comment .r6o-editable-text:-moz-placeholder{color:#c2c2c2}.r6o-widget.comment .r6o-editable-text:-ms-input-placeholder{color:#c2c2c2}.r6o-widget.comment .r6o-lastmodified{border:1px solid #e5e5e5;display:inline-block;border-radius:2px;margin:0 10px 8px 10px;padding:4px 5px;line-height:100%;font-size:12px}.r6o-widget.comment .r6o-lastmodified .r6o-lastmodified-at{color:#757575;padding-left:3px}.r6o-widget.comment .r6o-arrow-down{position:absolute;height:20px;width:20px;top:9px;right:9px;line-height:22px;background-color:#fff;text-align:center;-webkit-font-smoothing:antialiased;border:1px solid #e5e5e5;cursor:pointer;-webkit-border-radius:1px;-khtml-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.r6o-widget.comment .r6o-arrow-down.r6o-menu-open{border-color:#4483c4}.r6o-widget.comment .r6o-comment-dropdown-menu{position:absolute;top:32px;right:8px;background-color:#fff;border:1px solid #e5e5e5;list-style-type:none;margin:0;padding:5px 0;z-index:9999;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.r6o-widget.comment .r6o-comment-dropdown-menu li{padding:0 15px;cursor:pointer}.r6o-widget.comment .r6o-comment-dropdown-menu li:hover{background-color:#ecf0f1}.r6o-widget.comment.editable{background-color:#ecf0f1}.r6o-widget.r6o-tag:empty{display:none}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.r6o-widget.tag .r6o-taglist li{height:27px}.r6o-widget.tag .r6o-taglist li .r6o-delete-wrapper .r6o-delete{position:relative;top:-4px}}.r6o-widget.r6o-tag{background-color:#ecf0f1;border-bottom:1px solid #e5e5e5;padding:1px 3px;display:flex}.r6o-widget.r6o-tag ul{margin:0;padding:0;list-style-type:none;z-index:1}.r6o-widget.r6o-tag ul.r6o-taglist{flex:0;white-space:nowrap}.r6o-widget.r6o-tag ul.r6o-taglist li{margin:0;display:inline-block;margin:1px 1px 1px 0;padding:0;vertical-align:middle;overflow:hidden;font-size:12px;background-color:#fff;border:1px solid #d6d7d9;cursor:pointer;position:relative;line-height:180%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 0 4px rgba(0,0,0,0.1);-moz-box-shadow:0 0 4px rgba(0,0,0,0.1);box-shadow:0 0 4px rgba(0,0,0,0.1)}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-label{padding:2px 8px;display:inline-block}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-wrapper{display:inline-block;padding:2px 0;color:#fff;width:0;height:100%;background-color:#4483c4;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-khtml-border-radius-topright:2px;-khtml-border-radius-bottomright:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;border-top-right-radius:2px;border-bottom-right-radius:2px}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-wrapper .r6o-delete{padding:2px 6px}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-wrapper svg{vertical-align:text-top}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-enter-active{width:24px;transition:width 200ms}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-enter-done{width:24px}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-exit{width:24px}.r6o-widget.r6o-tag ul.r6o-taglist li .r6o-delete-exit-active{width:0;transition:width 200ms}.r6o-widget.r6o-tag .r6o-autocomplete{flex:1;position:relative}.r6o-widget.r6o-tag .r6o-autocomplete li{font-size:14px}.r6o-widget.r6o-tag input{width:100%;padding:0 3px;min-width:80px;outline:none;border:none;line-height:170%;background-color:transparent;color:#3f3f3f}.r6o-widget.r6o-tag input::-webkit-input-placeholder{color:#c2c2c2}.r6o-widget.r6o-tag input::-moz-placeholder{color:#c2c2c2}.r6o-widget.r6o-tag input:-moz-placeholder{color:#c2c2c2}.r6o-widget.r6o-tag input:-ms-input-placeholder{color:#c2c2c2}.r6o-editor{position:absolute;z-index:99999;margin-top:18px;margin-left:-14px;width:400px;color:#3f3f3f;opacity:0;font-family:'Lato', sans-serif;font-size:17px;line-height:27px;-webkit-transition:opacity 0.1s ease-in-out;-moz-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out}.r6o-editor .r6o-arrow{position:absolute;overflow:hidden;top:-12px;left:12px;width:28px;height:12px}.r6o-editor .r6o-arrow:after{content:'';position:absolute;top:5px;left:5px;width:18px;height:18px;background-color:#fff;-webkit-backface-visibility:hidden;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.r6o-editor .r6o-editor-inner{background-color:#fff;-webkit-border-radius:2px;-khtml-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:2px 2px 42px rgba(0,0,0,0.4);-moz-box-shadow:2px 2px 42px rgba(0,0,0,0.4);box-shadow:2px 2px 42px rgba(0,0,0,0.4)}.r6o-editor .r6o-editor-inner .r6o-widget:first-child{-webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-khtml-border-radius-topleft:2px;-khtml-border-radius-topright:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;border-top-left-radius:2px;border-top-right-radius:2px}.r6o-editor .r6o-editor-inner .r6o-widget{border-bottom:1px solid #e5e5e5}.r6o-editor .r6o-footer{position:relative;text-align:right;padding:8px 0}.r6o-editor .r6o-footer .r6o-btn{margin-right:8px}.r6o-editor .r6o-footer .r6o-btn.delete-annotation{position:absolute;top:7px;left:7px;background-color:transparent;border:none;color:#4483c4;width:32px;height:32px;min-width:0;border-radius:100%;padding:0;display:flex;justify-content:center;align-items:center;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}.r6o-editor .r6o-footer .r6o-btn.delete-annotation:hover{color:#fff;background-color:#ef352c}.r6o-editor.align-right{margin-left:8px}.r6o-editor.align-right .r6o-arrow{left:auto;right:12px}.r6o-editor.align-bottom{margin-bottom:14px}.r6o-editor.align-bottom .r6o-arrow{top:auto;bottom:-12px}.r6o-editor.align-bottom .r6o-arrow::after{top:-11px;box-shadow:none}.r6o-purposedropdown{width:150px;display:inline-block}.r6o-noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}l.status-overlay {
	width: 40% !important;
}
.status-overlay .overlay-main {
	height: calc(100% - 50px);
}
.status-overlay #overlayContentContainer,
.status-overlay .status-overlay-container-class{
	height:100%;	
}

.status-overlay .status-overlay-container-class {
	padding: 10px;
	box-sizing: border-box;
}

.status-overlay .status-message-container {
	height:calc(100% - 100px);
}

.status-overlay .status-information-container {
	height:100px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.status-overlay .status-information-container .pending-status-image {
	text-align:center;
}

.status-overlay .status-information-container .pending-status-image img {
	height: 30px;
	width: 30px;
}
.status-overlay .status-overlay-section {
	 color:#666;
}
.status-overlay .status-overlay-section .section-header{
	font-weight: bold;
    margin: 10px 0px;
}

.status-overlay .status-overlay-section ul {
	padding-left: 10px;
	color:#666;
}

.status-overlay .status-overlay-section ul li {
    list-style-position: inside;
    color:#666;
    list-style: none;
    padding-bottom:5px;
}
.status-overlay .status-overlay-section ul li span {
	padding-left:10px;
}

.status-overlay .notification-message {
	font-size: 16px;
    margin-bottom: 0px;
    margin-top: 5px;
}

.status-overlay .success-message{
	color:#3aa58e;
}

.status-overlay .error-message {
	color:#f2424a;
}