.button,.tag{
	outline:none;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.button[disabled]{
	opacity:0.3;
	cursor:default !important;
}

.button.a,.tag.a{
	padding: 4px 10px;
	font-size:13px;
	color:#333;
	display:inline-flex;
  	align-items: center;
  	height: 45px;
  	border:1px solid #ccc;
  	background-color: #FFF;
  	text-decoration:none !important;
	flex-wrap: nowrap;
	cursor:pointer;
}

.tag.i{

	width:29px;
}
.tag.a{
	cursor:default;
	display:inline-flex;
	justify-content:center;
}

.button.a span,.tag.a:not(.i) span{
	margin-left:5px;
}

.button.a.danger,.tag.a.danger{
	color: #FFF;
  	background-color: #D9534F;
  	border-color: #D43F3A;

}

.button.a.danger:hover{
	background-color: #C9302C;
  	border-color: #AC2925;
}

.button.a.danger:active{
	background-color: #AC2925;
  	border-color: #761C19;
}

.button.a.success,.tag.a.success{
	color: #FFF;
	background-color: #5CB85C;
  	border-color: #4CAE4C;
}

.button.a.success:hover{
	background-color: #449D44;
  	border-color: #398439;
}

.button.a.success:active{
	background-color: #398439;
  	border-color: #255625;
}

.button.a.success:disabled,.tag.a.success:disabled{
	background-color: #5CB85C;
	border-color: #4CAE4C;
	opacity: 0.65;
	cursor: not-allowed;
}


.button.a.primary,.tag.a.primary{
	color: #FFF;
  	background-color: #337AB7;
  	border-color: #2E6DA4;
}

.button.a.primary:hover{
	background-color: #286090;
  	border-color: #204D74;
}

.button.a.primary:active{
	background-color: #204D74;
  	border-color: #122B40;
}


.button.a.info,.tag.a.info{
	color: #FFF;
  	background-color: #5BC0DE;
  	border-color: #46B8DA;
}

.button.a.info:hover{
	background-color: #31B0D5;
  	border-color: #269ABC;
}

.button.a.info:active{
	background-color: #269ABC;
  	border-color: #1B6D85;
}

.button.a.warning,.tag.a.warning{
	color: #FFF;
  	background-color: #F0AD4E;
  	border-color: #EEA236;
}

.button.a.warning:hover{
  	background-color: #EC971F;
  	border-color: #D58512;
}

.button.a.warning:active{
	background-color: #D58512;
  	border-color: #985F0D;
}

.input,.select,.text{
	display:inline-block;
	padding:10px;
	outline:none;
}

.text{
	min-height:120px;
}

.input.n,.text.n{
	flex-grow: 1;
	width:100%;
}

.input.n:disabled,.text.n:disabled{
	opacity: 0.65;
	cursor: not-allowed;
}

.select.n, .input.n, .text.n{
	border:1px solid rgb(229, 229, 229);
	padding:5px 10px;
	transition:ease-in-out 0.2s all;
	height:29px;
}

.text.n{
	
	resize: none;
}

.select.n:focus, .input.n:focus, .text.n:focus{
	border-color: #999;
}


.button.s{
	padding:5px;
	background:#293443;
	color:#6B7C92;
	font-size:14px;
}


.button.s:hover{
	background:#24303e;
	color:#748090;
}

.select[multiple]{
	width:100%;
	height: auto;
	max-height:150px;
}

.button.a span{
	margin-left:4px;
}

.input[type='file']{
	height:auto !important;
}

.form-date-container select:not(:first-child){
	margin-left:2px;
}
.form-date-container select:not(:last-child){
	margin-right:2px;
}

.form-date-container{
	display:flex;
}
.form-date-container > div:first-child{
	margin-right:10px;
}

.table-data{
	border-spacing: 0;
    border-collapse: collapse;
    width:100%;
}

.table-data td{
	vertical-align:top;
	padding:5px;

    padding: 10px 20px;
    text-align: left;
}
.table-data-row{
	border-top: 1px solid #ddd;
}

.table-data p{
	margin:0;
}

.row-form-public{
	display:flex;
	align-items:center;
	margin:10px 0;
}
.row-form-public > *{
	margin-right:5px;
}

.row-form-field{
	flex-grow:1;
}
.row-form-field > *{
	display:block;
	margin:5px 0;
}

.row-form-field-minimal{
	flex-grow:0; !important;
}

.form-buttons{
	margin:20px 0;
	display:flex;
	
}


[data-datepicker],*[data-datepicker] .input.n{
	max-width:100px;
	min-width:100px;
}

#form_date_time,.form-date-container > div{
	display: flex;
    justify-content: center;
    align-items: center;
    margin-left:5px;
}

#ui-datepicker-div{
	border-radius:0;
}

.ui-widget-header{
	border:none;
	border-radius:0;
	background:#D9534F;
	color:white;
	font-family:verdana;
}

.ui-datepicker-prev,.ui-datepicker-next{
	font-family: FontAwesome;
	font-size:16px;
	color:white !important;
	text-align:center;
	padding-top:3px;
	cursor:pointer;
	width:22px !important;
	height:22px !important;
	margin:1px;
}

.ui-datepicker-next::before{
	content: "\f105";
}

.ui-datepicker-prev::before{
	content: "\f104";
}

.ui-datepicker-prev .ui-icon,.ui-datepicker-next .ui-icon{
	display:none !important;
}

.ui-datepicker-prev:hover,.ui-datepicker-next:hover{
	background:white;
	color:#D9534F !important;
	border:initial;
	color:initial;
	top:2px;
}
.ui-datepicker-prev:hover{

	left:2px;
}

.ui-datepicker-next:hover{
	right:2px;
}