body {
  background-image: url(../imagenes/bg_ov_01.png) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.btn-inicio i {
  font-size: 3em !important;
  margin-bottom: 5px;
}

.pantalla_bloqueo {
  display: none;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.9);
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}

.spinner_lg {
  margin: auto;
  border: 5px solid #f3f3f3;
  /* Light grey */
  border-top: 5px solid #3f51b5;
  /*#3498db Blue */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 100px;
  height: 100px;
  animation: spin 1s linear infinite;
}

.spinner_md {
  margin: auto;
  border: 5px solid #f3f3f3;
  /* Light grey */
  border-top: 5px solid #3f51b5;
  /*#3498db Blue */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}

.spinner_sm {
  margin: auto;
  border: 2px solid #f3f3f3;
  /* Light grey */
  border-top: 2px solid #3f51b5;
  /*#3498db Blue */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.spinner_sm_white {
  margin: auto;
  border: 2px solid #4285F4;
  /* Light grey */
  border-top: 2px solid #ffffff;
  /*#3498db Blue */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: spin 1s linear infinite;
}

.spinner {
  /*margin: auto;*/
  border: 4px solid #f3f3f3;
  /* Light grey */
  border-top: 4px solid #4285F4;
  /*#3498db Blue */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 33px;
  height: 33px;
  animation: spin 1s linear infinite;
}

#imagen_bloqueador {
  padding-top: 20%;
  text-align: center;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ============================================================
   ESTILOS DEL SWITCH
============================================================ */
.switch {
  width: 100px;
}

#etiqueta_status {
  text-align: center;
}

.cmn-toggle {
  position: absolute !important;
  margin-left: -9999px !important;
  visibility: hidden !important;
}

.cmn-toggle+label {
  display: block !important;
  position: relative !important;
  margin-left: 15px !important;
  cursor: pointer !important;
  outline: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

input.cmn-toggle-round-flat+label {
  padding: 2px !important;
  width: 56px !important;
  height: 28px !important;
  background-color: #BBBBBB !important;
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  -ms-border-radius: 60px !important;
  -o-border-radius: 60px !important;
  border-radius: 60px !important;
  -webkit-transition: background 0.2s !important;
  -moz-transition: background 0.2s !important;
  -o-transition: background 0.2s !important;
  transition: background 0.2s !important;
}

input.cmn-toggle-round-flat+label:before,
input.cmn-toggle-round-flat+label:after {
  display: block !important;
  position: absolute !important;
  content: "" !important;
}

input.cmn-toggle-round-flat+label:before {
  top: 2px !important;
  left: 2px !important;
  bottom: 2px !important;
  right: 2px !important;
  background-color: #fff !important;
  -webkit-border-radius: 60px !important;
  -moz-border-radius: 60px !important;
  -ms-border-radius: 60px !important;
  -o-border-radius: 60px !important;
  border-radius: 60px !important;
  -webkit-transition: background 0.2s !important;
  -moz-transition: background 0.2s !important;
  -o-transition: background 0.2s !important;
  transition: background 0.2s !important;
}

input.cmn-toggle-round-flat+label:after {
  top: 4px !important;
  left: 4px !important;
  bottom: 4px !important;
  width: 22px !important;
  background-color: #BBBBBB !important;
  -webkit-border-radius: 52px !important;
  -moz-border-radius: 52px !important;
  -ms-border-radius: 52px !important;
  -o-border-radius: 52px !important;
  border-radius: 52px !important;
  -webkit-transition: margin 0.2s, background 0.2s !important;
  -moz-transition: margin 0.2s, background 0.2s !important;
  -o-transition: margin 0.2s, background 0.2s !important;
  transition: margin 0.2s, background 0.2s !important;
}

input.cmn-toggle-round-flat:checked+label {
  background-color: #4285F4 !important;
}

input.cmn-toggle-round-flat:checked+label:after {
  margin-left: 26px;
  background-color: #4285F4 !important;
}

/* ============================================================
   ESTILOS DEL SWITCH
============================================================ */
.flotante {
  position: fixed;
  right: 25px;
  bottom: 25px;
}

/*nuevo spinner*/
.new_spinner {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.new_spinner div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 100px;
  height: 100px;
  margin: 6px;
  border: 5px solid #4285F4;
  border-radius: 50%;
  animation: new_spinner 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #4285F4 transparent transparent transparent;
}

.new_spinner div:nth-child(1) {
  animation-delay: -0.45s;
}

.new_spinner div:nth-child(2) {
  animation-delay: -0.3s;
}

.new_spinner div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes new_spinner {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*otro spinner*/
.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}

.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #4285F4;
  margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}

.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}

.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}

.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}

.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}

.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}

.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}

.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}

.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}

.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}

.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}

.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}

.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}

.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}

.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}

.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}

@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*switch MDB*/
.switch.round label .lever {
  width: 54px;
  height: 34px;
  border-radius: 10em;
}

.switch.round label .lever:after {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  left: 4px;
  top: 4px;
}

.switch.primary-switch label input[type=checkbox]:checked+.lever {
  background-color: #689DF6;
}

