.ui-layout-pane-east {
	background-color: #FFF;
	cursor: auto;
	z-index: 80	!important;
	display: flex;
	flex-direction: column;
}
.ui-layout-pane-center {
	border: 0;
	margin: 0;
	padding: 0;
}

.ui-layout-pane-hover {
	border: none;
}

.ui-layout-resizer { /* all 'resizer-bars' */
	background: #D6D6D6;

}
.ui-layout-resizer:hover { /* all 'resizer-bars' */
	background: #555555;
}

.ui-layout-resizer-east {
    display: block	!important;
    cursor: col-resize	!important;
    transition: background ease .4s;
		/**  Make the arrow appear */
		z-index: 9999 !important;
		overflow: visible !important;
}

.ui-layout-toggler {
}

.ui-layout-toggler:hover {
}

.ui-layout-toggler-east {
	/* display: none !important; */
	background-color: #ff6171;
	z-index: 9999;
	overflow: visible !important;
	height: 90vh;
}

.ui-layout-resizer-east:hover .ui-layout-toggler-east::after{
		content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 100% !important;
    width: 0 !important;
    height: 0 !important;
    border-color: transparent transparent transparent #ff6171 !important;
    border-style: solid !important;
    border-width: 10px !important;
		z-index: 11;
		transform: translateY(-50%);
		margin-left: 2px;
}

.ui-layout-resizer-east:hover .ui-layout-toggler-east::before{
		content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 100% !important;
    width: 0 !important;
    height: 0 !important;
    border-color: transparent #ff6171 transparent transparent !important;
    border-style: solid !important;
    border-width: 10px !important;
		z-index: 11;
		margin-left: -26px;
		transform: translateY(-50%);
}

.ui-layout-toggler-east-open.ui-layout-toggler-east::after{
	content: '' !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 100% !important;
	width: 0 !important;
	height: 0 !important;
	border-color: transparent transparent transparent #ff6171 !important;
	border-style: solid !important;
	border-width: 15px !important;
	z-index: 11;
	transform: translateY(-50%);
	margin-left: 2px;
}


.ui-layout-toggler-east-closed.ui-layout-toggler-east::before{
	content: '' !important;
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	left: 100% !important;
	width: 0 !important;
	height: 0 !important;
	border-color: transparent #ff6171 transparent transparent !important;
	border-style: solid !important;
	border-width: 15px !important;
	z-index: 11;
	margin-left: -36px;
	transform: translateY(-50%);
}



/* format the text inside the toggler */
.ui-layout-toggler .content {
   font-size: 12px; 	/* IMPORTANT: default = 1px */
   font-weight: bold;
   text-align: center;
}
.ui-layout-toggler .content:hover {
	color: #fff;
}

/******************************************** STYLING  ****************************************************/

/* TOGGLE BUTTON */

button.toggle-east-panel {
    position: absolute;
    top: -40px;
    right: 0px;
    padding: 0 15px;
    height: 40px;
    border: none;
    background: white;
    z-index: 999999;
    transition: background ease .5s;
    color: #FFF;
    font-size: 20px;
    z-index: 5;
}


button.toggle-east-panel:focus {
    outline: none;
}

.east-layout-property-header {
	padding: 8px 5px 8px 15px;
	background: #BF3542;
	float: left;
	width: 100%;
	transition: background ease .5s;
	position: relative;
}

.east-layout-property-header .selectanode_warning {
	text-align: center;
    padding: 10px;
    margin: 30px auto;
    color: rgb(191, 53, 66);
    width: 200px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
    background: rgb(255, 255, 255);
}

.east-layout-property-header .row-active-item-id {
  clear         : both;
  display       : block;
  margin-bottom : 5px;
  text-overflow	: ellipsis;
  white-space	: nowrap;
  overflow		: hidden;
  max-width		: 50px important;
  border		: 0px solid red;
  display		: inline-block;

}

.east-layout-property-header .active-item-id{
    font-size: 10px;
    color: #FFFFFE;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 45px !important;
    display	: block;
}


.east-layout-property-header .icon-column {
    float: left;
    max-width: 20%;
}

.east-layout-property-header .icon-column .slider-header-icon{
	color: #FFF;
    font-size: 26px;
}



.icon-column .fa {
	font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
	color: #FFF;
	/*font-size: 26px;
	display: block; */
}

.icon-column .icon-link {
	font-size 		: 32px;
	color 			: red;
	padding-right 	: 10px;
	padding-left 	: 10px;
}


