body{
	font-family: "Roboto", sans-serif !important;
}

.header-title {
	color: #0080c6;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

.header-title-mobile {
	color: #0080c6;
	font-size: 18px;
}
/************************** OVERRIDE BOOTSTRAP SETTINGS **************************/
.btn-primary 
{
	color: #fff;
    background-color: #336f1e;
    border-color: #467227;
}

.btn-primary:active 
{
	color: #fff;
    background-color: #336f1e;
    border-color: #467227;
}

.btn-primary:hover
{
	color: #fff;
    background-color: #3b5f21;
    border-color: #2f4c1a;
}

.btn-info
{
	color: #fff;
    background-color: #75be41;
    border-color: #69ab3b;
}

.btn-info:hover
{
	color: #fff;
    background-color: #5e9834;
    border-color: #52852e;
}

.alert-info
{
    color: #336f1e;	
    background-color: #e3f2d9;
    border-color: #d6ebc6;
}

.alert-thin 
{
    border: 1px solid transparent;
}

a
{
    color: #336f1e;	
}

a:hover, 
a:focus 
{
    color: #2f4c1a;
    text-decoration: underline;
}

.pagination>.active>a, 
.pagination>.active>span, 
.pagination>.active>a:hover, 
.pagination>.active>span:hover, 
.pagination>.active>a:focus, 
.pagination>.active>span:focus 
{
	color: #fff !important;
    background-color: #336f1e !important;
    border-color: #336f1e !important;
}

.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus, 
.pagination>li>span:focus 
{
    color: #2f4c1a !important;
}
.pagination>li>a, 
.pagination>li>span 
{
    color: #336f1e !important;
}

.btn-outline-primary:hover {
    background-color: #336f1e;
    border-color: #336f1e;
}

.nav-tabs .nav-link {
    color: #336f1e !important;
}

.multiselect-header {
    background-color: #336f1e !important;
}

/************************** HEADER **************************/
.header2
{
	min-height: 50px;
    padding: 0px 15px;
	color: #000;
	background: #fff;
	background-position: center;
	background-size: 175px auto;
    border-bottom: 2px solid #4A7729;
    overflow-x:hidden;
}

.header-title-wrapper
{
	padding-top: 10px;
	padding-bottom: 15px;
}

.header .header-logo
{
	max-width: 250px;
	height: auto;
	margin-right: 20px;
}

.header .mobile-devices .header-logo
{
	height: 36px;
	width: auto;
	margin-top: 7px;
	margin-bottom: 7px;
	margin-left: 10px;
	margin-right: 10px;
}

.header .header-title
{
	/*color: #0099cc;
	font-family: 'Roboto', sans-serif;*/
	color: #0080c6;
	font-size: 33px;
	font-weight: bold;
    font-family: Arial, Verdana, Helvetica, sans-serif;
	line-height: 1;	
}

.header .mobile-devices .header-title
{
	font-size: 18px;
	margin: 10px 0;
}

.header .mobile-devices.navbar-default 
{
    border-color: #4A7729;
}

.header .mobile-devices.navbar-default .navbar-toggle
{
	height: 46px;
	border-color: transparent;
	margin: 2px;
}

.header .mobile-devices .navbar-toggle:not(.collapsed) #open-menu-icon
{
	display: none;
}

.header .mobile-devices .navbar-toggle.collapsed #close-menu-icon
{
	display: none;
}

.header .mobile-devices.navbar-default .navbar-toggle:focus
{
    background-color: transparent;
}

.header .mobile-devices.navbar-default .navbar-toggle:hover
{
    background-color: #ddd;
}

.header .mobile-devices .navbar-brand
{
	padding: 0;
}

.header .mobile-devices .navbar-collapse
{
	padding-top: 10px;
    text-align: center;
    background-color: #f2f2f2;
	box-shadow: 0 5px 5px -2px #4A7729;
	border-color: #4A7729;
}

.header .mobile-devices.navbar-default .nav-pills
{
	float: none;
}

.header .mobile-devices.navbar-default .navbar-nav
{
	margin: 15px 0;
	border-top: 1px solid rgba(0,0,0,0.13);
	border-bottom: 1px solid rgba(0,0,0,0.13);
}

.header .mobile-devices.navbar-default .navbar-nav>li>a:hover,
.header .mobile-devices.navbar-default .navbar-nav>li>a:focus
{
    color: #111;
    background-color: rgba(0,0,0,0.13);
}

.header .mobile-devices.navbar-default .navbar-nav>li>a
{
    color: #333;
}

/* .header .flex-container */
/* { */
/* 	display: flex; */
/* } */

.header .flex-container.flex-align-center
{
	align-items: center;
}

.header .flex-container.flex-align-start
{
	align-items: flex-start;
}

.header .flex-container.flex-align-end
{
	align-items: flex-end;
}

/* .header .flex-container.flex-justify-center */
/* { */
/* 	justify-content: center; */
/* } */

/* .header .flex-container.flex-justify-end */
/* { */
/* 	justify-content: flex-end; */
/* } */

.header .flex-container.flex-column
{
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}

/* .header .flex-item-grow */
/* { */
/* 	flex-grow: 1; */
/* } */

.header-extra-wrapper
{
	padding-top: 10px;
	padding-bottom: 1px;
}

/*.header .uam-link 
{
	width: 100.99px;
	height: 39px;
	background: url("../../img-bi/uam/uam-gris.png") no-repeat;
	display: inline-block;
}

.header .uam-link:hover 
{
	background: url("../../img-bi/uam/uam-color.png") no-repeat;
}*/
    
.header .lang 
{
    margin-left: 0;
    margin-bottom: 0;
    font-size: 11px;
}

.header .mobile-devices .lang 
{
    font-size: 13px;
}

.header .lang li 
{
    padding: 0;
    margin: 0;
}

.header .mobile-devices .lang li
{
	padding-left: 2.5px;
	padding-right: 2.5px;
    margin-bottom: 5px;
}

.header .lang li a
{
    color: #333;
}

.header .lang li span
{
	font-weight: bold;
}

.header .logout
{	
	font-weight: bold;
}

.header .mobile-devices .logout
{	
    font-size: 13px;
}

.header .logout-btn
{
	color: #000; 
    background-color: transparent;
    border: none;
}

.header .mobile-devices .logout-btn
{
	margin-left: 0;
}

.header .search-btn
{	
	color: #fff;
	background-color: transparent;
	border: none;
}

/* .header .search-box  */
/* { */
/*     width: 150px; */
/* 	height: 20px; */
/*     color: #999;     */
/*     background-color: #f2f2f2; */
/*     border: 0.5px solid #4A7729; */
/* 	border-radius: 0; */
/*     font-size: 11px; */
/* } */

/* .header .mobile-devices .search-box */
/* {	 */
/*     width: 200px; */
/* 	height: 30px; */
/*     font-size: 14px; */
/*     background-color: #f8f8f8; */
/* } */

.header ul.nav 
{
    margin-top: 15px;
    margin-bottom: 0;
}

.header .nav a 
{
	color: #000;
}

.header .nav-pills a {
    margin: 4px 2px 4px 2px;
    font-family: "Roboto", sans-serif;
 	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
  	text-transform: uppercase;
}

.page-subtitle {
    color: #336f1e !important;
    border-bottom: 2px solid #336f1e !important;
}

.page-subtitle-2 {
    color: #336f1e !important;
    border-bottom: 2px solid #336f1e !important;
}

.outlined-button{
	color: #336f1e !important;
	background-color: #fff !important;
	border-color: #336f1e !important;
}

.filled-button{
	color: #fff !important;
	background-color: #336f1e !important;
	border-color: #336f1e !important;
}

.text-button{
	color: #336f1e !important;
	background-color: #fff !important;
	border: none !important;
	font-weight: bold !important;
}

/* .header .grouper */
/* { */
/* 	min-height: 22px; */
/* 	padding-left: 10px; */
/* 	padding-right: 10px; */
/* } */

.header .mobile-devices .grouper-xs
{
	padding: 2px;	
}

.header .grouper.grouper-border
{
    border-right: 0.5px solid #d6d6d6;
    border-left: 0.5px solid #d6d6d6;
}

.header .grouper.grouper-last
{
	padding-right: 0;
}

.roboto-medium {
  font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.roboto-semibold {
  font-family: "Roboto", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 600 !important;
  font-style: normal !important;
}

.btn-outline-primary {
    color: #336f1e;
    border-color: #336f1e;
}

.estratea-subtitle {
    border-bottom: 2px solid #336f1e !important;
    color: #336f1e !important;
}

.form-check-input:checked {
    background-color: #336f1e !important;
    border-color: #336f1e !important;
}

.bg-primary{
    background-color: #336f1e !important;
}

.separator {
    border-bottom: 2px solid #336f1e !important;
    font-weight: bold;
    color: #336f1e !important;
}

.btn-success {
    color: #fff;
    background-color: #336f1e;
    border-color: #336f1e;
}

.smartselect .ss-label{
    display: inline-block;
    max-width: 100%; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.unit-indicator th{
	background-color: #ccc !important;
	color: #000;
}

th.table-group-header{
	background-color: #DDDDDD !important;
	color: #000;
}

/************************** MENU **************************/
.menu
{
	margin-top: -1px;
	background-color: #fff;
}

.menu a 
{
    color: #333;
}

.menu a:hover, a:focus 
{
    color: #000;
}

#logout_section {
	padding: 8px 0px 0px 0px;
}

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

.dashboard-header
{
	background-color:   #4a7729;
}

.dashboard-header .form-control
{
	border-radius: 0;
	border: 1px solid #0077c8;
}

.dashboard-subtitle 
{
    border-bottom: 2px solid #336f1e !important;
    color: #336f1e !important;
}

.dashboard-content a
{
    color:#4a7729 !important;
}

.dashboard-content .dashboard-subtitle a
{
    color: #4A7729;
}

.margin-subtitle 
{
    padding-bottom: 5px;
}

.dashboard-graph .highcharts-title
{
	color: #0077c8 !important;
}

/************************** FOOTER **************************/
.footer
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	padding: 15px;
    color: #000;
	background-color: #fff;
	border: 0.5px solid #4a7729;
	font-size: 12px;
}

/************************** ESTRATEA **************************/
.estratea tr.plan div.compliance-bar
{
	background-color: #c8e5b3;
	color: #c8e5b3;
}

/*
.estratea tr.group div.compliance-bar,
.estratea tr.subgroup div.compliance-bar,
.estratea-detail tr.subgroup td
{
	background-color: #e3f2d9;
	color: #e3f2d9;
}
*/

.estratea-detail tr.plan td
{
	background-color: #4a7729;
}

.estratea-detail tr.group td
{
	background-color: #75be41;	
}

@media only screen and (max-width: 534px) {
    /* Estilos espec�ficos para m�viles */
    .card-body .text-right{
    text-align:left;
    }
    
    #FileUpload,#EditAttachment #upload {
    	font-size: small;
    }
    
    .dataTables_filter{
    	float:none !important;
    	margin: 5%;
    }
    
    table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    	left: unset !important;
    	right: 5px;
    	top: unset !important;
    	bottom: 5px;
    }
    
    .dashboard-content #tablaIndicadores div{
    	float:none !important;
    }
    
    #labelFileUpload{
    	text-align:left !important;
    }
    
    #CustomMail .col-form-label{
    	width:100%;
    }
    
     #UpdateIndicator .col-form-label{
    	width:100%;
    }
    
    #UpdateReport label{
    	width:100% !important;
    }

}

