/*------------------------------------------GENERICS*/
html, body{
  font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif;
  background:#222222;
  font-size:1em;
  color:#666666;
}
a, button{
  transition: 0.3s;
}
.container{position:relative;}
.break-sm-show{
  display:none;
}
.skin-iot .wrapper{height:auto;}
@media (max-width: 991px){
  .break-sm-show{
    display:block;
  }
}
.btn-primary {
  background-color: #00bacf;
  border-color: #00bacf;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover {
  background-color: #00a6b9;
  border-color: #00a6b9;
}
.btn-primary.focus, .btn-primary:focus {
  color: #fff;
  background-color: #00a6b9 !important;
  border-color: #00a6b9 !important;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.encons{
  height: 100%;
  width: 100%;
  z-index:10;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(45deg, rgba(0,0,0,.2) 25%, rgba(181,181,181,.5) 25%, rgba(181,181,181,.5) 50%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.2) 75%, rgba(181,181,181,.5) 75%, rgba(181,181,181,.5) 100%);
  background-size: 28.28px 28.28px;
}
.encons p{
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size:2em;
  color:#fff;
  background:#ff9b3b;
  -webkit-border-radius: .25em;
  -moz-border-radius: .25em;
  border-radius: .25em;
  -webkit-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
  -moz-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
  box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
  font-family: 'Source Sans', 'Calibri', Helvetica, Arial,  sans-serif;
  padding:.2em .5em;
}
.encons2{
  height: 100%;
  width: 100%;
  z-index:10;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: linear-gradient(45deg, rgba(0,0,0,.2) 25%, rgba(181,181,181,.5) 25%, rgba(181,181,181,.5) 50%, rgba(0,0,0,.2) 50%, rgba(0,0,0,.2) 75%, rgba(181,181,181,.5) 75%, rgba(181,181,181,.5) 100%);
  background-size: 28.28px 28.28px;
}
.encons2 p{
  width:80%;
  position:absolute;
  bottom: -16px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background:#ff9b3b;
  font-size:.7em;
  text-transform: uppercase;
  font-family: 'Source Sans', 'Calibri', Helvetica, Arial,  sans-serif;
  color:#fff;
  margin:0px;
  padding:.2em;
}
.encons2 p:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 155, 59, 0);
  border-bottom-color: #ff9b3b;
  border-width: 6px;
  margin-left: -6px;
}
/*/-----------------------------------------GENERICS*/
/*------------------------------------------HEADER*/
.skin-iot .main-header {
  max-height: 70px;
}
.skin-iot .main-header .navbar {
  background: url(../img/iot/bg_coloured.png) repeat-x top left #ffffff;
  min-height: 70px;
}
.navbar-header{
  max-width:150px;
}
.skin-iot .navbar-brand {
  padding: 1em .5em 0 1em;
}
.skin-iot .navbar-brand>img {
  display: block;
  width:100%;
  margin-right:0px !important;
}
.skin-iot .main-header .navbar .nav>li>a {
  color: #777777;
  text-transform: uppercase;
  font-size:.8em;
  border-bottom: 5px solid #fff;
}
@media (max-width: 991px){
  .skin-iot .main-header .navbar .nav>li>a span{ display:none; }
}
@media (max-width: 767px){
  .skin-iot .main-header .navbar .nav>li>a span{ display:inline; }
}
.skin-iot .main-header .navbar .nav>li>a:hover, .skin-iot .main-header .navbar .nav>li>a:focus, .skin-iot .main-header .navbar .nav .open>a:focus{
  background: rgba(0,0,0,0);
  color: #555555;
  border-bottom:5px solid #eaeaea;
}
.skin-iot .main-header .navbar .nav>li>a:active, .skin-iot .main-header .navbar .nav>.active>a,  .skin-iot .main-header .navbar .nav .open>a, .skin-iot .main-header .navbar .nav .open>a:hover{
  background: rgba(0,0,0,0);
  color: #222222 !important;
  border-bottom:5px solid #a3d1ef !important;
}
.skin-iot  .main-header .navbar-custom-menu{
  float: right;
}
.skin-iot .main-header  .navbar-custom-menu .nav>li>a, .skin-iot .main-header  .navbar-custom-menu .nav>li>a:hover, .skin-iot .main-header  .navbar-custom-menu .nav>li>a:focus, .skin-iot .main-header  .navbar-custom-menu .nav .open>a:focus, .skin-iot .main-header .navbar-custom-menu .nav>li>a:active, .skin-iot .main-header .navbar-custom-menu .nav>.active>a,  .skin-iot .main-header .navbar-custom-menu .nav .open>a, .skin-iot .main-header .navbar-custom-menu .nav .open>a:hover{
  background: rgba(0,0,0,0);
  border-bottom: none !important;
}
.skin-iot  .navbar-nav>.user-menu .user-image {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  margin-right: 0px;
  margin-top: 0px;
}
.navbar-toggle {
  color: #666666;
  border: 0;
  margin: 0;
  margin-top: .5em;
  padding: 15px 15px;
  font-size: 1.5em;
}
@media (max-width: 767px){
  .navbar-toggle {
    position:absolute;
    top:0;
    right:0;
  }
}
.skin-iot .navbar-nav>.user-menu>.dropdown-menu, .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-body {
  border: 0px solid rgba(0,0,0,0);
  border-top-left-radius: 0;
  padding: 0px;
  margin-top: 3em;
  width: 280px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  background: rgb(106,106,106); /* Old browsers */
  background: -webkit-linear-gradient(bottom left, rgba(106,106,106,1) 0%, rgba(56,56,56,1) 100%);
  background: -o-linear-gradient(bottom left, rgba(106,106,106,1) 0%, rgba(56,56,56,1) 100%);
  background: linear-gradient(to top right, rgba(106,106,106,1) 0%, rgba(56,56,56,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6a6a', endColorstr='#383838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@media (max-width: 767px){
  .skin-iot .navbar-nav>.user-menu>.dropdown-menu, .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-body {
    margin-top: 3.8em;}
  }
  .skin-iot .navbar-nav>.user-menu>.dropdown-menu:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #383838 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -8px;
    left: 239px;
  }
  .skin-iot .navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    border: 0px solid;
    margin-top:.5em;
  }
  .skin-iot .navbar-nav>.user-menu>.dropdown-menu>li.user-header>p>small {
    font-style:italic;
  }
  .skin-iot .main-header li.user-header {
    background-color:rgba(0,0,0,0);
  }
  .skin-iot .navbar-nav>.user-menu>.dropdown-menu>.user-footer {
    background: rgb(85,85,85); /* Old browsers */
    background: -webkit-linear-gradient(bottom left, rgba(85,85,85,1) 0%, rgba(56,56,56,1) 100%);
    background: -o-linear-gradient(bottom left, rgba(85,85,85,1) 0%, rgba(56,56,56,1) 100%);
    background: linear-gradient(to top right, rgba(85,85,85,1) 0%, rgba(56,56,56,1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#383838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 10px;
  }
  .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn{
    display:block;
    text-align: center;
    color:#d1d1d1;
    text-transform:uppercase;
    font-size:.8em;
    padding:.6em 0;
  }
  .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn:hover {
    background-color: rgba(0,0,0,.2);
    color: #f2be0a;
  }
  .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn i{
    padding-left:.8em;
    font-size:1.2em;
  }
  .skin-iot  .navbar-nav>.user-menu>.dropdown-menu>.user-footer .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #6c6c6c;
  }

  .user-text-outer{
    display:block;
    position:absolute !important;
    top:-7px;
    right:0px;
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
  }
  @media (max-width: 991px){
    .user-text-outer{top:16px;}
  }
  @media (max-width: 767px){
    .user-text-outer{top:-6px;}
  }
  .user-text{
    display:inline-block;
    position: relative;
    overflow: hidden;
    border-radius:50%;
    width:2.8em;
    height:2.8em;
    background: #222222;
  }
  .user-text-inner{
    position:  absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color:#ffffff;
    font-weight:bold;
    font-size:1em;
  }
  .user-text-menu-outer{
    display:block;
    text-align: center;
    width: 100%;
    margin-bottom:1em;
  }
  .user-text-menu{
    display:inline-block;
    top: .75em;
    position: relative;
    width:6.2em;
    height:6.2em;
    overflow: hidden;
    border-radius:50%;
    background: #222222;
  }
  .user-text-menu-inner{
    /**/position:  absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    text-align: center;
    color:#ffffff;
    font-weight:bold;
    font-size:1.6em;
  }

  /*/-----------------------------------------HEADER*/

  /*------------------------------------------HOME*/
  .skin-iot .box {
    border-radius: 0px;
    border-top:0px solid #ffffff;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
  }
  .skin-iot .box .box-header {
    padding:.3em;
    border-top: 0px solid #ffffff;
    text-align: center;
    font-weight:300;
    font-size:1.1em;
    color:#ffffff;
  }
  .skin-iot .box .box-header h3 {
    border-top: 0px solid #ffffff;
    text-align: center;
    font-weight:300;
    font-size:1.3em;
    color:#ffffff;
  }
  .skin-iot .box.cultura-header .box-header { background:#31b7c9; }
  .skin-iot .box.productividad-header .box-header { background:#418add; position:relative; }
  .skin-iot .box.conciliacion-header .box-header { background:#f2be0a; position:relative;  }
  .skin-iot .box.cultura-header a { color:#31b7c9; }
  .skin-iot .box.productividad-header a { color:#418add; }
  .skin-iot .box.conciliacion-header a { color:#f2be0a; }

  .skin-iot .box .box-body { padding:1em; }
  .skin-iot .box.cultura-header  .box-body{ padding-bottom:0em; }

  .infografia{ margin-bottom:1em; }
  .infografia img{ width:100%; }

  .skin-iot .noticias .box .box-body{ padding:0em; }
  .skin-iot .noticias .attachment-block{
    padding:1em;
    background:#e6e6e6;
    color:#525252;
    margin-bottom:0em;
  }
  .skin-iot .noticias .attachment-block .attachment-img {
    width:100%;
    max-width: 100%;
    max-height: initial;
    height: auto;
    float: none;
  }
  .skin-iot .noticias .attachment-block .attachment-heading, .skin-iot .noticias .attachment-block .attachment-heading{ margin-bottom:.2em; }
  .skin-iot .noticias .attachment-block .attachment-heading, .skin-iot .noticias .attachment-block .attachment-heading a{
    color:#31b7c9;
    font-size:1.1em;
    font-weight:600;
  }
  .skin-iot .noticias .attachment-block .description { font-size:.55em; display: block; margin-bottom: 1em; }
  .skin-iot .noticias .attachment-block .attachment-text { font-size:.8em; margin-top:.6em; }
  .skin-iot .cultura-header .noticias .attachment-block .attachment-text { color:#333;font-size:.8em; margin-top:.6em; }

  .skin-iot .noticias .attachment-block .text-yellow a {
    font-size:.6em;
    margin-top:.6em;
    font-style: italic;
    color:#e57c30;
  }
  .one-line {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .skin-iot .noticias .attachment-block .btn.btn-flat{
    border:0px solid #e6e6e6;
    font-size:.6em;
    text-transform: uppercase;
  }
  .skin-iot .noticias .attachment-block .btn.btn-flat:hover{ background:#ddd; }
  .skin-iot .noticias .attachment-block .btn.btn-flat i{ margin-left:.4em; }

  .progreso{ margin-bottom:.9em; }
  .progreso p{
    font-weight: 600;
    color:#418add;
    font-size:.8em;
    margin-bottom:.4em;
  }
  .progreso .progress{ margin-bottom:.3em; background: #666666; }
  .progress-bar-fresa{ background-color: #ff6274; }
  .progress-bar-oceano{ background-color: #418add; }
  .progreso .progress-bar{ text-align: left; }
  .progreso .progress-bar span {
    font-size: 1em;
    font-weight: 800;
    line-height: 20px;
    padding:.3em .6em;
  }
  .progreso .progress-bar span span {
    font-weight: 300;
    padding:0em 0em;
  }
  .otros-proyectos{ margin-top:1.4em; }
  .otros-proyectos h6{
    font-size: .55em;
    font-weight: 400;
    color: #888888;
    border-bottom:1px solid #888888;
    text-transform: uppercase;
  }
  .otros-proyectos p{
    font-size: .65em;
    font-weight: 600;
    color: #418add;
    border-bottom:1px solid #eeeeee;
    text-transform: uppercase;
    padding-bottom:.4em;
  }
  .otros-proyectos p span{
    display:inline-block;
    float:right;
    font-weight: 400;
    color: #888888;
    text-transform: capitalize;
  }

  .skin-iot .conciliacion-header.home-header .description {
    font-size:.6em;
    font-weight: 600;
    color:#aaaaaa;
  }
  .skin-iot .conciliacion-header.home-header .description span { font-style: italic; }
  .skin-iot .conciliacion-header.home-header .nav-tabs {
    border-bottom: 0px solid #ffffff;
    margin-top:.4em;
    text-align: right;
  }
  .skin-iot .conciliacion-header.home-header .nav-tabs>li {
    float:none;
  }
  .skin-iot .conciliacion-header.home-header .nav>li>a{
    color: #aaaaaa;
    background-color: #ffffff;
    border: 0px solid #ffffff;
    padding: 0em 0em !important;
    margin-right: 0em;
    border-radius: 0;
    font-size:.65em;
    text-transform: uppercase;
    font-weight: 600;
  }
  .skin-iot .conciliacion-header.home-header  .nav>li>a:hover, .skin-iot .conciliacion-header.home-header  .nav>li>a:active, .skin-iot .conciliacion-header.home-header   .nav>li>a:focus {
    color: #aaaaaa;
    background-color:#ffffff;
    border:0px solid  #ffffff;
    padding: 0em 0em !important;
  }
  .skin-iot .conciliacion-header.home-header .nav>li>a .estado {
    display: inline-block;
    float: right;
    margin-left: .7em;
    margin-top: 0em;
    width: 1.3em;
    height: 1.3em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    border:2px solid #aaaaaa;
    background:#ffffff;
  }
  .skin-iot .conciliacion-header.home-header .nav>li>a .estado.estado-ok { background:#ffffff; }
  .skin-iot .conciliacion-header.home-header .nav>li>a .estado.estado-personal { background:#fe0000; }
  .skin-iot .conciliacion-header.home-header .nav>li>a .estado.estado-empresa { background:#67f2d3; }
  .skin-iot .conciliacion-header.home-header .dropdown-menu {
    position: absolute;
    top: 1.8em;
    left:auto;
    right: -.5em;
    float: right;
    min-width: 170px;
    padding: .7em .7em;
    margin: 2px 0 0;
    font-size: .8em;
    text-align: left;
    background-color: #f2f2f2;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 0px solid #f2f2f2;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
    box-shadow: 0px 2px 2px rgba(0,0,0,.2);
  }
  .skin-iot .conciliacion-header.home-header .dropdown-menu:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #f2f2f2 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -8px;
    right: .44em;
  }
  .skin-iot .conciliacion-header.home-header .dropdown-menu span {
    font-size: .7em;
    color:#666666;
  }
  .skin-iot .conciliacion-header.home-header .dropdown-menu>li>a {
    padding: .9em .5em;
    text-align: left;
    font-weight: 400;
    font-size: .9em;
    color:#666666;
  }
  .dropdown-menu>li>a:hover {
    background-color: #e6e6e6;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  .skin-iot .conciliacion-header.home-header .dropdown-menu .estado {
    display: inline-block;
    float: left;
    margin-right: .7em;
    margin-top: .2em;
    width: 1.6em;
    height: 1.6em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-left: .3em;
    vertical-align: middle;
    border:2px solid #aaaaaa;
    background:#ffffff;
  }
  .skin-iot .conciliacion-header.home-header .dropdown-menu .estado.estado-ok { background:#ffffff; }
  .skin-iot .conciliacion-header.home-header .dropdown-menu .estado.estado-personal { background:#fe0000; }
  .skin-iot .conciliacion-header.home-header .dropdown-menu .estado.estado-empresa { background:#67f2d3; }
  .eventos ul{
    list-style: none;
    margin:0;
    padding:0;
  }
  .eventos li{
    font-size: .8em;
  }
  .eventos li h6{
    background: #666666;
    color:#fff;
    text-transform: uppercase;
    font-size:.9em;
    font-weight: 400;
    padding:.3em .5em;
  }
  .eventos li p{
    padding:.1em 0 .2em 0;
    font-size:.8em;
  }
  .eventos li p i{
    font-size:1.1em;
    color:#666666;
    margin-right: .3em;
  }
  .eventos li p i.libre{ color:#f2be0a; }
  .eventos li p i.reunion{ color:#24bfeb; }
  .eventos li p i.publicacion{ color:#ff8d92; }
  .eventos li p i.urgencia{ color:#fe0000; }
  .eventos li p span{
    display:inline-block;
    float:right;
    margin-top: .55em;
    color:#666666;
    font-size:.7em;
    font-weight: 700;
    text-transform: uppercase;
  }
  .eventos li .divider{
    height:1px;
    background:#dcdcdc;
    margin-bottom:.9em;
  }
  .eventos .banner-evento{
    background:#aaaaaa;
    text-align: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding:.6em .8em;
  }
  .eventos .banner-evento p{
    display:inline-block;
    width:70%;
    text-align: center;
    color:#424242;
    font-weight:800;
    font-size:.8em;
    padding-top:.4em;
  }
  .eventos .banner-evento p span{
    display:block;
    color:#ffffff;
    font-weight: 400;
  }
  .eventos .banner-evento.libre{
    background: url(../img/iot/icon-holiday.png) #f2be0a no-repeat left center;
    background-size:5rem;
  }
  .eventos .banner-evento.reunion{
    background: url(../img/iot/icon-reunion.png) #24bfeb no-repeat left center;
    background-size:5rem;
  }
  .eventos .banner-evento.publicacion{
    background: url(../img/iot/icon-production.png) #ff8d92 no-repeat left center;
    background-size:5rem;
  }
  /*/-----------------------------------------HOME*/
  /*------------------------------------------LOGIN*/
  .login-box, .register-box {
    height: 100vh;
    width: 100vw;
    position:fixed;
    top:0;
    left:0;
    margin: 0 !important;
    background:#00bacf;
    background: rgb(0,186,207); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(0,186,207,1) 1%, rgba(0,216,224,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(0,186,207,1) 1%,rgba(0,216,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(0,186,207,1) 1%,rgba(0,216,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bacf', endColorstr='#00d8e0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }
  .login-box-inner{
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 450px;
  }
  .login-box-body{
    background:#fff;
    -webkit-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.65);
    -moz-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.65);
    box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.65);
  }
  .login-logo img{ width:50%; }
  @media (max-width: 560px){
    .login-box-inner{ width: 90%; }
    .login-logo img{ width:70%; }
  }
  .login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #00bacf;
  }
  .login-box-msg, .register-box-msg {
    color:#00bacf;
  }
  .login-box-body input{
    color:#3c8dbc !important;
  }
  .callout-danger {
    font-weight:300;
    font-size:.8em;
  }
  .callout-danger ul{
    font-size:1.4em;
    margin-top: .5em;
    padding-left: 18px;
  }
  /*/-----------------------------------------LOGIN*/
/*------------------------------------------MODAL*/
.modal-content .modal-header{
	background-color:#00bacf;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
}
	.modal-content.modal-advise .modal-header{
		background-color:#ff3916;
		color:#fff;
	}
.modal-content .modal-header h4.modal-title{
	font-family: 'Source Sans Pro',sans-serif ;
	font-size: 1em;
    font-weight: 400;
}
.modal-content .modal-header .close {
    color: #000;
    filter: alpha(opacity=40);
    opacity: .4;
}
.modal-content .modal-header .close:focus, .modal-content .modal-header .close:hover {
    color: #000;
    filter: alpha(opacity=80);
    opacity: .8;
}
.modal-p{
	font-family: 'Source Sans Pro',sans-serif ;
	font-size: 1.2em;
    font-weight: 300;
    color: #333;
    display: block;
    margin-bottom:1em;
}
.modal-subtit{
	font-family: 'Source Sans Pro',sans-serif;
    font-size: .8em;
    font-weight: 400;
    color: #a0a0a0;
    display: inline-block;
    margin-left: 1.5em;
}
.modal-data{
	font-family: 'Source Sans Pro',sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #5e5e5e;
    display: inline-block;
    margin-left: .5em;
}
.modal-content hr {
	display:block;
    border-bottom:1px dashed #aaa;
    border-top: 1px solid rgba(255,255,255,0);
    margin:.5em 1em;
}
/*/-----------------------------------------MODAL*/

  /*------------------------------------------PERFIL*/
  .box-perfil .box-header{
    background:#404040;
  }
  .box-perfil form label{
    font-weight:300;
  }
  .box-perfil h4{
    font-weight:300;
    color:#00bacf;
    font-size:1.4em;
    border-bottom:1px solid #00bacf;
    padding:.5em 0 .3em 0;
  }
  /*/-----------------------------------------PERFIL*/
  /*------------------------------------------COMPAT.css*/
/**/
.modal.in {
	display: block;
}

.modal-large .modal-dialog {
	width: 85vw;
}

.modal-large .modal-content {
	width: 100%;
	left: 0;
	min-height: 92vh;
}

.modal-large .modal-body {
	min-height: 75vh;
}

.modal-large .modal-body .url-preview {
	min-height: 58vh;
}

.url-preview {
	width: 100%;
	min-height: 30vh;
	border: solid 1px #f4f4f4;
}

.blq-asignacion-tiempo .table input {
	width: 100%;
	max-width: 4em;
	text-align: right;
}

.blq-asignacion-tiempo .table th:first-child {
	width: 20em;
}

.box-tools .fa {
	color: #fff;
}

.blq-asignacion-tiempo.box .box-header {
	background-color: #545454;
}


@media only screen and (max-width: 767px) {
	.content-wrapper .container {
		padding: 0;
	}

	.content {
		padding: 15px 0 0 0;
	}

	.calendar .fc-header-toolbar h2 {
		font-size: 1.2em;
		margin-top: 0px;
	}

	.calendar .fc-toolbar.fc-header-toolbar {
		margin-bottom: 0;
	}

	.calendar .fc-toolbar.fc-header-toolbar .fc-button {
		padding: 0 .4em;
	}
}
/*/-----------------------------------------COMPAT.css*/
  /*------------------------------------------CALENDAR*/
  .calendar {
    height: auto !important; /* */
	}
  .box-body-calendar{
    position:relative;
  }
  ul.calendar-dropdown {
    left: 3em !important;
  }
  @media (max-width: 991px){
    .box-body-calendar{
      padding-top:3em !important;
    }
  }
  .toggle-sm-slots{
    z-index:9;
    left:1.6em;
    top:1em;
  }
  /*DIALOG*/
  .calendar-bt{
    z-index:10;
    background:none;
    border:none;
    position:absolute;
    top: 6.5em;
    left: 4.3em;
    color: #00bacf;
    padding: .2em .5em;
    -webkit-border-radius: 5em;
    -moz-border-radius: 5em;
    border-radius: 5em;
  }
@media (max-width: 767px){
	 .fc-button .fc-icon {
	    font-size:1em;
	    line-height: .8em;
	}
}
  /*MEDIAQUERIES PARA COLOCAR EL BOTON ESTATICO - SOBRAN*/
  @media (min-width: 1281px){ .calendar-bt{top:6.6em; left:4.9em;}  }
  @media (max-width: 1280px){ .calendar-bt{top:6.7em; left:5em;}  }
  @media (max-width: 1199px){ .calendar-bt{top:6.7em; left:4.3em;}  }
  @media (max-width: 991px){ .calendar-bt{top:9.5em; left:4.4em;}  }
  @media (max-width: 673px){ .calendar-bt{top:11.5em; left:4.2em;}  }
  @media (max-width: 560px){ .calendar-bt{top:11.5em; left:3.7em;}  }
  @media (max-width: 520px){ .calendar-bt{top:12.5em; left:3.5em;}  }
  @media (max-width: 440px){ .calendar-bt{top:12.5em; left:3.2em;}  }
  @media (max-width: 396px){ .calendar-bt{top:14.2em; left:3em;}  }
  @media (max-width: 320px){ .calendar-bt{top:14.2em; left:2.6em;}  }
  /*MEDIAQUERIES PARA COLOCAR EL BOTON ESTATICO - SOBRAN*/
  .calendar-bt:hover{
    color:#00a6b9;
    background:rgba(0,186,207,.2);
  }
  .calendar-bt:focus{
    outline:none;
  }
  .dialog-calendar{
    z-index:11 !important;
    background:#fff !important;
    border:1px solid #eaeaea !important;
    padding:0px !important;
    -webkit-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
    -moz-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
    box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
    -webkit-border-radius: 0em !important;
    -moz-border-radius: 0em !important;
    border-radius: 0em !important;
  }

  .ui-dialog-titlebar{
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    background:#00bacf !important;
    padding:.6em !important;
    -webkit-border-radius: 0em !important;
    -moz-border-radius: 0em !important;
    border-radius: 0em !important;
  }
  .ui-dialog-title{
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    color:#fff !important;
    font-weight: 300 !important;
    font-size:1.2em !important;
  }
  .ui-dialog-titlebar-close{
    background:#fff !important;
    border:none !important;
    color:#00bacf !important;
    float: right !important;
  }
  .ui-dialog-content{
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    border:none !important;
    -webkit-border-radius: 0em !important;
    -moz-border-radius: 0em !important;
    border-radius: 0em !important;
  }
  .ui-dialog-content label{
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    font-weight:300 !important;
    font-size: .8em !important;
    text-transform: uppercase !important;
  }
  .ui-dialog-content input{
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    font-weight:300 !important;
  }
  .ui-timepicker-container, .ui-timepicker-standard {
    position: absolute;
    z-index:12 !important;
    overflow: hidden;
    box-sizing: border-box;
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    font-size:1.1em !important;
    border:1px solid #dadada !important;
  }
  .ui-widget.ui-widget-content {
    border: none !important;
  }
  .ui-timepicker-standard a {
    font-family: 'Open Sans', 'Calibri', Helvetica, Arial,  sans-serif !important;
    color: #00bacf !important;
    font-weight: 300 !important;
  }
  .ui-timepicker-standard .ui-state-hover {
    color: #00bacf !important;
    font-weight: 300 !important;
    background:rgba(0,186,207,.2) !important;
    border:1px solid rgba(0,186,207,.2) !important;
  }
  .ui-dialog .ui-dialog-titlebar-close {
    background:rgba(255,255,255,.6) !important;
    position: absolute;
    right: .6em !important;
    top: 46% !important;
    width: 1.5em !important;
    height: 1.5em !important;
    margin: -10px 0 0px 0 !important;
    padding: 1px !important;
    border:none !important;
    -webkit-border-radius: 5em !important;
    -moz-border-radius: 5em !important;
    border-radius: 5em !important;
  }
  .ui-dialog .ui-dialog-titlebar-close:hover {
    background:rgba(255,255,255,1) !important;
  }
  .ui-button .ui-icon, .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
    background-image: url(images/ui-icons_00bacf_256x240.png) !important;
  }
  .calendar h2{
    font-weight:300;
    font-size:1.4em;
    padding-top:.2em;
    color:#00bacf;
  }
  .calendar .fc-button {
    background-color: #333;
    background-image: none;
    color: #fff;
    border:none;
    outline: none;
  }
  .calendar .fc-button.fc-button-primary {
    border: none;
    background-color: #00bacf;
    border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 1px 1px rgba(255,255,255,0);
    font-weight: 300;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
  }
  .calendar .fc-button.fc-button-primary[disabled] {
    cursor: default;
    opacity: .3;
  }
  .calendar .fc-button:hover {
    background-color: #0099aa;
  }
  .calendar th {
    font-weight:300;
    font-size:.8em;
  }
  .calendar .fc-axis {
    font-weight:300;
    font-size:.8em;
  }
  .fc-day.fc-sat, .fc-day.fc-sun {
    background-color:#eaeaea;
  }
  .fc-slats tr[data-time='14:00:00'],
  .fc-slats tr[data-time='14:30:00'],
  .fc-slats tr[data-time='15:00:00'],
  .fc-slats tr[data-time='15:30:00'] {
    background-color:#eaeaea;
  }
  /*/-----------------------------------------CALENDAR*/
  /*------------------------------------------FOOTER*/
  .skin-iot .main-footer{
    background: url(../img/iot/bg_coloured.png) repeat-x top left #222222;
    min-height: 65px;
    color:#c0c0c0;
    font-size:.6em;
  }
  .skin-iot .main-footer img{
    width:70px;
    display:inline-block;
  }
  .skin-iot .main-footer p.powered{ 
  	margin-top:1.5em; 
  	margin-right:.5em;
	display:inline-block;
  }
  .text-footer-left{ text-align: left; }
  .text-footer{ text-align: right; }
  .footer-br{display:none;}
   @media (max-width: 767px){
   	.skin-iot .main-footer{ font-size:.65em; }
   	.text-footer{ text-align: center; margin-top:1.5em;}
   	.text-footer-left{ text-align: center; }
   }
   @media (max-width: 400px){
   	.footer-br{display:block;}
   }
  /*/-----------------------------------------FOOTER*/

  /*------------------------------------------EVENTOS FULLCALENDAR*/
  .btn-borrar-evento{ 
    cursor: pointer;
    bottom: 0;
    left: 0.2em;
    position: absolute;
  }
  /*/-----------------------------------------EVENTOS FULLCALENDAR*/

  /*------------------------------------------MEDIAQUERIES*/
  @media (max-width: 991px){
    .navbar-collapse.pull-left+.navbar-custom-menu {
      right: 15px;
    }
  }
  @media (max-width: 767px){
    .navbar-collapse.pull-left+.navbar-custom-menu {
      top: .8em;
      right: 3.5em;
    }
    .navbar-collapse.pull-left {
      margin-top: 1.5em;
      border-top: 3px solid #00b9cd;
      -webkit-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
      -moz-box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
      box-shadow: 0px 15px 19px -14px rgba(0,0,0,0.85);
    }
  }
  @media (max-width: 768px){
    .skin-iot .main-header .navbar { min-height: 70px; }
  }

  @media (min-width: 768px){
    .skin-iot .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; }
    .skin-iot .navbar-nav {
      margin-top: 1.6em;
    }
    .skin-iot .navbar-nav>li>a {
      padding-top: .5em;
      padding-bottom: 1.15em;
    }
    .skin-iot .dropdown-menu { width: 100%; }

  }

  /*/-----------------------------------------MEDIAQUERIES*/