.titleSesion {
  text-align: center;
  color: #a3a3a3;
  margin-top: 0px;
  margin-bottom: 16px;
}

:root {
  --mdc-theme-primary: #fb309b;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme-primary);
  }


  @media (max-width: 768px) {

    /* #alert-dialogAsign {
      margin-top: -35px;
    } */

    .mdc-layout-grid {
        /* padding: 0px; */
      } 
    #menu1 {
        /* width: 36px; */
      }
    .mdc-menu-anchor > p{
      display: none;
      }
    #linkLogo {
      display:block;
      margin-left: auto;
      margin-right: auto;
    }
    #linkLogo > img {
      max-width: 180px;
    }
    .mdc-top-app-bar__section.menuBar {
      display:none;
      }  
    .contenedor {
      width:315px;
    }
    .contenedor2 {
      width:315px;
    }
    .contenedor3 {
      width:315px;
    }
    .contenedor4 {
      width:315px;
    }
    .contenedor5 {
      width:100%;
    }
    #panelBotones  {
      /* text-align:center; */
      width:315px;
      margin-left:auto;
      margin-right:auto;
    }
    .tituloHoja {
      margin-top: 8px;
      margin-bottom: 0px;
      }


    }

    
    @media (min-width: 768px) {

  
      .mdc-top-app-bar__section--align-start, .pUser {
        display: none;
      }
      #linkLogo > img {
        max-width: 225px;
      }
      .contenedor {
        width:1150px;
      }
      .contenedor2 {
        width:790px;
      }
      .contenedor3 {
        width:1200px;
      }
      .contenedor4 {
        width:900px;
      }
      .contenedor5 {
        width:490px;
      }
      #panelBotones  {
        text-align:left;
        width:1110px;
        margin-left:auto;
        margin-right:auto;
      }
    }



body {
  margin: 0px;
  background-color: #f7f7f7;
  }

  .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

.mdc-text-field__icon {

  color: #a3a3a3;
  
  
}

#divMostrar {
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  top: 50%;
  right: 0px;
  padding: 0px;
}
  
.mdc-text-field .mdc-floating-label {
  left: 0px;
}

#mdc-card-login {
  max-width: 315px;
  margin-left: auto;
  margin-right: auto;
}

.mdc-top-app-bar {
  background-color: #f1f1f1
}

.linea1 {
  width: 16.66666667%;
}

.linea2 {
  width: 66.66%;
}

.mdc-top-app-bar {
  color: #5f5f5f;
}

.mdc-top-app-bar .mdc-top-app-bar__action-item, .mdc-top-app-bar .mdc-top-app-bar__navigation-icon { 
  color: #5f5f5f;
}


.mdc-top-app > p {
  color: #5f5f5f;
}

.mdc-list-item {
  white-space: nowrap;
}

.mdc-list-item > i {
  margin-right: .4rem;
  font-size: 1.1rem;

}

.mdc-list-item > span {
font-size: .9rem;
}

.mdc-menu > ul > li > p {
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: center;
  padding-right: 1em;
  padding-left: 1em;

}

.navbar-default .navbar-nav>li>a {
  color: #777;
}

.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

a:-webkit-any-link {
  cursor: pointer;
}

a {
  text-decoration: none;
}

.navbar-nav>li {
  float: left;
}

.navbar-nav {
list-style-type: none;
}

.navbar-nav>li>a:hover{
  /* color: #c53180 !important; */
  color: #fb309b ;

}

.navbar-nav>li>a {
  color: #777;
  font-size: 0.95em; 
  font-weight: bold;
}


.tituloHoja {
  text-align: center;
  color: #a3a3a3;
  /* margin-top: 0px; */
  /* margin-bottom: 16px; */
}

.contenedor {
  margin-top: 6px;
  /* width:1150px; */
  overflow:auto;
  margin-left:auto;
  margin-right:auto;
  }

.contenedor2{
    margin-top: 6px;
    /* width:1150px; */
    overflow:auto;
    margin-left:auto;
    margin-right:auto;
    padding-top: 8px;
    }
.contenedor3 {
      margin-top: 6px;
      /* width:1150px; */
      overflow:auto;
      margin-left:auto;
      margin-right:auto;
      padding-top: 8px;
      }
.contenedor4 {
        margin-top: 6px;
        /* width:1150px; */
        overflow:auto;
        margin-left:auto;
        margin-right:auto;
        padding-top: 8px;
      }
.contenedor5 {
        margin-top: 6px;
        /* width:1150px; */
        overflow:auto;
        margin-left:auto;
        margin-right:auto;
        padding-top: 8px;
      }

