@charset "UTF-8";
.btn:hover, .btn:focus{
	color: white !important;
}
.project-information-well {
  -webkit-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 500ms cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */
  -webkit-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
  /* ease-in-out */ }

.bold {
	font-weight: bold;
}
.finance-positive {
  color: green;
  font-weight: bold; }

.finance-negative {
  color: red;
  font-weight: bold; }

.rounded {
  border-radius: 25px; }

.big-btn {
  height: 50px;
  width: 50px;
  font-size: x-large; }

a {
  color: #1fbba6; }

div.advertencia {
  color: orange; }

td.buscador > input.advertencia {
  border-color: orange;
  background-color: rgba(206, 168, 68, 0.19); }

.btn.btn-steps {
  background: #555; }

.btn.btn-add {
  background: #555;
  margin: 5px; }

.btn.btn-messages {
  background: #555;
  width: 100%;
  margin-top: 5px; }
  .btn.btn-messages.active {
    background: #807f7f; }

.btn.btn-primary {
  margin-top: 10px;
  background-color: #1fbba6;
  border-color: #1fbba6; }
  .btn.btn-primary:active {
    background-color: #666666; }

.table {
  margin-bottom: 0px; }

.scrolleable {
  overflow-x: hidden;
  max-height: 400px;
  overflow-y: scroll; }

.scrolleableResources {
  overflow-x: hidden;
  max-height: 200px;
  overflow-y: scroll; }

* {
  box-sizing: border-box;
  font-family: robotolight;
  list-style: none;
  margin: 0;
  font-size: 14px; }

@media screen and (min-width: 992px) {
  .col-md-1-2 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 12.5%; } }

table td[class*=col-], table th[class*=col-] {
  float: left; }

.icono_input {
  border: 1px solid #ebebeb;
  border-right: 0;
  cursor: pointer;
  display: table;
  float: left;
  font-size: 22px;
  height: 55px;
  text-align: center;
  width: 55px; }
  .icono_input i {
    color: #555;
    display: table-cell;
    vertical-align: middle; }

input.loginInput {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  color: #999;
  font-size: 14px;
  height: 55px;
  padding: 15px; }

input:not([type=checkbox]) {
  border: 1px solid #ebebeb;
  border-radius: 2px;
  color: #999;
  /*    font-size: 14px;*/
  /*    height: 55px;*/
  /*    padding: 15px;*/
  padding-left: 15px; }

input.delete-input {
  height: 55px; }

input:focus {
  outline: 0; }

a:focus {
  outline: 0; }

input[type=checkbox] {
  /*  visibility: hidden;*/ }

.contenedor_checkboxes {
  margin: 20px 0;
  overflow: hidden;
  padding: 0; }

.checkbox_1 {
  cursor: pointer;
  float: left;
  height: 20px;
  margin-right: 10px;
  position: relative;
  width: 20px; }
  .checkbox_1 label {
    color: #f9f9f9;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 4px; }
  .checkbox_1 input[type=checkbox].checked + label:before {
    content: '✔'; }
  .checkbox_1 + label {
    float: left;
    font-family: robotolight; }

.modal .modal-dialog .checkbox_1 + label {
  float: left;
  font-family: robotolight; }

.icono_input + input {
  border-radius: 2px;
  float: left;
  margin-bottom: 20px;
  width: calc(100% - 55px); }

.buscador:focus .icono_input, .buscador:focus input {
  border-color: #f9f9f9; }

.buscador .icono_input {
  border: 1px solid #ebebeb;
  border-left: 0;
  font-size: 18px;
  height: 30px;
  width: 30px; }

.buscador input:not([type="checkbox"]) {
  height: 30px;
  float: left;
  font-size: 13px;
  padding: 10px;
  width: calc(100% - 30px); }

.formulario input:not([type=checkbox]) {
  height: 30px;
  float: left;
  font-size: 13px;
  padding: 10px;
  width: 100%;
  border-color: #999; }

.formulario input[type=number] {
  height: 30px;
  float: left;
  font-size: 13px;
  padding: 10px;
  width: 70%;
  border-color: #999; }

.formulario input.with-span {
  width: 89%; }

.formulario .icono_input {
  border: 1px solid #999;
  border-right: 0;
  cursor: pointer;
  display: table;
  float: left;
  font-size: 17px;
  height: 30px;
  text-align: center;
  width: 30px; }

.formulario select:not([multiple]) {
  height: 30px;
  float: left;
  font-size: 13px;
  width: 100%; }

.formulario label {
  display: block;
  width: 100%; }

input.buscadorColumna {
  height: 20px;
  float: right;
  font-size: 13px;
  padding: 10px;
  padding-right: 8%; }

.buscador input:focus {
  border-color: #f9f9f9; }
  .buscador input:focus + .icono_input {
    border-color: #f9f9f9; }

button {
  border: 0;
  border-radius: 2px;
  color: #fff;
  cursor: pointer; }

.fondo_color_corporativo {
  background-color: #f9f9f9; }

h4 {
  border-bottom: 2px solid #1fbba6;
  display: inline-block;
  font-family: robotomedium;
  padding-bottom: 5px; }

.row > * {
  padding-left: 15px;
  padding-right: 15px; }

.navbar-header {
  display: block;
  float: none; }

@media screen and (min-width: 768px) {
  .navbar-header {
    display: inline-block;
    float: left;
    width: auto; } }

/*
@media screen and (min-width: 768px) {
.nav_usuario_nombre, .nav_usuario_perfil {
display: none;
}
}

@media screen and (min-width: 1350px) {
.nav_usuario_nombre, .nav_usuario_perfil {
display: block;
}
}
*/
@media screen and (min-width: 1350px) {
  .navbar-header {
    display: inline-block;
    float: left;
    width: auto; } }

.navbar-toggle {
  height: auto;
  margin: 3.5px 15px;
  margin-left: 0;
  padding: 0 10px; }
  .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
    width: 30px; }
    .navbar-toggle .icon-bar + .icon-bar {
      margin-top: 5px; }

@media screen and (min-width: 768px) {
  .navbar-toggle {
    display: block;
    float: right;
    padding: 16px 0px; } }

@media screen and (min-width: 1350px) {
  .navbar-toggle {
    display: none; } }

@media screen and (max-width: 1349px) {
  .open .dropdown-menu {
    box-shadow: 0 0 0;
    margin: 0;
    display: inline-block; } }

@media screen and (min-width: 768px) {
  .navbar-right {
    float: right;
    /*        margin-top: -80px;*/
    /*        margin-right: 70px;*/
    display: block !important; } }

@media screen and (min-width: 1350px) {
  .navbar-right {
    float: right !important;
    /*        margin-top: -80px;*/
    /*        margin-right: 2px;*/ } }

/*
.navbar-right {
position: absolute;
top: 77px;
right: 0px;
display: none;
}
*/
header {
  height: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20; }
  header .navbar-collapse.collapse {
    background-color: #f9f9f9;
    border-top: 2px solid #f9f9f9;
    display: none !important;
    height: auto !important;
    padding: 0;
    margin: 0 -15px; }
    header .navbar-collapse.collapse.in {
      display: block !important; }
  header .navbar-toggle .icon-bar {
    background-color: #fff;
    width: 33px; }
  header a {
    color: #fff; }
  header * {
    height: 100%; }

@media screen and (min-width: 768px) {
  header .navbar-collapse.collapse {
    height: auto !important; } }

@media screen and (min-width: 1350px) {
  header .navbar-collapse.collapse {
    background-color: transparent;
    border-top: 0;
    display: block !important;
    height: 100% !important;
    margin: 0; } }

@media screen and (min-width: 1600px) {
  header .container-fluid {
    width: 95%; } }

@media screen and (min-width: 1600px) {
  .container {
    width: 1400px; } }

.navbar-nav > li {
  height: 100%; }

header .nav_usuario {
  /*width: 305px;*/ }
  header .nav_usuario * {
    float: left;
    float: right;
    height: auto; }

header .nav_mensajes * {
  float: right;
  height: auto; }

/*
@media screen and (min-width: 1350px) {
header .nav_usuario {
width: 305px;
}
}
*/
/*@media screen and (min-width: 1350px) {*/
.nav_notificaciones * {
  float: right;
  height: auto; }

/*}*/
header .nav_usuario a {
  color: #fff;
  float: none;
  overflow: hidden;
  padding: 19.5px 10px; }
  header .nav_usuario a .caret {
    margin: 18.5px 0 18.5px 10px; }
  header .nav_usuario a > i {
    color: #fff;
    background-color: #1fbba6;
    border-radius: 50%;
    font-size: 20px;
    height: 41px;
    margin-left: 15px;
    padding: 10.5px 0;
    text-align: center;
    width: 41px; }

header .nav_usuario .nav_usuario_nombre {
  font-family: robotomedium;
  font-size: 15px;
  margin-bottom: 0px; }

header .nav_usuario .nav_usuario_perfil {
  clear: right; }

header .nav_mensajes.open {
  width: 60px; }

@media screen and (min-width: 1600px) {
  header .nav_usuario a {
    padding: 19.5px 20px; } }

@media screen and (max-width: 1350px) {
  header .nav_usuario a .caret {
    float: right; } }

@media screen and (min-width: 1600px) {
  header .nav_usuario a .caret {
    margin: 18.5px 0 18.5px 15px; } }

.nav_notificaciones.open {
  width: 60px; }

header .nav_mensajes, header .nav_notificaciones, header .nav_salir {
  font-size: 15px;
  width: auto; }

header .nav_mensajes > i, header .nav_notificaciones > i, header .nav_salir > i {
  float: left; }

header .nav_mensajes a, header .nav_notificaciones a, header .nav_salir a {
  display: inline-block;
  padding: 35px 15px 30px 15px; }

header .nav_mensajes a i, header .nav_notificaciones a i, header .nav_salir a i {
  float: left;
  margin-right: 15px; }

header .nav_mensajes a span, header .nav_notificaciones a span, header .nav_salir a span {
  float: left;
  margin-top: -4px; }

header .nav_mensajes:hover .notificacion, header .nav_notificaciones:hover .notificacion {
  background-color: #666666; }

header .nav_salir {
  text-align: center;
  width: 120px; }
  header .nav_salir:hover .notificacion {
    background-color: #666666; }
  header .nav_salir i {
    margin-right: 10px; }

header .nav.header_opciones {
  display: block;
  height: auto;
  padding: 0px; }
  header .nav.header_opciones > li {
    height: 40px;
    border-radius: 2px;
    cursor: pointer;
    text-transform: uppercase; }
    header .nav.header_opciones > li a {
      padding-top: 10px;
      /*    padding-right: 0px;*/ }
    header .nav.header_opciones > li:first-child a {
      /*    padding-left: 0px;*/ }
    header .nav.header_opciones > li a .caret {
      margin-left: 15px; }
    header .nav.header_opciones > li .dropdown-menu, header .nav.header_opciones > li:hover .dropdown-menu {
      background-color: #333;
      height: auto;
      /*    min-width: 100%;*/ }
    header .nav.header_opciones > li .dropdown-menu li:hover, header .nav.header_opciones > li .dropdown-menu li:focus {
      background-color: #1e1e1e; }
    header .nav.header_opciones > li:hover .dropdown-menu li:hover, header .nav.header_opciones > li:hover .dropdown-menu li:focus {
      background-color: #1e1e1e; }
    header .nav.header_opciones > li .dropdown-menu li a, header .nav.header_opciones > li:hover .dropdown-menu li a {
      color: #fff;
      height: 35px;
      padding: 7.5px 50px; }
    header .nav.header_opciones > li.active {
      background-color: #fff; }
      header .nav.header_opciones > li.active:hover, header .nav.header_opciones > li.active:focus {
        background-color: #fff; }
      header .nav.header_opciones > li.active > a {
        background: #1fbba6;
        color: #fff;
        font-family: robotoregular;
        /*    font-weight:bold;*/ }
        header .nav.header_opciones > li.active > a:focus, header .nav.header_opciones > li.active > a:hover {
          background: #1fbba6;
          color: #fff;
          font-family: robotoregular;
          /*    font-weight:bold;*/ }
      header .nav.header_opciones > li.active:hover > a {
        background: #1fbba6;
        color: #fff;
        font-family: robotoregular;
        /*    font-weight:bold;*/ }
        header .nav.header_opciones > li.active:hover > a:focus, header .nav.header_opciones > li.active:hover > a:hover {
          background: #1fbba6;
          color: #fff;
          font-family: robotoregular;
          /*    font-weight:bold;*/ }
      header .nav.header_opciones > li.active:focus > a {
        background: #1fbba6;
        color: #fff;
        font-family: robotoregular;
        /*    font-weight:bold;*/ }
        header .nav.header_opciones > li.active:focus > a:focus, header .nav.header_opciones > li.active:focus > a:hover {
          background: #1fbba6;
          color: #fff;
          font-family: robotoregular;
          /*    font-weight:bold;*/ }

header .nav > li {
  color: #666666;
  cursor: pointer; }
  header .nav > li:hover, header .nav > li:focus {
    background-color: #1fbba6; }
  header .nav > li.active {
    background-color: #1fbba6; }
    header .nav > li.active:hover, header .nav > li.active:focus {
      background-color: #1fbba6; }
  header .nav > li:hover a {
    background: transparent;
    color: #fff; }
    header .nav > li:hover a:focus, header .nav > li:hover a:hover {
      background: transparent;
      color: #fff; }
  header .nav > li:focus a {
    background: transparent;
    color: #fff; }
    header .nav > li:focus a:focus, header .nav > li:focus a:hover {
      background: transparent;
      color: #fff; }
  header .nav > li.active a {
    background: transparent;
    color: #fff; }
    header .nav > li.active a:focus, header .nav > li.active a:hover {
      background: transparent;
      color: #fff; }
  header .nav > li.active:hover a {
    background: transparent;
    color: #fff; }
    header .nav > li.active:hover a:focus, header .nav > li.active:hover a:hover {
      background: transparent;
      color: #fff; }
  header .nav > li.active:focus a {
    background: transparent;
    color: #fff; }
    header .nav > li.active:focus a:focus, header .nav > li.active:focus a:hover {
      background: transparent;
      color: #fff; }
  header .nav > li a {
    background-color: transparent;
    color: #666666; }
    header .nav > li a:focus, header .nav > li a:hover {
      background-color: transparent;
      color: #666666; }

@media screen and (min-width: 1350px) {
  header .nav.header_opciones {
    display: inline-block;
    height: 100%;
    /*        padding: 22.5px 0 22.5px 15px;*/
    padding: 0px; } }

/*

@media screen and (min-width: 1600px) {
header .nav.header_opciones {
margin-left: 30px;
}
}
*/
/*
@media screen and (max-width: 1349px) {
header .nav.header_opciones > li {
border-radius: 0;
float: none;
margin: 0;
width: 100%;
}
.submenu-menu {
display: inline-block;
width: 75%;
position: relative;
float: right;
}
a.submenu {
width: 25%;
float: left;
}
li.submenu {
position: relative;
float: left;
}
li.menues {
width: 25%;
padding: 0;
}

header .nav.header_opciones > li .dropdown-menu, header .nav.header_opciones > li:hover .dropdown-menu {
height: 36px !important;
}

header .nav.header_opciones > li .dropdown-menu li a, header .nav.header_opciones > li:hover .dropdown-menu li a {
padding: 2.5px 50px !important;
}
a.submenu span.caret {
border-left: 4px dashed;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.menu {
width: 100%;
}
}
*/
@media screen and (min-width: 1350px) {
  header .nav.header_opciones > li a {
    padding: 8px  10px;
    padding-top: 10px; } }

@media screen and (min-width: 1600px) {
  header .nav.header_opciones > li a {
    padding: 8px  25px;
    padding-top: 10px; } }

@media screen and (min-width: 1350px) {
  header .nav.header_opciones > li .dropdown-menu li a, header .nav.header_opciones > li:hover .dropdown-menu li a {
    padding: 7.5px 20px; } }

#myNavbar ul li a {
  color: rgba(255, 255, 255, 0.5); }

#myNavbar ul li.active a {
  color: white; }

header .navbar-header {
  padding: 11.5px 0; }
  header .navbar-header .navbar-brand {
    height: 100%;
    max-height: 100%;
    padding: 0; }

@media screen and (min-width: 1600px) {
  header .navbar-header .navbar-brand {
    /*        padding: 0 30px;*/ } }

.nav .open > a {
  background-color: transparent;
  border-color: #1fbba6; }
  .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent;
    border-color: #1fbba6; }

.notificacion {
  color: white;
  background-color: #1fbba6;
  border-radius: 50%;
  display: block;
  font-family: robotomedium;
  font-size: 11px;
  height: 18px;
  left: 25px;
  padding: 1px 0;
  position: absolute;
  text-align: center;
  top: 25px;
  width: 18px; }

.nav_usuario_perfiles_disponibles, .nav_mensajes_disponibles, .nav_notificaciones_disponibles {
  background-color: #1fbba6;
  border: 0;
  color: #fff;
  margin-right: -2px;
  padding: 9px 0 0 0;
  width: calc(100% + 2px); }

.nav_usuario_perfiles_disponibles li, .nav_mensajes_disponibles li, .nav_notificaciones_disponibles li {
  cursor: pointer;
  display: block;
  height: 35px;
  padding: 7.5px 20px;
  width: 100%; }

.nav_usuario_perfiles_disponibles li.dropdown_editar {
  border-top: 2px solid #f9f9f9;
  height: 50px;
  padding: 15px 20px; }
  .nav_usuario_perfiles_disponibles li.dropdown_editar i {
    float: none;
    font-size: 15px;
    margin-right: 10px; }

.nav_usuario_perfiles_disponibles li:hover {
  background-color: #666666; }

.nav_mensajes_disponibles li:hover, .nav_notificaciones_disponibles li:hover {
  background-color: #666666; }

ul.nav_usuario_perfiles_disponibles > li > a {
  padding: 0; }

.nav_usuario_perfiles_disponibles a, .nav_mensajes_disponibles a, .nav_notificaciones_disponibles a {
  display: block;
  padding: 0px; }

.nav_usuario_perfiles_disponibles a:hover, .nav_mensajes_disponibles a:hover, .nav_notificaciones_disponibles a:hover {
  background-color: #f9f9f9;
  color: #fff;
  text-decoration: none; }

.nav_usuario_perfiles_disponibles a i, .nav_mensajes_disponibles a i, .nav_notificaciones_disponibles a i {
  font-size: 15px;
  margin-right: 10px; }

.content {
  margin-top: 80px;
  min-height: calc(100vh - 110px);
  padding: 70px 15px 40px 15px; }
  .content .container h2 {
    display: inline-block;
    border-bottom: 2px solid #1fbba6;
    font-family: robotolight;
    font-size: 30px;
    margin: 0 0 30px 15px;
    padding: 0 0 10px 0; }
  .content .container .nav-pills {
    margin-bottom: 30px; }

/*
.content .container {
width: 100%;
}

@media screen and (min-width: 992px) {
.content .container {
width: 80%;
}
}
*/
.nav-pills > li {
  margin-right: 15px; }
  .nav-pills > li > a {
    background-color: #f9f9f9;
    border-radius: 0;
    color: #555;
    padding-top: 10px; }
    .nav-pills > li > a:hover, .nav-pills > li > a:focus {
      background-color: rgba(0, 0, 0, 0.1); }
  .nav-pills > li.active > a {
    background-color: #1fbba6;
    color: #fff; }
    .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
      background-color: #1fbba6;
      color: #fff; }

.botones_tabla {
  margin: -15px 0 10px 0; }
  .botones_tabla > *, .botones_tabla > a {
    background-color: #1e1e1e;
    color: #fff;
    float: right;
    font-family: robotoregular;
    margin-left: 15px;
    padding: 10px;
    text-decoration: none; }
  .botones_tabla > * i, .botones_tabla > a i {
    margin-right: 10px; }

@media screen and (min-width: 768px) {
  .login {
    margin-top: 18vh; } }

.login div > div {
  background-color: #fff;
  border: solid 4px #1fbba6;
  height: 100vh;
  overflow: hidden;
  padding-bottom: 40px;
  padding-top: 10vh; }
  .login div > div .login_logo {
    padding: 30px 0;
    text-align: center; }
  .login div > div h2 {
    font-family: robotolight;
    font-size: 30px;
    margin-bottom: 30px;
    margin-top: 0;
    text-align: center; }
  .login div > div form {
    width: 100%; }
    .login div > div form button {
      background-color: #1fbba6;
      float: right;
      margin-top: 25px;
      padding: 10px 15px; }

@media screen and (min-width: 768px) {
  .login div > div {
    height: auto;
    padding-top: 0; } }

.modal {
  padding-left: 0 !important; }

/*
.modal .modal-dialog {
margin: 0;
width: 100%;
}
*/
@media screen and (min-width: 768px) {
  .modal-dialog {
    margin: 4vh auto auto;
    width: 552px; } }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; } }

@media screen and (min-width: 992px) {
  .modal-dialog {
    width: 750px; } }

@media screen and (min-width: 1200px) {
  .modal-dialog {
    width: 1000px; } }

/*
.modal .modal-dialog {
margin: 0;
width: 100%;
}
*/
.modal-dialog {
  position: relative;
  /*    width: auto;*/
  /*    margin: 10px;*/ }

/*
@media screen and (min-width: 768px) {
.modal .modal-dialog {
margin: auto;
margin-top: 20vh;
height: 717px;
width: 80%;
}
}
*/
.modal-footer {
  /*    position: fixed;*/
  bottom: 15px;
  width: 95%; }

.modal .modal-dialog .modal-content {
  border-radius: 0; }

.modal .modal-dialog .modal-header {
  border: 0;
  padding-top: 0; }

.modal .modal-dialog h3 {
  border-bottom: 3px solid #1fbba6;
  display: inline-block;
  font-family: robotoregular; }

.modal-content h3 {
  border-bottom: 3px solid #1fbba6;
  display: inline-block;
  font-family: robotoregular; }

.modal .modal-dialog h4 {
  border: 0;
  font-family: robotoregular; }

.modal .modal-dialog .container {
  padding: 30px;
  width: 100%;
  /*    height: 100%;*/ }

.modal .modal-dialog label {
  display: block;
  font-family: robotomedium; }

.modal .modal-dialog .contenedor_checkboxes {
  float: left;
  padding: 0; }
  .modal .modal-dialog .contenedor_checkboxes > div {
    margin-bottom: 20px; }

.modal .modal-dialog .modal-footer {
  border: 0;
  padding: 15px 15px;
  padding-bottom: 0px; }
  .modal .modal-dialog .modal-footer button {
    background-color: #555;
    float: right;
    padding: 10px 15px; }

.modal-footer button {
  background-color: #555;
  float: right;
  padding: 10px 15px; }

.recipientTags .tags .tag-item {
  background-color: #555 !important;
  opacity: 1 !important; }

table {
  border-top: 1px solid #ebebeb; }
  table thead > tr > th:not(:last-child) > div {
    border-right: 1px solid #ebebeb;
    font-size: 14px; }
  table tbody i {
    color: #666666;
    cursor: pointer;
    float: left;
    font-size: 15px;
    height: 25px;
    padding: 5px 0;
    text-align: center;
    width: 25px; }
    table tbody i.fa {
      color: #666666;
      cursor: pointer;
      float: left;
      font-size: 15px;
      height: 25px;
      padding: 5px 0;
      text-align: center;
      width: 25px; }

.modal-i {
  color: #666666;
  cursor: pointer;
  float: left;
  font-size: 15px;
  height: 25px;
  padding: 5px 0;
  text-align: center;
  width: 25px; }

table tbody i:hover, table tbody i.fa:hover {
  background-color: #666666;
  color: #fff;
  border-radius: 5px; }

.modal-i:hover {
  background-color: #f9f9f9;
  color: #fff;
  border-radius: 5px; }

/*
table th, table td {
height: 45px;
}
*/
.table > tbody > tr > td, .table > tbody > tr > th {
  border-color: #f4f4f4;
  vertical-align: middle; }

.table > tfoot > tr > td, .table > tfoot > tr > th {
  border-color: #f4f4f4;
  vertical-align: middle; }

.table > thead > tr > td {
  border-color: #f4f4f4;
  vertical-align: middle; }

.table > thead > tr > th {
  border-color: #f4f4f4;
  vertical-align: middle;
  border-bottom: 0; }

footer {
  background-color: #666666;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  top: calc(100vh - 30px);
  width: 100%; }

.sortorder:after {
  margin-left: 5px;
  content: '\25b2'; }

.sortorder.reverse:after {
  margin-left: 5px;
  content: '\25bc'; }

.nav_mensajes_disponibles, .nav_notificaciones_disponibles {
  background-color: #1fbba6;
  border: 0;
  color: #fff;
  margin-right: -20px;
  padding: 9px 0 0 0;
  width: 212px; }

.formulario {
  padding-bottom: 10px;
  height: auto; }

.employee-data .formulario {
  height: 85px; }

.center {
  margin-top: 25px;
  width: 60%;
  padding: 10px; }

.rounded-plus-btn {
  border-radius: 30px; }

.rounded-submit-btn {
  margin-top: 30px;
  border-radius: 10px; }

.middle-row {
  border-left: 2px solid gainsboro;
  border-right: 2px solid gainsboro; }

.modal .modal-dialog label.label_mail {
  color: #afa9a7;
  font-family: robotolight;
  margin: 30px 0 0; }

.navbar-lower {
  background-color: #666666;
  height: 40px; }

.nav.header_opciones > li.active {
  height: 40px; }
  .nav.header_opciones > li.active > a {
    padding-top: 10px; }

.ancho-fijo {
  width: 105px; }

/*
nav > * {
width: 80%;
}
*/
.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin: 10px 0 0 25px; }

.md-datepicker-input {
  font-size: 14px;
  box-sizing: border-box;
  border: none !important;
  box-shadow: none;
  outline: 0;
  background: 0 0;
  min-width: 120px;
  max-width: 328px; }

.md-button.md-icon-button.md-ink-ripple {
  /*    display: none;*/
  border: 2px solid #EBEBEB; }

md-content {
  background-color: white; }

.md-datepicker-input-container {
  position: relative;
  padding-bottom: 5px;
  border-bottom-width: 1px;
  border-bottom-style: none;
  display: inline-block;
  width: auto;
  margin-left: 0px !important; }

.project {
  height: 29vh; }

.advancedSearch {
  padding-bottom: 8px; }

textarea {
  resize: none;
  width: 90%; }

.nav-tabs > li.active > a {
  color: #000;
  cursor: default;
  background-color: whitesmoke;
  border: 1px solid #ddd;
  border-bottom-color: transparent; }
  .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #000;
    cursor: default;
    background-color: whitesmoke;
    border: 1px solid #ddd;
    border-bottom-color: transparent; }

.checklist {
  height: 100px;
  overflow-y: scroll; }

.wordcount {
  border-radius: 10px;
  border: 2px solid #bbbbbb;
  margin-bottom: 10px;
  background-color: whitesmoke; }
  .wordcount label {
    width: 100%;
    border: 0px;
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    height: 32px;
    padding: 5px;
    margin-bottom: 0px; }
    .wordcount label:first-child {
      border-top: 0px; }
    .wordcount label:last-child {
      border-bottom: 0px; }
    .wordcount label > input:not([type="checkbox"]) {
      width: 50%;
      border-radius: 0px;
      border: 0px;
      margin-top: -5px;
      border-left: 1px solid #bbbbbb;
      float: right;
      background-color: transparent;
      color: black;
      text-align: center; }
      .wordcount label > input:not([type="checkbox"])[type="checkbox"] {
        float: left;
        width: initial;
        height: auto;
        position: relative;
        top: 9px;
        margin-right: 10px; }
    .wordcount label.wordcount-footer {
      margin-top: 30px; }

.well-messages {
  margin-top: 20px;
  /*max-height: 367px; */}
  .well-messages i.MESSAGE {
    color: dimgray; }
  .well-messages span.MESSAGE.paint {
    color: dimgray !important; }
  .well-messages i.FEEDBACK {
    color: coral; }
  .well-messages span.FEEDBACK.paint {
    color: coral !important; }
  .well-messages i.DELIVERY {
    color: burlywood; }
  .well-messages span.DELIVERY.paint {
    color: burlywood !important; }
  .well-messages i.QUERY {
    color: deepskyblue; }
  .well-messages span.QUERY.paint {
    color: deepskyblue !important; }
  .well-messages i.HANDOFF {
    color: darkolivegreen; }
  .well-messages span.HANDOFF.paint {
    color: darkolivegreen !important; }

.buscadorRow {
  height: 30px; }

.clickeable {
  cursor: pointer; }

.inline {
  display: inline-block; }

.truncate {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.remove-scrollbar-width {
  width: calc(100% - 30px); }

div.container table tbody td.init-hour-8_0 {
  border-left: 2px solid black; }

.nav_mensajes_disponibles li:hover {
  background-color: #666666; }

.recipients .host {
  height: 80px; }
  .recipients .host .tags {
    overflow: auto;
    border: 1px solid #ccc; }

.dashboard-translator > .scrollableContainer {
  height: 29vh; }

form.freelancer-information tags-input .host {
  height: auto; }
  form.freelancer-information tags-input .host .tags {
    height: auto; }

md-input-container .icono_input + input {
  margin-bottom: 0px; }

md-input-container input:disabled.md-input {
  background-color: #ebebe4;
  background-image: none; }

.formulario md-input-container.md-default-theme.md-input-invalid .md-input,
.formulario md-input-container.md-input-invalid .md-input,
.formulario md-input-container select.ng-invalid.ng-touched {
  border-color: #dd2c00; }

.validation-messages {
  color: #dd2c00;
  margin-left: 15px; }
  .validation-messages > div {
    font-size: 12px; }

select.ng-invalid.ng-dirty + div.chosen-container-single a.chosen-default {
  border-color: #dd2c00; }

.freelancer-po .row .buscador {
  height: 85px; }

.freelancer-po .row td.buscador {
  height: auto; }

.big-modal {
  max-height: 90vh;
  overflow-y: scroll; }

@media screen and (min-width: 992px) {
  .col-md-2-3 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 20.833333333%; } }

@media screen and (min-width: 992px) {
  .col-md-3-4 {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    width: 29.16666667%; } }

.right-border {
  border-right-width: 1px;
  border-right-style: solid; }

.subbatch-logInput {
	max-width: 80%;
	font-size: 1.25rem;
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	overflow: hidden;
	padding: 0.5rem 1.25rem;
	height: 30px;
	color: #212121;
	background-color: #FFFFFF;
	border: 1px solid #ebebeb;
}

.inputfile-1 + label.file-disabled, .subbatch-logInput-disabled {
  color: grey;
  cursor: default; }
  
.modal-backdrop { 
  background-color: rgba(0,0,0,0.9); 
} 

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.dismiss-icon{
	font-size:16px; 
	float:right; 
	margin-top:-2px
}
.dismiss-icon:hover{
	font-size:20px;
	margin-top:-6px;
	color:#666666;
	background-color:white;
}
.massive-action{
	text-align:center;
	text-decoration:underline
}