.text-right{
	text-align:right !important;
}

.text-left{
	text-align:left !important;
}

.ui-state-highlight {
	margin:10px 0;
	background: white !important;
	border: 3px dotted #e5e5e5 !important; 
}

/***** End Overwrite some boostrap rules *****/
.form-group {
    margin-bottom: 5px;
    min-height: 80px;
}
.form-group .link-property{	
	margin: 20px 0;
    display: inline-block;
    font-weight: bold;
}
 .form-control {
  padding:2px;
  margin:2px 0;
  height:25px;
  margin-bottom: 5px;
}

.form-control.short{
	width:auto;
	display:inline;	
}
.form-control.js-datepicker{
	width:85px;	
}
.togglename{	
	display:none;
}

.this-is-required{
	color:lightgray;
	font-style:italic;
}

label.required::after {
    content: '*';   
    display:inline-block;
	color:lightgray;
}
.error-message.alert.alert-danger{
	padding:3px 3px 3px 25px;	
	    margin-bottom: 0;
}
/***** End Overwrite some boostrap rules *****/

/*****  Object Block *****/

.block-content {
    padding: 5px 15px 1px;
}

.block-header {
	padding: 5px 10px;
}

.block-content.block-content-full {
    padding-top: 10px;
    padding-bottom: 10px; 
}

.items-push .list-group .list-group-item {
    padding: 6px 10px;
    margin-bottom: 4px;
/*     text-align: left; */
}

.items-push div:nth-child(odd) .list-group .list-group-item {
	margin-right: 2px;
}

.items-push div:nth-child(even) .list-group .list-group-item {
	margin-left: 2px;
}

.item-push {
	margin-left: 0;
	margin-right: 0;
}

.items-push div {
	padding-right: 0;
	padding-left: 0; 
	margin-bottom: 5px !important;
}

.list-group {
	margin-bottom: 5px;
}

.list-group-item label {
	width: 100%;
	margin-bottom: 0;	
}

.list-group-item span {

	float: left;
}

.list-group-item p {
    float: left;
    width: 70%;
    text-align: left;
    margin-bottom: 0;
    padding-left: 5px;
}

.block-content .items-push:last-child .list-group-item {
	text-align: center;
}

.object .block-title {
	text-transform: none;
	min-height:37px;
}

.block .category{
    text-transform: uppercase;
    font-style: italic;
    margin-right:20px;
 }


table#child-objects th.actions{
	width:110px ;
	text-align:center;
}

table#child-objects   a.btn {
    margin:0px !important;
    width:104px;
}
table#child-objects td {
    padding: 5px;
}
/*****  End Object Block *****/

/*****  Group Block *****/

.block.properties-group {
	background: #F5F5F5;
	background-image: none;
	border-color: #eee;
}

.block-options li:first-child button {
	border: none;
	background-color: transparent;
}

.delete-action {
	cursor: pointer; 
}
.handle {
	cursor: move; 
}

.tab-pane a.btn {
    margin-bottom: 20px !important;
    margin-top: 5px;
}

.block-options li button {
	/*important broke the modal close button- see add child modal in instance detail*/
   /* opacity: 1 !important;*/
    /* color: #333 !important;*/
}

.block .block-content.tab-content {
	overflow: visible;	
}

.dropdown-menu .menuitem.property-type {
	padding-top: 0;
	padding-bottom: 5px;
}

.dropdown-menu li:last-child .menuitem.property-type {
/* 	padding-bottom: 0; */
}

#groups-list .block-options {
   visibility: hidden;
}

/*.block-options li:last-child {
   visibility: visible;
}*/

#groups-list .block.properties-group:hover > .block-header > .block-options {
   visibility: visible;
}

#groups-list .block.property:hover > .block-header > .block-options {
   visibility: visible;
}

/***** End Group  *****/

/*****  Property Block *****/
.block.properties-group {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}
.block.properties-group .block-header {
	padding-bottom: 0;
	
}

.block.properties-group .block-title label span,  .propertytypedescription{
	color: #3169b1;
	font-weight: 600;
    font-size: 16px;
}

.block.property .block-title label span,  .propertytypedescription{
	color: #3169b1;
	font-weight: 100;
    font-size: 14px;
}
.propertytypedescription{
    float: right;
    font-style: italic;   
}

.block.property {
	background-color: white;
	background-image: none;
	border: none;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.1); 
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.block.property:hover {
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
}

.fa-edit,
.dropdown-menu li {
	cursor: pointer;
}

.block-content.propeties-list {
    padding-left: 5px;
    padding-right: 5px;
}


.Link label.showinfilter {
    display: none;
}
/***** Validation *****/
.validation .list-group-item {
    padding: 3px 10px;
}

