.loginform
{
	background-color:#F3F3F3;
	height:300px;
	-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;
margin-top:100px;
}
.logintext
{
	text-align:center
	
}
.logintext span
{
	color:#666666;
	
}
.logintext b
{
	color:#900;
	
}
.loginlogo
{
	padding:20px;
	padding-left:0;
	width:30%
}



/*tree structure*/
.fixedtreelayout
{
	width:100%;
	height:250px;
	overflow:hidden;
	overflow-y:scroll;
	background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	padding-top:10px;
}
.sweet-alert input[type=checkbox]{
    width:auto;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 15px !important;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 11px;
    font-weight: normal;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 ;
    display: initial;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0;
	display:inline-block;
}
.treeview li
{
	text-align:left;
}


.placeholder {
			outline: 1px dashed #4183C4;
			/*-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin: -1px;*/
		}

		.mjs-nestedSortable-error {
			background: #fbe3e4;
			border-color: transparent;
		}

		ol {
			margin: 0;
			padding: 0;
			padding-left: 30px;
		}

		ol.sortable, ol.sortable ol {
			margin: 0 0 0 25px;
			padding: 0;
			list-style-type: none;
		}

		ol.sortable {
			margin: 4em 0;
		}

		.sortable li {
			margin: 5px 0 0 0;
			padding: 0;
		}

		.sortable li div  {
			border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 20px;
			margin: 0;
			cursor: move;
			background: #f6f6f6;
			
		}

		.sortable li.mjs-nestedSortable-branch div {
			

		}

		.sortable li.mjs-nestedSortable-leaf div {
			
		}

		li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
			border-color: #999;
			background: #fafafa;
		}

		.disclose {
			cursor: pointer;
			width: 10px;
			display: none;
		}

		.sortable li.mjs-nestedSortable-collapsed > ol {
			display: none;
		}

		.sortable li.mjs-nestedSortable-branch > div > .disclose {
			display: inline-block;
		}

		.sortable li.mjs-nestedSortable-collapsed > div > .disclose > span:before {
			content: '+ ';
			
			width:20px;
			height:20px;
			display:block;
			
			border-radius:50%;
			text-align:center;
			margin-left:-18px;
			color:#fff;
			padding:0;
			
			
			background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(top, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
		}

		.sortable li.mjs-nestedSortable-expanded > div > .disclose > span:before {
			content: '- ';
			
			width:20px;
			height:20px;
			display:block;
			
			border-radius:50%;
			text-align:center;
			margin-left:-18px;
			color:#fff;
			padding:0;
			background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fcf00), color-stop(100%, #6b9c00));
  background: -webkit-linear-gradient(top, #8fcf00, #6b9c00);
  background: -moz-linear-gradient(top, #8fcf00, #6b9c00);
  background: -o-linear-gradient(top, #8fcf00, #6b9c00);
  background: linear-gradient(top, #8fcf00, #6b9c00);
  background-color: #7db500;
  border-color: #5a8200;
  color: white;
  text-shadow: 0 -1px 1px rgba(19, 28, 0, 0.35);
		}
		.floatingtoolbar
		{
			text-align:right;
			min-width:200px;
			position:fixed;
			right:30px;
			padding:5px;
			background-color:#F5F5F5;
			outline: 1px dashed #4183C4;
			-webkit-box-shadow: 2px 3px 5px 0px rgba(102,102,102,1);
-moz-box-shadow: 2px 3px 5px 0px rgba(102,102,102,1);
box-shadow: 2px 3px 5px 0px rgba(102,102,102,1);
		}
		.floatingtoolbar p
		{
			width:100%;
			text-align:left;
			margin:0;
			padding:0;
			font-size:10px;
		}
		.floatingtoolbar pre
		{
			display:none;
		}
		.divenclosure
		{ width:100%;
		padding:10px;
			 border: 1px solid #ccc;
    border-radius: 4px;
		}
		
		.inlinetools
		{
			float:right;
			margin:-7px;
			
		}
		.btn-grey
		{
			background-color:#CCCCCC;
		}
		
		
		.sweet-alert select {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d7d7d7;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: normal;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
    padding: 0 12px;
    display: initial;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: auto;
}

.productlistimage
{
	width:50px;
	height:50px;
}
.imagetable
{
	position:relative;
}
.imagelistimage
{ position:relative;
	width:40px;
	height:40px;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out;
}
.imagelistimage:hover
{ position:relative;
-moz-transform: scale(3);
    -webkit-transform: scale(3);
    -o-transform: scale(3);
    -ms-transform: scale(3);
    transform: scale(3);
	z-index:9999999;

}
input[type=file]{
 /* display: none;*/
}

.file label {
	position:relative;
	margin:-2px;
	padding:5px;
	display: block;
  width: 100%;
  height:35px;
  cursor: pointer;
   overflow:hidden;
     box-sizing: border-box;
    border-radius: 1px;
    border: 1px solid #d7d7d7;
   
    margin-top: 0px;
    margin-bottom: 0px;
   
    font-weight: normal;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
   
    display: initial;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    
	display:inline-block;
  
  
 
  
  color: #666;
  
 
 
  
}
.file label:after {
content:'Upload';
width:150px;
height:35px;
position:absolute;
right:0;
top:0;
background-color: #3c8dbc;
border:1 px solid #367fa9;
   
color:#fff;
text-align:center;
padding:6px;

}
.file label:hover {
opacity:0.8;


}







ol.tree
{
	padding: 0 30px 0 30px;
	width:100%;
}
	.tree li 
	{ 
		position: relative; 
		margin-left: -15px;
		list-style: none;
		
		
	}
	.tree li.file
	{
		margin-left: -1px !important;
	}
		.tree li.file a
		{
			
			color: #fff;
			padding-left: 21px;
			text-decoration: none;
			display: block;
		}

.tree li input
	{
		position: absolute;
		left: 0;
		margin-left: 0;
		opacity: 0;
		z-index: 2;
		cursor: pointer;
		height: 2.5em;
		width: 2.5em;
		top: 20px;
	}
	.tree li input + ol
		{
			background: url(../images/toggle-small-expands.png) 40px 0 no-repeat;
			background-size:20px;
			margin: -2.438em 0 0 -40px; /* 15px */
			height: 2.5em;
		}
		.tree li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
	.tree li div
	{
		
		
		display: block;
		padding-left: 37px;
		
		width:100%;
		
		margin:1px;
		text-align:left;
		border: 1px solid #d4d4d4;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border-color: #D4D4D4 #D4D4D4 #BCBCBC;
			padding: 17px;
	}

	.tree li input:checked + ol
	{
		background: url(../images/toggle-small.png) 40px 5px no-repeat;
		background-size:20px;
		margin: -2.75em 0 0 -40px; /* 20px */
		padding: 2.563em 0 0 80px;
		height: auto;
	}
		.tree li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
		.tree li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }	
		.absbutton
		{
			margin:0;
			position:absolute;
			right:0;
			top:-20px;
			
			background-color: #dd4b39 !important;
    border-color: #d73925 !important;
		}
		
		
		
		@media (min-width: 992px)
		{
.modal-lg {
    width: 90% !important;
    margin: auto;
}
		}
		
		
		.modal-fullscreen-md-down {
    padding: 50px !important;
  }
  .modal-fullscreen-md-down .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: auto;
    min-height: 100%;
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
  }
  
  
  
  
  
  
  .list-items  {
	  padding: 20px;
	  cursor: pointer;
	  background-color: #F4F4F4;
	  border-bottom: 1px solid #d4d4d4;
 }
 .list-items : hover {
  /*when hovering an item:*/
   background-color: #ffffff;
 }
 .active { 
	  background-color: #03658C !important;
	  color:#ffffff;
	  
 }
 
  .disable-class { 
	 pointer-events:none;
	  
 }
 .img_icon{
	width:100%; position: relative; text-align: left;border-radius: 10px 0px 0px 10px;
 }
 .img_container{
	 width:100%;  position: relative; text-align: left ;border-radius: 10px;margin-top:10px;;
	 padding-right:10px;
 }
 
 .img_text {
	  margin-top:0px; margin-left:10px; font-size:14px; font-weight:bold; z-index: 100; position: absolute;

 }