@font-face {
    font-family: 'Dosis-Bold';
    src: url('../fonts/Dosis-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Dosis-Regular';
    src: url('../fonts/Dosis-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Dosis-Light';
    src: url('../fonts/Dosis-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
	height: 100%;
	margin:0px;
	padding:0px;
	font-family:  "Dosis-Regular" !important;

}

body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: "Dosis-Regular" !important;
}

h1{
	margin-top: 0px;
	font-size:90px;
	float:left;
	margin-bottom:0px;
	font-weight:normal;
}

h1 a{
	text-decoration:none;
	color:#666633;
}

h3{
	font-size:30px;
	margin-bottom:50px;
	color:#000000;
}

/* NOTIFICACIONS */

.notificacions_ok{
	border: 2px solid #5cb85c;
	color: #626166;
	margin-top: 40px;
	padding: 8px 10px;
}

.notificacions_ko{
	border: 2px solid #d9534f ;
	color:#626166;
	margin-top:40px;
	padding:8px 10px;
}


/* HEADER */

#fons_header_admin{
	height:135px;
	background-color:#FFFFFF;
	width:100%;

	margin:0 auto;

	-moz-box-shadow: 0 1px 5px #ccc;
	-webkit-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #ccc;
	z-index:50;
}

#fons_header_admin img{
	padding-top:20px;
	width:170px;
}

#header_admin{
	height:145px;
	width:1000px;
	margin:0 auto;
	z-index:100;
	color:#000000;
}

#header_admin a{
	color:#635e48;
}

#header_admin #login{
	float:right;
	margin-top:25px;
}

#header_admin #login .error_login{
	color:#B60000;
}

#header_admin #login input[type=password],
#header_admin #login input[type=text]{
	border:1px solid #8E8E8E;
	padding:5px;
	margin-bottom:5px;
	margin-left:5px;
	width:130px;

	border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius: 3px;
}

#header_admin #login input[type=submit]{
	display:block;
	border:none;
	text-align:center;
	text-decoration:none;
	background-color:#626166;
	width:100px;
	color:#FFF;
	padding:4px 10px;
	cursor:pointer;
	margin-left:6px;
	border-radius:3px;
	font-size:14px;
}

#header_admin #login input[type=submit]:hover{
	background-color:#ff8162;
	color:#000000;
}

#header_admin .boto{
	display:block;
	float:right;
	text-align:center;
	text-decoration:none;
	background-color:#626166;
	width:100px;
	color:#FFF;
	padding:4px 10px;
	cursor:pointer;
	font-size:14px;
	border-radius:3px;
}

#header_admin .boto:hover{
	background-color:#ff8162;
	color:#000000;
}


/* CONTINGUT */

#wrapper{
	margin:0 auto;
	width:100%;
	position:relative;
	float:left;
	margin-bottom:50px;
}

#wrapper #contingut{
	width:1050px;
	margin:0 auto 100px;
	color:#4c5a6d;
	font-size:12px;
}

/* MENÚ */

.menu{
	padding:0px;
}

.menu li{
	list-style:none;
	display:inline;
	position:relative;
	margin-right:20px;
}

.menu li a{
	text-decoration:none;
	font-size:16px;
	color:#000000;
}

.menu li:hover a{
	padding-bottom:3px;
	border-bottom:3px solid #52A3AF;
	color:#52A3AF;
}

.selected{
	padding-bottom:3px;
	border-bottom:3px solid #52A3AF;
	color:#52A3AF !important;
}


.menu_admin{
	margin-top:50px;
	margin-bottom:50px;
}



/********* LACTAPP *****************/



#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; float:left;}
#sortable li { margin: 0 3px 3px 3px;font-size: 14px; float:left; width:100%; }
#sortable li span { position: absolute; }

#sortable li .content{
	padding: 10px 10px;
	height:19px;
}

.sortable_header .content{
	padding: 10px 10px;
	height:19px;
}

.ul_header{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-bottom: 10px;
}

.ul_header .sortable_header{
	color:#000000;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #c5c5c5;
	list-style: none;
	float: left;
	width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border:0px !important;
    border-bottom: 1px solid #c5c5c5 !important;
    background: #ffffff;
    font-weight: normal;
    color: #454545;

}

#div_question_select select{
	margin-bottom:15px;
}

.ui-sortable-handle{
	cursor:pointer !important;
}

#sortable .info_bloc_id, .sortable_header .info_bloc_id{
	float:left;
	margin-right: 20px;
	width:50px;
}

#sortable .info_bloc_orden, .sortable_header .info_bloc_orden{
	float:left;
	margin-right:20px;
	width:50px;
}

#sortable .info_bloc_codigo, .sortable_header .info_bloc_codigo{
	float:left;
	margin-right:20px;
	width:150px;
}

#sortable .info_bloc_dates p, .sortable_header .info_bloc_dates p{
	margin:0px;
}

#sortable .info_bloc_email, .sortable_header .info_bloc_email{
	float:left;
	margin-right:20px;
	width:250px;
}

