/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

*/
/* 
    Created on : 1/abr/2019, 17:18:47
    Author     : Miguel Belém
*/

/* *,  */
/*  *:before,  */
/*  *:after {  */
/* 	 -webkit-box-sizing: border-box !important;  */
/* 	 -moz-box-sizing: border-box  !important;  */
/* 	 box-sizing: border-box  !important;  */
/*  }  */

/* ---------------------------------- */

#fullscreen{
	font-size: 1rem;
}

:root {
 	font-size: 0.89rem; 
/* 	font-size: 14px; */
/* 	--default-font:'Open Sans', sans-serif; */
	--default-font:'Asap', sans-serif;
	
  --success-green:#459979;
  --danger-red:#ac3a47;
  --warning-yellow:#dea059;
  --info-blue:#49a6b8;
  --primary-blue:#5f8ab1;
  --medium-grey:#97a891;
  --soft-grey:#f4f4f4;
  --background-grey:#ecf0f5;
  --row-line-color: #bbb;
  --expenses_purple:#534deb;
  --revenues_blue:#00a7d0;
  
  --cf-green-dark:#2f6a64;
  --cf-green-medium:#80a8a4;
  --cf-green:#a4d3cc;
  --cf-green-soft:#e2ebea;
  --cf-green-selected:#c0e0dc;
  --cf-green-dark-line: #80a8a4;

}


#fullscreen{
	margin-top:1px;
	font-size: 1.2rem;
}

*:fullscreen
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen {
   overflow: auto !important;
}


#ui-datepicker-div{
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    -webkit-transform   : translateX(-50%) translateY(-50%);
    -moz-transform      : translateX(-50%) translateY(-50%);
    -ms-transform       : translateX(-50%) translateY(-50%);
    transform           : translateX(-50%) translateY(-50%);
}



body {
  overscroll-behavior: contain;
  font-family:var(--default-font);

}

a{
	color:#337ab7;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--default-font);
    display: block;
}

h1 {
    font-size: 2rem;
    font-weight: bold;
}

h2 {
    font-size: 1.5rem;
    font-weight: bold;
}

h3 {
    font-size: 1.17rem;
    font-weight: bold;
}

h4 {
    font-size: 1rem;
}

h5 {
    font-size: 0.85rem;
}

h6 {
    font-size: 0.78rem;
}

.small{
	font-size: 75%;
}

.content{
	margin-top:20px !important;	
	padding-bottom:0px !important;	
}

.content-header{
    position: fixed !important;
    z-index: 800;
    background-color: var(--cf-green-medium) !important; 
    width:100% !important;
    -webkit-box-sizing: border-box !important;  
 	-moz-box-sizing: border-box  !important;  
     box-sizing: border-box  !important;  
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
     padding:8px 15px 5px 15px !important;
     overflow-x: hidden;

}
.content-header>h1 {
    margin: 0;
    font-size: 	1.16rem;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.1rem;
    color:#ffffff;
}


.content-wrapper{
	background-color:#FFFFFF !important;
}


.content .dropdown-menu{
	font-size: 0.9rem;
}

#tenant_name {
    display: flex;
    box-sizing: border-box;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: flex-start;
    color: white;
    border-left-width: 2px;
    border-left-style: solid;
    border-left-color: var(--cf-green-medium);
    max-width: 220px;
    padding: 17px;

}
 

 #tenant_name iconify-icon{
 	font-size: 1.2rem;
 }
 
 
  #tenant_name span{
    white-space: nowrap;      
  	overflow: hidden;          
  	text-overflow: ellipsis;
 	font-size: 0.95rem;
 }
 

.hide{
	display:none !important;
}

.clear_both{
	clear:both !important;;
}

.disabled_button>button{
	opacity: 0.4;
    pointer-events: none;
    cursor: default;
}

input.transparent{
	background: transparent !important;
    border: none !important;
    color: transparent !important;
    outline: transparent !important;
    height: 1px !important;
}

input:focus::placeholder {
  color: transparent;
}

.text-bold{
	font-weight: 700 !important;
}

.text-bolder{
	font-weight: 900 !important;
}

.text-italic{
	font-style: italic !important;
}

.text-lite{
	font-weight: 200 !important;
}

h4 span.text-lite{
	font-size: 0.8rem;
}

.text-underline {
  text-decoration: underline !important;
  text-decoration-thickness: 0.1rem !important;
}

.rounded-0{
	border-radius: 0 !important;
}


#form_container{
	display:none;
	padding:0 !important;
	margin:0 !important;
}


.text-ellipsis {
	overflow: hidden !important;
	text-overflow: ellipsis !important;
	white-space: nowrap !important; 
}

textarea.fixed {
   resize: horizontal !important;
}


.clusterize-no-data{
	display:none !important;
}

.empty_msg{
	z-index:9999;
	font-size: 0.88rem;
	color:#444;
	text-transform: uppercase;
	font-weight: bolder;
}

.empty_msg i{
	padding-bottom: 8px;
}


.clearfix {
  overflow: auto;
}



.well_custom{
	min-height: 20px;
    padding: 20px;
    border: 1px solid #bbb;
    border-radius: 4px;
    box-sizing: border-box !important;
}


.cursor-pointer{
	cursor: pointer !important;
}

.btn[disabled=disabled], button.btn[disabled=disabled] { 
    cursor: not-allowed !important;  
	opacity: .45 !important;
 }  


a, button, .btn, .dt-buttons{
	cursor: pointer !important;
	
}
/* ################################################# PADDINGS & MARGINS & SIZES #################################################*/

.z_index_above{
	z-index:10;
}

.z_index_top{
	z-index:9999;
}


.row.equal {
    display: flex;
    flex-flow: row wrap;

    &::before {
        display: block;
    }
}

.p_0{
	padding:0px !important;
	
}
.pr_0{
	padding-right:0px !important;
}

.pl_0{
	padding-left:0px !important;
}

.pl_5{
    padding-left:5px !important;
}

.pl_10{
    padding-left:10px !important;
}

.pl_15{
    padding-left:15px !important;
}

.pl_20{
    padding-left:20px !important;
}

.pl_25{
    padding-left:25px !important;
}


.pl_50{
    padding-left:50px !important;
}

.pl_60{
    padding-left:60px !important;
}

.pr_5{
    padding-right:5px !important;
}

.pr_10{
    padding-right:10px !important;
}

.pr_15{
    padding-right:15px !important;
}

.pr_20{
    padding-right:20px !important;
}

.pr_25{
    padding-right:25px !important;
}

.pr_30{
    padding-right:30px !important;
}

.pr_60{
    padding-right:60px !important;
}

.p_5{
	padding:5px !important;
}

.p_10{
	padding:10px !important;
}

.p_15{
	padding:15px !important;
}

.p_20{
	padding:20px !important;
}

.p_25{
	padding:25px !important;
}

.pt_5{
	padding-top:5px !important;
}

.pt_10{
	padding-top:10px !important;
}

.pt_15{
	padding-top:15px !important;
}

.pt_20{
	padding-top:20px !important;
}

.pt_25{
	padding-top:25px !important;
}

.pb_0{
	padding-bottom:0 !important;
}

.pb_10{
	padding-bottom:10px !important;
}

.pb_15{
	padding-bottom:15px !important;
}

.pb_20{
	padding-bottom:20px !important;
}



.mt_minus_15{
	margin-top:-15px !important;
}

.mt_minus_10{
	margin-top:-10px !important;
}

.mt_minus_5{
	margin-top:-5px !important;
}

.mt_minus_1{
	margin-top:-1px !important;
}

.mt_0{
	margin-top:0 !important;
}

.mt_5{
	margin-top:5px !important;
}

.mt_10{
	margin-top:10px !important;
}

.mt_15{
	margin-top:15px !important;
}

.mt_20{
	margin-top:20px !important;
}

.mt_25{
	margin-top:25px !important;
}

.mt_30{
	margin-top:30px !important;
}

.mt_35{
	margin-top:35px !important;
}

.mt_50{
	margin-top:50px !important;
}

.mt_60{
	margin-top:60px !important;
}

.mb_minus_5{
	margin-bottom:-5px !important;
}

.mb_minus_10{
	margin-bottom:-15px !important;
} 

.mb_minus_15{
	margin-bottom:-15px !important;
} 

.mb_minus_20{
	margin-bottom:-20px !important;
} 

.mb_minus_30{
	margin-bottom:-30px !important;
} 

.mb_minus_35{
	margin-bottom:-35px !important;
} 

.mb_minus_40{
	margin-bottom:-40px !important;
} 

.mt_minus_10{
	margin-top:-10px !important;
} 

.mt_minus_20{
	margin-top:-20px !important;
} 

.mt_minus_30{
	margin-top:-30px !important;
} 

.mb_0{
	margin-bottom:0 !important;
}

.mb_5{
	margin-bottom:5px !important;
}

.mb_10{
	margin-bottom:10px !important;
}

.mb_15{
	margin-bottom:15px !important;
}

.mb_20{
	margin-bottom:20px !important;
}

.mb_30{
	margin-bottom:30px !important;
}

.mb_35{
	margin-bottom:35px !important;
}

.mr_5{
	margin-right: 5px !important;
}

.mr_10{
	margin-right: 10px !important;
}

.mr_15{
	margin-right: 15px !important;
}

.mr_20{
	margin-right: 20px !important;
}


.ml_5{
	margin-left:5px !important;
}

.ml_10{
	margin-left:10px !important;
}

.ml_15{
	margin-left:15px !important;
}

.ml_20{
	margin-left:20px !important;
}

.w_15{
	width:15% !important;
} 

.w_20{
	width:20% !important;
}

.w_100_{
	width:100% !important;
}


.h_95{
	height:95% !important;
}

.h_100{
	height:100% !important;
}

/* ################################################# COLORS #################################################*/



.bg_soft_grey{
	background-color: #ecf0f5;
}

.bg_softer_grey{
	background-color: #f7f9fa;
}

.bg_soft_success{
	background-color:#37c4b9; 
}

.bg_soft_info{
	background-color:#50b4eb;
}

.bg_soft_danger{
	background-color:#ed6d5c;
}

.bg_soft_warning{
	background-color:#f5af42;
}


.bg-purple-active {
    background-color: #534deb !important;
    
}

.bg_info_nav_pills{
	 background-color:#e1eef5;
}


.bg_cf_green{
	background-color: var(--cf-green);
}


.tr_active{
/* background-color:#ffffff !important;*/
   		
}

.tr_inactive{ 
/* 	background-color:#f9e4e6 !important;*/
}

.figure_active{
	color: var(--success-green) !important;
  	fill: var(--success-green) !important;
  		
}

