@font-face {
    font-family: "Nunito";
    src: url('../css/Nunito-Bold.ttf');
 }
body {
  height: 900px;
  width: auto;
  margin: 0px; padding: 0; 
  font-family: Nunito !important; 
  font-size: 14px;
  color: #002D49;
}

input{
  height: 35px;
  width: 100%;
  border-radius: 4px !important;
  background-color: #e8e8e8 !important;
  color: #002D49 !important;
  font-family: Nunito !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background-image: none !important;
  padding-left: 10px !important;
  background-image: linear-gradient(to bottom, #0075bf, #a1b1bb), linear-gradient(to bottom, #7683ca, #bdbdbd) !important;
}

textarea{
  height: 100px;
  width: 100%;
  border-radius: 4px !important;
  background-color: #e8e8e8 !important;
  color: #002D49 !important;
  font-family: Nunito !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background-image: none !important;
  padding-left: 10px !important;
  background-image: linear-gradient(to bottom, #0075bf, #a1b1bb), linear-gradient(to bottom, #7683ca, #bdbdbd) !important;
}

link{
  color: #004571 !important;
  font-family: Nunito !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 0.27px !important;
  line-height: 19px !important;
}

button{
  height: 40px;
  width: 150px;
  border-radius: 4px !important;
  background-color: #00BFAA !important;
  font-family: Nunito;
  font-size: 14px;
  letter-spacing: 0.27px;
  line-height: 19px;
}
button:hover{
    background-color:  #42525d !important;
    color:white !important;
}

.btn-hover{
    background-color:  #FFF !important;
    color:black !important;
}
hr{
  box-sizing: border-box;
  height: 1px;
  width: 399px;
  border: 1px solid #EEEEEE;
  margin-bottom: 0px;
}


#terminos{
  height: 19px;
  width: 286px;
  color: #004571 !important;
  font-family: Nunito !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 0.27px !important;
  line-height: 19px !important;
}

h1{
  color: #002D49 !important;
  font-family: Nunito;
  font-size: 30px !important;
  letter-spacing: 0.82px;
  line-height: 30px;
  text-align: center;
}

h2{
  color: #002D49 !important;
  font-family: Nunito;
  font-size: 20px !important;
  letter-spacing: 0.82px;
  line-height: 30px;
  text-align: center;
}

ul li a.ripplelink{
    color:white !important;
    text-transform: uppercase;
    font-size: 12.5px !important;
}

ul li a.ripplelink:hover{
    background-color:  #42525d !important;
}

.layout-wrapper .ultima-menu li.active-menuitem > a {
    background-color: #005C96 !important;
}

ul li a i.fa{
    color:white !important;
}

ul li ul li a{
    text-transform: uppercase;
    font-size: 12.5px !important;
}

ul li ul li a:hover{
    background-color:  #42525d !important;
}

ul li ul li i.fa{
    display: none !important;
}

ul li a i.material-icons{
   color: white !important;
}

h3.small-text{
    font-size: 11px !important;
    display: flex;
}
h3.small-text i.material-icons{
   font-size: 14px !important; 
}

.ui-datagrid .ui-paginator-top {
    display: none !important;
}

.ui-datagrid .ui-paginator-bottom {
   
    
}

.ver-todos{
    color:#00BFAA !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
}

body .ui-widget-content{
    border: 0px !important;
}

@media screen and (max-width: 920px) {
    .reducir{
        padding-left: 25px !important;
    }

}

.menu-hq-color{
background-color: #e3750c !important;
}
.menu-hq-color ul li a{
color: white !important;
}

.ui-fieldset, .ui-fieldset  {
    padding: .6em 1em;

box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 2px 1px -1px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
body .ui-widget-header {
    background-color: transparent  !important;
    color: #9b9b9b !important;
    border:none !important;
}

body .ui-paginator > a{
    color:#9b9b9b !important;
}
body .ui-paginator .ui-paginator-pages a{
    color:#3F51B5 !important;
}

body .md-inputfield label:not(.ui-selectonemenu-label) {

    top: 9px;
}

body .ui-selectonemenu {
  border-radius: 4px !important;
  background-color: #e8e8e8 !important;
  color: #002D49 !important;
  font-family: Nunito !important;
  font-size: 14px !important;
  font-weight: normal !important;
  background-image: none !important;
  padding-left: 10px !important;
  padding-top: 5px !important;
  background-image: linear-gradient(to bottom, #0075bf, #a1b1bb), linear-gradient(to bottom, #7683ca, #bdbdbd) !important;
  height: 35px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #00BFAA !important;
    color: #ffffff;
    margin-right: 6px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button:hover {
    background-color: #42525d !important;
    color: #ffffff;
    margin-right: 6px;
}



body .ui-datepicker .ui-datepicker-header {
    background: #005C96 ;
    border-color: #005C96;
}

body .ui-datepicker thead tr {
    color: #ffffff;
    background: #e3750c;
}

body .p-datepicker-panel .ui-datepicker-buttonbar {    
    background: #ffffff !important;
    border:0px !important;
}


body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Nunito";
    text-decoration: none;
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Nunito";
    text-decoration: none;
}

.layout-wrapper .layout-main {
    padding: 1px 1px 1px 1px !important;
 
}

body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #e8e8e8;
    border: 1px solid #bdbdbd;
    padding: 0.857em 1em;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-hover {
    background-color: #d3d3d3;
    color: #000000;
}
body .ui-datatable tbody tr.ui-datatable-odd.ui-state-hover {
    background-color: #d3d3d3;
    color: #000000;
}
body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background-color: #E91E63;
    color: #ffffff;
}
body .ui-datatable tbody tr.ui-datatable-odd.ui-state-highlight {
    background-color: #E91E63;
    color: #ffffff;
}
body.layout-compact .ui-widget-content {
    font-size: 12px !important; 
}

body .ui-datatable-sticky > .ui-sticky{
                position: fixed;
                width: 1212px;
                top: 50px !important;
                left: 16px;
                z-index: 1004;
            }
   
.bubble {
	position: relative;
	max-width: 50em;
	background-color: #fff;
	padding: 1.125em 1.5em;
	font-size: 1.25em;
	border-radius: 1rem;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        font-weight: 300;
        box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);        
}

.bubble::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em; 
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}