#sortable .info_bloc_name, .sortable_header .info_bloc_name{
	float:left;
	margin-right:20px;
	width:270px;
}

#sortable .info_bloc_status, .sortable_header .info_bloc_status{
	float:left;
	margin-right:20px;
	width:150px;
}

#sortable .info_bloc_url, .sortable_header .info_bloc_url{
	float:left;
	margin-right:20px;
	width:150px;
}

#sortable .info_bloc_version, .sortable_header .info_bloc_version{
	float:left;
	margin-right:20px;
	width:100px;
}

#sortable .info_bloc_data, .sortable_header .info_bloc_data{
	float:left;
	margin-right:20px;
	width:80px;
}

#sortable .info_bloc_dates, .sortable_header .info_bloc_dates{
	float:left;
	margin-right:20px;
	width:300px;
}

#sortable .info_bloc_title, .sortable_header .info_bloc_title{
	float:left;
	margin-right:20px;
	width:380px;
}

#sortable .btn_group, .sortable_header .btn_group{
	float:right;
}

.status_off{
	width:100px;
	text-align:center;
	border-color:#777777;
	background-color:#777777;
	color:#ffffff;
	font-weight:bold;
	padding: 4px 0px;
	border-radius: 3px;
}

.status_on{
	width:100px;
	text-align:center;
	border-color:#5cb85c ;
	background-color:#5cb85c ;
	color:#ffffff;
	font-weight:bold;
	padding: 4px 0px;
	border-radius: 3px;
}

.btn_add_new{
	float:right;
	border-radius:4px;

}

.btn_export_csv{
    float:left;
	border-radius:4px;
	margin-left:10px;
	padding:7px 10px 8px 10px !important;
	cursor:pointer;
}

.btn_buscar_paraula, .btn_filter_baby, .btn_filter_mother, .btn_filter_medical, .btn_new, .btn_save_and_edit {
	float:right;
	border-radius:4px;
	margin-left:10px;
	padding:7px 10px 8px 10px !important;
	cursor:pointer;
}

