/* Commons */

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

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

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

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

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

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

@media ( max-width : 979px) and (min-width: 768px) {
	.aui .public-page .nbt-layout .row-fluid .span10 {
		width: 85.47293%;
	}
	.aui .public-page .nbt-layout .row-fluid .span8 {
		width: 68.4%;
	}
	.aui .public-page .nbt-layout .row-fluid .span7 {
		width: 60%;
	}
	.aui .public-page .nbt-layout .row-fluid .span4 {
		width: 31.29%;
	}
	.aui .public-page .nbt-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 - 138px);
}

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


#content-left, #nbt-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;
}

#breadcrumbs {
	height: 40px;
	margin-bottom: 0 !important;
}

#breadcrumbs ul {
	margin: 0;
}

#breadcrumbs .breadcrumb {
	width: 60% ;
	float: left;
	margin-top: 5px;
}

.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 */

#nbt-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 #nbt-content{
	width: 100%;
}

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

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

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

/* center panel */

/* right panel */

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

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

.panel-action-info-content-wrapper{
	border-left: 0px solid;
}
/* right panel */

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

#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*//*  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;
 	}
 	
 	#nbt-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;
 	}
 	
 	.nbt-layout.workspace-layout .nbt-form-container.nbt-form-container-transitions{
	    height: 255px !important;
 	}
 	
 	.nbt-layout.workspace-layout .nbt-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.nbt-tabmode{
		overflow-y:unset!important;
		overflow-x:unset!important;
	}
	
	#wrapper.nbt-tabmode div#content-left {
	    min-height: 300px!important;
	}
	
	#wrapper.nbt-tabmode #task-list-container{
		min-height: 100px!important;
	}
	
	#wrapper.nbt-tabmode div#content-center {
	    min-height: 300px!important;
	}
	
	#wrapper.nbt-tabmode .nbt-form-container{
		 min-height: 180px!important;
	}
	
	#wrapper.nbt-tabmode div#content-right{
		min-height: 280px!important;	
	}
	
	#wrapper.nbt-tabmode div#content-right .property-accordion-container{
		min-height: 170px!important;
	}
	
	#wrapper.nbt-tabmode #settings-profile-workarea-inner-container,
	#wrapper.nbt-tabmode #settings-salesforce-workarea-inner-container,
	#wrapper.nbt-tabmode #settings-dynamicscrm-workarea-inner-container,
	#wrapper.nbt-tabmode #settings-twitter-workarea-inner-container,
	#wrapper.nbt-tabmode #settings-paypal-workarea-inner-container,
	#wrapper.nbt-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: 7px 0;
    width: 25px;
    background-repeat: no-repeat;
}

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

#objectTree ul>li {
	padding: 5px 10px 5px 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: 34px;
}

#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;
}





/* workspace tabs */

.workspace-advanced-filter {
	padding: 1px 10px;
	border-right: 1px solid #d9d9d9;
}

.filter-tab-header {
	border-bottom: 1px solid !important;
}

.workspace-tabs {
	border-left: 1px solid;
	border-right: 1px solid;
	border-top:1px solid;
}
#task-list-data .filter-tab-header{
	padding-left:10px;
	line-height: 25px;
}
#workspace-tab-content-inner-list ul.nav-tabs>li a{
	bore !important;
}
/* workspace tabs */

/* secondary-navigation  */
#objectTree ul#secondary-navigation li .object-text{
	line-height: 30px;
}
 
#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 */

/*
 * Please do not remove or comment out the below mentioned css as it is required for 
 * gojs license 
 */
.gshDisplay {
  	border-color: #c77afe;
  	font-size: 12;
  	margin-bottom: 15;
 }  
 /*
 * Please do not remove or comment out the above mentioned css as it is required for 
 * gojs license 
 */ 
 
 .small-secondary-navigation #nbt-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 {
    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);
}

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

.objectList ul li {
	border:1px solid rgba(255, 255, 255, 0);
}

.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 {
    padding: 4px 14px !important;
    white-space: -moz-pre-space;
    width: 30px !important;
    margin-left: 45% !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 */

.perview .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, .075) ;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) ;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .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: 2px;
    left: 2px;
    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 .formErrorContent {
	width: 250px;
}
.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 {
	height: 60px;
	border: 1px solid  #c4c4cc;
	margin: 0 auto;
}