.figure_inactive{
 	color: var(--danger-red) !important;
  	fill:var(--danger-red) !important;
  		
}

.operation_result_filter_color{
	color: var(--warning-yellow) !important;
}

/* ################################################# DIVIDERS #################################################*/
hr{
	margin-top: 30px !important;
	margin-bottom: 30px  !important;
	overflow:visible  !important;
}


hr.solid, hr.dashed, hr.dotted, hr.hr_text, hr.hr_text_close { 
	margin-top: 35px !important;
	margin-bottom: 30px  !important;
}


hr.collapse_border_warning{
	border-top: 2px solid #fc9c3a !important;
}

hr.solid {
    border-top: 2px solid #bbb;
}

hr.dashed {
    border-top: 2px dashed #bbb;
}

hr.dotted {
    border-top: 2px dotted #bbb;
}

hr.hr_text_close {
    border-top: 2px dotted #bbb;
}

hr.hr_text  {
    position: relative;
    border-top: 2px dotted #bbb;
}

hr.hr_text.operation_result {
    border-top: 2px dotted var(--warning-yellow) !important;
}

hr.hr_text::before {
    content: attr(data-content);
    display: inline-block;
    background: #f2f7f6;
    letter-spacing: 2px;
    font-size: 0.75rem;
    color: #555;
    border-radius: 4px;
    padding:4px 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    white-space: nowrap !important;
    text-transform: uppercase;
    font-weight: bolder;
}

hr.hr_text.operation_result::before {
    color: var(--warning-yellow) !important;
}

.operation_result_color{
	color: var(--warning-yellow) !important;
}

hr.hr_text_controls  {
    position: relative;
    border-top: 2px dotted #aaa;
    margin-top: 4px !important;
	margin-bottom: 10px  !important;
}

hr.hr_text_controls::before {
    content: attr(data-content);
    display: inline-block;
    background: var(--cf-green-soft);
    letter-spacing: 2px;
    font-size: 0.62rem;
    color: #666;
    border-radius: 4px;
    padding:0.2rem 0.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); 
    white-space: nowrap !important;
    text-transform: uppercase;
}


hr.hr_filters{
	margin-top: 0px !important;
	margin-bottom: 20px  !important;
}

/* hr.hr_filters_title{ */
/* 	margin-top: 20px !important; */
/* 	margin-bottom: 15px  !important; */
/* 	border-top: 1px solid #f4f4f4 !important; */
/* } */

hr.hr_large{
	margin-top: 25px !important;
	margin-bottom: 25px  !important;
}

hr.hr_median{
	margin-top: 16px !important;
	margin-bottom: 16px  !important;
}

hr.hr_small{
	margin-top: 15px !important;
	margin-bottom: 20px  !important;
}

hr.hr_xmall{
	margin-top: 8px !important;
	margin-bottom: 8px  !important;
}

hr.hr_xxmall{
	margin-top: 2px !important;
	margin-bottom: 2px  !important;
}


.white{
	color: #ffffff;
}

.flurescent{
	color: #dafa25;
}


/* ################################################# MODAL / TIPPY / POPUPS #################################################*/

.tippy_filters{
	padding-top: 2px;
	color: var(--info-blue);
	cursor:pointer !important;
	font-weight: bold;
}

.tippy_filters:hover{
	color: var(--info-blue) !important;	
}

.tippy-box {   
	font-size: 0.78rem !important;
	line-height: 1 !important;
	padding:5px 3px !important;
}

.tippy-content {
  max-height: 75vh;
  overflow-y: auto;
}

.tippy-box .text-info{
	color: #59d4c7 !important;
}

/*  #modal_load_animals_selections{  */

/*  }  */

#modal_load_animals_selections .modal-dialog{
	width: 90%!important;
}

#modal_conference_report .modal-dialog{
	width: 90%!important;
}

#xs_scrollable_y_modal{
 	overflow-y: auto !important ;
 	overflow-x: hidden !important;
    max-height: var(--scroll_box_max_height_modal); 
}

#xs_scrollable_y_modal_form{
 	overflow-y: auto !important ;
 	overflow-x: hidden !important;
    max-height: var(--scroll_box_max_height_modal_form); 
}

.xs_scrollable_y_modal_form_class{
 	overflow-y: auto !important;
 	overflow-x: hidden !important;
    max-height: var(--scroll_box_max_height_modal_form); 
}

.xs_scrollable_x_y_modal_form_class{
 	overflow-y: auto !important;
 	overflow-x: auto !important;
    max-height: var(--scroll_box_max_height_modal_form); 
}

.modal {
    background: none !important;
}

.modal-header{
	display:flex;
}

.modal-title{
	text-transform: uppercase !important;
	font-size: 0.9rem !important;
}

.modal-header button{
	margin-left: auto;
	padding-top: 3px;
}

.modal-body{
	padding:20px 15px 5px 15px;
	overflow-y: hidden;
}

.modal-footer{
	padding:10px 15px 10px 15px;
}

.modal_table td{
	padding:4px !important;
}

.modal_box_title{
	color: #777;
	font-size: 1.0625rem;
	text-align: center;
}

.swal2-popup {
	font-size: 0.84rem !important;
	box-shadow: 0 0 0.625em #555 !important;
	border-radius: 0px 0px 0px 4px !important;
	text-align: center !important;
	padding-left: 1.8em !important;
	padding-right: 1.8em !important;
 	min-width: 300px !important;
 	width: auto !important; 
}

.swal2-container.swal2-top-end{
	top:41px !important;
	padding-right: 1px !important;
	z-index: 1000 !important;
	
}

.swal2-title{
	text-transform: uppercase !important;
}

.swal2-header .swal2-title{
	text-transform: uppercase !important;
	font-size: 1.25rem;
}


.swal2-actions {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 1.25em auto 0;
}

.swal2-actions button {
    flex-grow: 1;
    flex-basis: 0;
}

.swal2-styled {
    margin: .3125em;
    padding: .625em 2.1em !important;
    box-shadow: none;
    font-weight: 600 !important;
    text-transform: uppercase;
}

.swal2-styled.swal2-deny{
	
	background-color: var(--danger-red);
}

.swal2-styled.swal2-confirm{
	
	background-color: var(--success-green);
}

.swal2_errorlist{
	text-align: left !important;
	font-size: 0.95em !important;
	margin-top: 15px;
	margin-top: 15px;
	
}

.swal2_errorlist ul{
	margin-bottom: 20px;
	color:#9c0909;
    list-style-type: disc;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
}

.swal2_errorlist li{
	padding-bottom: 2px;
}

.swal2-html-container{
	overflow-y: auto !important ;
	overflow-x: hidden !important;
	max-height: var(--scroll_box_max_height_modal_form) !important;
	text-transform: uppercase !important;
	font-size: 0.95rem !important;
}


.modal_box_shadow{
	-webkit-box-shadow: 0 0px 1px 1px rgba(0,0,0,0.05) !important;
	-moz-box-shadow: 0 0px 1px 1px rgba(0,0,0,0.05) !important;
	box-shadow: 0 0px 1px 1px rgba(0,0,0,0.05) !important;
}


.text_right_modal_buttons{
	text-align: right;
}


.modal_selection_options{
	padding:0;
}

.modal_selection_options li {
	list-style-type: none; 	
	margin-bottom: 10px;
	display: grid;
    grid-template-columns: 10fr 1fr;
    grid-gap: 4px;

}

.modal_selection_options > li > div{
	padding:12px 16px 8px 16px;
	background-color: #daf0f5;
	cursor:pointer;
	display: flex;
}

.modal_selection_options > li > div *{
	align-items: center;
}


.modal_selection_options > li > div:hover{
	background: #95d8e8 !important;
}


.modal_selection_options .iconify{
	font-size: 1.4rem;
}

#animals_selections_list{
	overflow-y: auto !important ;
    max-height: var(--scroll_box_max_height_modal_form); 
}


#animals_selections_list table td{
	padding:5px 8px;
	vertical-align: middle;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   
}

#animals_selections_list h5{  
    font-size: 0.78rem;

}


#animals_selections_list table td.animals_selection_item span{  
	font-weight: 600 !important;
	text-transform: uppercase;
	color: var(--info-blue);
	font-size: 0.81rem;
	background-color: #e6f0ff;
	padding: 2px 6px;
	border-radius: 4px;
}  

#animals_selections_list table td.animals_selection_item span:hover{  
	background-color: #c2d9f2;
} 



#animals_selections_list i{
	font-size: 1.3rem;
}

#animals_selections_list iconify-icon{
	font-size: 1.4rem;
	position: relative;
	top:4px;
}

/* ################################################# BOOTSTRAP 3 OVERWRITES #################################################*/