.east-layout-property-header .east-layout-name-column {
    margin-left: 10px;
    float: left;
    max-width: 80%;
}

.east-layout-property-header .east-layout-tools-column {
    margin-left: 10px;
    max-width: 80%;
    color: white;
    float: right;
    bottom: 10px;
    position: absolute;
    right: 15px;
}

.east-layout-property-header .east-layout-tools-column .small-font {
	font-size: 0.8em;
	cursor: pointer;
}

.east-layout-property-header .east-layout-tools-column .small-font-icon {
	-moz-transition			:transform 0.3s;
	-webkit-transition		:transform 0.3s;
	-ms-transition			:transform 0.3s;
	-o-transition			:transform 0.3s;
	transition				:transform 0.3s;
}

.east-layout-property-header .east-layout-tools-column .small-font-icon:hover {
	-moz-transform			: scale(1.3);
	-webkit-transform		: scale(1.3);
	-ms-transform			: scale(1.3);
	-o-transform			: scale(1.3);
	transform				: scale(1.3);
}



.east-layout-property-header .east-layout-tools-column .big-font{
	font-size 	: 1.3em;
	cursor		: pointer;
}


.east-layout-property-header .east-layout-tools-column .big-font-icon{
	-moz-transition			:transform 0.3s;
	-webkit-transition		:transform 0.3s;
	-ms-transition			:transform 0.3s;
	-o-transition			:transform 0.3s;
	transition				:transform 0.3s;
}

.east-layout-property-header .east-layout-tools-column .big-font-icon:hover{
	-moz-transform			: scale(1.3);
	-webkit-transform		: scale(1.3);
	-ms-transform			: scale(1.3);
	-o-transform			: scale(1.3);
	transform				: scale(1.3);
}


/* .east-layout-property-header .east-layout-header-label {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #555;
    background: #FFF;
    border-radius: 2px;
    padding: 2px 3px;
    margin-top: 5px;
    clear: both;
    display: inline-block;
    float: left;
} */

.east-layout-property-header .east-layout-header-labels {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 10px;
	color: #555;
	background: #FFF;
	margin-right: 4px;
	margin-top: 4px;
}

.east-layout-property-header .name-style {
	font-size: 15px;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.2;
    float: left;
}

.ui-layout-pane-east .active-item-property-container {
	overflow-y: auto;
}

.ui-layout-pane-east .active-item-property-container .property-box-wrapper {
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
    padding: 12px 20px 12px 15px;
    clear: both;
 }

.property-box-wrapper .property-heading {
	float: left;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    padding: 5px;
}

.property-box-wrapper .property-heading:hover {
	background-color: #f5f5f5;
}

.property-box-wrapper .property-heading i:not(:last-child) {
	float: left;
	margin-top: 2px;
}

.property-box-wrapper .property-heading span.property-key-inner-wrapper {
    display: inline-block;
    float: left;
    margin-left: 12px;
    width: 80%;
    line-height: 1.4;
    font-weight: bold;
    font-size: 14px;
    font-family: "Open Sans";
}

.property-heading .fa-plus:before {
	content: "\f067";
}

.property-heading .property-key {
    color: #2E2E2E;
    margin-left: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 15px;
}

.property-heading .globe-icon-container {
	color: #BF3542;
}

.property-heading .globe-icon-container > i.fa {
	color: #ff6171;
    font-size: 2em;
}

.property-heading .globe-icon-container > i.fa:first-child {
	font-size: 1.25em;
	line-height: 1.55em;
}

.property-heading .globe-icon-container .animated-icon-pdf {
	-moz-transition			:transform 0.3s;
	-webkit-transition		:transform 0.3s;
	-ms-transition			:transform 0.3s;
	-o-transition			:transform 0.3s;
	transition				:transform 0.3s;
}
	.property-heading .globe-icon-container .animated-icon-pdf:hover {
		-moz-transform			: scale(1.3);
		-webkit-transform		: scale(1.3);
		-ms-transform			: scale(1.3);
		-o-transform			: scale(1.3);
		transform				: scale(1.3);
	}


.property-heading .globe-icon-container .open-pdf-arrow {
    color: #ff6171;
    font-size: 1.5em;
    margin-left: -1em;
}

.property-heading a {
	text-decoration : none;
}

.property-box-wrapper .value-container {
    width: auto !important;
    font-family: 'Open Sans', sans-serif;
    margin-top: 10px;
    margin-left: 25px;
    line-height: 1.5;
    font-size: 12px;
}