.event-container .event-step-action .button {
	margin: 13px 2px;
	float: right;
}

.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;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	/* text-align: center; */
}

.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% - 212px)!important;
    float: left;
    height: 100%;
    padding-right:0px;
    box-sizing: border-box;
}
/* #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;
}

.nbt-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="nbt-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 */
.nbt-group-control-header {
	width: 100%;
    display: inline-flex;
}

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

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

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

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

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

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

.nbt-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 .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 #f0f1f6 !important;
	border-top: 1px solid #fff !important;
	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,
#solidityfunction-workarea .panel-left{
	border-left: 1px solid #ddd;
}
#canvas-workarea .palette-content-height,
#solidityfunction-workarea .palette-content-height{
	border-left:0px !important;
}
#diagram-container-canvas .canvas-main{
	left: 152px;
}
#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;
}

/* NBT content */
#nbt-content{
   border-left:7px solid #f1f2f7;
}
.panel-center-inner{
   border-top: 1px solid #eff2f7 !important;
}
.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;
}


#nbt-stream-attributes .nbt-group-control-body-control{
	width:41%!important;
}
/* canvas node toolbar */
#canvas_canvasToolBar{
	margin-left: 52px;
    border-left: 1px solid #f0f1f6;
}

/* 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;
}
#views-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.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s 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;
	padding-right: 3px;
}

.action-menu {
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.action-menu ul {
	height: 41px;
	line-height:45px;
}

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: 25px;
	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: 0px 5px;
}

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

.panel-action-info-content-wrapper>div.mCustomScrollBox {
	background: rgba(255, 255, 255, 0.98) !important;
}

.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;
}

.accordion .entity-form input[type=text]:focus, .entity-form input[type="nbt-textbox"]:focus, .entity-form div[type="nbt-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 {
	top: 25px!important;
}

.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: 5px !important;
}

/* .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;
}

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

.no-data-found-property{
	line-height: 250px;
   	text-align: center;
}
	
/* right panel */

/* Form and Fields */
.form-row {
	width: 100%;
	display: table;
	vertical-align: top;
}

.entity-form .input, .entity-form .file, .inputs, .object-search .input {
	border: 1px solid;
	box-shadow: none;
	width: 100%!important;
}

.input.file>.button {
	bottom: 2px;
	position: absolute;
	right: 0;
	top: 2px;
}

.entity-form {
	height: 100%;
}

.entity-form input[type=text], .entity-form input[type="nbt-textbox"], .entity-form select, .entity-form input[type=file], .entity-form textarea, .object-search input[type=text], .object-search textarea,.entity-form input[type=password] {
	border: 1px solid;
	border-radius: 0px !important;
	padding: 5px;
	font-size: inherit;
	-webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;
    height: inherit;
}

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

.entity-form .width150px100P .label-container {
	width: 150px !important;
}

.form-row>div {
	width: 100%;
}

#editBtn {
	float: right;
}

#formDiv {
	vertical-align: top;
	float: right;
	width: 67%;
	margin-top: -600px;
	margin-right: 12px;
}

.label-container {
	/* float: left; */
	width: 100%;
	height: 100%;
	padding-top:8px;
	color:#000;
}

.label-container label{
	margin-bottom:0px !important;
}

.element-container {
	float: left;
}

.label-container.inline-element {
	width: 80% !important;
}

.element-container.inline-element {
	width: 20% !important;
	padding-top:8px;
}

.label-container.checkbox-inline-element {
	width: 90% !important;
}

.element-container.checkbox-inline-element {
	width: 10% !important;
	padding-top:8px;
}

.inline-element {
	width: 50% !important;
}

.inline-element .info-spot {
	margin: 2px 15px 0 0;
}

/* info help icon */
.info-spot {
	display: inline-block;
	text-align: center;
	position: relative;
	cursor: help;
}

.info-spot>[class^="icon-"], .info-spot>[class*=" icon-"] {
	position: absolute;
	font-size: 17px;
	top: 0;
	left: 1px;
}

.info-spot:hover>[class^="icon-"], .info-spot:hover>[class*=" icon-"] {
	color: white;
	z-index: 99;
}

.info-bubble {
	display: none;
	position: absolute;
	z-index: 98;
	top: -3px;
	right: 15px;
	min-width: 100px;
	padding: 8px 11px;
	background: #4c4c4c;
	color: white;
	text-align: left;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px 0px 5px 5px;
	border-radius: 5px 0px 5px 5px;
}