.tooltip {
    position: absolute !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

.tooltip .tooltip-inner {
    background-color: white;
    border:2px solid white;
    color:#444 !important;   
}
/* .tooltip.top .tooltip-arrow { */
/*      border-top-color: white !important; */
/* } */

/* .tooltip.bottom .tooltip-arrow { */
/*      border-bottom-color: white !important; */
     
/* } */

.tooltip > .tooltip-inner {
	background-color: white;
	border:2px solid white;
    color:#444 !important;

}
.tooltip > .tooltip-arrow {
	border-top-color: white !important;
	border-bottom-color: white !important;
}

.alert-success {
   background-color: var(--cf-green-dark) !important;
}

.alert-danger,
.alert-error {
   background-color: var(--danger-red) !important;
}

.alert-warning {
    background-color: var(--warning-yellow) !important;
}
.alert-info {
	background-color: var(--info-blue) !important;
}

.alert-primary {
	background-color: var(--primary-blue) !important;
}

.alert-cf-green {
	background-color: var(--cf-green-dark) !important;
    color:#fff;
}

.box.box-success{
	border-top-color: var(--cf-green-dark-line) !important;
}

.box.box-danger{
	border-top-color: var(--danger-red) !important;
}

.box.box-warning{
	border-top-color: var(--warning-yellow) !important;
}

.box.box-info{
	border-top-color: var(--info-blue);
}

.box.box-primary{
	border-top-color: var(--primary-blue) !important;
}

.close{
	color:#fff important;
}


.btn-success {
    color: #fff !important;
    background-color:  var(--success-green) !important;
    border-color: var(--success-green) !important;
}

.btn-warning {
    color: #fff !important;
    background-color: var(--warning-yellow) !important;
    border-color: var(--warning-yellow) !important;
}

.btn-danger {
    color: #fff !important;
    background-color: var(--danger-red) !important;
    border-color: var(--danger-red) !important;
}

.btn-info {
    color: #fff !important;
    background-color: var(--info-blue) !important;
    border-color: var(--info-blue) !important;
}

.btn-primary {
    color: #fff !important;
    background-color: var(--primary-blue) !important;
    border-color: var(--primary-blue) !important;
}


.btn-default {
    color: #666 !important;
    background-color: #fff !important;
    border-color: #ddd !important;
    
}

.text-muted {
    color: #6c757d !important;
}

.text-primary {
    color: var(--primary-blue) !important;
}

.text-success {
    color: var(--success-green) !important;
}

.text-info {
    color: var(--info-blue) !important;
}

.text-warning {
    color: var(--warning-yellow) !important;
}

.text-danger {
    color: var(--danger-red) !important;
}

.text-secondary {
    color: #6c757d !important;
}

.text-dark {
    color: #343a40 !important;
}

.text-white {
    color: #fff !important;
}

.text-light {
    color: #c4c4ce !important;
}

.text-revenues {
    color: #00a7d0 !important;
}

.text-expenses {
    color: #534deb !important;
}


.text-transparent {
    color: transparent !important;
}

.text_collapse_title{
	color:#fc9c3a !important;
}

.text-days{
  	color: #238dad !important;
}

.text-litters{
	color: #c23030 !important
}


.btn_form_light{
	background:var(--cf-green-soft) !important;
	color:var(--cf-green-dark) !important;
}

.btn_form_light:hover{
	background: var(--cf-green) !important;
}

.selected_outline{
	outline: 3px solid var(--info-blue);
	color:var(--info-blue) !important;
	font-weight: bold; 
}

.selected_outline:hover{
	outline: 4px solid var(--info-blue);
	color:var(--info-blue) !important;
	font-weight: bold; 	
}

.box{
/* 	-webkit-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1); */
/* 	-moz-box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1); */
/* 	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.1); */
 	border:2px solid #dedede;
 	border-top-width: 4px;
 	margin-bottom: 10px !important;

}

.box-header{
	padding:8px;
	background-color: var(--cf-green-soft);
}

.box-header>.box-tools i.cf{
	font-size: 1.2rem;
	font-weight: 500;
}

.box-body{
	padding:4px 8px;
}


.box.box-success {
    border-top-color: var(--cf-green-dark-line) !important;
}

.box.box-dark {
    border-top-color: #555 !important;
}

.box.box-revenues {
    border-top-color: #00a7d0 !important;
}

.box.box-expenses {
    border-top-color: #534deb !important;
}


.box_medium_grey{
	border-top-color: var(--row-line-color);
}

.box-title{
	color:var(--cf-green-dark);
 	font-weight: 700; 
	font-size:0.85rem !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;

}

.border_bottom_grey{
	border-bottom:var(--medium-grey);
}

.no_top_border{
	border-top: none !important;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--cf-green-medium) !important;
    border-color: var(--cf-green-medium) !important;
}




 
/* ################################################# HEADER #################################################*/

.navbar-custom-menu .navbar-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 18px ;
}


/* .main-header i{ */
/* 	font-size: 0.9375rem; */
/* } */

.avatar {
    color:  var(--success-green);
    margin: 0 auto;
    text-align: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: 9;
    background: #fff;
    padding: 10px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}

.avatar i {
    font-size: 3.4375rem;
}


.skin-green .main-header .navbar {
    background-color: var(--cf-green-dark) !important;
    height: 50px !important;
}

#navbar-top .dropdown-toggle *{
	font-size: 1.05rem;
}

#navbar-top .dropdown-toggle i.cf{
	font-size: 1.2rem;
}

#navbar-top .dropdown-toggle iconify-icon{
	font-size: 1.2rem;
}

.navbar-nav .dropdown-menu{
	text-align: center !important;
	margin:0;
	padding:0;
	z-index: 2000 !important;
	cursor:pointer !important;

}

.navbar-nav .dropdown-menu .menu{
	max-height: initial !important;
}

.navbar-nav .dropdown-menu.language{
	text-align: left !important;
	margin:0;
	min-width: 80px;
}

.navbar-nav .dropdown-menu img{
	padding-right: 4px;
	width: 22px;
}

.navbar-nav .dropdown-menu.language > li > a{
	padding-left: 22px;
}

.navbar-nav .dropdown-menu > li > a{
	padding:10px 15px;
	color:#444 !important;;
	text-align: left !important;
 	font-size: 0.85rem;
    text-transform: uppercase;
    font-weight: 500;
}

.navbar-nav .dropdown-menu > li > a > i.cf{
 	font-size: 1.3rem;
}


.navbar-nav  .dropdown-menu > li > a:hover{
  background: #f4f4f4 !important;
  text-decoration: none;
}

.navbar-nav > .notifications-menu > .dropdown-menu .iconify{
	font-size: 1.4rem;
	margin-right: 5px;
}

.navbar-nav > .notifications-menu > .dropdown-menu{
	width: auto !important;
	min-width: 320px !important;
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.4) !important;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer>div {
   float:left;
   width: 20% !important;
   font-size: 0.7rem !important;
   outline: 1px solid #fff;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer>div *{
	font-size: 1rem !important;

}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer>div .tooltip * {
    font-size: 0.85rem !important; 
}

.navbar-nav > .notifications-menu > .dropdown-menu > li.footer>div .btn{
	padding: 3px 12px !important;
}


#selected_animals_header{
	font-size: 0.95rem;
}

#selected_animals_body table{
	width: 100%;
}


#selected_animals_body_scroll_area td{
	padding: 6px;
	border: 1px solid #eee;
}

#selected_animals_body_scroll_area td span{
	padding-right: 5px;
}

#selected_animals_body li>a{
	vertical-align: middle !important;
}

#selected_animals_body li>a>span>i{
	vertical-align:bottom !important;
}

#selected_animals_body td>a{
	vertical-align: middle !important;
	color:#444;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.90rem !important;
}

#selected_animals_body td>a>span>i{
	vertical-align:bottom !important;
}


#selected_animals_body small{ 
 	text-transform: capitalize; 
 	font-style: italic;
}  

.modal_animal_selection_options{
	padding:0;
}

.modal_animal_selection_options li {
	list-style-type: none; 	
	padding:6px 16px;
	border-bottom: 2px solid #eeeeee;
	cursor:pointer !important;

}

.modal_animal_selection_options > li:hover{
	background: #96eeff !important;
}

.modal_animal_selection_options > li > a{
	color:#ff0000;
}

.modal_animal_selection_options .iconify{
	font-size: 1.2rem;
}

#animals_selections_list h4{
	
	font-size: 0.93rem;
	margin:0;
}

#animals_selections_list h4 small{
	
	font-size: 0.83rem;
	font-style: oblique;
}


/* ################################################# LEFT SIDEBAR #################################################*/


.main-header .logo{
	background-color:var(--cf-green-dark) !important;
	height: 50px !important;
	line-height: 50px !important;
}

.main-header .logo img.logo-lg{
	display:unset;
	padding: 0 2px 4px 2px !important;
	width: 180px !important;
	text-align: center;	
}

.main-header .logo img.logo-mini{
	width:50px !important;
	margin-left:-15px !important;
	padding:0 !important;
}


.main-header .logo_xs {
    display: inline;
    float: left;
    height: 54px;
    line-height: 54px;

}


.main-header .navbar {
  -webkit-transition: margin-left 0.2s ease-in-out;
  -o-transition: margin-left 0.2s ease-in-out;
  transition: margin-left 0.2s ease-in-out;
}

.main-sidebar {
	  -webkit-transition: -webkit-transform 0.2s ease-in-out, width 0.2s ease-in-out;
	  -moz-transition: -moz-transform 0.2s ease-in-out, width 0.2s ease-in-out;
	  -o-transition: -o-transform 0.2s ease-in-out, width 0.2s ease-in-out;
	  transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
}

.main-header .sidebar-toggle:hover {
	background-color: #2c635e !important;
}

.sidebar-menu span{
	font-size: 0.85rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
	
}

.sidebar-menu i.cf{
	font-size: 1.2rem;
	
}



.sidebar-menu .initial_case{
	text-transform: none !important;
}

.sidebar-menu .header{
	text-transform: uppercase;
}

.sidebar-menu span.label{
	padding:1px 7px 1px 7px;
}


.sidebar-menu *{
	cursor:pointer !important;
}


.sidebar-menu .fa-angle-left{
	
	line-height: 1.4;
}

.skin-green .sidebar-menu>li:hover>a{
	background: #1c2225;
}

.skin-green .sidebar-menu>li.active>a{

	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: var(--cf-green-selected);
	color: #ffffff !important;
	background-color: #57908b;
 	fill: #ffffff !important; 
	font-weight: 800 !important;
}

.sidebar-menu .treeview-menu>li.active > a{
	color: #51b1a9 !important;
	fill: #51b1a9 !important;
	font-weight: 800 !important;

}

/* .sidebar-menu  .treeview-menu>li.active > a::before { */
/*     font-family: 'FontAwesome'; */
/*     content: "\f0da";  */
/*     margin-right: 5px; */
/* } */

.sidebar-menu a:hover, .sidebar-menu .treeview-menu>li>a:hover{
	color: white !important;
	fill: white !important;
	font-weight: 800 !important;
}


.sidebar-menu a:focus, .sidebar-menu .treeview-menu>li>a:focus{
	font-weight: 800 !important;
}


.sidebar-menu .treeview-menu>li>a{
   padding-top: 11px !important;  
   padding-bottom: 11px !important;
   color:#eeeeee!important;
   fill: #eeeeee !important;
   margin-left:16px;
}

.sidebar-menu a{
   color:#eeeeee !important;
   fill: #eeeeee !important;  
}


.sidebar-menu>li.header{
	color:#03c66d!important;
	font-size: 0.9375rem;
	padding-left:18px;
	letter-spacing:5px;
	text-transform: uppercase !important;
}

.sidebar-menu li>a>.pull-right-container{
	margin-top: -8px;
}

.sidebar-menu .treeview-menu>li.third_level_menu > a{
   margin-left:25px;
}

.sidebar-menu .treeview-menu>li.third_level_menu.active a{
   color:#82c4bc !important;
}


/* .sidebar-toggle{ */
/* 	display:none; */
/* } */


.sidebar-menu li.divider{
	color:#8cabb8 !important;
	font-size: 1rem;
	padding-left:12px;
	letter-spacing:1px;
	font-variant: small-caps;
}


