/*
	Estilos epeciales para el proyecto : MC Arquitectos
	Elaborado por: Natsumi Franco
	Fecha: Diciembre 2015
	Edición: Diciembre 2015
	
		A) General
			A1) Buscador especial
			A2) Checkbox especial
		B) Catalogo de precios
		C) Usarios
		D) Hologramas
			D1) Hologramas por rango
			D2) Asignación de hologramas
			D3) Lista
		E) Estaciones
			E1) Resumen gral.
		F) Verificaciones
			F1) Verificación visuales
			F2) verificación metrologica
			F3) verificación final
			F4) Verificaciones lista
			F5) Verificación manage final
		G) Catalogos 
			G1) Estados
			G2) Municipios
		H)	
			
		I) Clientes	
		
		J) Equipos
		
		K) Productos
		
		L) Reportes	
*/

/* A) G E N E R A L  */

.transition {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;
	}
	
.padding_center {
		margin: 30px auto 0px;
		display: block;
		width: 90%;
	}

.pop_ups {
		background-color: rgba(242,242,242,.95);
		padding-bottom: 20px;
		position: relative;
		margin: 20px auto;
		text-align: left;
		max-width: 90%;
		display: block;
		width: 100%; 
	}
	#title_popups {
			font-family: 'eausans_bold';
			background-color: #CE8729;
			box-sizing: border-box;
			padding-left: 20px;
			line-height: 2.6;
			text-align: left;
			font-size: 1.3em;
			display: block;
			height: 50px;
			color: #fff;
			width: 100%;
		}
	
	#curtain_special {
			margin: 20px auto;
			display: block;
			width: 95%;
		}
	
.align_center { text-align: center !important; }
.align_left { text-align: left !important; }

.inline-block { display: inline-block; }
.vertical-middle { vertical-align: middle; }

.title_list { color: #a5a5a5; }

.border-right { border-right: 1px solid #ddd; }
.no-padding { padding: 0px; }

.title_list {
		margin-bottom: 20px;
		color: #b18600;
	}

.display_block { display: block; }

.spacing_0 { letter-spacing: 0px; }
.spacing_5 { letter-spacing: -5px; }

/* A1) Buscador */
#sarch_content {
		position: relative;
		text-align: right;
		margin: 0px auto;
		width: 80%;
	}		
	#sarch_content .input_section { margin-right: 10px; }
	#sarch_content label { font-size: .8em !important; text-align: left; }
	#btn_sarch {
			background-image: url(../../_themes/_img/search.svg);
			background-repeat: no-repeat;
			background-position: center;
			background-color: #f1af57;
			background-size: cover;
			display: inline-block;
			border-radius: 10px;
			position: absolute;
			margin-top: 6px;
			cursor: pointer;
			border: none;
			height: 40px;
			bottom: 20px;
			width: 40px;
			right: 0px;
		}