input.validation-param.form-control {
    width: 50%;
    display: inline-block;   
}

.validation .list-group-item label {
    width: 49%; 
    margin-bottom: 0;
}
.Boolean ul.validation.list-group,
.Link ul.validation.list-group {
    visibility: hidden;
}
/***** End Validation *****/
/***** End Property Block *****/

/*****  Tools Block  *****/
.block-content .tab-pane:last-child .container h2 {
	display: inline;
}

.block-content .tab-pane:last-child .container button {
	    border: none;
    background-color: transparent;
    margin-bottom: 15px;
}

/***** End Tools Block  *****/

.draggable-placeholder {
	background-color: white !important;
}

/*****  Error Message Form *****/

.alert.alert-danger {
	list-style-type: none;
	padding: 5px;
	padding-right: 0;
	padding-left: 10px;
/* 	background-color: #d45252; */
/* 	color: white; */
/*	width: 250px;*/
	border-radius: 3px;
   	padding-left: 35px;	
	background-image: url('../img/validation.png');
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 5px 1px;
	font-size:12px;	
	background-color:#FFF;
	box-shadow:none;
}


/***** End Error Message *****/
.toggleable.toggle-off .form-group,
.toggleable.toggle-off .fe-group-name{
	display:none;
}

.toggleable.toggle-on .form-group,
.toggleable.toggle-on .fe-group-name{
	display:block;
}
/*
.fe-group .fe-group-toggle{
	display:none;
}

.fe-group.toggleable .fe-group-toggle{	
	visibility:visible;
}
*/
.header,
.fe-group-name {
    display: block;
    font-size: 20px;
    margin-top: 10px;
    font-style: italic;
    background-color: #5c90d2;
    color:#FFF;
   	padding:0 10px;
   	margin-bottom:10px;
}

/***** Grid Filter *****/
 .property-name{
 	text-align: right;
 }
 
 #filter-form .filer-property{
 	min-height:35px;
 }
 /***** End Grid Filter *****/
 
 /***** Grid *****/
 .table.table-bordered{
 width: 99%;
 }
  .grid .table {
 	  border:none;
 	   margin-bottom:0;
 }
 .grid .table>thead>tr>th:not(.flexible), 
 .grid .table>tbody>tr>th:not(.flexible),
 .grid .table>tfoot>tr>th:not(.flexible),
 .grid .table>thead>tr>td:not(.flexible),
 .grid .table>tbody>tr>td:not(.flexible), 
 .grid .table>tfoot>tr>td:not(.flexible){ 	
 	padding:3px;
 	width: 200px;
 	text-align:center; 	
 }
 
  .grid .table>thead>tr>th{
 	  border:none;
 }
 
  .grid .table>thead>tr>th.type-4,
 .grid .table>tbody>tr>td.boolean,
  .grid .table>thead>tr>th.type-5,
 .grid .table>tbody>tr>td.date{
 	width: 150px; 	 
 }
 .grid .table>thead>tr>th.image, 
 .grid .table>tbody>tr>td.image{
 	width: 50px; 
 }
 
  .grid .table>tbody>tr>td.image img{
 	max-width: 40px; 
    max-height: 40px;
 }
 
  .grid  .switch.switch-sm {
    margin: 0;
}
 .grid .table>thead>tr>th.id,
 .grid .table>tbody>tr>td.id{
	 width:50px;
	 min-width:50px;
 }
 .grid .table>thead>tr>th.actions,
 .grid .table>tbody>tr>td.actions{
	 width:100px;
	 min-width:100px;
 }
 .grid .table thead th {
   position:relative;
}

.grid .table thead th.sortable {
   cursor:pointer; 
}
 .grid .table thead th.sortable:after {
    opacity: .25;
    content: "\f0dc"; 
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;   
}

.grid .table thead th.sortable.sorting:after{
    content: "\f106";
}

.grid .table thead th.sortable.sorting.sorting-desc:after{
    content: "\f107";
}

 /***** End Grid *****/

/***** Pagination *****/
div.table-bottom-panel {
    line-height: 14px;
    min-height: 30px;
    padding: 5px 10px;
    background: #5c90d2;
    color: #FFF;
    font-size: 12px;
    margin-bottom:4px;
}

div.prevnextbtn {
    float: left;
    margin-right: 10px;
}

    div.prevnextbtn span {
        padding: 0 5px;
        margin: 2px;
        border: 1px solid #FFF;
        cursor: pointer;
        opacity: 1;
        float: left;
    }

.pages {
    display: inline-flex;
    left: 0;
    position: relative;
}

.pagewrapper {
    width: 165px;
    overflow: hidden;
    height: 21px;
    float: left;
    margin: 0 5px;
}

