/* body{
    line-height: 1rem;
    overflow-x: hidden;
} */

#div_carga{
  top: 0rem;
  left: 0rem;
  width: 100%;
  height: 100%;
  background-color: rgba(147,147,147, 0.3);
  display: none;
  z-index: 50000;
  position: fixed;
  /* display: grid; */
  align-content: center;
}
#div_carga #img_cargando{
  color: #232853;
  /* position: fixed;
  top: 45%;
  left: 50%;
  margin-top: -1.563rem;
  margin-left: -1.563rem; */
  margin: auto;
}
#div_carga #mensaje_alerta{
  color: #232853;
  font-weight: bold;
  margin: auto;
  margin-top: .5rem;
}


.nopadding{
    padding: 0rem !important;
}
.nomargin{
    margin: 0rem !important;
}

/* .right-panel header.header{
  padding: 5px 20px 0px 0px;
}
.right-panel .breadcrumbs{
  padding: 0 0px !important;
}
.right-panel .page-header{
  min-height: 40px;
}
.right-panel .page-header h1{
  padding: 10px 0;
}

.form-group.has-error label.control-label, .form-group.has-error .help-block {
  color: #f44336;
  font-weight: 600;
}

.form-control{
  height: auto !important;
  padding: .275rem .65rem !important;
} */

.sweet-alert{
  z-index: 1000000 !important;
}

.has-errorM{
  border: solid 1px red !important;
}
.text-muted{
  line-height: 1rem !important;
  text-align: justify;
}
/* label-floating  */

.label-floating .control-label{
	font-size: 1em !important;
}

.label-floating:not(.is-empty) label.control-label{
	color: #C4482E;
	font-weight: bold;
}

.label-floating:not(.is-empty).is-fileinput  label, .label-floating.is-fileinput.is-focused  label{
  left: -8px !important;
}

.label-floating label {
  z-index: 1050 !important;
}

.label-floating .select2-container{
  /*position: relative !important;*/
  /*top:8px !important;*/
  margin-top: 8px !important;
}
.select2{
  /*height: 0px ;*/

}
/* .label-floating .select2{
  min-height: 35px !important;
} */

/* .select2_top .select2-selection{
  margin-top: -8px;
}

.select2-selection{
  min-height: 33px !important;
}
.label-floating .select2-selection {
  margin-top: -6px;
  min-height: 33px !important;
}
*/

.select2-search-field{
  width: 32px !important;
}
.select2-choices{
  padding-top: 0px !important;
}
.select2-choice{
  height: 32px !important;
  line-height: 32px !important;
}


.label-floating label.form-control{
  text-align: left !important;
  color: #666666 !important;
}

/* </label-floating  */

.cursor{
	cursor: pointer !important;
}

.hide{
	display: none !important;
}

.justify{
	text-align: justify !important;
}

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

.centrarh1{
  display: inline-flex;
  justify-content: space-evenly;
}
.centrarh2{
  display: flex;
  align-items: center;
}

.right1{
  display: inline-flex;
  flex-direction: row-reverse;
  padding-right: 33px;
}
.right1 > *{
   margin-left: 6px;
}
/*.right1 > button{
   margin-left: 6px;
}*/

.left1{
  display: inline-flex;
  justify-content: space-between;
}
.left2{
  display: inline-flex;
  justify-content: space-between;
  position: relative;
  left: 60px;
}
.left3{
  display: inline-flex;
  justify-content: start;
}
.left3 > *{
  margin-right: 6px;
}

/* .btn{
  cursor: pointer !important;
  border-radius: .25rem !important;
  transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
  padding: 0.313rem 0.938rem !important;
}
*/
.btn-secundario{
    background-color: #F4F4F4 !important;
    border: 1px solid #DDDDDD !important;
    color: #4B4B4B !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.btn-quitar{
    background-color: #F4F4F4;
    border: 1px solid #DDDDDD;
    color: #4B4B4B;
    padding-left: 18px;
    padding-right: 18px;
    font-weight: bold;
    font-size: 1.7142rem;
    line-height: 1.7142rem;
}

.btn-secundario:hover, .btn-quitar:hover{
    background-color: #DADADA !important;
    color: #4B4B4B !important;
}

.btn-secundario i{
    font-size: 0.8rem !important;
    margin-right: 2px !important;
}

.btn-principal{
    color: white !important;
    border: solid 1px #367FA9 !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    background-color: #3C8DBC !important;
 		font-weight: normal !important;
}
.btn-principal:hover, btn-agregar:hover{
    background-color: #296182 !important;
}