.database{
	position:absolute;
	font-size: 0.6rem;
	color:#999 !important;
	left: 10px;
	bottom:3px;
	font-weight: normal;
	max-width: 150px;  
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.version{
	position:absolute;
	font-size: 0.6rem;
	color:#999 !important;
	right: 10px;
	bottom:3px;
	font-weight: normal;
}




/* ################################################# DASHBOARD #################################################*/

.dashboard{
	margin-top:30px !important;
}

.dashboard_filter_row{
	display:none;
}

.dashboard_box_title{
	font-weight: 700;
    font-size: 1.18rem !important;
    margin:0;
    color:#444;
    text-transform: uppercase;
    text-align: center;
    padding:5px;
}

.dashboard_filter_row{
	border-bottom: 1px solid #f4f4f4 !important;
	padding-bottom:10px;
}


.dashboard_inner_title{
	text-transform:uppercase;
	text-align:center;
    font-size: 1.1rem !important;
}

.small-box{
	border-radius: 4px;
}

.small-box>.inner {
    padding: 12px
}

.small-box h3 {
    font-size: 1.75rem;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    color:white;
    font-weight: bold;
}

.small-box h4 {
    font-size: 1.375rem;
    margin: 0 0 10px 0;
    white-space: nowrap;
    padding: 0;
    color:white;
    font-weight: normal;
}

.small-box .dashboard_inner_icon {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 0;
    color: rgba(0,0,0,0.2);
    font-size: 3.75rem;
}

.small-box-footer{
	color:white !important;
	background: rgba(0,0,0,0.2) !important;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.small-box-footer:hover{
	background: rgba(0,0,0,0.3) !important;
}

.dashboard .widget-user-2 .widget-user-header {
    padding: 6px !important;
    border-top-right-radius: 2px !important;
    border-top-left-radius: 2px !important;
}

.dashboard .widget-user-2 .widget-user-username {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 	1.5625rem;
    font-family: 'Source Sans Pro',sans-serif !important;
    font-weight: 200;
    margin-left: initial !important;
    text-align: center !important;
   
}

.dashboard .nav>li {
    position: relative;
    display: block;
    padding: 6px;
    font-size: 0.97rem;
}
/* ################################################# BUTTONS #################################################*/



.btn-group .btn{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* .btn-group-justified .btn-group:not(:last-child) { */
/* 	border-right: 0.1em solid var(--cf-green-medium) !important; */
/* } */


.btn{
	font-size:0.9375rem;
	border-radius: 4px;
}


.btn-sm {
	font-size:0.78rem;
	padding:3px 8px;
}

.fg_btn{
	padding:6px 5px !important;
	font-size:0.93rem !important;
	width: 100% !important;
	min-width: 100% !important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50px !important;
}

.fg_btn:has(i.cf){
	padding:5px 5px !important;
}

.fg_btn_sm_text{
	padding:7px 5px !important;
	font-size:0.843rem !important;
	width: 100% !important;
	min-width: 100% !important;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fg_btn_modal{
	padding:7px 5px !important;
	font-size: 0.9375rem !important;
	min-width: 120px !important;
}

.fg_btn_block{
	width: 100% !important;
}

.fg_btn_datepicker{
	min-width: 70px !important;
}

.btn_group_dropdown{
	max-height:450px;/* you can change as you need it */
	overflow:auto;/* to get scroll */
}

.btn_group_dropdown_category{
	margin-bottom: 10px;
}

.btn_group_dropdown_category > span{
	background-color: #e9eded;
	padding:5px 5px 5px 10px;
	display:block;
	font-weight: bold;
	text-transform:uppercase;
	color:var(--cf-green-dark);
}

.btn_group_dropdown_category > ul{
	margin-top: 10px;
	padding: 0 !important;
}

.btn_group_dropdown_items{
    display: block;
    width: 100%;
    padding: 0.7rem 1.20rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    overflow-y:auto !important;
    cursor: pointer;
    text-transform: uppercase;
    font-size:0.76rem;
}

.btn_group_dropdown_items:hover{
	background-color: var(--cf-green)!important;
}

#template_buttons{

	border-radius: 4px;
}

#template_buttons .btn{
	padding: 1px 10px !important;

}

#template_buttons .btn i.cf{
	font-size: 1.25rem !important;

}


#template_buttons .active{
    color: white;
	box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.3);
    transform: scale(0.97);
    background-color: rgba(200,200,200, 0.1) !important;

	
}

.toggle.btn {
    transform: scale(0.80);
    transform-origin: left center;
}

/* ################################################# TABLES #################################################*/



.buttonText{
	text-transform: lowercase;
}

#box_hidden{
	visibility: hidden;
}

#spinner{
	position:fixed !important;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 100%;
    background-color: rgba(0,0,0,0.9) !important;
    z-index:99999;

}


#spinner > .inner_spinner{
	background-color: white !important;
	border-radius: 4px;
	color:#32a18c;
	display: flex;
	align-items: center;
	padding:10px 20px 10px 20px;
	font-weight: 600;

}

#spinner > .inner_spinner > span{
	padding-left: 10px ;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 0.80rem;
	font-weight: 700;
}


#spinner_hidden{
	display:none;
	position:fixed !important;
	left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 100%;
    background-color: rgba(0,0,0,0.9) !important;
    z-index:99999;

}

#spinner_hidden > .inner_spinner{
	background-color: white !important;
	border-radius: 4px;
	color:#32a18c;
	display: flex;
	align-items: center;
	padding:10px 20px 10px 20px;
	font-weight: 800;

}

#spinner_hidden > .inner_spinner > span{
	padding-left: 10px ;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 0.90rem;
	font-weight: 800;
}


.loading {
   display: flex;
   justify-content: center;
   
}

.loading--full-height {
   align-items: center;
   height: 100%;
}

.loading::after {
   content: "";
   width: 3.98em;
   height: 4em;
   border: 12px solid #dddddd;
   border-top-color: #32a18c;
   border-radius: 50%;
   transform: rotate(0.16turn);
   animation: loading 1s ease infinite;
}

@keyframes loading {
  /* Safari support */
  from {
    transform: rotate(0turn);
  }
  
  to {
    transform: rotate(1turn);
  }
}

.rotation{
  animation: animate 1s linear infinite;
}

@keyframes animate {
	 0%{
	    transform: rotate(0deg);
	   }
	100%{
	    transform: rotate(360deg);
	   }
}


.chart_spinner{
	margin:0 auto;
	display:block;
    z-index:99999;
    color:var(--info-blue);
    text-align: center;

}


table{
	border: 1px solid #eee;
	font-size:	0.85rem;
}


/* table a{ */
/*     color: var(--info-blue) !important; */
/*     cursor:pointer; */
/* } */

table .table_link{
    color: var(--info-blue) !important;
    font-weight: 700;
    cursor:pointer;
}

table .table_link_underline{
    color: var(--info-blue);
    text-decoration: underline;
    text-decoration-thickness: 0.1rem !important;
    font-weight: 700;
    cursor:pointer; 
}

table tr.selected .table_link_underline{
    color: var(--info-blue) !important;
}


table td.sorting_1  > .table_link_underline{
	font-weight:900 !important;	
}
	
.visibility_control_toogle{
	width: 100%;
	border-radius: 4px;
	height: 38px;
}

.toolbar_search_type{
	height:27px !important; 
    border:1px solid #dee2e6 !important;
    font-size: 0.9rem;
    margin-right:0.5em;
    border-radius: 4px;
}

.toolbar_buttons_container{
	width: 100%;
}

.toolbar_buttons{
 	width: 100%;
	border-radius: 4px;
}


.toolbar_buttons.btn{
	padding: 3px 2px 0px 2px !important;
	font-size: 1.2rem !important;
}

.toolbar_buttons #btn_filter_text{
	font-size: 0.95rem !important;
}

.toolbar_buttons.btn_narrow{
	width: 50px !important;
}

.toolbar_buttons.btn_wide{
	width: 110px !important;
}

.toolbar_buttons span{
   	font-size: 0.9rem !important;
}




.dropdown{
	position:relative;
	
}

#visibility_control.dropdown-menu {
	opacity:0;
	display: block;  
	max-height: 0 !important;
	width: auto !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4) !important;
	overflow-y: auto !important;
    transition: max-height 0.2s ease, opacity 0.2s ease;
}


#visibility_control.dropdown-menu.show {
  	max-height: 65vh !important;
  	opacity:1;
}


#visibility_control #clean_columns_btn{
	font-weight: bold;
	text-transform: uppercase;
	padding:10px 20px;
	cursor: pointer;
	font-size: 0.85rem;
}

#visibility_control #clean_columns_btn:hover{
	background-color: var(--cf-green) !important;
}

#visibility_control #clean_columns_btn:active{
	background-color:  var(--cf-green) !important; 
}

#visibility_control li{
	padding:3px;
	cursor: pointer !important;
	
}

#visibility_control li > a{
	text-transform: uppercase;
	font-size: 0.8rem;
}

#visibility_control li > a:hover{
	background-color: #ba6670 !important;
}

#visibility_control li > a.toggle-visibility{
	color: #333 !important;
}

#visibility_control li > a.selected{
	font-weight: bold !important;
	color: #FFF !important;
	background-color:var(--danger-red) !important;
}

#visibility_control li > a.selected::before{
	font-family: "Font Awesome 6 Free";
  	content: "\f070  ";
}



#load_visibility_schemas.dropdown-menu{
/*  border: 1px dotted #666;	 */
	position: absolute;
	right: 0;
	left: auto;
 	width: auto !important;
 	overflow-y: auto;
	max-height: 65vh !important;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4) !important;
}


#load_visibility_schemas li{
	cursor: pointer !important;
}

#load_visibility_schemas li:hover{
	background-color: var(--cf-green) !important;
}

#load_visibility_schemas li.btn_group_dropdown_items.selected{
	background-color: #95c995 !important;
}

.dataTables_filter input[type="search"]{
	 margin-left: 0 !important;
	 border-radius:4px;
	 font-size: 0.90rem;
	 height:27px !important; 
	 border:1px solid #dee2e6 !important;
     padding: .25rem .5rem;

}

.table_tools_container{
    height:100%;
    margin-top:6px;
    margin-bottom:6px;
}

table .selected{
   background-color: var(--cf-green-selected) !important;
   color:#333 !important;
}

table .selected_yellow{
   background-color: #f2d4a2 !important;
   color:#333!important;
}

table .selected td{
   background-color: var(--cf-green-selected) !important;
}	 


table .selected_yellow td{
   background-color: #f2d4a2 !important;
}

table .selected_yellow{
   background-color: #f2d4a2 !important;
   color:#333!important;
}  

th.days_columns, table td.days_columns, table td.days_columns.sorting_1{
   	color: #238dad  !important; 
}
		
th.liters_columns, table td.liters_columns, table td.liters_columns.sorting_1 {
		color: #c23030 !important;
}

th.avg_columns, table td.avg_columns, table td.avg_columns.sorting_1{
	color: #e09428 !important 
}