div.pages span {
    width: 25px;
    padding: 0 1px;
    text-align: center;
    box-sizing: content-box;
    font-size: 11px;
}

div.pages span.currentPage {
        opacity: 0.5;
        cursor: default;
}
.pagesize{
	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	background-color: #5c90d2;
    border: 1px #FFF solid;
}
/*****End Pagination *****/

/***** Instance Form *****/
 .form-group.elements-2 label{ 
  display:block;
  }
  
 .form-group.elements-2 input,
  .form-group.elements-2 span{
  width:48%;
  display:inline-block;
  }
/***** Instance Form *****/


/***** Gallery *****/
.gallerywrapper {
	width: 100%;
	overflow-x: scroll;
	white-space: no-wrap;	
}

.gitemswrapper {
	display: table;
	padding-left: 15px;
	padding-right: 15px;
	min-height:100px;
}

.gitemscontainer {
	display: inline-flex;
}

.gitem {
	display: table-cell;
	position: relative;
}
span.original-file-name{
	position: absolute;
    bottom: 0px;
    left: 0px;
    height: 15px;
    width: 100%;
    background-color: #FFF;
    opacity: 0.8;
    overflow: hidden;
    font-size: 10px;
    text-align: center;
}

.gitem > a > img {
	width: 90px;
	height: 90px;
}

.gitem > img:hover {
	cursor: pointer;
}

.gitem .deleteimage {
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 10;
	visibility: hidden;
}

.gitem:hover .deleteimage {
	visibility: visible;
}

.gitem .deleteimage img {
	height: 30px;
	width: 30px;
	cursor: pointer;
}


.gallerywrapper .next-image,
.gallerywrapper .prev-image {
	cursor: pointer;
	position: relative;
	width: 20px;
	float: left;
	height: 100px;
	clear: none;
	vertical-align: middle;
	display: none;
}

.gallerywrapper .next-image {
	float: right;
}

.dropbox{ 	
	padding: 10px;
	margin: 10px 0;
}
.dropbox.highlight{
	border:3px dotted #37a967;	
}
.progress
{
	height:1px;
	background-color:#37a967;
	margin-bottom: 10px;
}

.gallerywrapper .dropbox p,
.gallerywrapper .dropbox div{
	margin-bottom: 10px;
}

 .gitemplaceholder {
    height: 90px;
    width: 90px;
    text-align: center;
    display: block;
    margin: 3px;
    border: 1px lightgray dotted;
    float: left;
    position: relative;
    padding: 10px;
}
.gallerywrapper .ui-state-default{
	background:none;
	
}
/***** End Gallery *****/

/***** Authentifications *****/

#register-form .form-material,
#user-profile .form-material {    
    min-height: 55px;
}

/***** End Authentifications *****/

/***** Roles *****/
table.objectroles th,
table.objectroles td{
	text-align:center;
	padding:5px;
}

table.objectroles td.objectname {
	min-width:150px;
	text-align:right;
	font-weight:bold;
}  

table.objectroles label{
	display:block;
}

/***** End Roles *****/


/***** Sidebar *****/


#page-container.sidebar-l.sidebar-o #brand-logo {
	max-height: 45px;
    width: 120px;
}

 
#page-container.sidebar-l.sidebar-o  #brand-logo-small {
    max-height: 45px;
    position: relative;
    right: 15px;
    bottom: 5px;
}

.bg-modal-top  {
	background:#f5f5f5;	
}
.bg-modal-top h1 {
	color:#111;
}
.content.bg-gray-darker { 
 background-size: cover;
 min-height: 135px;
}
#detail-wrapper{
max-height:	500px;
overflow-y:auto;
}

#detail-wrapper .content{
 padding-top:10px;
 
 }
 
 
.page-heading small,
.page-heading,
.breadcrumb {
 color: #fff;
}

/***** End Sidebar *****/
/***** End FE *****/

.search-table{table-layout: fixed; margin:40px auto 0px auto; }
.search-table-outter { overflow-x: auto; }
.search-table-outter th { min-width: 150px; }

/*****/
::-webkit-scrollbar {
    width: 8px;
    height:8px;
    background-color: white;
    cursor:pointer;
}

::-webkit-scrollbar-thumb {
    background-color: #DDD;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover{
    background-color:#CCC;
    border:1px solid #9a9a9a;
}
::-webkit-scrollbar-thumb:active{
    background-color:#CCC;
    border:1px solid #9a9a9a;
} 

::-webkit-scrollbar-track {
    margin-right: 40px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 1px gray inset;
}
/*****/

 /*childrens */
table.childrens>thead>tr>th{
	padding:5px;
}
 /*end childrens */
 
 .modal-content { 
    box-shadow: 1px 2px 4px #111;
    border: 1px solid #111;
}