/* .btn-info {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}
.btn-primary {
    color: #fff !important;
    background-color: #00679E  !important;
    border-color: #285e8e !important;
}
.btn-success {
    color: #fff !important;
    background-color: #449d44 !important;
    border-color: #398439 !important;
}
.btn-warning {
    color: #fff !important;
    background-color: #ec971f !important;
    border-color: #d58512 !important;
}
.btn-danger {
    color: #fff !important;
    background-color: #c9302c !important;
    border-color: #ac2925 !important;
}
.btn-default {
    background-color: #F4F4F4 !important;
    border: 1px solid #DDDDDD !important;
    color: #4B4B4B !important;
}
 */ 
.nopadding{
    padding: 0px !important;
}
.nomargin{
    margin: 0px !important;
}

.alert.alert-info{
  margin-bottom: 0px !important;
}

.btn1{
  padding: 6px 17px !important;
  background-color: #F4F4F4;
  border-color: #DDDDDD;
  font-size: 0.9285rem;
  cursor: pointer;
  /*font-family: 'Liberation Sans';*/
}

.btn2{
  padding: 6px 17px !important;
  background-color: #3C8DBC;
  border-color: #367FA9;
  font-size: 0.9285rem;
  cursor: pointer;
  /*font-family: 'Liberation Sans';*/
}

.btn3{
  height: 30px !important;
  padding: 3px 17px !important;
  background-color: #F4F4F4;
  border-color: #DDDDDD;
  font-size: 1rem;
  font-family: 'SourceSansPro';
  color: #444444;
  cursor: pointer;
}
.btn3 span{
  vertical-align: top !important;
  position: relative;
  top:-2px;
  font-size: 1.2857rem; font-weight:bold;
  cursor: pointer;
}

.taman1{
  width: 33px !important;
  height: 35px !important;
  font-size: 1.0625rem !important;
  text-align: center !important;
  vertical-align: top !important;
  padding: 0px !important;
}

/* .content.mt-3{
  padding: 2px 10px !important;
  margin-top: 5px !important;
  height: auto ;
}

.text-muted{
  line-height: 20px !important;
} */

.lista_btn{
  padding: 5px;
  margin-left: 20px
}

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

/*  *************************************************** */
/*  DATATABLE */
/* table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
}
table.dataTable.no-footer {
    border-bottom: none !important;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: none !important;
}
table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: content-box;
}
.table-bordered {
    border: 1px solid #F4F4F4 !important;
}
.dataTable {
    border-collapse: collapse !important;
}
.tabla-lista {
    border: 1px solid #F4F4F4;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 10px !important;
    vertical-align: middle !important;
}

table.dataTable label{
  margin-bottom: 0px !important;
} */

/*  *************************************************** */
/* // DATATABLE */

/* .label-text{
  font-size: 16px;
}
.page-title h1{
  font-weight: bold !important;
}

.form-group{
  margin-bottom: .6rem !important;
  overflow: hidden !important;
  height: auto !important;
}
.form-group .row{
  margin-bottom: .6rem !important;
  overflow: hidden !important;
} */

.boton-examinar{
    background-color: #F4F4F4;
    color:#4B4B4B;
    line-height: 28px;
    padding: 0px 15px;
    font-size: 0.9rem;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    border: 1px solid #DDDDDD;
    text-align: center;
    vertical-align: top;
}

.boton-examinar:hover{
    background-color: #DFDFDF;
}

.inputFile{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}


.textoResaltado {
  font-style: italic;
  vertical-align: top;
  color: #666;
}

.texto{
  width: 100% !important;
  margin: 2px 0px 0px 10px !important;
  height: auto ;
  min-height: 22px;
}

.textoCentra{
  width: 100% !important;
  height: auto ;
  min-height: 22px;
  text-align: center !important;
}

.titu1{
  font-size: 16px;
  font-weight: bold;
  min-height: 22px;
  color: #C4482E;
}


.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

/* .card-header{
  background-color: #C5682F !important;
}
.card-title{
  color: white !important;
} */
/* h1{
  color: #C4482E;
}
aside.left-panel{
  max-width: 100% !important;
} */

/* .content.mt-3{
  min-height: 550px !important
} */

@media only screen and (max-width: 1124px) { 
  html{
    font-size: 16px;
  }
}
@media only screen and (max-width: 980px) {
  html{
    /* font-size: 30px; */
  }
}
@media only screen and (max-width: 780px) {
  html{
    /* font-size: 20px; */  
  }

}
/* @media only screen and (max-width: 480px) {
  html{
    font-size: 12px;
  }

  .navbar-brand img{
    width: 35px;
  }

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

} */