th.rest_columns, table td.rest_columns, table td.rest_columns.sorting_1{
   	color: #58c89b  !important; 
}

th.highlight_columns{
	background: #ded6ab77 !important;
}

td.highlight_columns{
  	background: #ded6ab77;
}


/* th.alive_columns, table td.alive_columns{ */
/*   	background: #d1fcc5a6 !important */
/* } */

/* th.dead_columns, table td.dead_columns{ */
/*   	background: #ecd9faa6 !important */
/* } */



table th.sorting_desc, table th.sorting_asc{
	font-weight:800 !important;
/* 	color:#000000  !important; */
}

table td.sorting_1{
	font-weight:800 !important;
	color:#444  !important;
}
	



.btn_row_details {
  border: none;
  font-size: 0.75rem;
  cursor: pointer;
  padding: 4px 10px;
}

.pagination>li> a, .pagination>li> a:focus{
    background: #fff!important;
    color: var(--success-green);
}


.pagination>li.disabled> a{
    background: #ddd!important;
}


.dataTables_filter {  

   	margin:1px 5px 0 0 !important;  
   	text-align: left !important; 
}  


.dt-buttons {  
   	margin:0px 0 0 5px !important;  
   	text-align: right !important; 	
}  

.dt-buttons button{
	 min-width: 40px !important;
	 border-radius: 4px;
	 padding:3px 6px 1px 6px !important;
	 font-size: 1rem;
}
 
.hidden_table_export .dt-buttons{
 	margin:10px 10px -35px 10px !important;  
   	text-align: right !important; 
}
 
 .buttons-info{
	color: #fff;
    background-color: var(--info-blue) !important;
    border:  1px solid var(--info-blue) !important;
    padding:4px 8px;
    font-size:0.875rem;
    border-radius:4px;
    text-transform: capitalize !important;
 }
 
 
.buttons-excel{
	color: #444;;
    background-color: #fff;
    border: 1px solid #ddd;
    padding:4px 8px;
    font-size:0.875rem;
    border-radius:4px;
    text-transform: capitalize !important;
 }
 
.buttons-danger{
	color: #fff;
    background-color: var(--danger-red) !important;
    border:  1px solid var(--danger-red) !important;
    padding:4px 8px;
    font-size:0.875rem;
    border-radius:4px;
    text-transform: capitalize !important;
}

.buttons-success{
	color: #fff;
    background-color: var(--success-green) !important;
    border:  1px solid var(--success-green) !important;
    padding:4px 8px;
    font-size:0.875rem;
    border-radius:4px;
    text-transform: capitalize !important;
}

.dt-button.disabled {
    pointer-events: none;
    opacity: .65;
}


 
/* button.dt-buttons{ */
/* 	color: #fff; */
/*     background-color: #5bc0de !important; */
/*     border:  1px solid #46b8da !important; */
/*     padding:5px 10px; */
/*     font-size:0.875rem; */
/*     border-radius:2px; */
/*     text-transform: capitalize !important; */
/* } */
 
 

.dataTables_scrollBody{
	border-bottom: 1px solid #eee;
 	background: none !important;
 	height: var(--table_scroll_body_height); 
	max-height: var(--table_scroll_body_height);
	min-height: 54px !important;
}


.dataTables_info {   
    margin-top:2px !important;  
	margin-bottom:5px !important; 
	font-size: 0.82em !important; 
	font-weight: bold !important; 
	text-transform: uppercase;
	text-align: left !important;
	color:#444 !important;
 }
 
.dataTables_empty{
   padding-top:20px !important;
}



table.dataTable tr.dtrg-group.dtrg-level-0 td{
    background-color: #e9eded !important;
    color:var(--cf-green-dark);
    font-size: 1em;
    padding-left: 1.2em;
    text-transform: uppercase !important;
    font-weight: bold;
    letter-spacing: 0.04em;
}

table.dataTable tr.dtrg-group.dtrg-level-1 td{
	background-color: #dedede!important;
    color:#999;
    padding-left: 1.2em;
    font-size: 0.88em;
    text-transform: uppercase !important;
    font-weight: bold;
    letter-spacing: 0.04em;
    
}


.dataTables_wrapper .dataTables_processing {
	z-index:1000;
	background-color:#eeeeee;
	border-radius:4px;
	text-transform: uppercase;
	font-size: 0.70em;
	padding:13px 5px 13px 5px !important;
}


.vertical_table_xs thead th, .vertical_table_xs tbody td  { 
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    max-width: 195px;   
    color:#444;
    border-right: thin solid #cacaca;
}

.vertical_table_xs thead th i.cf, .vertical_table_xs tbody td i.cf  { 
	font-size: 1.45em;
}

.sex_icon{
	font-size:	1.3em !important;

}

.file_icon{
	font-size:	1.60em !important;
}



.vertical_table_xs tbody td  { 
	padding-top:4px !important;
	padding-bottom:4px !important;
}


.vertical_table_xs tbody tr {
	user-select: none; /* inactivar  a selecção de texto */
}

/* Ovewrite a uma class do Admin lte */

.table>thead>tr>th {
	border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: var(--cf-green-dark-line);
    font-weight: 600;
    font-size: 0.77rem;
    text-align: center !important;
    color:#555;
    background-color: #ffffff;
/*     background-color:#e2eaef; */
    text-transform: uppercase;

}

.table>thead>tr.grouped_header>th.grouped_header_item {
	color:#666;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 4px solid #c6d3ce;	
	font-size:0.72rem
}

.table>thead>tr.grouped_header_children>th:last-child{
	border-right: thin dotted #cecece;
}


.table>tbody>tr>td{
	    border-top: 1px solid #e3e3e3;

}

.vertical_table_xs thead th:last-child, .vertical_table_xs tbody td:last-child  { 
    border-right: none;
}

div.dts tbody td{
	vertical-align: middle !important;
}

.vertical_table_xs th.column_index{
 	color:transparent; 
/* 	width: 1vw !important; */
}

.vertical_table_xs td.column_index{
	font-weight: bolder;
 	color:#333;
 	text-align: center;
/*  width: 1vw !important; */
}


.vertical_table_xs tfoot{
	padding-top: 15px !important;
	font-size: 1.4em;
	white-space: nowrap; 
	
}

.vertical_table_xs table tfoot th{
	text-align: right !important;
}

.vertical_table_xs tfoot th:last-child{
	text-align: left;
}

.vertical_table_xs tbody td.dataTables_empty{
   padding-right: 5px !important;
   padding-left: 5px !important;

}

.vertical_table_xs tbody tr:nth-child(even) {
   background-color: #f6f6f6 !important; 
}
 
.table_tooltip{
	color: #007bff !important;
	font-weight: bold;
}
span.tooltip_headers{
	font-size: 1.1em;
	font-weight: bolder;
}

.tooltip{
	position:fixed!important;
	z-index:99999!important;
}
 
.table_tooltip + .tooltip > .tooltip-inner {
	background-color: #214b5c;
	padding:10px !important;

}
.table_tooltip + .tooltip > .tooltip-arrow {
	border-top-color: #214b5c;
	border-bottom-color: #214b5c;
}

.table_tooltip + .tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}

#resume_table td{
	font-size: 1.3rem;
	font-weight: 600;
}


.sm-right{
	text-align: right !important;
}

.sm-center{
	text-align: center !important;
}


.sliding_drawer {
	  opacity:0;
	  top:0px;
	  overflow:hidden;
	  max-width:460px;
	  height:0;
	  right:5px;
	  position:absolute;
	  transition: height 0.3s ease, opacity 0.3s ease;
	  z-index:100;
	  width: 100%;
	  -webkit-box-sizing: border-box !important;  
 	  -moz-box-sizing: border-box  !important;  
      box-sizing: border-box  !important;  
}

.slide-down {
	opacity:1;
  	height: 90vh;
}


.caret-reversed{
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.filter_box{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4) !important;
}

.filter_box_body{
	padding: 5px 15px;
}


.filters_scrollable{
 	max-height: var(--filters_scrollable_height, 70vh) !important; /* Fallback adicionado */
	overflow-y: auto !important;
	overflow-x: hidden !important;
}

.parent_prefix{
	font-weight: 200;
	font-size: 0.9rem;
}

.panel_yellow>.panel-heading {
    color: #555 !important;
    background-color: #ffd457 !important;
    border-color: #ffd457 !important;
}



.table>thead>tr.grouped_header_children>th:last-child{
	border-right: thin dotted #cecece;
}



/* ################################################# GOOGLE CHARTS #################################################*/
.google-visualization-table-th { 
    background-color: #efefef !important;
    color: #222 !important;
    font-weight: bold !important; 
    border-bottom: 2px solid #c3cfeb !important;
    text-align: center !important;
    font-size: 0.8rem;
} 

.google-visualization-table table tr{
	font-size: 0.85rem;
}

.google-visualization-table-td:first-child{
  	font-weight: bold !important; 
  	text-align: center !important;		
}

.google-visualization-table-page-number{

	color:black !important;
	font-size: 0.8em !important;
	padding:2px 8px !important;
}


.google-visualization-table-div-page [role="button"] {
    display: inline-block;
    cursor: pointer;
    margin-top: 2px;
    margin-bottom: 2px;
    font-family: "Arial Unicode MS" , Arial , Helvetica;
    font-size: inherit !important;
    line-height: normal !important;
}




/* ################################################# FORMS #################################################*/



form label{
	font-weight: 700;
	font-size: 0.78rem;
	text-transform: uppercase;
}


.form-control  {
    display: block !important;
    width: 100% !important;
    height: calc(2.25rem + 2px) !important;
    padding: .375rem .75rem !important;
    font-size: 0.9rem !important;
    font-weight: 400 !important;
    line-height: 1.5!important;
    color: #495057 !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 0 transparent !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

/* Ensures the input group spans full width */
.addon .input-group {
    display: flex;
    width: 100%;
}



/* Ensures the file input takes the full available space */
.addon .input-group input[type="file"] {
    flex-grow: 1;
    width: 100%;
}

/* Keeps the button aligned correctly */
.addon .input-group-btn {
    width: auto;
    display: flex;
}


.addon .form-control  {
	 border-radius: 0 4px 4px  0 !important; 
}

.addon .form-control .straight {
	 border-radius: 0px !important; 
}


/* .addon .input-group-btn{ */
/*   width: initial !important; */
/*   flex-basis: 40px; */
/*   display: flex; */

/* } */

/* .addon label.btn{ */
/*   width: initial !important; */
/*   flex-basis: 40px; */
/*   display: flex; */
/*   align-items: center; Aligning items vertically center */
/*   justify-content: center; Aligning items horizontally center */

/* } */

/* .input-group .input-group-addon{ */
/* 	border-radius: .25rem  0  0 .25rem !important; */
/* } */

/* .input-group { */
/*   display: flex; */
/* } */

/* .input-group-addon { */
/*   flex-basis: 40px; */
/*   display: flex; */
/*   align-items: center; Aligning items vertically center */
/*   justify-content: center; Aligning items horizontally center */
   
/* } */

.collapsible_animation .fas {
  transition: .3s transform ease-in-out;
}
.collapsible_animation .collapsed .fas {
  transform: rotate(180deg);
}


input[type="date"], input[type="datetime-local"] {
   	padding:0 12px 0 12px !important;

}

input[type="date"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

.inline_error_msg{
	 display:inline-block;
     vertical-align:middle;    
     padding:4px 8px 4px 8px;
     margin-top: 5px;
     color: #b81f1f;
     background-color: #fae8ea;
     border-radius: .25rem
}



.select2{
	width: 100% !important;
}



.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--info-blue) !important;
    border-color: var(--info-blue) !important;
    padding: 1px 10px;
    color: #fff;
     border-radius: 4px !important;
}