/* X-Small devices (portrait phones, less than 576px) */
@media ( max-width : 575.98px) {
	.container-fluid:first-of-type {
		padding-right: 0px !important;
		padding-left: 0px !important;
	}
}

/************************** OTHER **************************/
.observations strong,
.tree li,
.tree li a,
.tree li button, 
.tree li button:active, 
.tree li button:focus,
.last-execution-date p
{
	color: #4a7729;	
}

.news-title,
.multiselect-headers
{
	background: #4a7729 none repeat scroll 0 0;
}

.news-content
{
	border: 1px solid #4a7729;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover,
.bootstrap-datetimepicker-widget table td span.active,
.title-icon,
.dropzoneElement-group,
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected]
{
	background-color: #4a7729;
}

.analysis_table th.analysis_header
{
	background-color: #75be41;
}

.datatable-select tr.selected
{
	background-color: #5e9834 !important;	
}

.bootstrap-datetimepicker-widget table td.today:before
{
	border-bottom-color: #4a7729;
}

.select2-container--bootstrap .select2-dropdown
{	
	border-color: #75be41;
}

.shadow 
{
	box-shadow: 0 0 5px 4px #4a7729;
}

.fluidMedia 
{
	position: relative;
	padding-bottom: 0;
	padding-top: 0;
	height: 100%;
	overflow: hidden;
}

.fluidMedia iframe 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 84px;
}

.dashboard-modal .modal-content, .dashboard-modal .modal-body
{
	height: 100%;
} 

.name-Detail
{
	width: 100%; 
	margin-left: 1em;
	margin-top: -0.5em;
}

.concept-link 
{
	text-decoration: underline;
	font-weight: bold;
}

/*
	Estas clases est?n pensadas para aplicar el estilo a los selectores 
	de unidad/nivel de la UAM cuando se activa el buscador de select2.
*/

.select2-container
{
	width: 25%
}

.select2-dropdown
{
	width: 100% !important
}

#select2-selectedUnit-results
{
	font-size: 12px;
}

#select2-selectedLevel-results
{
	font-size: 12px;
}
.concept-header 
{
	font-size: 24px;
}

.concept-section-header 
{
	font-size: 18px;
	font-weight: bold
}

.observations
{
	font-size: 13px !important;
}

.btn-dictionary{
	font-size:14px !important;
}

.title-cell{
	font-weight: normal !important;
}