/* A2) Chekbox especial */
.checkBosContainer {
		text-align: center;
		margin: 0px auto;
    	display: block;
		width: 90%;
	}
	.checkBosConta inerinput[type="checkbox"] {
			position: absolute;
			opacity: 0;
			z-index: -1;
		}
	.checkBosContainer label.label_checkbox {
			  position: relative;
			  display: inline-block;
			  margin-right: 10px;
			  margin-bottom: 10px;
			  padding-left: 30px;
			  padding-right: 10px;
			  line-height: 40px;
			  cursor: pointer;
			  z-index: 0 !important;
		}
	.checkBosContainer label.label_checkbox::before {
			  content: " ";
			  position: absolute;
			  top: 6px;
			  left: 0;
			  display: block;
			  width: 24px;
			  height: 24px;
			  border: 2px solid #CE8729;
			  border-radius: 4px;
			  z-index: -1;
		}

	.checkBosContainer input[type="checkbox"] + label.label_checkbox { color: #CE8729; }
	.checkBosContainer input[type="checkbox"][value="1"] + label.label_checkbox{ padding-left: 10px; color: #FFF; }

	.checkBosContainer input[type="checkbox"][value="1"] + label.label_checkbox::before {
			  top: 0;
			  width: 100%;
			  height: 88%;
			  background: #CE8729;
		}
			/* Transition */
	.checkBosContainer label.label_checkbox,
	.checkBosContainer label.label_checkbox::before {
			  -webkit-transition: .25s all ease;
			  -o-transition: .25s all ease;
			  transition: .25s all ease;
		}


/* C) Usuarios */

.user_list {
		display: inline-block;
		padding-bottom: 35px;
		vertical-align: top;
		position: relative;
		margin-left: 20px;
		margin-top: 50px;
		width: 40%;
	}
	
	.user_photo {
			background-repeat: no-repeat;
			background-position: center;
			background-color: #ce8729;
			background-size: cover;
			border-radius: 50px;
			margin-right: 20px;
			position: relative;
			height: 100px;
			float: right;
			width: 100px;
		}
		
	.user_list h3 {
			font-family: 'eausans_bold';
			background-color: #fff;
			margin-bottom: 10px;
			padding: 10px 20px;
			text-align: left;
			color: #635C5C;
			width: 70%;
		}
	
	.user_list p {
			font-family: 'eausans_book';
			background-color: #fff;
			padding: 10px 20px;
			text-align: left;
			margin-top: 0px;
			color: #635C5C;
			width: 70%;
		}
	
		.phone_list {
				color: #5889c7;
				font-size: .8em;
			}
		
		.subrrayado {
				border-top: 1px #ce8729 solid;
				position: absolute;
				margin-left: 20px;
				width: inherit;
				bottom: 35px;
				left: 0px;
			}

#only_stations { display: none; }

/* D) Hologramas */

.btn_report_gral {
		background: #2ecc71; 
		padding: 15px 30px;
		margin: 10px auto;
		cursor: pointer;
		color: #FFFFFF; 
		display: block;
		width: 250px;
	}

.csv_base_budget {
		border: rgba(206, 135, 41, 0.38) 1px solid;
		box-sizing: border-box;
		margin: 20px 0px;
		display: block;
		padding: 20px;
	}
	.csv_base_budget ul {
			text-align: left;
			margin: 0px auto;
			padding: 0px;
			width: 90%;	
		}
		.csv_base_budget ul li {
				list-style-type: square !important;
				color: rgba(206, 135, 41, 0.73); 
				list-style: initial;
			} 
		.csv_base_budget ul li span { color: #756d6d; }
	
	/* D1) Hologramas por rango */
	.hologram_rank_container {	
			margin: 0px auro !important;
			display: block !important;	
		}
	
	#generateFolios, #distintivos_consult, #generatePrecintos, #precintos_consult {
			background: #59d68e;
			text-align: center;
			padding: 15px 0px;
			margin: 20px auto;
			cursor: pointer;
			display: block;
			color: #fff;
			width: 200px;
		}

	#messageError { color: #fb7c7c; }
	
	/* D2) Asignación de hologramas */
	#search_container {
			margin: 20px auto;
			text-align: right;
			display: block;
		}
		#search_container label { text-align: left; }
		
		#search_btn {
				background-color: #2ecc71;
				display: inline-block;
				border-radius: 50px;
				padding: 10px 13px;
				text-align: center;
				margin-top: 49px;
				margin-left: 6px;
				cursor: pointer;
				color: #FFFFFF;
			}
		#return_btn {
				background-color: #2ecc71;
				display: inline-block;
				border-radius: 50px;
				padding: 10px 13px;
				text-align: center;
				margin-top: 49px;
				margin-left: 6px;
				cursor: pointer;
				color: #FFFFFF;
			}
		#csv_maker_btn {
			background-color: #2ecc71;
			display: inline-block;
			border-radius: 50px;
			padding: 10px 13px;
			text-align: center;
			margin-top: 49px;
			margin-left: 6px;
			cursor: pointer;
			color: #FFFFFF;
			font-weight: bolder;
		}
		#csv_maker_holograms {
			background-color: #2ecc71;
			display: inline-block;
			border-radius: 50px;
			padding: 10px 13px;
			text-align: center;
			margin-top: 49px;
			margin-left: 6px;
			cursor: pointer;
			color: #FFFFFF;
			font-weight: bolder;
		}
	
	.hologram_container {
			margin: 10px 20px 10px 0px;
			display: inline-block;
			width: 45%;
		}
		.hologram_container .sudi_table_row { border-radius: 10px; }
			.hologram_border_radius { border-radius: 10px 10px 0px 0px !important; }
		
		.hologram_container .hologram_icon {
				vertical-align: middle;
				display: inline-block;	
				border-radius: 50px;
				text-align: center;
				color: #ffffff;
				padding: 10px;
				width: 20px;
			}
			.hologram_container:nth-child(1n) .hologram_icon { background-color: #ce8729; }
			.hologram_container:nth-child(2n) .hologram_icon { background-color: #2ecc71; }
			.hologram_container:nth-child(3n) .hologram_icon { background-color: #848484; }
		
		.hologram_container .hologram_name {
				vertical-align: middle;
				display: inline-block;
				margin-left: 30px;	
				color: #757171;
				width: 70%;
			}
		
		.hologram_container .hologram_options {
				vertical-align: middle;
				display: inline-block;
				margin: 10px 20px;
				font-size: 1.2em;
				cursor: pointer;
				color: #757171;
				float: right;
			}
			
		.hologram_totals {
				display: inline-block;
				vertical-align: top;
				margin-left: 0px;
				margin-top: 10px;
				color: #ce8729;
				width: 20%;
			}
		
	/* D3) Lista */
	.holo_used { background: rgb(83, 140, 173) !important; }
		.holo_used p { color: #FFFFFF !important; }
	
	.holo_available{ background: #4eaf5e !important; }
		.holo_available p { color: #FFFFFF !important; }
	
	.holo_asigned { background: #ce8729 !important; }
		.holo_asigned p { color: #FFFFFF !important; }
		
	.holo_damaged { background: rgb(0, 0, 0) !important; }
		.holo_damaged p { color: #FFFFFF !important; }
	
	.holo_high_flow { background: rgb(175, 107, 163) !important; }
		.holo_high_flow p { color: #FFFFFF !important; }

	.holo_lost { background: rgb(243 59 63) !important; }
		.holo_lost p { color: #FFFFFF !important; }
		
	.viewholo{
			width: 15px;
			height: 15px;
			display: inline-block;
			margin-right: 10px;
		}
	 
	.holo_count {
			font-size: .8em;
			color: #6A6262;
		}
	
	.hologram_content {
			justify-content:flex-start;
			margin: 20px auto;
			flex-wrap: wrap;
			display: flex;
			padding: 0px;
			width: 100%
		}
		.hologram_square {
				box-sizing: border-box;
				padding: 10px 20px;
				border-radius: 5px;
				text-align: center;
				margin: 3px;
				width: 19%;
			}		
			.hologram_square p { 
				color: #ce8729;
				-webkit-user-select: initial;
				-moz-user-select: initial;
				-ms-user-select: initial;
				user-select: initial;
			}
	
	/* D4) Lista de hologramas dentro manage*/
	div.especial-rec {
			display: inline-block;
			background: #FFFFFF;
			margin: 5px;
			border-radius: 4px;
		}	
		.holfle-cont {
				width: 250px;
				color: #ce8729;
				padding: 10px 0px;
			}
			.holfle-cont p {
					text-align: center;
				}
				.especial-rec.missed {
						background: rgba(255, 0, 0, 0.2);
					}.missed p {
							color: #ce8729 !important;
						}
						span.delete-holo {
								float: right;
								margin-right: 10px;
								cursor: pointer;
							}
							span.delete-holo img {
									width: 12px;
								}
					
/* E) ESTACIONES */

.submenu {
		letter-spacing: 0px;
		/*position: absolute;*/
		text-align: right;
		z-index: 1;
		right: 0px;
   		top: 0px;
	}
	.btn_add {
			background-color: #6bda99;
			display: inline-block;
			vertical-align: top;
			text-align: center;
			cursor: pointer;
			color: #f3f3f3;
			padding: 9px;
		}
		.btn_add i { vertical-align: middle; }
		
	.submenu p { padding: 0px 10px; }

/* E1) RESUMEN GRAL. */
.summary_container { 
		box-sizing: border-box;
		letter-spacing: -5px; 
		vertical-align: top;
		position: relative;
		margin-top: 20px;
		overflow: auto;
	}
	
	.summary_info .info_title { color: #8e8484; }
	.summary_info .info_p { color: #5d5d5d; }
	
	.summary_table_row p { font-size: .8em; color: #808080; }
	.summary_icons {
			color: rgba(255, 255, 255, 0.65);
			background-color: #2ecc71;
			display: inline-block;
			padding: 8px 8px 6px;
			border-radius: 50px;
			text-align: center;
			position: relative;
			margin: 10px 20px;
			font-size: .8em;
			cursor: pointer;
			width: 14px;
		}
		

.summary_table { 
		letter-spacing: -5px;
 		max-height: 600px;
		overflow: auto;
	}
	
	.summary_title {
			border-bottom: #c19732 4px solid;
			font-family: 'eausans_bold';
			box-sizing: border-box;
			letter-spacing: 0px;
			padding-bottom: 5px;
			padding-left: 10px;
			position: relative;
			margin-top: 30px;
			color: #525252;
			width: 100%;
		}
	
	.summary_subtitles {
			background-color: #e4e4e4;
			padding: 10px 0px 5px;
			display: block;
			height: auto;
			width: 100%;
		}
		.summary_col {
				border-left: #ccc 1px solid;
				box-sizing: border-box;
				display: inline-block;
				vertical-align: top;
				padding-left: 20px;
			}
			.summary_col p { 
					letter-spacing: 0px;
					font-size: .8em;
    				color: #676767; 
				}
	
	.summary_row {
			position: relative;
			padding: 5px 0px;
			margin: 0px;
		}
		.summary_row:nth-child(even) { background-color: #FFFFFF; }
		.summary_row:nth-child(odd) { background-color: #f3f3f3; }
		.summary_row p { font-size: .8em; color: #808080; }
		
		.summary_double_row { letter-spacing: -5px; }
			.summary_double_row p { letter-spacing: 0px; font-size: .6em; }
		.summary_sub_row {
				margin-top: 10px;
				padding: 0px;
			}
			.summary_sub_row p { letter-spacing: 0px; font-size: .6em; }

/* F) verificaciones */

#search_stations { margin-right: 30px; }

.veri_client, .veri_station { color: #797979; }
#veri_visual_norms { letter-spacing: 0px; }
.veri_date {
    	font-style: italic;
		color: #8a6f2e;
    	float: right;
	}

#sarch_stations {
		position: relative;
		text-align: right;
		margin: 0px auto;
		width: 80%;
	}		
	#sarch_stations .input_section { margin-right: 10px; }
	#sarch_stations label { font-size: .8em !important; text-align: left; }
	#btn_sarch_stations {
			background-image: url(../../_themes/_img/search.svg);
			background-repeat: no-repeat;
			background-position: center;
			background-color: #cecece;
			background-size: cover;
			display: inline-block;
			border-radius: 10px;
			position: absolute;
			margin-top: 6px;
			cursor: pointer;
			border: none;
			height: 40px;
			bottom: 20px;
			width: 40px;
			right: 0px;
		}

/* Tabala de dispensarios y mangueras */
div#load-data-hosses, div#load-data-osses {
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}.box-container {
	display: inline-block;
	border: solid thin #ce8729;
	width: 45%;
	min-height: 310px;
	max-height: 310px;
	overflow:scroll;
	vertical-align: text-top;
}.box-container .title{
	background: rgba(206, 135, 41, 0);
	display: block;
	color: #ce8729;
	padding: 10px;
	border-bottom: solid thin #fff;
	font-weight: bolder;
}.box-title-container{
	display: block;
	background: #ce8729;
	color: #FFFFFF;
	padding: 0px 10px;
	border-bottom: solid thin #f3f3f3;
}.box-title-container span{
	width: 20%;
	display: inline-block;
	text-align: center;
}.box-datos-container{
	display: block;
	padding: 0px 10px;
}.box-datos-container span {
	width: 20%;
	display: inline-block;
	padding: 3px 0px;
	text-align: center;
	font-size: 0.9em;
}.box-datos-container .CheckboxSpecial{
	display:inline-block !important;
	cursor:pointer;
}.Dispensaries sub {
	display: inline-block;
	font-size: .7em;
	color: #312b2b;
	width: 20px;
}.CheckboxLabel{
	cursor:pointer;
}#client-info{
	border-bottom: solid #59d68e;
	margin: 10px auto;
}.client-name{
	display: inline-block;
	width: 49%;
	color:#59d68e;
}

/* F1) Verfificación visual */

.check_label {
		margin-bottom: 15px !important;
		display: block !important;
	}

/* F2) Verfificació metrologica */

.summary_btn {
		background-color: #5cd790;
		display: inline-block;
		letter-spacing: 0px;
		position: absolute;
		cursor: pointer;
		color: #ffffff;
		padding: 10px;
		right: 115px;
		z-index: 10;
		top: 0px;
	}

.veri_metro_btn { letter-spacing: 0px; }

.veri_metro_options {
		background-color: #7B7B7B;
		display: inline-block;
		padding: 7px 6px 5px;
		vertical-align: top;
		border-radius: 50px;
		font-size: .6em;
		color: #FFFFFF;
	}

.hiden { display: none; }

.hologram_color { background-color: #dedede !important; }

/* F3) Verfificación final */

.veri_table_width { width: 1600px !important; }

.semaphore_meet {
		background-color: #929292;
		vertical-align: middle;
		display: inline-block;
		letter-spacing: 0px;
		border-radius: 6px;
		margin-left: 10px;
		font-size: .6em;
		color: #E3E3E3;
		padding: 8px;
	}
	.semaphore_meet i { vertical-align: middle; }
	
/* F4) Verificacione lista */

#content-surgerie { letter-spacing: -5px; }
.fichaC {
		padding-bottom: 20px;
		text-align: left;
		margin: 0px auto;
		width: 90%;
	}

.dictionary_skills {
		display: inline-block;
		letter-spacing: -4px;
		vertical-align: top;
		text-align: center;
		height: auto;
		width: 50%;
	}
	.dictionary_skills .sudi_table_row { background-color: transparent; }
	.dictionary_skills .sudi_table_cell {
			background-color: #FFFFFF;
			border-radius: 10px;
			padding: 20px 25px;
			min-height: 150px;
			overflow: auto;
			height: 170px;
		}
	.dictionary_skills .sudi_table_cell:first-child { position: relative; }
	.dictionary_skills .sudi_table_cell:last-child {
			position: relative;
			text-align: left;
			margin-left: 3px;
		}
	.verification_folio { color: #616161; font-size: 2em; }
		.verification_folio span { color: #717171; font-size: .5em; }
	
	.done_name { color: #717171; }
		.done_name small { color: #5889c7; }

	.done_divaces {
			left: initial;
			right: 10px;
			top: 10px;
		}
	
	.dictionary_skills .binn_p {
			padding-bottom: 4px;
			font-size: .7em;
			display: block;
			color: #5889c7;
			width: 90%;
		}
		.dictionary_skills .binn_p span { font-size: 1em; color: #717171; }
	
	.done_status {
			border-radius: 0px 0px 10px 10px;
			background-color: #b9b9b9;
			text-align: center;
			position: absolute;
			padding: 5px 0px;
			font-size: .8em;
			color: #FFFFFF;
			display: block;
			bottom: 0px;
			width: 100%;
			left: 0px;
		}

/* F5) Verificación manage final */

.veri_service_p {
  	padding: 10px 20px !important;
   	background-color: #ffffff;
    color: #1F6697 !important;
    display: block !important;
    min-height: 20px;
    font-size: .9em;
    border: none;
    width: 90%;
}
	
/* G) Catalogos */
/* G1) Estados*/
.state_square {
		padding-top: 5px;
		box-sizing: border-box;
		border-radius: 5px;
		text-align: center;
		letter-spacing: -5px;
		margin: 3px;
		width: 24%;
	}
	.state_square p { color: #2ecc71; }
	.state_square p span { color: #6b6b6b; }

/* G2) Municipios*/
.town_square {
		box-sizing: border-box;
		border-radius: 5px;
		margin: 3px;
		width: 24%;
	}
	.town_square p { text-align: center; color: #6b6b6b; }
	
.list_code {
		text-align: center;
		display: block;
		color: #8c3838;
	}

/* H) Notificacion CSS */
/* H1 Contenedor de notificaciones */
#notifications-popup-container{
	margin-top: 55px;
    z-index: 100;
    width: 390px;
    right: 0px;
    position: fixed;
}
#notifications-popup-container a.notification-close {
    position: absolute;
    right: 3px;
    font-size: 15px;
    color: white;
    opacity: 1;
    top: 4px;
    padding: 5px 5px 3px 6px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.25);
    transition: all 0.25s;
	
}
.notification-close:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
.notification:hover .notification-close {
  opacity: 1;
}

#notifications-popup-container .notification-content, #notifications-popup-container .notification-icon{
    /*padding: 24px;*/
}
#notifications-popup-container .notification-icon {
    /*float: left;*/
    text-align: center;
    font-size: 32px;
    padding: 20px 20px 10px 20px;
    background-color: rgba(0, 0, 0, 0.25);
}

#notifications-popup-container .flag {
  display: table;
  width: 100%;
}
	
#notifications-popup-container .flag {
  margin-top: 0;
  margin-bottom: 5px;
}

#notifications-popup-container .flag_image {
  /*padding-right: 24px;*/
	width: 10px;
}
#notifications-popup-container .flag_image > img {
  display: block;
  max-width: none;
}

#notifications-popup-container .flag_image,
#notifications-popup-container .flag_body {
  display: table-cell;
  vertical-align: middle;
}

#notifications-popup-container .flag:last-child {
  margin-bottom: 0;
}
	
#notifications-popup-container .notification-content {
	padding-right: 50px;
    padding-left: 10px;
}
#notifications-popup-container .notification {
    background: #434288;
    color: #FFF;
	right: 0px;
	/*right: -500px;*/
	/*position: absolute;*/
	-webkit-transition: all 1s ease-out;
}

.notification_show{
	right: 0px !important;
	position: initial !important;
}
	
	
/* H) CLIENTES*/	
	.sudi_table_container.flex_catalog{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: flex-start;
		letter-spacing:0px;
		}
	.sudi_table_row.clients_catalog_element{
		width: 400px;
    	margin: 10px;
		padding:0px;
		background-color:inherit;
		}
		.clients_catalog_element .title_catalog_element{
			font-size:1.3em;
			padding: 10px 15px;
			margin:5px 0px;	
			text-align:center;
			background-color:#FFFFFF;
			border-radius:5px;
			box-sizing:border-box;
			color:#bb8634;
			}
		.clients_catalog_element .content_catalog_element{
			background-color:#FFFFFF;
			border-radius:5px; 
			padding:15px;
			box-sizing:border-box;
			display:flex;
			justify-content:center;
			}
			.clients_catalog_element .content_catalog_element section{
				width:50%;
				margin:4px;
				color:#000000;
				}
			.clients_catalog_element .content_catalog_element .left-green{
				color:#78ca75; 
				}			
			
			.clients_catalog_element .content_catalog_element p{
				margin: 15px 0px;
    			height: 30px;
				}	
			.clients_catalog_element .content_catalog_element span{
				    height: 220px;
					background-color: #f2f2f2;
					padding: 1px;
					margin: 0px 5px;}
					
	/* EQUIPOS */	
	
	
/*  PRODUCTOS */	
@media (max-width: 800px) and (min-width: 400px){
	.sudi_table_container.flex_catalog{
		justify-content:center;}
	.sudi_table_row.product_catalog_element{
		background-color:#FFFFFF;
		display:inherit;
		}		
	}
.sudi_table_row.product_catalog_element{
	width:170px;
	padding:15px 20px;
	margin:10px;
	cursor:pointer;
	font-size:1.3em;
	border-radius:5px;
	
	}		
	.sudi_table_row.product_catalog_element:hover{
		background-color:#78ca75;
		color:#FFFFFF;}	
	.product_catalog_element span{
		margin-left:15px;}
	.product_catalog_element .vertical-line{
		height: 20px;
		width:2px;
		background-color: #f2f2f2;
		padding: 1px;
		margin: 0px 5px;
		}		

/* L) Reportes */

#search_report_content {
		position: relative;
		text-align: center;
		margin: 0px auto;
		width: 80%;
	}
	#search_report_content label {
			font-size: .8em !important;
			text-align: left;
			color: #717171;
		}
	#search_report_content .date_calendar {
			right: 12px;
			top: 29px;
		}
	#search_report_content input {
			border-radius: 20px;
		}
		
	#search_report_content select {
			background-size: contain;
			border-radius: 20px;
		}
		
	.btn_sarch_report {
		background-color: #2ecc71;
		display: inline-block;
		border-radius: 20px;
		padding: 10px 12px;
		text-align: center;
		margin-left: 10px;
    	margin-top: 25px;
		cursor: pointer;
		color: #ffffff;
	}
	
	#return_list {
			background-color: #2ecc71;
			display: inline-block;
			border-radius: 20px;
			padding: 10px 12px;
			text-align: center;
			cursor: pointer;
			color: #ffffff;
		}
	
	#csv_maker_report, #csv_maker_report_shop {
			background-color: #2ecc71;
			display: inline-block;
			border-radius: 20px;
			padding: 10px 12px; 
			text-align: center;
			cursor: pointer; 
			color: #ffffff;
		}
		
	.summary_min_width_ema { min-width: 7000px; }
	.summary_min_width_profeco { min-width: 3500px; }
	.summary_min_width_interno { min-width: 2800px; }
	.summary_min_width_shopping { min-width: 1800px; }
	.summary_min_width_equipement { min-width: 4000px; }
	.summary_min_width_standby { min-width: 2000px; }
	
	.summary_table_duo { display: inline-block; vertical-align: top; width: 50%; }
	
	/* Marcar comisón como pagada ( reporte de comosiones) */
	#submenu_comissions { text-align: right; }
		.chek_all_comissios {
			    background-color: #cf862a;
				padding: 10px 20px;
				cursor: pointer;
				color: #fff;
			}

	.check_comission { cursor: pointer; }
	.comission_pay { color: #2D9359; }
	
/* MEDIA SCREEN */

@media (min-width:100px) and (max-width:1280px) {
	.dictionary_skills {
			margin: 10px auto;
			display: block;
			width: 80%;
		}
}

@media (min-width:100px) and (max-width:600px) {
	.dictionary_skills .sudi_table_cell:first-child { border-radius: 10px 10px 0px 0px; }
	.dictionary_skills .sudi_table_cell:last-child { border-radius: 0px 0px 10px 10px; margin-left: 0px; }
	
	#btn_sarch { right: -18px; }
	
	.hologram_square { width: 30%; }
	.hologram_container {
			background-color: #fff;
			margin: 10px auto;
			padding: 0px 10px;
			display: block;
			width: 80%;	
		}
	.state_square {
			background-color: #fff;
			margin: 10px auto;
			padding: 0px 10px;
			display: block;
			width: 40%;		
		}
}

/* Respaldos */
#submenu_backup {
	    box-sizing: border-box;
		padding: 10px 50px;
		margin: 20px auto;
		text-align: right;
	}
	.btn_backup {
		background-color: #6bda99;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		cursor: pointer;
		color: #f3f3f3;
		padding: 9px;
	}


#back_up_container { 
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: flex-start;
	}
	.back_up_flex {
			border: 1px solid #ddd;
			justify-content: center;
			text-decoration: none;	
			display: inline-flex; 
			align-items: center;
			text-align: center;
			padding: 15px 0px;
			transition: .8s;
			color: #585858;
			flex: 1 1 20%; 
		}
		.back_up_flex i { vertical-align: middle; margin-left: 10px; }
		.back_up_flex:hover { background-color: #cf862a; color: #fff; }