.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{
	display: block !important;
    width: 100% !important;
    font-size: 0.89rem !important; 
    font-weight: 400 !important;
    line-height: 1.5!important;
    color: #495057 !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    box-shadow: inset 0 0 0 transparent !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
    
}

/* .select2-container--default .select2-selection--single{ */
/* 	height: 38px !important; */
/* 	padding: 8px 12px !important; */
/* } */

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 2px;
}


.input-group .select2-container--default .select2-selection--single, .input-group .select2-container--default .select2-selection--multiple{
	border-radius: 0 .25rem .25rem 0 !important;
	
}




.select2-search.select2-search--inline{
	width: 50% !important; 
	
}

.select2-search__field{
	padding-left:6px !important;
	padding-right:6px !important;
	padding-top: 3px !important;
	padding-bottom: 1px !important;
	font-size: 0.89rem !important; 
	width: 100% !important; 
}

.select2-search__field::placeholder { 
  color: #989898 !important;
  opacity: 1 !important;
  font-size: 0.89rem !important; 

}

.select2-selection__placeholder{
	font-size: 0.89rem !important; 
}

.select2-container--default .select2-selection__clear{
	font-size:1.3rem !important;
	padding-right: 5px !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear{
	padding:0 !important;
	padding-right: 22px !important;
	padding-top:1px !important;
	margin:0 !important;
}

.select2-results__group{
	text-transform: uppercase !important;
	background-color: #e9eded;
	color:var(--cf-green-dark);

}

.select2-results__option[aria-selected=true] {
	background-color: var(--info-blue) !important;
	color:white !important;
}

.select2-results__option--highlighted {
	background-color: var(--cf-green) !important;
	color:black !important;
}

.select2_custom_option{
	padding:12px 6px 12px 6px !important;
}

.select2_custom_option a{
	color:var(--info-blue);
	cursor: pointer;
	font-weight: bold;
	font-size: 0.85rem;
}

.select2-results__option{
/* 	white-space: nowrap !important;  */
/* 	overflow: hidden !important; */
/* 	text-overflow: ellipsis !important;	 */
	font-size: 0.84rem !important;
}


/* icon da seta nos multiples */
.select2-container--default .select2-selection--multiple::after {
    position: absolute;
    right: 9px;
    top: 35%;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f0d7";
    font-size: 0.87rem;
    color:#888;
}


.select2-container--default li[role="alert"] {
	font-size:0.80rem !important;
	color:#777 !important;
	text-align: center;
}



#analisys_control_container .select2-container--default .select2-selection--single, #analisys_control_container .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 12px;
    height: 28px !important;
    width: 125px !important;
}

#analisys_control_container .select2-container .select2-selection--single .select2-selection__rendered {
    margin-top: -7px;
}



#analisys_control_container .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0px;
}

/* .select2-dropdown{ */
/* 	z-index:9998; */
/* } */





.calendar{
	background: #fff !important; 
	cursor: pointer !important; 
	padding: 10px 10px !important; 
	border: 1px solid #ccc!important; 
	border-radius: .25rem  .25rem  .25rem .25rem !important; 
/* 	width: 100% !class="calendar"; */
	width:100%;
}



.label_filters{
	color: #444;
	font-weight: 300;
	text-transform: capitalize;
	letter-spacing: 1px;
}


.required{
	color:var(--danger-red) !important;
	font-weight: bold;
	font-size: 0.70rem;
	text-transform: uppercase;
}

.required i{
	font-size: 0.58rem;
}


/* ################################################# CHART #################################################*/


.morris-hover.morris-default-style {
    font-weight: 600 !important;
}


#legend, #orders_legend, #sales_legend, #orders_vs_sales_legend {
	display:block !important;
	text-align: center;
	margin-bottom: 15px;
}

#legend>span, #orders_legend>span, #sales_legend>span, #orders_vs_sales_legend>span{
	margin-right: 10px;
	font-weight: bold;
}

#legend .color_block, #orders_legend .color_block, #sales_legend .color_block, #orders_vs_sales_legend .color_block{
	width:15px;
	height:10px;
	margin-right: 2px;
	display:inline-block !important;
}


/* #line-chart, #orders_area_chart, #sales_area_chart, #orders_vs_sales_chart{ */
/* 	height: 600px; */
/* } */

/* #line-chart circle, #orders_area_chart circle, #sales_area_chart circle, #orders_vs_sales_chart circle{ */
/* 	fill: #fff !important; */
/* 	stroke:#656565 !important; */
/* 	stroke-width:1px; */
/* } */

#line-chart{
	width: 100% !important;
}

/* ################################################# CALENDAR #################################################*/
.closeon{
	padding-left:5px;
	padding-right:5px;
}

.fc-content{
	text-overflow: ellipsis !important;
}

.popover-title {
	font-weight:bold;
    background-color: #fff;
}

.popover.top>.arrow:after {
    bottom: 2px !important;
   
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color:#2592e6 !important;
}


/* ################################################# TABS #################################################*/

.tab-pane{
	min-height: 380px !important;
}



.second_level_label{
	font-weight: 400 !important;
	font-size: 0.8em !important;
	margin:0;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: var(--cf-green-dark);
}

.third_level_label{
	font-weight: 400 !important;
	font-size: 0.7em !important;
	margin:0;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888899;
}

#tabs_layout .tab-content a, #animal_file_bottom .tab-content a{
	color: var(--info-blue);
	cursor: pointer !important; 
}


#tabs_layout .nav.nav-pills li, #animal_file_bottom .nav.nav-pills li{
    padding:0;
	margin:0;
}

#tabs_layout .nav.nav-pills li a, #animal_file_bottom .nav.nav-pills li a{
	margin:2px !important;
	background-color: var(--cf-green-soft);
	font-weight: 800;
	border-radius:4px;
	color: var(--cf-green-dark);
}

#tabs_layout .nav.nav-pills, #animal_file_bottom .nav.nav-pills{
    display: flex;
    text-transform: uppercase;
    font-size: 0.8rem;
}

#tabs_layout .nav.nav-pills li, #animal_file_bottom .nav.nav-pills li {
    display: flex;
    flex: 1;
}

#tabs_layout .nav.nav-pills li  a, #animal_file_bottom .nav.nav-pills li  a {
    flex: 1;
}


#tabs_layout .tab-content, #animal_file_bottom .tab-content{
	margin-top:5px;
	padding:10px 8px 10px 8px;
	border:1px solid #eeeeee;
}

#animal_file h4{
	margin-top:2px;
	margin-bottom:15px;
}

#animal_file small{
	font-size: 0.8rem;
}


#tabs_layout h5, #animal_file h5{
	margin:2px 0 10px 0;
	font-weight: 500 !important;
}

#tabs_layout .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover, #animal_file .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff !important;
    background-color: var(--info-blue) !important;
    border-color: var(--info-blue) !important;
    border-top-color: var(--cf-green-dark) !important;
}

#tab_alerts h5{
	text-align: center !important;
	text-transform: uppercase !important;
	font-weight: 300 !important;
	letter-spacing: 3px !important;
	font-size: 0.92rem;
}

.file_animal_summary_left{
	margin-left:10px;
	margin-right:20px;
	float:left;
	padding:0 10px;
}


.file_animal_summary_right{
	margin-left:5px;
	float:right;
	padding:0 10px;
}

#file_animal_image{
	position:relative;
	float:left;	
	text-align: center;
	border-radius:0px;
	margin:5px;
	border: 2px solid #eeeeee !important; 
	height: 135px;
	width: 135px;
}

#animal_icon_status{
	position:absolute;	
	top:30px;
}

#animal_text_status{
	padding-top:9px;
	font-size: 14px;

}

#animal_icon_status i.cf{
	font-size: 100px;
}
	

.chart_wrapper{
  	overflow-x: scroll !important;
  	overflow-y: hidden !important;
  	width: 100% !important;
  	padding:10px !important;
}

.chart_wrapper_mobile{
  	overflow-x: initial !important;
  	overflow-y: initial !important;
  	width: 100% !important;
  	padding:10px !important;
}

.chart_wrapper_both{
	
	overflow-y: auto !important ;
 	overflow-x: auto !important ;
 	height:500px;
  	width: 100% !important;
  	padding: 10px !important;
  	
}


/* .gantt g:first-of-type text{ */
/* 	font-weight: bold !important; */
/*  	font-size: 14px !important;  */
/*     transform: translate(-2px, -1px) !important;  */
/* } */


/* .gantt rect + text{ */
/*    font-size: 13px !important; */
/*    transform: translate(-2px, -1px) !important;  */

/* }  */

/* .gantt g:nth-child(5) rect { */
/*      outline:2px solid #fff !important; */
/*  } */
 
/*  .google-visualization-tooltip{ */
/*  	left:0 !important; */
/*  } */
 

.calendar_chart g:first-of-type text:nth-of-type(2), .calendar_chart g:first-of-type text:nth-of-type(3){
	font-size: 12px !important;

}


/* .calendar_chart g:first-of-type text:nth-of-type(4), .calendar_chart g:first-of-type text:nth-of-type(5), */
/* .calendar_chart g:first-of-type text:nth-of-type(6), .calendar_chart g:first-of-type text:nth-of-type(7), */
/* .calendar_chart g:first-of-type text:nth-of-type(8), .calendar_chart g:first-of-type text:nth-of-type(9), */
/* .calendar_chart g:first-of-type text:nth-of-type(10), .calendar_chart g:first-of-type text:nth-of-type(11), */
/* .calendar_chart g:first-of-type text:nth-of-type(12), .calendar_chart g:first-of-type text:nth-of-type(13), */
/* .calendar_chart g:first-of-type text:nth-of-type(14), .calendar_chart g:first-of-type text:nth-of-type(15) */
/* { */
/* 	display:none !important; */
/* } */