.switch.primary-switch label input[type=checkbox]:checked+.lever:after {
  background-color: #4285F4;
}



.cssload-loader {
  position: absolute;
  left: 50%;
  width: 47.284271247462px;
  height: 47.284271247462px;
  margin-left: -23.142135623731px;
  margin-top: -23.142135623731px;
  border-radius: 100%;
  animation-name: cssload-loader;
  -o-animation-name: cssload-loader;
  -ms-animation-name: cssload-loader;
  -webkit-animation-name: cssload-loader;
  -moz-animation-name: cssload-loader;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -o-animation-timing-function: linear;
  -ms-animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  animation-duration: 3.8s;
  -o-animation-duration: 3.8s;
  -ms-animation-duration: 3.8s;
  -webkit-animation-duration: 3.8s;
  -moz-animation-duration: 3.8s;
}

.cssload-loader .cssload-side {
  display: block;
  width: 6px;
  height: 19px;
  background-color: rgb(66, 55, 66);
  margin: 2px;
  position: absolute;
  border-radius: 50%;
  animation-duration: 1.425s;
  -o-animation-duration: 1.425s;
  -ms-animation-duration: 1.425s;
  -webkit-animation-duration: 1.425s;
  -moz-animation-duration: 1.425s;
  animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: ease;
  -o-animation-timing-function: ease;
  -ms-animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  -moz-animation-timing-function: ease;
}

.cssload-loader .cssload-side:nth-child(1),
.cssload-loader .cssload-side:nth-child(5) {
  transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  animation-name: cssload-rotate0;
  -o-animation-name: cssload-rotate0;
  -ms-animation-name: cssload-rotate0;
  -webkit-animation-name: cssload-rotate0;
  -moz-animation-name: cssload-rotate0;
}

.cssload-loader .cssload-side:nth-child(3),
.cssload-loader .cssload-side:nth-child(7) {
  transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  animation-name: cssload-rotate90;
  -o-animation-name: cssload-rotate90;
  -ms-animation-name: cssload-rotate90;
  -webkit-animation-name: cssload-rotate90;
  -moz-animation-name: cssload-rotate90;
}

.cssload-loader .cssload-side:nth-child(2),
.cssload-loader .cssload-side:nth-child(6) {
  transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  animation-name: cssload-rotate45;
  -o-animation-name: cssload-rotate45;
  -ms-animation-name: cssload-rotate45;
  -webkit-animation-name: cssload-rotate45;
  -moz-animation-name: cssload-rotate45;
}

.cssload-loader .cssload-side:nth-child(4),
.cssload-loader .cssload-side:nth-child(8) {
  transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  animation-name: cssload-rotate135;
  -o-animation-name: cssload-rotate135;
  -ms-animation-name: cssload-rotate135;
  -webkit-animation-name: cssload-rotate135;
  -moz-animation-name: cssload-rotate135;
}