.bubble-bottom {
	position: relative;
	max-width: 50em;
	background-color: #fff;
	padding: 1.125em 1.5em;
	font-size: 1.25em;
	border-radius: 1rem;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        font-weight: 300;
        box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);        
}

.bubble-bottom::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	top: 100%;
	left: 1.5em; 
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
        rotate: 180deg;
}

.bubble-left {
	position: relative;
	max-width: 50em;
	background-color: #fff;
	padding: 1.125em 1.5em;
	font-size: 1.25em;
	border-radius: 1rem;
        font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
        font-weight: 300;
        box-shadow:	0 0.125rem 0.5rem rgba(0, 0, 0, .3), 0 0.0625rem 0.125rem rgba(0, 0, 0, .2);        
}

.bubble-left::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	top:1.8rem;
	left: -0.90em;
	border: .75rem solid transparent;
	border-top: none;
	border-bottom-color: #fff;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
        rotate: -90deg;
}

body.layout-compact .ui-datatable thead th{
    text-align: center
}

body .p-datepicker-panel .ui-timepicker  {
    color: #5977cd;
}

body .p-datepicker-panel .ui-timepicker .ui-picker-up:hover {
    background-color: #d0d2e1;
}

body .p-datepicker-panel .ui-timepicker .ui-picker-up {
    color: #68a4e3;
}

body .p-datepicker-panel .ui-timepicker .ui-picker-down:hover {
    background-color: #d0d2e1;
}

body .p-datepicker-panel .ui-timepicker .ui-picker-down {
    color: #68a4e3;
}