#fake_month_labels_a{
	transform: translate(0,84px);
}

#fake_month_labels_b{
	display:none;
}


.tabs_height{
	
	min-height: 49vh;
}




/* ######################################################################## M E D I A   Q U E R I E S ###################################################################*/
@media only screen and (min-width: 2002px) {
	:root {
		font-size: 1.08rem;
	}
	

	.dashboard .nav>li {
	    padding: 4px !important;
	    font-size: 0.80rem !important;
	}
	
	.sidebar-menu span {
    	font-size: 0.72rem;
	}
	
	.sidebar-menu i.cf{
		font-size: 1.1rem;
		
	}
	
	.tippy-content {
	  max-height: 95vh;
	  overflow-y: auto;
	}
	
	.toolbar_buttons.btn_narrow{
		width: 70px !important;
	}
	
	.toolbar_buttons.btn_wide{
		width: 125px !important;
	}

	.sliding_drawer {
	  	max-width:560px;
	}
	
	.fg_btn{
		padding:10px 8px !important;	
	}

	.fg_btn:has(i.cf){
		padding:8px 8px !important;
	}
	
	.table_tools_container {
    	margin-top: 10px;
    	margin-bottom: 4px;
	}

	
	.dt-buttons button{
		 min-width: 40px !important;
		 border-radius: 4px;
		 padding:4px 6px 2px 6px !important;
		 font-size: 1.1rem
	}
}

@media only screen and (min-width: 1351px) and (max-width: 2001px) {
	.dashboard .nav>li {
	    padding: 4px !important;
	    font-size: 0.80rem !important;
	}
	.tippy-content {
	  max-height: 88vh;
	  overflow-y: auto;
	}
	
}

@media only screen and (min-width: 1202px) and (max-width: 1350px) {
	.dashboard .nav>li {
	    padding: 4px !important;
	    font-size: 0.80rem !important;
	}
	.tippy-content {
	  max-height: 85vh;
	  overflow-y: auto;
	}
	
}

@media only screen and (min-width: 769px) and (max-width: 981px) {
	
	.tippy-content {
	  max-height: 80vh;
	  overflow-y: auto;
	}

	.dashboard .nav>li {
	    padding: 8px !important;
	    font-size: 0.87rem !important;
	}
	
	#tabs_layout .nav.nav-pills, #animal_file_bottom .nav.nav-pills{
    	display: block;
    	width: 100%;
    	
	}
	
	#tabs_layout .nav.nav-pills li, #animal_file_bottom .nav.nav-pills li {
	    display: block;
	    width: 100%;
	   
	}

	#tabs_layout .nav.nav-pills li a, #animal_file_bottom .nav.nav-pills li  a {
	   display: block;
	   width: 100%;  
	   font-size: 0.9rem;
	   margin-bottom:8px !important;
	}

	.file_animal_summary_right{
		margin-left:inherit;
		margin-top:20px;
		float:left;
		clear: both;

	}
	
	.file_animal_summary_left{
		margin-left:inherit;
		margin-top:20px;
		clear: both;

	}
	

	.pt_md_10{
		padding-top: 10px !important;
	}
	
	.pt_md_20{
		padding-top: 20px !important;
	}
	
	.pt_md_30{
		padding-top: 30px !important;
	}

}

@media only screen and (max-width: 768px) {

	.h_100{
		height: initial !important;
	}
	
	/* FULL CALENDAR */
	/* ---------------------------------- */
	
	.fc-list-view  {
	    border: 1px solid #dedede !important;
	}
	
	.fc-left{
		display: block !important;
		width:100% !important;
		
	}
	
	.fc-left h2 {
		text-align: center !important;
		padding-bottom:15px !important;
		float:none !important;
	}
	
	.fc-list-heading-main{
		text-transform: uppercase !important;
	}
	
	.fc-list-item-time{
		display:none !important;
	}
	
	.fc-event-dot {
	    width: 20px !important;
	    height: 20px !important;
	}
	
	.fc-list-item-marker{
		padding-left: 50px !important;
	}
	
	.fc-list-item-title{
		
		font-size:0.95rem !important;
	}

/* ---------------------------------- */
	

	.fg_btn_modal{
		min-width: 90px !important;
	}

	.row.equal {
	  	display: block !important;
	}
	
	.main-header i{
		font-size: 1.4rem;
	}
	
	.main-sidebar{
		padding-top:55px !important;
	}
	
	.fixed .content-wrapper{
		padding-top:50px !important;
	}

	.avatar i{
		font-size: 3.4375rem
	}
	
	.content-header{
		top:55px !important;
		padding:8px !important;
		
	}
	
	.content-header>h1 {
	    font-size: 	1.1rem;
	    letter-spacing: 0px;
	}
	
	.box-title{
		font-size:0.90rem !important;
		letter-spacing: 0px;
	}
	
	.sidebar-toggle{
		padding: 17px 20px 17px 17px !important;
    	display:block;
	}
	
	.dropdown-toggle{
    	padding: 17px 15px 17px 15px !important;
	}
	
	.sidebar-menu a{
		padding: 16px 12px 16px 12px !important;
	}
	
	.sidebar-menu *{
		font-size:	0.95rem;
	}
	
	.sidebar-menu .third_level_menu *{
		font-size: 0.9rem;
	}

	.sidebar-menu i{
		width: 28px;
	}
	
	.sidebar-menu>li:last-child{
		margin-bottom:20px;
	}
	
	.sidebar-menu li.divider{
		font-size: 1.2rem;
	}
	
	.user-menu .user_icon {
    	margin-right:0;
	}

	.fg_btn{
		padding:10px 12px !important;
		font-size:1.0rem !important;
	}		

	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
	    position: absolute;
	    right: 0;
	    left: auto;
	    border: 1px solid #ddd;
	    background: #fff;
	}
	
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu a{
	    color:#444 !important;
	    padding:15px 10px !important;
	    text-transform:uppercase;
	    font-size:0.90rem;
	}
	
	.navbar-custom-menu>.navbar-nav>li>.dropdown-menu a:hover{
		color:#222 !important;
		background-color: white !important;
	}
	
	.navbar-nav > .notifications-menu > .dropdown-menu > li.footer>div *{
		font-size: 1rem !important;
	
	}
	
	.select2-selection__clear{
		font-size:1.7rem !important;
	}
	
	.swal2-popup {
		border-radius: 8px !important;
	}
	
/* 	.swal2-title{ */
/* 		font-size: 0.8rem !important; */
/* 	} */
	

/* 	DASHBOARD */
/* 	-------------------------------------- */
	.small-box {
    	text-align: left;
	}
	
	.dashboard .nav>li {
	    padding: 12px !important;
	    font-size: 1.05rem !important;
	}
		
		
/* 	ANIMAL FILE */
/* 	-------------------------------------- */	
	
    #tab_info h5 {
    	font-size: 1rem;
	}
	
	#tab_info .third_level_label {
		font-size: 0.85rem;
	}

	.file_animal_summary_right{
		margin-left:inherit;
		margin-top:20px;
		float:left;
		clear: both;

	}
	
	.file_animal_summary_left{
		margin-left:inherit;
		margin-top:20px;
		clear: both;

	}
	
	#tabs_layout .nav.nav-pills, #animal_file_bottom .nav.nav-pills{
    	display: block;
    	width: 100%;
	}
	
	#tabs_layout .nav.nav-pills li, #animal_file_bottom .nav.nav-pills li {
	    display: block;
	    width: 100%;
	}

	#tabs_layout .nav.nav-pills li a, #animal_file_bottom .nav.nav-pills li  a {
	   display: block;
	   width: 100%;
	   font-size: 0.9rem;
	   margin-bottom:8px !important;
	}


