@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700');
body, h1, h2, h3, h4, h5, h6, p, a, span, li, div
{
	font-family: 'Ubuntu', sans-serif;
}
.full_screen
{
	width: 100%;
	height: 100%;
	min-height: 250px;
}
.alert_box, .alert_box_bottom
{
	width: 100%;
	min-height: 150px;
	background-image: url(../img/bg_alertBox.jpg);
	background-size: cover;
}
.alert_box_bottom
{
	min-height: 50px;
}
.category_block {
	padding: 10px;
	border-bottom: 1px solid #777;
}
.category_block h2 {
	font-size: 16pt;
	padding: 10px;
	background-color: #1a1a1a;
	color: #fff;
}
.category_block p {
	font-size: 14pt;
	font-weight: 300;
	padding: 10px;
	color: #008DD4;
}
.campos_form {
    margin-top: 15px;
	margin-bottom: 5px;
}
.campos_form > label { display: block; padding-bottom: 0px;}
.campos_form > select {
	margin: 5px 0;
	width: 50%;
	min-width: 290px;
	max-width: 320px;
	background-color: #fff;
	padding: 4px 35px 5px 8px;
}
.campos_form > input.field_text {
	margin: 5px 0;
	width: 90%;
	min-width: 290px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #777;
}
.img_preview > img{
	width: auto;
	display: block;
	margin: 0 auto;
}
.table_list { width: 100%; }
.status_pendiente { background-color: #FF0000;}
.status_enviando { background-color: #15FF00;}
.btn_menu_templates
{
	width: 170px;
	border: 1px solid #333;
	border-radius: 5px;
	color: #333;
	margin-left: 30px;
}
.btn_menu_templates:hover
{
	color: #00E200;
	background-color: #333;
}
.btn_templates
{
	width: 120px;
	border: 1px solid #333;
	border-radius: 5px;
	color: #333;
	margin-left: 10px;
}
.btn_templates:hover
{
	color: #00E200;
	background-color: #333;
}
.img_btn_templates
{
	width: 30px;
	display: inline;
	margin: -30px 5px 0 -15px;
}
.textarea_manualList{
	width: 100%;
	max-width: 400px;
	border: 1px solid #333;
	padding: 5px;
	height: 120px;
}
.alert_box .alert-advice p
{
	text-align: center;
	background-color: rgba(250,250,250,0.7);
	padding: 30px;
	color: #E6087F;
	font-weight: 700;
}
.color_pink{
	color: #E6087F;
}
a.btn { text-decoration: none; }
.mailings_list tbody > tr > td {
	padding: 5px;
}
.mailings_list tbody > tr.content_row {
    background-color: rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.btn-plus{
	border-radius: 50%;
	border: 1px solid green;
	padding: 0px;
	font-size: 70%;
	width: 25px;
	height: 25px;
	text-align: center;
	color: green;
}
.ocultos { display: none;}
.seeMore { width: 100%; text-align: center; padding: 5px; cursor: pointer; border: 1px solid rgba(0,0,0,0.05); }
.btn-plus:hover, 
.btn-plus:active
{
	color: green;
}
.btn-plus .glyphicon-minus
{
	color: red;
}
.datos_moreInfo{
	width: 100%;
}
.datos_moreInfo tr
{
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.datos_moreInfo .error
{
	background-color: rgba(228,35,37, 0.4);
}
.datos_moreInfo td:nth-child(3n){
	width: 40%;
}
.templates_list li{
	width: 150px;
	float: left;
	margin: 15px;
}
.templates_list li > img{
	cursor: pointer;
}
.mailings_list
{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}
.tracking_list, .datos_moreInfo
{
	width: 100%;
	border: 1px solid rgba(0,0,0,0.1);
}
.tracking_list thead, .datos_moreInfo thead
{
	background-color: rgba(0,0,0,0.1);
}
.tracking_list thead > tr > th, .datos_moreInfo thead > tr > th
{
	padding: 5px;
	min-height: 50px;
}
.tracking_list tbody > tr > td, .datos_moreInfo tbody > tr > td{
	padding: 5px;
}
.tracking_list tbody > tr.content_row:nth-child(2n), .datos_moreInfo tbody > tr.content_row:nth-child(2n) {
    background-color: rgba(0,0,0,0.05);
	border-bottom: 1px solid rgba(0,0,0,0.05);
}
.celda_numero
{
	text-align: center;
}
.table_actions{
	width: 30px;
}
.table_actions button
{
	background-color: #63B338;
	color: #fff;
}
.content_peticion, .tracking_modal_title{
	text-align: center;
	font-size: 10pt;
	background-color: rgba(61, 146, 55, 0.8);
	color: #ffF;
}
.tracking_modal_subtitle{
	background-color: rgba(61, 146, 55, 0.2);
}
.content_errores{
	text-align: center;
	font-size: 10pt;
	font-weight: 700;
	background-color: rgba(230, 8, 127, 0.6);
}
.content_errores_mail{
	background-color: rgba(230, 8, 127, 0.2);
}
.modal-lg {
    width: 95%;
}
.btn-group > .btn + .dropdown-toggle {
    padding-left: 0px;
	background-color: transparent;
	color: #FFF;
	margin-left: -10px;
}
.dropdown-menu
{
	background-color: #1A1A1A;
	margin: 0;
	border: 0px solid transparent;
}
.dropdown-menu > li > a:hover
{
	color: #1a1a1a !important;
}
#tutoriales_list > li
{
	margin-bottom: 10px;
}
#tutoriales_list > li > a > div
{
	min-height: 70px;
}
#tutoriales_list > li:hover
{
	background-color: rgba(0,0,0,0.1);
	border: 1px solid rgba(0,0,0,0.5);
	margin-bottom: 8px;
}
#tutoriales_list > li:hover > a
{
	color: #1a1a1a;
	text-decoration: none;
}
a > img { text-decoration: none; }
.content_row select {
    margin: 5px;
    background-color: #fff;
    background-position-y: 10px;
    padding: 2px 22px 2px 2px;
    font-size: 80%;
}
.bg_mailing_prev { background-color: #B7CBD8; }
.bg_mailing_prev > img { height: 1px; }
/** RESPONSIVE ************************
 * ==================================== */

@media (max-width: 767px)   /* 4.5. Only MOBILE             -----------*/
{
    
	
}

@media (max-width: 991px)   /* 4.6. Only MOBILE & TABLET    -----------*/
{
    
}


@media (max-width: 320px)                   /* 4.1. Mini Mobile devices (mini mobile vertical, 320px and up)         -----------*/
{
    
}   
   
@media (max-width: 767px) and (min-width: 321px) /* 4.2. Mobile devices (mobile landscape, 768px and up)             -----------*/
{
   
}

@media (max-width: 767px) and (min-width: 321px) and (orientation:landscape)    /* 4.3. Mobile devices Landscape (mobile landscape, 768px and up)   -----------*/
{
    /* Styles for Landscape screen */
    
}

@media (min-width: 768px) {
    
}

@media (min-width: 768px) and (max-width: 991px)    /* 4.4. Small devices (tablets, 768px and up)    -----------*/
{
    
    
}
    
@media (min-width: 992px) 
{
    
}
    
@media (min-width: 992px) and (max-width: 1199px)  
{
   
}
    
@media (min-width: 1200px)  
{
    /*.hidden-lg */
	.width_adjust {
		max-width: 1100px;
		min-width: inherit;
		width: 90%;
	}

}    
@media (max-height: 600px) and (orientation:landscape) {
    
}