.btn_group a:first-child{
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.btn_group a:last-child{
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.btn_group .btn_verd {
    color: #ffffff !important;;
    border: 1px solid transparent;
    background-color: #5cb85c;
    border-color: #5cb85c;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_group .btn_groc {
    color: #ffffff !important;;
    border: 1px solid transparent;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_group .btn_vermell {
    color: #ffffff !important;;
    border: 1px solid transparent;
    background-color: #d9534f;
    border-color: #d9534f;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_group .btn_blau_cel {
    color: #ffffff !important;;
    border: 1px solid transparent;
    background-color: #46b8da;
    border-color: #46b8da;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_blau{
	color: #ffffff !important;;
    border: 1px solid transparent;
    background-color: #2e6da4;
    border-color: #2e6da4;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_blau:hover{
	color: #2e6da4 !important;;
    background-color: #ffffff;
}

#add_sec{
	width:150px;
	border-radius:3px;
	text-align: center;
	cursor:pointer;
}

.btn_filter{
	color: #f76e8d !important;
    border: 1px solid transparent;
    background-color: #ffffff;
    border-color: #f76e8d;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_filter:hover{
	transform: scale(1.1);
}

.btn_new{
	color: #ffffff !important;
    border: 1px solid transparent;
    background-color: #52A3AF;
    border-color: #52A3AF;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_save_and_edit{
	  color: #ffffff !important;
    border: 1px solid transparent;
    background-color: #5cb85c;
    border-color: #5cb85c;
    padding: 5px 0px !important;
    margin: 0px;
    font-size:14px;
    text-decoration:none;
}

.btn_new:hover, .btn_save_and_edit:hover{
	transform: scale(1.1);
}

.btn_filter_selected{
	color: #ffffff !important;
    border: 1px solid transparent;
    background-color: #f76e8d;
    border-color: #f76e8d;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_filter_selected:hover{
	transform: scale(1.1);
}

.btn_blau_2{
	color: #2e6da4 !important;;
    border: 1px solid transparent;
    background-color: #ffffff;
    border-color: #2e6da4;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_blau_2:hover{
	color: #ffffff !important;
    background-color: #2e6da4;
}

.btn_red{
	color: red !important;
    border: 1px solid red;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_gris{
	color: #4f4f4f !important;;
    border: 1px solid #4f4f4f;
    padding: 4px 10px;
    font-size:14px;
    text-decoration:none;
}

.btn_gris:hover{
	color: #ffffff !important;;
    background-color: #4f4f4f;
}

.btn_volver{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	position: relative;
	top: -0.5px;
}

.form_btns_div{
	float:left;
	margin-top:40px;
	margin-bottom:25px;
}

.btn_group .btn_verd:hover {
    color: #5cb85c !important;;
    background-color: #ffffff;
}

.btn_group .btn_groc:hover {
    color: #f0ad4e !important;;
    background-color: #ffffff;
}

.btn_group .btn_vermell:hover {
    color: #d9534f !important;;
    background-color: #ffffff;
}


.btn_group .btn_blau_cel:hover {
    color: #46b8da !important;;
    background-color: #ffffff;
}

.form-popup {
    width: 80%;
    display: none;
    position: fixed;
    background: white;
    padding: 20px;
    bottom: 0px;
    right: 10%;
    border: 3px solid #f1f1f1;
    z-index: 9;
}

.form-popup-l2 {
    width: 70% !important;
}

.form_add_edit .col_1_1_title{
	width:100%;
	margin-bottom:5px;
	float:left;
}

.form_add_edit .col_1_1{
	width:100%;
	margin-bottom:25px;
	float:left;
}

.form_add_edit .col_1_4{
	width:25%;
	float:left;
}

.form_add_edit .col_3_4{
	width:75%;
	float:left;
}

.pb{
  margin-bottom:25px;
}

.col_9_10_pb{
	width:90%;
	float:left;
  margin-bottom:25px;
}

.col_3_4_pb{
	width:75%;
	float:left;
  margin-bottom:25px;
}

.col_1_2{
	width:50%;
	float:left;
}

.col_offset_1_4{
  margin-left: 25%;
}

.pt-3{
  padding-top: 3%;
}

.checkbox {
    font-size: 16px;
    color: #000;
}

.form_add_edit .form_input_text{
	width: 100%;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-family: "Dosis-Regular" !important;
	font-size:16px;
}

.form_add_edit .form_select{
	width: 100% !important;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	font-family: "Dosis-Regular" !important;
	font-size:16px;
}

.form_add_edit .form_select_petit{
	width: 100px;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.form_add_edit .type_number{
	width: 50px;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}

.edad_title{
	font-weight:bold;
	font-size:14px;
	width:60px;
	display:inline-block;
}

.form_add_edit .second_select{
	margin-top:20px;
}

.form_add_edit .form_input_textarea{
	width: 100%;
	padding: 7px 10px;
	border: 1px solid #cccccc;
	border-radius: 3px;
	height:200px;
	font-family: "Dosis-Regular" !important;
	font-size:16px;
}


.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(17px);
  -ms-transform: translateX(17px);
  transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.titol_form{
	font-size:14px;
}

.center_label{
  padding-top:1%;
}

.center_label{
  padding-top:1%;
}

.align_right{
  float: right;
  padding-right: 10%;
}

.form_btn{
	background-color: #5cb85c;
	border: 1px solid #5cb85c;
	padding: 4px 10px;
	color:#ffffff;
	cursor:pointer;
	font-size: 14px;
	text-decoration: none;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	line-height:17px;
}

.form_btn:hover{
    transform: scale(1.1);
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	font-size:14px;
}

.panel-raffle{
	border-color: #60ee63;
}

.panel-raffle .panel-heading {
    color:#0e8711;
    background-color:#bff9c0;
    border-color: #60ee63;
}


.panel-user{
	border-color: #faebcc;
}

.panel-user .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-baby{
	border-color: #d6e9c6;
}

.panel-baby .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
}

.panel-body {
    padding: 15px;
}

.label-taronja {
    background-color: #f0ad4e;
}

.label-verd {
    background-color: #5cb85c;
}



.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-item p{
	margin:0px;
}



/* pagination */

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination ul{
	padding-left:0px;
}

.pagination .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 2px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    color: #333 !important;
    border: 1px solid transparent;
    border-radius: 2px;
}

.controls_table{
	width:100%;
	float:left;
	margin-bottom: 30px;
}

.num_visualitza{
	float:left;
	width:250px;
	font-size:14px;
}

#numRowPerPage{
	margin:0px 10px;
	width: 75px;
	height: 34px;
	padding: 0px 12px;
	font-size: 14px;
	color: #555;
	background-color: #fff;
    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);

}

.input_search {
    display: block;
    width: 200px;
    float:right;
    padding: 6px 12px;
    font-size: 14px;
    color: #555;
    background-color: #fff;
    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);

}

.panel-baby .feeding_table {
    width: 97%;
    margin: 0 auto;
    margin-bottom: 20px;
    color:
}


.feeding_table {
    border-collapse: collapse;
    width: 100%;
    border:1px solid #134b7e;
}

.feeding_table th, .feeding_table td {
    text-align: left;
    padding: 8px;
    font-size:12px;
}

.feeding_table tr:nth-child(even){background-color: #f8f8f8;}

.feeding_table th {
    background-color: #8ec0ee;
    color: #134b7e;
    border-bottom:1px solid #134b7e;
}

.section_content{
  background-color: #d6d6d6;
  border-radius: 15px;
  font-size: 14px;
  text-align: justify;
  text-justify: inter-word;
}
.section_content_contrast{
  background-color: #f5f5f5;
  border-radius: 15px;
  font-size: 14px;
  text-align: justify;
  text-justify: inter-word;
}
.section_title{
  font-family:  "Dosis-Bold";
  font-size:16px;
  color: black;
  text-transform: uppercase;
}

.section_label{
  font-family:  "Dosis-Bold";
  font-size:14px;
  color: black;
  text-transform: uppercase;
}

#image_preview, .image_preview{
	width:100%;
}