/*  --------- TABLES Mobile Format------------*/

	.sliding_drawer {
	  max-width:100%;
	  right:0;
	}

	table{
		font-size:	0.93rem;
	}

	.file_icon{
		font-size:	2em !important;
		margin-top:-10px !important;
	}


	.internal_list_scroll{
	    overflow-y: auto !important ;
		overflow-x: hidden !important;
		max-height: var(--scroll_box_max_height_modal);
	}


	.dataTables_scrollBody{
		border-top: 1px solid #ddd !important;
		border-bottom: 1px solid #ddd !important;
		
	}
	
	.dataTable tbody td { 
		padding-right: 5px !important;
	}
	
	    
    .toolbar_search_type{
		width:7em;
    }

 	.dataTables_filter {  
   		margin-left: 0 !important;
 	}  

 	div.dataTables_filter input[type="search"] {
    	margin-left: 0 !important;
 	}  

   	.dt-buttons{   
   		margin: 5px 5px 5px 5px !important;
   		width: auto !important;
   		text-align:right !important
   		
   	}   
   	

  	.dt-buttons{ 
  		display:none; 
  	} 
 
	.dataTables_info {   
		margin:5px 5px 5px 5px !important;  
		padding:2px !important;  
		white-space: normal !important;

	}
 	.table_tools_container{
    
	    margin-top:0 !important;
	}
	
	/* Force table to not be like tables anymore */
	.vertical_table_xs table thead, .vertical_table_xs tbody, .vertical_table_xs th, .vertical_table_xs td, .vertical_table_xs tr {
		display: block !important;
	}
	
	.vertical_table_xs tfoot th:last-child{
		padding-right: 5px !important;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.vertical_table_xs thead tr {
		position: absolute !important;
		top: -9999px !important;
		left: -9999px !important;
	}

    .vertical_table_xs tr {
   		margin: 0 0 0 0 !important;
   		padding:10px 10px 10px 10px;
     	border-bottom:6px solid var(--info-blue);  
   	}
   	
    .vertical_table_xs tr:first-child {
      	border-top:none;  
   	}
   	.vertical_table_xs tr:last-child {
      	border-bottom:none;  
   	}
   	

   	  		       		      	   	  		      
	.vertical_table_xs tbody td {
		/* Behave  like a "row" */
		
		border: none !important;
		border-bottom: 1px dotted #ddd !important;
		position: relative !important;
		padding-left: 54% !important;
		min-height:28px !important;
	    padding-top:8px !important;
		padding-bottom:2px !important;
 		overflow-x: auto !important;  
 		overflow-y: hidden !important;  
 		text-overflow: initial !important;  
 		white-space: nowrap !important;
 		
	}

	.vertical_table_xs tbody td::before {
		/* Now like a table header */
		position: absolute !important;
		/* Top/left values mimic padding */
		left: 0 !important;
		width: 52% !important;  
		padding-right: 10px !important;
		font-weight:bold;
		font-size: 0.80rem;	
		color: #222 !important;
		text-transform: uppercase;
		overflow: hidden;
		text-overflow: ellipsis;
	    white-space: nowrap !important;
	}
	
	.vertical_table_xs tbody td.dataTables_empty{
		padding-left: initial !important;
		max-width: initial !important;
	}
	
	.vertical_table_xs tbody td span.generated{
		display:block;
	}
	
	.vertical_table_xs tfoot th {
		padding-left: 54% !important;
		text-align: left !important;
		border-top:0 !important;
	}

	.vertical_table_xs td:last-child{
		border-bottom:none !important;
	}


    /* Auxilary functions to vertical headers manipulation */
    /* ----------------------------------------------------- */
	.vertical_table_xs.hide_headers td {
  		padding-left: 0% !important;	
	}
	.vertical_table_xs.first_child_to_left td:first-child {
  		padding-left: 0 !important;	
	}
	
	.vertical_table_xs.hide_headers td:before {
  		content: "" !important;
	}

	.vertical_table_xs.no_borders tr {
   		border-bottom:1px solid var(--soft-grey);
   	}
   	
    .vertical_table_xs.no_borders tr:first-child {
     	border-top:1px solid var(--soft-grey) !important;
    }
    
    .vertical_table_xs.group td:first-child {
     	padding: 10px !important;	
     	text-align: center;
   	
    }
    .vertical_table_xs.group .dataTable tr.dtrg-group{
    	padding:0 !important;	
    }
    
    .vertical_table_xs.group .dataTable tr.dtrg-group td {
	    background-color: var(--row-line-color) !important;
	    color:white !important;
	    max-width: initial !important;
	}
	

	.vertical_table_xs td.column_index{
 		padding-left:0% !important;
 		padding-right:0% !important;
 		padding-bottom: 15px!important;
 		font-size:1.3em;
 		font-weight:bolder;
 		border-bottom: none !important;
 		text-align: left !important;
 		color:#888;
 		width: 100% !important;
 		
     }
     
     .vertical_table_xs tbody tr:nth-child(even) {
   		background-color: #ffffff !important; 
	 }
 

    .content{
     	margin-top:35px !important; 
    	padding-bottom: 0 !important;
    }

    
/*     Responsive measures and aligns */
/*     -------------------------------------------- */


    .sm-right{
		text-align: initial !important;
    }
    
    .sm-center{
    	text-align: initial !important;
	}
	
	.mx_xs_minus_15{
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	
/* 	Select2 */
/* 	------------------------------------------------------------------------------- */
	.select2-container--default .select2-selection--multiple .select2-selection__choice{
		clear:left !important;
	}
	
	.select2-container--default .select2-results__option{
		padding-top:12px !important;
		padding-bottom:12px !important;
	}
	
	.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
		padding-right: 10px;
	    padding-left: 5px;
	    font-size:18px;
	}
	
	
	
/* 	Mobile Headers*/
/* 	------------------------------------------------------------------------------- */
    .table.dataTable td:nth-of-type(0):before {
        content: attr(td_header_0);
    }
	.table.dataTable td:nth-of-type(1):before {
        content: attr(td_header_1);
    }
    .table.dataTable td:nth-of-type(2):before {
        content: attr(td_header_2);
    }   
    .table.dataTable td:nth-of-type(3):before {
        content: attr(td_header_3);
    }
    .table.dataTable td:nth-of-type(4):before {
        content: attr(td_header_4);
    }
    .table.dataTable td:nth-of-type(5):before {
        content: attr(td_header_5);
    }
    .table.dataTable td:nth-of-type(6):before {
        content: attr(td_header_6);
    }
    .table.dataTable td:nth-of-type(7):before {
        content: attr(td_header_7);
    }
    .table.dataTable td:nth-of-type(8):before {
        content: attr(td_header_8);
    }
    .table.dataTable td:nth-of-type(9):before {
        content: attr(td_header_9);
    }
    .table.dataTable td:nth-of-type(10):before {
        content: attr(td_header_10);
    }
   .table.dataTable td:nth-of-type(11):before {
        content: attr(td_header_11);
    }
    td:nth-of-type(12):before {
        content: attr(td_header_12);
    }
    .table.dataTable td:nth-of-type(13):before {
        content: attr(td_header_13);
    }
    .table.dataTable td:nth-of-type(14):before {
        content: attr(td_header_14);
    }
    .table.dataTable td:nth-of-type(15):before {
        content: attr(td_header_15);
    }
    .table.dataTable td:nth-of-type(16):before {
        content: attr(td_header_16);
    }
    .table.dataTable td:nth-of-type(14):before {
        content: attr(td_header_14);
    }
    .table.dataTable td:nth-of-type(15):before {
        content: attr(td_header_15);
    }
    .table.dataTable td:nth-of-type(16):before {
        content: attr(td_header_16);
    }
    .table.dataTable td:nth-of-type(17):before {
        content: attr(td_header_17);
    }
    .table.dataTable td:nth-of-type(18):before {
        content: attr(td_header_18);
    }
    .table.dataTable td:nth-of-type(19):before {
        content: attr(td_header_19);
    }
    .table.dataTable td:nth-of-type(20):before {
        content: attr(td_header_20);
    }
    .table.dataTable td:nth-of-type(21):before {
        content: attr(td_header_21);
    }
    .table.dataTable td:nth-of-type(22):before {
        content: attr(td_header_22);
    }
    .table.dataTable td:nth-of-type(23):before {
        content: attr(td_header_23);
    }
    .table.dataTable td:nth-of-type(24):before {
        content: attr(td_header_24);
    }
    .table.dataTable td:nth-of-type(25):before {
        content: attr(td_header_25);
       
    }
    .table.dataTable td:nth-of-type(26):before {
        content: attr(td_header_26);
    }
    .table.dataTable td:nth-of-type(27):before {
        content: attr(td_header_27);
    }
    .table.dataTable td:nth-of-type(28):before {
        content: attr(td_header_28);
    }
    .table.dataTable td:nth-of-type(29):before {
        content: attr(td_header_29);
    }
    .table.dataTable td:nth-of-type(30):before {
        content: attr(td_header_30);
    }
    .table.dataTable td:nth-of-type(31):before {
        content: attr(td_header_31);
    }
    .table.dataTable td:nth-of-type(32):before {
        content: attr(td_header_32);
    }
    .table.dataTable td:nth-of-type(33):before {
        content: attr(td_header_33);
    }
    .table.dataTable td:nth-of-type(34):before {
        content: attr(td_header_34);
    }
    .table.dataTable td:nth-of-type(35):before {
        content: attr(td_header_35);
    }
    .table.dataTable td:nth-of-type(36):before {
        content: attr(td_header_36);
    }
    .table.dataTable td:nth-of-type(37):before {
        content: attr(td_header_37);
    }
    .table.dataTable td:nth-of-type(38):before {
        content: attr(td_header_38);
    }
    .table.dataTable td:nth-of-type(39):before {
        content: attr(td_header_39);
    }
    .table.dataTable td:nth-of-type(40):before {
        content: attr(td_header_40);
    }
    .table.dataTable td:nth-of-type(41):before {
        content: attr(td_header_41);
    }
    .table.dataTable td:nth-of-type(42):before {
        content: attr(td_header_42);
    }
    .table.dataTable td:nth-of-type(43):before {
        content: attr(td_header_43);
    }
    .table.dataTable td:nth-of-type(44):before {
        content: attr(td_header_44);
    }
    .table.dataTable td:nth-of-type(45):before {
        content: attr(td_header_45);
    }
    .table.dataTable td:nth-of-type(46):before {
        content: attr(td_header_46);
    }
    .table.dataTable td:nth-of-type(47):before {
        content: attr(td_header_47);
    }
    .table.dataTable td:nth-of-type(48):before {
        content: attr(td_header_48);
    }
    .table.dataTable td:nth-of-type(49):before {
        content: attr(td_header_49);
    }
    .table.dataTable td:nth-of-type(50):before {
        content: attr(td_header_50);
    }
    .table.dataTable td:nth-of-type(51):before {
        content: attr(td_header_51);
    }
    .table.dataTable td:nth-of-type(52):before {
        content: attr(td_header_52);
    }
    .table.dataTable td:nth-of-type(53):before {
        content: attr(td_header_53);
    }
    .table.dataTable td:nth-of-type(54):before {
        content: attr(td_header_54);
    }
    .table.dataTable td:nth-of-type(55):before {
        content: attr(td_header_55);
    }
    .table.dataTable td:nth-of-type(56):before {
        content: attr(td_header_56);
    }
    .table.dataTable td:nth-of-type(57):before {
        content: attr(td_header_57);
    }
    .table.dataTable td:nth-of-type(58):before {
        content: attr(td_header_58);
    }
    .table.dataTable td:nth-of-type(59):before {
        content: attr(td_header_59);
    }
    .table.dataTable td:nth-of-type(60):before {
        content: attr(td_header_60);
    }
 
 	.chart_wrapper_mobile{
	  	overflow-x: scroll !important;
  	    overflow-y: hidden !important;
	  	width: 100% !important;
	  	padding:10px !important;
	}
	

	#tab_gallery .box-body{
		padding:0 !important;
	}
	
	#tab_gallery #links .col-xs-6{
		padding:8px !important;

	}
	
	.photo_controls {
	 	margin-bottom: 0 !important;
	}		
	 
	.selection_buttons{
	 	display:block !important;
	 	padding-bottom:10px !important;
	}
	
	#modal_load_animals_selections .modal-dialog{
		width: 95% !important;
	}
	

	#database_xs{
		text-align: center !important;
		color: var(--cf-green-medium) !important;
		pointer-events: none;
	
	}
	
}

.env-dev-banner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    min-height: 42px;
    padding: 10px 16px;
    background: repeating-linear-gradient(
        -45deg,
        #9f2a1d 0,
        #9f2a1d 14px,
        #7d1f16 14px,
        #7d1f16 28px
    );
    color: #ffffff;
    text-align: center;
    font-size: 15px;
    font-weight: 900;
    line-height: 22px;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .35);
}

.env-dev-banner::before,
.env-dev-banner::after {
    content: "DEV";
    position: absolute;
    top: 10px;
    font-size: 14px;
    font-weight: 900;
    color: #ffd966;
}

.env-dev-banner::before {
    left: 18px;
}

.env-dev-banner::after {
    right: 18px;
}

body.env-dev .env-dev-banner {
    display: block;
}

body.env-dev.fixed .main-header {
    top: 42px;
}

body.env-dev.fixed .main-sidebar {
    padding-top: 92px;
}

body.env-dev.fixed .content-wrapper {
    padding-top: 92px;
}