.info-spot:hover>.info-bubble {
	display: block;
}

.info-bubble:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	height: 26px;
	width: 21px;
	background-color: inherit;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
}

.glyphicon-info-sign {
	font-size: 13px;
	color: #888888;
	z-index: 99;
}

.glyphicon-info-sign:hover {
	color: #FFF !important;
}

.Button {
	font-size: 14px !important;
    border: none;
    padding: 5px;
}
.ui-spinner-button{
	width:25px;
}

.nbt-element-hide,
.inline-control.nbt-element-hide,
.form-row.inline-control.nbt-element-hide{
	display:none!important;
}

.nbt-element-show{
	display:table!important;
}

.nbt-element-show.inline-control{
	display:inline-block !important;
}

.selectize-edit-icon, .selectize-clear-icon {
	padding : 5px;
	border:2px solid transparent;
}

.form-submit,
.form-viewDocument,
.form-print,
.form-manage-submit{
	padding-left: 25px;
}

.nbt-input-readonly{
	color:#888!important;
}

input[type = 'radio'].nbt-element{
	margin-right: 5px!important;
	float:left;
}

/* Form and Fields */

/* 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; /* Safari */
	transition: width 0.2s;
	position:relative;
	width:200px;
	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;
}

#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-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: 35px;
    height: 35px;
    margin: 2px !important;
}

.views-copyURL{
    background-position: center center;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    margin: 10px !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;
}

.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;
}

.aui .overlay-container .accordion{
	margin-bottom: 0px;
}
/*  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;
}

.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;
}

.aui .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*/ 
#eventflowcanvas-container-eventStream .selectize-control{
	min-height:55px;
}

#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;
}

#nbt-modal-box-content ul.flow-compile-ul li,
#nbt-modal-box-content ul.flow-deploy-ul li{
	line-height:27px
}

#views-container-urlBase {
	width:40%;
	float:left;
}
#views-container-urlBase input{
	border-right:none;
}
#views-container-url {
	width:40%;
	float:left;
}
#views-container-copyUrl {
	width:20%;
	float:left;
	margin-top: 20px;
}
#views-container-url input {
	border-left:none;
}
#views-container-urlBase .label-container,
#views-container-url .label-container {
	height: 25px;
}
/* Added for views - start */
/*#views-workarea-form .mCustomScrollBox {height: 100%;}
#views-workarea-form .mCustomScrollBox  .mCSB_container{height: 100%;}
#views-workarea  {height: 100%;}
#views-workarea .views-workarea-inner {height: 100%;}
#views-workarea-inner-container {height: 100%;}*/
#views-container-viewHtml {
	height: calc(100vh - 205px)!important;
}


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

.aui #nbt-modal-box li {
    list-style: none
}

.aui #nbt-modal-box li>* {
    box-sizing: border-box
}

.aui #nbt-modal-box ul.tree-container {
    list-style: none
}

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

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

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

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

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

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

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

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

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

.aui #nbt-modal-box ul.tree-container li.tree-node div.tree-node-content ul li.action:before {
    top: -14px;
    height: 24px
}

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

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

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

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

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

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

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

.aui #nbt-modal-box ul.tree-container input.published+label {
    padding-right: 20px;
    background: url(../themes/green/images/objects/published-green.png) no-repeat top right
}
.aui #nbt-modal-box ul.tree-container input + label {
    padding-right: 20px;
    background: url(../themes/green/images/objects/unpublished-red.png) no-repeat top right
}

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

.aui #nbt-modal-box ul.tree-container input:checked+label::after {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    background: rgba(0,0,0,0);
    top: 7px;
    left: 16px;
    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;
}

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

.aui #nbt-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
}

.aui #nbt-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: -1px
}

.views-list-modal{
 	top: 50% !important;
    left: 50% !important;
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width:50vh !important;
 }
 .views-list-modal #nbt-modal-box{
 	height: 35vh !important;
    overflow: hidden;
 }
 
.views-list-modal #nbt-modal-box #nbt-modal-box-content {
  	height: calc(100% - 1px);
 }