.cssload-loader .cssload-side:nth-child(1) {
  top: 23.142135623731px;
  left: 47.284271247462px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(2) {
  top: 40.213203431093px;
  left: 40.213203431093px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(3) {
  top: 47.284271247462px;
  left: 23.142135623731px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(4) {
  top: 40.213203431093px;
  left: 7.0710678163691px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(5) {
  top: 23.142135623731px;
  left: 0px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(6) {
  top: 7.0710678163691px;
  left: 7.0710678163691px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(7) {
  top: 0px;
  left: 23.142135623731px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}

.cssload-loader .cssload-side:nth-child(8) {
  top: 7.0710678163691px;
  left: 40.213203431093px;
  margin-left: -3px;
  margin-top: -10px;
  animation-delay: 0;
  -o-animation-delay: 0;
  -ms-animation-delay: 0;
  -webkit-animation-delay: 0;
  -moz-animation-delay: 0;
}


@keyframes cssload-rotate0 {
  0% {
    transform: rotate(0deg);
  }

  60% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

@-o-keyframes cssload-rotate0 {
  0% {
    -o-transform: rotate(0deg);
  }

  60% {
    -o-transform: rotate(180deg);
  }

  100% {
    -o-transform: rotate(180deg);
  }
}

@-ms-keyframes cssload-rotate0 {
  0% {
    -ms-transform: rotate(0deg);
  }

  60% {
    -ms-transform: rotate(180deg);
  }

  100% {
    -ms-transform: rotate(180deg);
  }
}

@-webkit-keyframes cssload-rotate0 {
  0% {
    -webkit-transform: rotate(0deg);
  }

  60% {
    -webkit-transform: rotate(180deg);
  }

  100% {
    -webkit-transform: rotate(180deg);
  }
}

@-moz-keyframes cssload-rotate0 {
  0% {
    -moz-transform: rotate(0deg);
  }

  60% {
    -moz-transform: rotate(180deg);
  }

  100% {
    -moz-transform: rotate(180deg);
  }
}

@keyframes cssload-rotate90 {
  0% {
    transform: rotate(90deg);
    transform: rotate(90deg);
  }

  60% {
    transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-o-keyframes cssload-rotate90 {
  0% {
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  60% {
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-ms-keyframes cssload-rotate90 {
  0% {
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  60% {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-webkit-keyframes cssload-rotate90 {
  0% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  60% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@-moz-keyframes cssload-rotate90 {
  0% {
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  60% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }

  100% {
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}

@keyframes cssload-rotate45 {
  0% {
    transform: rotate(45deg);
    transform: rotate(45deg);
  }

  60% {
    transform: rotate(225deg);
    transform: rotate(225deg);
  }

  100% {
    transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@-o-keyframes cssload-rotate45 {
  0% {
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  60% {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  100% {
    -o-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@-ms-keyframes cssload-rotate45 {
  0% {
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  60% {
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  100% {
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@-webkit-keyframes cssload-rotate45 {
  0% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  60% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  100% {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@-moz-keyframes cssload-rotate45 {
  0% {
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  60% {
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
  }

  100% {
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);
  }
}

@keyframes cssload-rotate135 {
  0% {
    transform: rotate(135deg);
    transform: rotate(135deg);
  }

  60% {
    transform: rotate(315deg);
    transform: rotate(315deg);
  }

  100% {
    transform: rotate(315deg);
    transform: rotate(315deg);
  }
}

@-o-keyframes cssload-rotate135 {
  0% {
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  60% {
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  100% {
    -o-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}

@-ms-keyframes cssload-rotate135 {
  0% {
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  60% {
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  100% {
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}

@-webkit-keyframes cssload-rotate135 {
  0% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  60% {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  100% {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}

@-moz-keyframes cssload-rotate135 {
  0% {
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  60% {
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  100% {
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }
}

@keyframes cssload-loader {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes cssload-loader {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-ms-keyframes cssload-loader {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes cssload-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes cssload-loader {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


@media only screen and (max-width: 767px) {
  .container-left {
    display: none !important;
  }

  #footer-login {
    display: none !important;
  }

  #hr_log {
    /*display: none !important;*/
  }

  .mask {
    padding: 0;
  }

  #form_login {
    padding: 0;
    width: 100% !important;
    height: 100vh;
    margin-bottom: 0 !important;
  }

  #card_login {
    height: 100vh !important;
  }
}


/* nuevo color */
.new_color {

  background-color: #3f51b5 !important;
}

.new_color_text {
  color: #3f51b5;
}

.new_border_color {
  border: 2px solid #3f51b5 !important;
  color: #3f51b5 !important;
}

.new_border_color:hover {
  border: 2px solid #3f51b5 !important;
  color: #3f51b5 !important;
}

.navbar .dropdown-menu .dropdown-item>i {
  text-align: center !important;
  width: 30px !important;
  /*color: #fff !important;*/
}

.navbar .dropdown-menu .dropdown-item>span {
  margin-left: 10px;
  /*color: #fff !important;*/
}


footer {
  margin: 100px auto;
  width: 100%;
  text-align: center;
  padding: 25px 0;
  color: #949494;
}

footer a {
  color: #949494 !important;
}

#intro_emp {
  min-height: 480px !important;
}

#intro_emp .card {
  width: 60%;
}

@media only screen and (max-width: 768px) {
  #intro_emp .card {
    width: 100%;
  }

  #cuerpo {
    /*margin-top: 18% !important;*/
  }
}

@media (min-width: 320px) and (max-width: 458px) {
  #accesos_directos {
    width: 100% !important;
  }

  #accesos_directos .btn {
    margin-bottom: 15px !important;
  }
}

.form-inline {
  margin-top: -45px;
  margin-bottom: -40px;
}

.mdb-select {
  margin-top: 40px;
}

#spinner {
  text-align: center;
  margin: auto;
  width: 80%;
  opacity: 0.8;
  margin-top: 20%;
}

#lista_contratos {
  margin-bottom: 20px;
}

.info-card .card {
  min-height: 185px;
  display: none;
  /*margin-top: 10px !important;*/
}

.cursor-pointer{
	cursor: pointer;
}

.info-card .col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {

  padding-right: 5px !important;
  padding-left: 5px !important;

}

@media (min-width: 320px) and (max-width: 458px) {
  .form-inline {
    margin-top: -48px;
  }

  .form-inline label {
    margin-top: 40px;
  }

  .mdb-select {
    margin-top: -8px;
  }

  .info-card .card {
    margin-top: 10px;
  }

  #lista_contratos {
    padding-bottom: 22px;
  }
}

@media (min-width: 460px) and (max-width: 500px) {
  #texto-info-cliente {
    margin-top: 15px;
  }
}

@media screen and (min-width: 460px) {
  #lista_contratos {
    /* padding-top: 15px;
      padding-bottom: 2px;  */
  }

  .mdb-select {
    margin-top: 10px;
  }

  .form-inline label {
    margin-bottom: 8px;
  }
}

@media (min-width: 460px) and (max-width: 990px) {
  .card {
    margin-bottom: 20px;
  }
}

@media (min-width: 320px) and (max-width: 574px) {
  #imagen-perfil {
    margin: auto;
    width: 50%;
    text-align: center;
  }

  #texto-info-cliente {
    margin-top: 15px;
  }
}

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

  .nav-tabs {
    flex-direction: column !important;
  }
}

.btn-save {
  display: none !important;
}