#panelBotones > button {
  margin-top: 8px;
  /* margin-bottom: 8px; */
  /* font-size: 11px; */
  font-size: .69em;
  width: 9.19rem;
}


.mdc-drawer {
  width: unset;
}



.mdc-drawer .mdc-list-item {
  color: #5f5f5f;
}

.mdc-drawer .mdc-list-item--activated {
  color: #fb309b ;
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  background-color: #c0c0c0;
}

input:focus {
  outline: -webkit-focus-ring-color auto 1px;
  outline-color: #f9ba2d;
  outline-style: auto;
  outline-width: 1px;
}

.ui-dialog {
  font-size: 0.85em;
  }

.ui-dialog-buttonset>button:focus {
  outline-color:#fb309b ;
  }

.ui-dialog-buttonset>button>span {
  font-size:0.85em;
  }

.ui-grid-ico-sort.ui-icon-asc.ui-icon.ui-icon-triangle-1-n.ui-sort-ltr {
  margin-left: 1px;
}

.ui-state-default.ui-jqgrid-hdiv {
  /* height: 45px; */
}

.form-group {
  padding: 4px;
}

.mdc-dialog__surface {
  padding: 6px;
}


.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Arial,Helvetica,sans-serif;
  font-size: .90em;
}

.controlgroup-vertical {
  /* width: 85px; */
  width: 77px;
  }
  .ui-controlgroup.ui-controlgroup-vertical > button.ui-button,
  .ui-controlgroup.ui-controlgroup-vertical > .ui-controlgroup-label {
    text-align: center;
    }

  .ui-controlgroup-horizontal .ui-spinner-input {
    width: 20px;
    }

  div#gbox_lista_pac_hc {
    border: 0px;
    }

  div#gview_lista_pac_hc div {
    border: 0px;
    }


  .controlgroup-vertical>button {
    margin-bottom: 4px;
    margin-top: 4px;
    font-size: 12px;
    padding-left:3px; 
    padding-right:3px;
    padding-top: 8px;
    padding-bottom: 2px;
    }

    .controlgroup-vertical>button>span {
      font-size: 1.7em;
      /* font-size: 2.7em; */
      /* color: #01b5f0; */
      color: #fb309b;
      /* height:40px; */
      /* height:30px; */
      height: 24.4;
      width: 65px;
    }

 #pp{
  background-color: #f6f6f6;
  width:650px;
  /* height:484px; */
  height:462px;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 6px;
 }

 #pp1{
  background-color: #f6f6f6;
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /* margin-bottom: 6px; */
 }

#pp1>textarea{
  margin: 6px;
  width: 750px;
}


 #register_form>fieldset {
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 4px;

 }
#idEncPac {
  display: block;
  padding: 3px;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 0px;
  /* vertical-align: top; */
  margin-bottom: 8px;
}

/* input:checked{
  background-color: #fb309b;
} */


/* .cbox:checked + label:after {
  background-color: #595959;
}

.cbox:checked + label:after {
  background-color: #595959;
} */

/* input[type=checkbox]:checked:before {
  background: green !important;
  color: black !important;
} */

table {
  /* display: none; */

  border-collapse: collapse;
  border-spacing: 1px;
  /* box-sizing: content-box; */


  
  -webkit-border-horizontal-spacing: 0px;
  -webkit-border-vertical-spacing: 0px;
}

/* #list_records tbody {
  border: 5px;
  border-color: #fb309b;
  box-sizing: border-box;
} */

/* .jqgrow.ui-row-ltr.ui-widget-content {
  display: none;
}

jqgrow.ui-row-ltr.ui-widget-content.ui-state-highlight {
  display: block;
} */

.material-icons.md-20 { font-size: 20px; }

