@media screen and (max-width: 800px) {
  div.my-footer { display: none; }   /* hide it elsewhere */
  div.my-title { display: none; }   /* hide it elsewhere */
  div.left-logo { display: none; }   /* hide it elsewhere */
}


/*
.panel-primary {
    border-color: #65ad68;
}

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #65ad68;
    border-color: #65ad68;
}
*/

.img-mensaje {
  width: 27px;
  height: 27px;
}

/*
body > .function-login {
  background-image: url(images/Sistema.jpg);
  background-repeat: no-repeat;
  width: 90%;
  height: 80%;
}
*/

.login-width {
  margin: 0px;
  width: 600px;
}

.img-fluid {
  max-width: 85%;
  height: auto;
}
.img-responsive {
  display: block;
  max-width: 80%;
  height: auto;
}

.img-rounded {
 border-radius: 50%;
}

.img-rounded-2 {
 border-radius: 3px;
}


.div-rounded {
 border-radius: 4px;
}

.div-margins {
  margin-bottom: 20px;
  margin-top: 20px;
  margin-left: 5px;
  margin-right: 5px;   
}

.my-green {
 background-color: #00b140;
}

.my-white{
 color: #ffffff;
}

.my-gray{
 color: #85817F !important;
}

.my-title {
  padding: 5px;
  color: #A2A7AB;
  font-weight: bold;  
}

label {
 font-weight: bold;
}

.swal-wide{
    width:450px !important;
}
/*
.box-shadow-card {
    box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.2),
        2px 6px 20px 2px rgba(0, 0, 0, 0.19);
}
*/
/*
.r-above{
box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.2),
        2px 6px 20px 2px rgba(0, 0, 0, 0.19) !important;
}

.r-below {
box-shadow: 2px 4px 8px 2px rgba(0, 0, 0, 0.2),
        2px 6px 20px 2px rgba(0, 0, 0, 0.19) !important;
}
*/
.col-md-6 {
  padding: 4px !important;  
}

/*
.navbar {
  background: #4c974f !important;  
  color: white;
}

[data-itemid~=logo1] {
  background: #4c974f !important;
}

[data-itemid~=logo] {
  background: #4c974f !important;
}

[data-itemid~=menu] {
  background: #4c974f !important;
}

.r-left {
  background: #4c974f !important;  
  color: white;
}

[data-itemtype~=expand_button] {
  background: #4c974f !important;
}
 */  
.mt-1 {
  margin-top: .25rem;
}

.m-0 {
 margin: 0;
}

.mb-1 {
  margin-bottom: .25rem;
}

.mt-2 {
  margin-top: .50rem;
}

.mb-2 {
  margin-bottom: .50rem;
}

.mt-3 {
  margin-top: .75rem;
}

.mb-3 {
  margin-bottom: .75rem;
}

.mt-4 {
  margin-top: 1.0rem;
}

.mb-4 {
  margin-bottom: 1.0rem;
}

.mr-1 {
  margin-right: .25rem;
}

.ml-1 {
  margin-left: .25rem;
}

.mr-2 {
  margin-right: .50rem;
}

.ml-2 {
  margin-left: .50rem;
}

.mr-3 {
  margin-right: .75rem;
}

.ml-3 {
  margin-left: .75rem;
}

.mr-4 {
  margin-right: 1.0rem;
}

.ml-4 {
  margin-left: 1.0rem;
}

.omujer {
  background-color: #CE3E33 !important;
  color: white;
}

.bgtitle-color {
  background-color: #bbbfbd !important;
}

div>img {
	border: 5px solid #d3d3d3;
  border-radius: 3px;
}

div>img:hover {
  cursor: pointer;
  box-shadow: 5px 5px #949494;
}

hr {
  border-top: 1px solid #ddd !important;
}

html, body {
  overflow-x: auto !important;
}

body {
  width: 100%;
  min-width: 1200px; /* ajusta según el ancho que necesites */
}