/* DISPLAYS CONFIG */
.display-ib {
  display: inline-block; }

/* */
/* FLOAT CONFIG */
.float-l {
  float: left; }

.float-r {
  float: right; }

.float-n {
  float: none; }

/* */
form {
  background: white;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap; }

/* FORMULARIO COSTE */
#crudForm {
  background: white;
  display: flex;
  flex-direction: inherit;
  width: 100%;
  padding: 20px; }

/*.container-form-group {
    display: block;
    width: 100%;
    padding-top: 20px;
}
*/
.container-form-group {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding-top: 20px;
  flex-wrap: wrap; }
  .container-form-group .form-group {
    display: flex;
    margin-left: 0 !important;
    margin-right: 0 !important; }
  .container-form-group .control-label {
    width: 165px;
    min-width: 165px;
    text-align: center !important; }
  .container-form-group .form-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .container-form-group input[type="text"],
  .container-form-group input[type="password"],
  .container-form-group input[type="email"],
  .container-form-group input[type="number"],
  .container-form-group input[type="time"],
  .container-form-group select {
    padding: 5px !important;
    box-shadow: none !important;
    border: 1.2px solid whitesmoke !important;
    height: 35px !important;
    width: 100% !important;
    background: #f5f5f5 !important;
    -webkit-box-shadow: inset -3px 3px 10px -5px #454545 !important;
    -moz-box-shadow: inset -3px 3px 10px -5px #454545 !important;
    box-shadow: inset -3px 3px 10px -5px #8c8c8c !important;
    /*border-top: 2px solid #bfbfbf !important;
    border-right: 2px solid #bfbfbf !important;
    border-bottom: 2px solid white !important;
    border-left: 2px solid white !important;*/
    border-radius: 5px !important;
    border: 1px solid white !important; }
  .container-form-group textarea {
    padding: 5px !important;
    box-shadow: none !important;
    border: 1.2px solid whitesmoke !important;
    width: 100% !important;
    background: #f5f5f5 !important;
    -webkit-box-shadow: inset -3px 3px 10px -5px #454545 !important;
    -moz-box-shadow: inset -3px 3px 10px -5px #454545 !important;
    box-shadow: inset -3px 3px 10px -5px #8c8c8c !important;
    /*border-top: 2px solid #bfbfbf !important;
    border-right: 2px solid #bfbfbf !important;
    border-bottom: 2px solid white !important;
    border-left: 2px solid white !important;*/
    border-radius: 5px !important;
    border: 1px solid white !important; }
  .container-form-group input[readonly] {
    background-color: white !important;
    box-shadow: unset !important;
    border: solid 1.2px #d4d4d4 !important; }
  .container-form-group .input-group.bank {
    display: flex;
    display: -ms-flex; }
    .container-form-group .input-group.bank input.bank-input1,
    .container-form-group .input-group.bank input.bank-input2,
    .container-form-group .input-group.bank input.bank-input3 {
      border-radius: 5px !important;
      width: 20% !important;
      flex: 1 1;
      margin: 0 2px; }
    .container-form-group .input-group.bank input.bank-input4 {
      border-radius: 5px 0 0 5px !important;
      width: 20% !important;
      flex: 1 1;
      margin-left: 2px; }
    .container-form-group .input-group.bank .input-group-addon {
      border-radius: 0 5px 5px 0 !important;
      max-width: 40px;
      display: flex;
      flex: 1 1;
      justify-content: center;
      align-items: center; }
  .container-form-group .input-group-icon input {
    border-radius: 5px 0 0 5px !important;
    border-right: unset !important; }
  .container-form-group .input-group-icon .input-group-addon {
    color: white;
    border-radius: 0 5px 5px 0 !important;
    border-top: 1px solid white !important;
    border-right: 1px solid white !important;
    border-bottom: 1px solid white !important; }

/* */
form .form-view {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0; }

.form-view:not(.healthcare-form) .form-display-as-box {
  width: 165px !important;
  min-width: 165px; }

.healthcare-form .form-field-box {
  padding: 10px 0; }
.healthcare-form .form-section-title {
  font-size: 1.5em;
  border-bottom: 1px solid black;
  margin: 10px 50px; }

.dataTablesContainer {
  position: relative; }

.ui-toolbar {
  background: whitesmoke;
  color: #6C5B7B;
  padding: 15px 10px !important;
  border: none;
  border-radius: 0; }

/*.actions .ui-button-action {
	background: white !important;
	color: $buttons_color;
	display: flex;
	display: -ms-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	border-radius: unset;
	border: unset;
	padding: 5px 0;

	.ui-icon {
		top: auto;
		display: flex;
		display: -ms-flex;
		margin: auto;
	}
}

.actions .ui-button-action:hover {
	background: #d4d3d3 !important;
}

.actions button.dropdown-toggle{
	border-radius: 0 !important;
}*/
.column-name {
  white-space: nowrap; }

.actions .dropdown-menu {
  right: 0;
  left: unset; }
  .actions .dropdown-menu .dropdown-divider {
    border-bottom: 1px solid #d4d3d3;
    margin: 0 5px; }

.ui-input-button,
.ui-button {
  background: white !important;
  color: white !important;
  background: #808080 !important;
  border: 1.2px solid #808080 !important;
  padding: 10px 10px !important;
  box-shadow: unset !important;
  display: flex;
  display: -ms-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: unset;
  /*.ui-icon-circle-plus:after {
  	content: "\e081";
  	color: white;
  }*/ }
  .ui-input-button .ui-icon,
  .ui-button .ui-icon {
    position: relative !important;
    align-self: center !important;
    left: 0 !important;
    top: 0 !important;
    margin: 0; }
  .ui-input-button .ui-button-text,
  .ui-button .ui-button-text {
    padding: 0 !important; }
  .ui-input-button span,
  .ui-button span {
    color: white !important; }

.ui-input-button:not(.dropdown-item) .glyphicon,
.ui-input-button:not(.dropdown-item) .ui-icon,
.ui-button:not(.dropdown-item) .glyphicon,
.ui-button:not(.dropdown-item) .ui-icon {
  display: none;
  background-image: unset;
  /*		display: flex;
  		justify-content: center;
  		align-items: center;*/
  /*padding-right: 10px;*/
  font-size: 15px;
  top: 0 !important;
  width: 0; }

.ui-button.dropdown-item {
  background-color: white !important;
  border: unset !important; }
  .ui-button.dropdown-item .ui-button-text {
    color: #808080 !important;
    width: 100%; }
  .ui-button.dropdown-item .glyphicon:before {
    color: #7b7b7b; }

.dropdown-menu .ui-button {
  justify-content: space-between; }

button.btn.btn-primary {
  border-radius: 0px !important;
  background-color: #808080 !important;
  border: 1.2px solid #808080 !important;
  box-shadow: unset !important;
  color: white !important; }

button.btn.btn-primary:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent; }

td.actions {
  display: flex;
  display: -ms-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.dataTables_paginate {
  display: flex;
  display: -ms-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }

.dataTables_paginate {
  height: auto; }

.dataTablesContainer tfoot .ui-state-default {
  background: #808080;
  color: white;
  border: none !important;
  width: auto; }
.dataTablesContainer tfoot tr .ui-button {
  background: white !important;
  white-space: nowrap; }
  .dataTablesContainer tfoot tr .ui-button span {
    color: #808080 !important; }
.dataTablesContainer tfoot tr .refresh-data {
  display: none; }
.dataTablesContainer thead th {
  background: white !important;
  color: #808080 !important;
  border: 1.2px solid #808080 !important;
  padding: 10px 5px !important; }
  .dataTablesContainer thead th .DataTables_sort_icon {
    color: white; }
.dataTablesContainer tbody tr.odd {
  background: whitesmoke !important; }

.gc-container table.grocery-crud-table th, .gc-container table.grocery-crud-table td {
  vertical-align: middle;
  font-size: 0.9em; }

th,
td {
  text-align: center !important; }

.gc-container .clear-search {
  position: relative; }

.gc-container .form-container.table-container {
  padding: 0; }

select,
input[type="text"],
input[type="password"],
input[type="email"] {
  padding: 5px !important;
  box-shadow: none !important;
  border-radius: unset !important; }

input {
  -webkit-box-shadow: inset -3px 3px 10px -5px #454545 !important;
  -moz-box-shadow: inset -3px 3px 10px -5px #454545 !important;
  box-shadow: inset -3px 3px 10px -5px #8c8c8c !important;
  /*border-top: 2px solid #bfbfbf !important;*/
  /*border-right: 2px solid #bfbfbf !important;*/
  /*border-bottom: 2px solid white !important;*/
  /*border-left: 2px solid white !important;*/
  border: 1px solid #808080;
  border-radius: 5px !important; }

.grocerycrud-container,
.ui-widget-content {
  background: white;
  border: none !important;
  border-radius: 0;
  /* -webkit-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 9px -3px rgba(0,0,0,0.75); */ }

.ui-widget-content .ui-accordion-header {
  background: #85BB40;
  padding: 10px !important;
  border: none !important; }
  .ui-widget-content .ui-accordion-header .form-title-left {
    padding: 0; }
    .ui-widget-content .ui-accordion-header .form-title-left a {
      color: white !important; }

.grocerycrud-container {
  padding: 15px 10px; }

.form-field-box.even,
.form-field-box.odd {
  background: white;
  display: flex;
  padding-right: 20px;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center; }

.form-input-box {
  width: 100%; }

/*.form-content {
	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="time"],
	select {
		padding: 5px !important;
		box-shadow: none !important;
		border: 1.2px solid whitesmoke !important;
		height: 35px !important;
		width: 100% !important;
		background: #f5f5f5 !important;
		-webkit-box-shadow: inset -3px 3px 10px -5px #454545 !important;
		-moz-box-shadow: inset -3px 3px 10px -5px #454545 !important;
		box-shadow: inset -3px 3px 10px -5px #8c8c8c !important;
		border-radius: 5px !important;
		border: 1px solid white !important;
	}
	textarea {
		padding: 5px !important;
		box-shadow: none !important;
		border: 1.2px solid whitesmoke !important;
		width: 100% !important;
		background: #f5f5f5 !important;
		-webkit-box-shadow: inset -3px 3px 10px -5px #454545 !important;
		-moz-box-shadow: inset -3px 3px 10px -5px #454545 !important;
		box-shadow: inset -3px 3px 10px -5px #8c8c8c !important;
		border-radius: 5px !important;
		border: 1px solid white !important;
	}

	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	input[type="number"]:focus,
	input[type="time"]:focus,
	select:focus,
	textarea:focus,
	input[type="text"]:hover,
	input[type="password"]:hover,
	input[type="email"]:hover,
	input[type="number"]:hover,
	input[type="time"]:hover,
	select:hover,
	textarea:hover {
		background-color: #e4f3ff !important;
	}

	.input-group {
		input {
			border-radius: 5px 0 0 5px !important;
			border-right: unset !important;
		}

		

		.input-group-addon {
			color: white;
			border-radius: 0 5px 5px 0 !important;
			border-top: 1px solid white !important;
			border-right: 1px solid white !important;
			border-bottom: 1px solid white !important;
		}
	}

	

	.input-group.bank {
		display: flex;
		display: -ms-flex;

		input.bank-input1,
		input.bank-input2,
		input.bank-input3 {
			border-radius: 5px !important;
			width: 20% !important;
			flex: 1 1;
			margin: 0 2px;
		}

		input.bank-input4 {
			width: 20% !important;
			flex: 1 1;
			margin-left: 2px;
		}

		.input-group-addon {
			    max-width: 40px;
				display: flex;
				flex: 1 1;
				justify-content: center;
				align-items: center;
		}
	}

}*/
.chosen-container {
  display: flex;
  flex: 1 1;
  width: 100% !important; }
  .chosen-container .chosen-single {
    border-radius: unset !important;
    background: transparent !important;
    border: 1px solid #808080 !important;
    box-shadow: unset !important;
    height: 100%;
    width: 100%; }
    .chosen-container .chosen-single div b {
      font-family: 'Glyphicons Halflings';
      background-image: unset;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 10px;
      font-size: 18px; }
    .chosen-container .chosen-single div b:before {
      content: "\e259";
      color: #808080; }
    .chosen-container .chosen-single .search-choice-close {
      font-family: 'Glyphicons Halflings';
      background-image: unset;
      display: flex;
      justify-content: center;
      align-items: center;
      padding-right: 10px;
      font-size: 18px;
      height: 100%;
      top: 0 !important; }
    .chosen-container .chosen-single .search-choice-close:before {
      content: "\e014";
      color: #808080; }
    .chosen-container .chosen-single span {
      color: #808080 !important;
      padding: 5px; }
  .chosen-container .chosen-drop {
    border-left: 1px solid #808080 !important;
    border-right: 1px solid #808080 !important;
    border-bottom: 1px solid #808080 !important;
    border-radius: unset; }
  .chosen-container .chosen-results li.highlighted {
    background: #808080 !important;
    background-image: unset !important; }

.chosen-container.chosen-with-drop div b:before {
  content: "\e260";
  color: #808080; }

.fileinput-button {
  border-radius: unset;
  background: transparent !important;
  border: 1px solid #808080 !important; }
  .fileinput-button span {
    color: #808080 !important; }

.buttons-box {
  display: flex;
  justify-content: center; }

.datepicker-input {
  width: 100% !important; }

.input-group .input-group-addon {
  border-radius: unset;
  background: #808080;
  border: unset; }
  .input-group .input-group-addon .glyphicon:before {
    color: white; }

/***********************/
/* RADIO BUTTON DESIGN */
/***********************/
.pretty-radio-buttons {
  display: flex;
  align-items: center; }
  .pretty-radio-buttons .radio {
    margin: 0; }

.radio-button-wrap {
  display: flex;
  flex-direction: row; }

input.styled-radio[type="radio"] {
  position: absolute;
  opacity: 0; }

input.styled-radio[type="radio"] + label {
  width: auto;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  margin: 0 !important;
  padding: 0 !important; }

input.styled-radio[type="radio"] + label:before {
  content: '';
  position: relative;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  border: 1px solid #b8b8b8;
  border-radius: 100%;
  background: #fff; }

input.styled-radio[type="radio"] + label:after {
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  left: 3px;
  top: 3px;
  background: #808080;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

input.styled-radio[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

input.styled-radio[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.report-div.error {
  background: transparent;
  border-radius: 10px;
  color: white;
  width: 100%; }
  .report-div.error p {
    position: relative;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    background-image: unset;
    align-items: center;
    display: flex;
    background: #b7433dde;
    padding: 15px;
    border-radius: 10px; }
    .report-div.error p a {
      color: white;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-left: 10px;
      padding: 5px;
      border: 1px solid white;
      border-radius: 5px; }
  .report-div.error p:before {
    content: "\e088";
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    margin-right: 10px; }
  .report-div.error p span.glyphicon {
    position: absolute;
    font-size: 18px;
    top: 50%;
    left: 100%;
    transform: translateY(-50%) translateX(-100%);
    padding-right: 15px;
    color: white; }

.report-div.success {
  background: transparent;
  border-radius: 10px;
  color: white;
  width: 100%; }
  .report-div.success p {
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    background-image: unset;
    display: flex;
    background: #0c8a12;
    padding: 15px;
    border-radius: 10px; }
    .report-div.success p a {
      color: white;
      text-decoration: none;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 10px;
      padding: 5px;
      border: 1px solid white;
      border-radius: 5px; }
  .report-div.success p:before {
    content: "\e089";
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    margin-right: 10px; }

.read-view .readonly_label {
  padding: 7px;
  border: 1px solid #808080;
  text-align: center;
  background: #dadada;
  color: #3e3e3e; }

div[class*="col-"][class~="input-group"] {
  /*min-width: 400px;*/
  flex-grow: 1; }

.col-5 {
  width: 5%; }

.col-10 {
  width: 10%; }

.col-15 {
  width: 15%; }

.col-20 {
  width: 20%; }

.col-25 {
  width: 25%; }

.col-30 {
  width: 30%; }

.col-35 {
  width: 35%; }

.col-40 {
  width: 40%; }

.col-45 {
  width: 45%; }

.col-50 {
  width: 50%; }

.col-55 {
  width: 55%; }

.col-60 {
  width: 60%; }

.col-65 {
  width: 65%; }

.col-70 {
  width: 70%; }

.col-75 {
  width: 75%; }

.col-80 {
  width: 80%; }

.col-85 {
  width: 85%; }

.col-90 {
  width: 90%; }

.col-95 {
  width: 95%; }

.col-100 {
  width: 100%; }

/* MARGIN CONFIG */
.mr-20 {
  margin-right: 20px; }

/* PADDING CONFIG */
.p-0 {
  padding: 0 !important; }

.pr-10 {
  padding-right: 10px;
  vertical-align: middle; }

.pt-10 {
  padding-top: 10px; }

.pt-20 {
  padding-top: 20px; }

/* text-align */
.text-right {
  text-align: right; }

/* Created for health form */
.buttons-box {
  padding-bottom: 20px; }

div.form-button-box {
  float: left;
  margin-top: 11px;
  margin-left: 10px; }

.dataTables_paginate span {
  display: flex;
  display: -ms-flex;
  flex-direction: row; }
.dataTables_paginate a {
  border: 1px solid white !important; }

.tgl {
  display: none; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
    box-sizing: border-box; }
    .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
      background: none; }
  .tgl + .tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none; }
    .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
      position: relative;
      display: block;
      content: "";
      width: 50%;
      height: 100%; }
    .tgl + .tgl-btn:after {
      left: 0; }
    .tgl + .tgl-btn:before {
      display: none; }
  .tgl:checked + .tgl-btn:after {
    left: 50%; }

.tgl-light + .tgl-btn {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 2em;
  padding: 2px;
  transition: all .4s ease; }
  .tgl-light + .tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease; }
.tgl-light:checked + .tgl-btn {
  background: #5FB404; }

/*******************/
/* CHECKBOX DESIGN */
/*******************/
input.styled-checkbox[type="checkbox"] {
  position: absolute;
  opacity: 0; }

input.styled-checkbox[type="checkbox"] ~ label {
  width: auto;
  height: 100%;
  align-content: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 !important; }

input.styled-checkbox[type="checkbox"] ~ label:before {
  width: 20px;
  height: 20px;
  content: '';
  display: inline-block;
  vertical-align: text-top;
  background: white;
  border: 1px solid #b8b8b8;
  align-self: center; }

/* focus */
input.styled-checkbox[type="checkbox"]:focus ~ label:before {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }

/* checked */
input.styled-checkbox[type="checkbox"]:checked ~ label:before {
  background: #2a4a64; }

input.styled-checkbox[type="checkbox"]:checked ~ label:after {
  content: '';
  position: absolute;
  left: 50%;
  /*5px;*/
  top: 50%;
  /*9px;*/
  background: white;
  width: 3px;
  height: 3px;
  box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
  transform: translate(-5px, -1.5px) rotate(45deg); }

/* disabled */
input.styled-checkbox[type="checkbox"]:disabled ~ label {
  color: #2a4a64;
  cursor: auto; }

input.styled-checkbox[type="checkbox"]:disabled ~ label:before {
  box-shadow: none;
  background: #ddd; }

input:checked.styled-checkbox[type="checkbox"]:disabled ~ label {
  color: #2a4a64;
  cursor: auto; }

input:checked.styled-checkbox[type="checkbox"]:disabled ~ label:before {
  box-shadow: none;
  background: #ddd; }

.global-export {
  display: flex;
  flex: 1 1 100%; }
  .global-export input {
    flex: 0 0 50%;
    height: 38px; }
  .global-export button {
    font-size: 0.85em; }

#datepicker {
  display: inline-block; }

#range-dates .input-group-addon {
  color: white; }

/*# sourceMappingURL=crud.css.map */