/* 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:12px;
}

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%, .5);
    border: .2em dotted hsla(0, 82%, 82%, 1);
    color: hsl(0, 0%, 0%);
}

.solidity-error-container .solidity-warning {
    background-color: hsla(44, 100%, 50%, .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,
.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-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: 20px !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;
}

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

#conditional-mapper-container-accordion {
	padding:5px;
	box-sizing:border-box;
}

#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;
}

#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;
    cursor: default;
    padding: 12px 0px;
    box-sizing: border-box;
    vertical-align: top;
}

.deploymentStatus p {
    height: 30px;
    margin-bottom: 0px;
    color: #3c763d;
    background-color: #dff0d8;
    border-radius: 7px;
    padding: 0px 6px;
    line-height: 30px;
}

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

.fade-in-right {
	position: relative;
	animation: fadeinright 0.2s
}

@keyframes fadeinright {
	
	0% {
	 	right: -20px;
		opacity: 0;
	}
	25% {
	 	right: -15px;
		opacity: 0.25;
	}
	50% {
	 	right: -10px;
		opacity: 0.50;
	}
	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 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: 25px;
    height: 25px;
}

.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 .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%;
}

.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: .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: .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;
}
/* 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: 1000001; // 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;
}
.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;
}
.accordion-icon{
	padding:5px;
}.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 #nbt-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;
}

.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;
}

.overlay-content .panel-action-info-content .accordion-section-title {
    width: 150px;
    float: left;
    position: absolute;
    top: 55px;
    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: 98%;
	position:absolute;
	top: 115px;
	bottom: 6px;
}

.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: 72%;
}


.overlay-content .panel-action-info-content .accordion-section-content .mCSB_container{
	overflow:visible;
}

.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: 10px;
}

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

.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;
	margin-top: 5px
}

.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;
}
#overlay-camera .overlay-header-title{
	width:auto;
}

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

.smartcontract-overlay #nbt-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 #nbt-modal-box, .organization-import-overlay #nbt-modal-box{
	min-height: 300px!important;	
}

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

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

.entities-overlay{
	padding-left:10px;
}

.entities-overlay .panel-action-info-content .accordion-section-content{
	width: 97%;
}

@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%;
	}
}

/* custom mobile app */
.custommobileapp-history #table-container-header{
	height:40px;
}
.custommobileapp-history .custom-mobile-view-history-wrapper{
	height:calc(100% - 40px);
}
.custommobileapp-history .custom-mobile-view-history-wrapper .attribute-row {
	border-bottom: 1px solid #c4c4cc;
}
.custom-mobile-view-history-download{
	color: #0e5682;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    display:block;
}

.custom-mobile-view-history-applogo img{
	height: 20px;
	width: 20px;
}

.custom-mobile-view-history-table td{
    overflow: hidden;
    text-align: center;
}

.custommobileapp-history table{
	table-layout: fixed;
    width: 100%;
}
.custommobileapp-history form{
	padding: 5px;
}

#table-container-header,#table-container{
	border: 1px solid #ccc;
}

#table-container-header th:last{
	border-right: 1px solid #ccc;
}


.custom-mobile-view-history-table th {
    background: #dddddd;
}

.custom-mobile-view-history-table tr td:nth-child(2), .custom-mobile-view-history-table tr th:nth-child(2){
	width: 15%;
}

.custom-mobile-view-history-table tr td:nth-child(5), .custom-mobile-view-history-table tr th:nth-child(5){
	width: 22%;
}

.custom-mobile-view-history-lable{
	/* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
    word-wrap: break-word;
}

/* custom mobile app */

/* .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;
}

#nbt-notification {
    padding: 5px;
    min-height: 40px;
    cursor: pointer;
    overflow: hidden;
    width: 300px;
    box-sizing: border-box;
    margin: 0px;
    z-index: 100000000;
    position: absolute;
    top: 40%;
    left: 40%;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
}

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

#nbt-notification .text-container {
    display: flex;
    min-height: 40px;
    width: calc(100% - 40px);
    align-items: center;
    word-break: break-all;
}

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

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

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

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

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

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

#nbt-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%;
}#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%;
}
.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 .icon-chevron-right {
	margin-left: 8px;
	display: inline-block;
	vertical-align: bottom;
}

.tab-wizard-container .wizard-tabs li:last-child .icon-chevron-right {
	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 .nbt-element,
.tab-wizard-container .tab-wizard-attribute-row .tab-wizard-attribute-row-element  .nbt-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;
}