.material-icons.md-tr1 { color: #d5150a}
.material-icons.md-tr2 { color: #ee7700}
.material-icons.md-tr3 { color: #fddc2c}
.material-icons.md-tr4 { color: #389f0f}
.material-icons.md-tr5 { color: #4052a5}


/* 
.checkbox input[type="checkbox"] {
  width: auto;
  opacity: 0.00000001;
  position: absolute;
  left: 0;
  margin-left: -20px;
}
.checkbox label {
  position: relative;
}
.checkbox label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  margin: 4px;
  width: 22px;
  height: 22px;
  transition: transform 0.28s ease;
  border-radius: 3px;
  border: 2px solid #7bbe72;
}
.checkbox label:after {
content: '';
  display: block;
  width: 10px;
  height: 5px;
  border-bottom: 2px solid #7bbe72;
  border-left: 2px solid #7bbe72;
  -webkit-transform: rotate(-45deg) scale(0);
  transform: rotate(-45deg) scale(0);
  transition: transform ease 0.25s;
  will-change: transform;
  position: absolute;
  top: 12px;
  left: 10px;
} */
/* .checkbox input[type="checkbox"]:checked ~ label::before {
  color: #7bbe72;
}

.checkbox input[type="checkbox"]:checked ~ label::after {
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
} */

/* .checkbox label {
  min-height: 34px;
  display: block;
  padding-left: 40px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  vertical-align: sub;
}
.checkbox label span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
} */
/* .checkbox input[type="checkbox"]:focus + label::before {
  outline: 0;
} */

/* .checkbox:checked {
  background: red;
  color: white;
} */

/* .checkbox:checked:before{
  background-color:green;
  background: red;
  color: red;
  } */

   .checkbox {
    display: inline-flex;
    cursor: pointer;
    position: relative;
}

.checkbox > span {
    color: #34495E;
    padding: 0.5rem 0.25rem;
}

.checkbox > input {
    height: 1.2em;
    width: 1.2em;;
    /* -webkit-appearance: none; */
    /* -moz-appearance: none; */
    /* -o-appearance: none; */
    appearance: none;
    border: 1px solid #b3b3b3;
    /* border-radius: 4px; */
    /* outline: none; */
    /* transition-duration: 0.3s; */
    /* background-color: #41B883; */
    /* cursor: pointer; */
  }

.checkbox > input:checked {
    /* border: 1px solid #41B883; */
    background-color: #fb309b;

}

/* .checkbox > input:checked::before {
  content: "\2713";
  color: black;
} */


.checkbox > input:checked:before {
/* .checkbox > input:checked + span::before { */
  content: '\2713';
  position: absolute;
  top: .35em; left: .46em;
  font-size: 1.2em;
  line-height: 0.8em;
  color: white;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
    /* content: '\2713\0020';
    display: block;
    text-align: center;
    color: #41B883;
    position: absolute;
    left: 0.7rem;
    top: 0.2rem; */
}

.checkbox > input:active {
    border: 2px solid #ffffff;
} 

/* #picker {
  margin-left: 0px;
} */

input[type="date"]::-webkit-calendar-picker-indicator {
  /* color: rgba(0, 0, 0, 0);
  opacity: 1;
  display: block;
  background: url(https://mywildalberta.ca/images/GFX-MWA-Parks-Reservations.png) no-repeat;
  width: 20px;
  height: 20px;
  border-width: thin; */
  margin-left: 0px;
}

.formMapeo div {
  padding-top: 3px;
  padding-bottom: 3px;
}

.contenedor > fieldset {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#gc1 {
  display: block;
  margin-right: auto;
  margin-left: auto;
  text-align:left;
}

.ffb {
  margin-top:8px;
  /* margin-left:70px; */
  margin-left:3px;
  }

#list_records td.coberturaTitulo {
  overflow:visible;
  margin-bottom:18px;
  }

#list_records .ffb {
  margin-top:20px;
  }
.ui-jqgrid {
  margin:0 auto;
  }

  #list_records td.proveedSugTitulo {
  overflow:visible;
  margin-bottom:18px;
  }

  #list_records td.proveedCompTitulo {
    overflow:visible;
    margin-bottom:18px;
    }

    .contenedor5  .mdc-list-item__graphic  {
      font-size: 42px;
      margin-right: 16px;
      }

      .material-icons.icon,
.material-label {
  font-size: 3em;
  line-height: 1;
  display: block;
  /* color: #424242; */
  margin: .5em 0
}

      .material-icons.md-badge[data-badge]::after,
      .material-label.md-badge[data-badge]::after{
        font-size: .35em;
        width: 1.4em;
        height: 1.4em;
        
      }
      
      .material-icons.md-badge[data-badge]::after {
        top: 1em;
        right: -.9em;
      }
      .md-badge {
      position: relative;
      
      }

      .md-badge[data-badge]:after {
        content: attr(data-badge);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: -11px;
        right: -24px;
        font-family: 'Roboto','Helvetica','Arial',sans-serif;
        font-weight: 400;
        font-size: 12px;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        border: 2px solid white;
        background: rgb(255,64,129);
        color: white;
        }

        .mdc-list-item__primary-text {
          font-size: 1.2em;
          font-weight: 600;
        }

        .mdc-list-item__secondary-text {
          font-size: 1.0em;
          /* font-weight: 600; */
        }


.activoNosel {
  color:#4052a5;
}

.activoPos {
  color: red;
}

.activoNeg{
  color: green;
}