/* --------------------------- GENERIC------------------------------*/

.margin-auto{
	margin: 0 auto;
	display: inline-block;
}
.margin-left-0{
	margin-left: 0!important;
}
.margin-top-10{
	margin-top: 10px;
}
.margin-bottom-10{
	margin-bottom: 10px;
}
.margin-top-8{
	margin-top: 8px;

}.margin-right-10{
	margin-right: 10px;
}
.padding-left-0{
	padding-left: 0px!important;
}
.padding-left-10{
	padding-left: 10px!important;
}
.padding-right-10{
	padding-right: 10px!important;
}
.padding-right-0{
	padding-right: 0px!important;
}
.vertical-align-middle{
	vertical-align: middle!important;
}
.width-100-per-100{
	width: 100%!important;
}
.width-175{
	width: 175px;
	display: block;
}
.fleft{
	float: left!important;
}
.unique_id_download_button{
	display: block;
    margin: 20px auto 0 auto;
    width: 175px;
}
.disabled-layer{
	background: #CCC!important;
	pointer-events: none;
}
.disabled-layer a{
	background: #CCC;
	border: 1px solid #FFF;
}
/* --------------------------- HEADER ------------------------------*/
.site_title#logo-full img {
	margin: 10px auto 0 auto;
    display: block;
}
.site_title#logo-small img {
	margin: 15px auto 0 5px;
    display: block;
    width: 45px;
    height: auto;
}
.panel_toolbox{
	min-width: 40px;
}

/* --------------------------- LISTS ------------------------------*/
.orderable-field{
	color: #1abb9c;
}
.orderable-field:hover{
	cursor: pointer;
	color: #FFF;
}
.order-list-icon.fa-sort-asc{
  position: relative;
  top: 3px;
}
.order-list-icon.fa-sort-desc{
  position: relative;
  top: -2px;
}

/* --------------------------- FORMS ------------------------------*/
.validation-field-failure{
	border: 2px solid #ce5454!important;
}
.validation-field-failure-select2{
	display: inline-block;
	margin-bottom: 5px;
}
.required{
	color: #ce5454;
}
.input-ineditable{
	display: block;
	margin-top: 8px;
}
[data-tip] {
	position:relative;

}
[data-tip]:before {
	content:'';
	display:none;
	content:'';
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #1a1a1a;	
	position:absolute;
	top:30px;
	left:35px;
	z-index:8;
	font-size:0;
	line-height:0;
	width:0;
	height:0;
}
[data-tip]:after {
	display:none;
	content:attr(data-tip);
	position:absolute;
	top:35px;
	left:0px;
	padding: 0 8px;
	background:#1a1a1a;
	color:#fff;
	z-index:9;
	font-size: 0.75em;
	height:18px;
	line-height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	white-space:nowrap;
	word-wrap:normal;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
	display:block;
}

form[name="item_form"] legend{
	font-size: 13px;
	font-variant: small-caps;
}


.dropzone-container{
	border: 5px solid red;
	width: 300px;
	height: 200px;
}


/*modal*/
@media (min-width: 992px){

	.modal-lg {
	    width: 95% !important;
	}
}


.page-header {
	margin-top: 10px; border: none; margin-bottom: 0px;
}


/*Scroll action crud button in order*/

.scroll_travel {
	display: none; 
	position: fixed;
	top: 0;
	right: 0;
	left: 228px;
	/* width: 100%; */
	text-align: center;
	background: #283d54;
	color: #fff;
	height: 60px;
	padding: 10px;
	z-index: 2;
}
#filters [data-required]{
	border: 1px solid #efa900;
}
.scroll_travel select {
	width: 70px;
	float: right;
}
.scroll_travel .alert {
	position: fixed;
	right: 0;
	top: 63px;
}
.x_title .alert {
	position: relative;
	top: 56px;
	width: 500px;
	right: 0;
}

.modal-content .toggle-group label{
	border: unset;
	height: 35px;
    width: 60px;
}

/*.modal-content.toggle-group.btn-success:hover {
	background: #43ba9a;
}
.modal-content.toggle-group.btn-danger:hover {
	background: #d3514a;
}*/