@font-face {
    font-family: Ubuntu-M;
    src: url('fonts/ubuntu-font/Ubuntu-M.ttf');
}
@font-face {
    font-family: Ubuntu-L;
    src: url('fonts/ubuntu-font/Ubuntu-L.ttf');
}
@font-face {
    font-family: Ubuntu-R;
    src: url('fonts/ubuntu-font/Ubuntu-R.ttf');
}
@font-face {
    font-family: Ubuntu-M;
    src: url('fonts/ubuntu-font/Ubuntu-M.ttf');
}
@media screen and (min-width: 768px) {	
    .modal-dialog.modal-lg  {width: 85%;}
}
body {
    padding-top: 0;
    background-color: #FDFBFC;
    font-family: Ubuntu-M, sans-serif;
}
.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}
.top-header{
    height: 30px;
    background-image: url('../img/header.png');
    background-repeat: repeat-x;
    background-size: 100% 30px;
}
.top-profile {
    height: 50px;
}
.top-profile ul {
    color: #6DB0B9;
    text-align: right;
    padding-top: 10px;
    font-family: 'Ubuntu-L';
    font-size: 18px;
    padding-left: 0;
}
.top-profile ul li{
    display: inline;
    border-right: 1px solid;
    padding: 0 15px;
}
.top-profile ul li:last-child{
    border-right: none;
}
.top-profile ul li a {
    color: #6DB0B9;
    /* font-size: 17px; */
}
.top-profile .img-user-profile{
    right: 0;
    float: right;
    width: 80px;
    /* border-radius: 50px; */
    max-height: 80px;
}
a.img-profile {
    display: block;
    float: right;
}
.hseq-header {
    height: 230px;
}
.profile {
    margin-top: 10px;
    /* float: left; */
    margin-left: 20px;
}
.profile img {
    max-height: 130px;
}
div#imagenUsuario {
    width: 230px;
}
.img-logo {
    float: right;
    width: 280px;
}
.logo {
    top: 0;
    position: relative;
    right: 10px;
    margin-top: 30px;
}
.navbar {
    position: relative;
    min-height: 55px;
    margin-bottom: 0; 
    border: 1px solid transparent;
}
.navbar-inverse {	
    /* height: 55px; */
    background-image: url('../img/menu.png');
    background-size: 100% 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fefefe+32,e8eae9+99,d7d7d7+100 */
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(254,254,254,1) 32%, rgba(232,234,233,1) 99%, rgba(215,215,215,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 32%,rgba(232,234,233,1) 99%,rgba(215,215,215,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 32%,rgba(232,234,233,1) 99%,rgba(215,215,215,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */

}
nav .container {
    padding: 0;
    width: 100%;	
}
.navbar-inverse .navbar-right {
    float: left !important;
    margin-right: 0;
}
.navbar-inverse .navbar-nav > li{
    min-width: 299px;
    width: 24%;
    /* background-image: url('../img/menu.png'); */
}
.navbar-inverse .navbar-nav > li.home{
}
.navbar-inverse .navbar-nav > li > a {
    color: #0A8A96;
    font-size: 16px;
    padding: 2px 15px 2px 10px;
    border-right: 2px solid #CABFBF;
    height: 54px;
    margin-top: 0;
    vertical-align: middle;
    overflow: hidden;
    display: list-item;
    /*width: 220px;*/
    /* max-width: 290px; */
    width: 100%;
    left: 0;
    float: left;
}
.navbar-inverse .navbar-nav > li:last-child > a {
    /*border-right: none;*/
}
.navbar-inverse .navbar-nav > li.home > a {
    padding-top: 7px;
    /* width: 100%; */
    /* padding-top: 6px; */
    /* padding-left: 6px; */
    /* min-width: 158px; */
    /* text-align: center; */
}
.navbar-inverse .navbar-nav > li .caret {
    float: right;
}
.navbar-inverse .navbar-nav > li.tasks .icon-nav-img {
    background-image: url('../img/bk_task.png'); 
    /* min-width: 200px; */
}
.navbar-inverse .navbar-nav > li.userDocs .icon-nav-img {
    background-image: url('../img/bk_userDocs.png'); 
    /* padding-top: 4px !important; */
}
.navbar-inverse .navbar-nav > li.indicators .icon-nav-img {
    background-image: url('../img/bk_indicators.png'); 
}
.navbar-inverse .navbar-nav > li.inspections .icon-nav-img {
    background-image: url('../img/bk_inspections.png'); 
}
.navbar-inverse .navbar-nav > li.acts .icon-nav-img {
    background-image: url('../img/bk_self-report.png'); 
    /* padding-top: 4px !important; */
}
.navbar-inverse .navbar-nav > li.improve .icon-nav-img {
    background-image: url('../img/bk_improve.png'); 
    /* padding-top: 4px !important; */
}
.navbar-inverse .navbar-nav > li.home .icon-nav-img {
    background-image: url('../img/bk_home.png'); 
    /* padding-top: 4px !important; */
}
.navbar-inverse .navbar-nav > li.admin .icon-nav-img {
    background-image: url('../img/bk_admin.png'); 
    /* padding-top: 4px !important; */
}
.navbar-inverse .navbar-nav > li.home .icon-nav-img,
.navbar-inverse .navbar-nav > li.tasks .icon-nav-img,
.navbar-inverse .navbar-nav > li.userDocs .icon-nav-img,
.navbar-inverse .navbar-nav > li.indicators .icon-nav-img,
.navbar-inverse .navbar-nav > li.inspections .icon-nav-img,
.navbar-inverse .navbar-nav > li.acts .icon-nav-img,
.navbar-inverse .navbar-nav > li.improve .icon-nav-img,
.navbar-inverse .navbar-nav > li.admin .icon-nav-img{
    background-repeat: no-repeat;
    background-position: 0 50%;
    display: inline-block;
    height: 40px;
    /* width: 40px; */
    padding-left: 45px;
}
.navbar-inverse .navbar-nav > li.home .icon-nav-img,
.navbar-inverse .navbar-nav > li.tasks .icon-nav-img,
.navbar-inverse .navbar-nav > li.improve .icon-nav-img,
.navbar-inverse .navbar-nav > li.inspections .icon-nav-img,
.navbar-inverse .navbar-nav > li.admin .icon-nav-img{
    padding-top: 10px !important;
    width: 100%;
}
.navbar-inverse .navbar-nav > li.inspections  .caret,
.navbar-inverse .navbar-nav > li.improve  .caret,
.navbar-inverse .navbar-nav > li.admin  .caret{
    margin-top: 20px;
}
.navbar-inverse .navbar-nav > li > a i {
    font-size: 30px;
    display: inline;
    position: relative;
    padding-right: 15px;
    /* color: #3E6C74; */
}
.navbar-inverse .navbar-nav > li > a span.icon-nav {
    height: 45px;
    display: inline-block;
    /* vertical-align: middle; */
    padding: 6px 0px 0px 10px;
    background-color: #0B8997;
    border-radius: 50px;
    width: 45px;
    text-align: center;
    color: #FFF;
}
.navbar-inverse .navbar-nav > li > a span.txt-nav {
    display: inline-block;
    width: 75%;
    margin-left: 10px;
    text-align: left;
}
.navbar-inverse .navbar-nav > li > a:hover span.icon-nav,
.navbar-inverse .navbar-nav > ul > li > a:hover span.icon-nav{
    background-color: #FFF;
    color: #0B8997;
}
.dropdown-menu li span.icon-nav {
    background-color: #0B8997;
    color: #FFF;
    border-radius: 25px;
    height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus ,
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: rgb(13, 170, 185);
}
.navbar-inverse .navbar-toggle {
    border-color: #0DAAB9;
    background-image: url("../img/menu_hover.png");
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #FFF;
    text-decoration: none;
    background-color: #0DAAB9;
}
.dropdown-menu > li > a {
    color: #0A8A96;
    padding-top: 10px;
}
.table-responsive{
    min-height: 150px;
}
/************/
.container .content {
    margin: 0 auto;
}
.item-list {
    position: relative;
    display: block;
    padding: 7px 5px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
    border-right: none;
    border-left: none;
}
.item-desc{
    max-height: 110px;
    overflow: hidden;
    text-align: justify;
    overflow-y: auto;
}
.item-desc img{
    max-width: 50%;
    display: none;
}
.item-list .icon .fa {
    /* border: 1px solid; */
    border-radius: 20px;
    text-align: center;
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    color: #FFF;
    margin-right: 5px;
}
.item-list .icon .fa {
    background-color: #000;
}
.item-list .icon .fa-users {
    background-color: #FE1B50;
}
.item-list .icon .fa-shield {
    background: #348A0D;
}
.item-list .icon .fa-pencil {
    background: #7B0A96;
}
.item-list .icon .fa-list-alt {
    background: #118ED1;
}
.item-list .icon .fa-search {
    background: #0A8A97;
}
.item-list .icon .fa-exclamation-triangle {
    background: #f2c43d;
}
.item-list .icon .fa.fa-dot-circle-o {
    background-color: #F4792C;
}
.item-list .icon .fa.fa-info {
    background-color: #AAABAF;
}
.item-list .icon .fa.fa-folder {
    background-color: #4088C8;
}
.item-list h2, .item-list .h2 {
    font-size: 20px;
}
.item-list span{
    word-wrap: break-word;
}
/*********/
header.carousel {
    height: 281px;
    background: #E8E9E9;
    color: #FFF;
}
/*.carousel-caption h2 {
    font-size: 14px;
}
.carousel-inner .descr {
    opacity: 0.8;
    background: rgba(118, 191, 202, 0.44);
    color: #FFF;
    height: 100%;
    overflow: hidden;
    padding-top: 10px;
}

.carousel-inner .img img.img-responsive {
    height: 100%;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    line-height: 1;
    height: 100%;
    margin: 0 auto;
}
.carousel-inner .col.img {
    padding-left: 0;
    padding-right: 0;
}
.descr .texto-descr {
    height: 163px;
    overflow: overlay;
    padding-left: 24px;
}*/
.col-lg-12.carousel-h {
    padding-left: 0;
    padding-right: 0;
}
.carousel-descr {
    position: absolute;
    z-index: 999;
    top: 8px;
    width: 50%;
    height: 344px;
    /* background: rgb(240, 240, 240); */
    color: #FFF;
    padding: 10px;
    margin-left: 0;
    overflow: hidden;
}
.texto-descr {
    color: #3C6870;
    opacity: 1;
    overflow-y: scroll;
    height: 252px;
}
.carousel-img {
    width: 100%;
}
.carousel-img img.img-responsive {
    width: 50%;
    height: 100%;
    text-align: center;
    margin-left: 50%;    
}
/******/
.panel-body {
    background-color: #EDEEEF;
    padding: 10px;
}

.panel-default > .panel-heading , thead{
    color: #FFF;
    background-color: #f5f5f5;
    border-color: #ddd;
    background-image: url('../img/block-header.png');
    background-size: 100% 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#66b5b9+0,61b0b5+10,57a6ab+23,2a7980+72,28777c+74,1a696e+95,19686d+98,316c70+100 */
    background: rgb(102,181,185); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(102,181,185,1) 0%, rgba(97,176,181,1) 10%, rgba(87,166,171,1) 23%, rgba(42,121,128,1) 72%, rgba(40,119,124,1) 74%, rgba(26,105,110,1) 95%, rgba(25,104,109,1) 98%, rgba(49,108,112,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(102,181,185,1) 0%,rgba(97,176,181,1) 10%,rgba(87,166,171,1) 23%,rgba(42,121,128,1) 72%,rgba(40,119,124,1) 74%,rgba(26,105,110,1) 95%,rgba(25,104,109,1) 98%,rgba(49,108,112,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(102,181,185,1) 0%,rgba(97,176,181,1) 10%,rgba(87,166,171,1) 23%,rgba(42,121,128,1) 72%,rgba(40,119,124,1) 74%,rgba(26,105,110,1) 95%,rgba(25,104,109,1) 98%,rgba(49,108,112,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b5b9', endColorstr='#316c70',GradientType=0 ); /* IE6-9 */

}
.hseq-header .col-md-7 .col-md-4.col-sm-6 {
    text-align: right;
    float: right;
}

.panel-body .list-group .list-group-item{
    border-right: none;
    border-left: none;
    border-radius: 0px;
    outline: none;
}
.btn-default {
    float: right;
}
.hidden{
    display: none;
    visibility: hidden;
}
.lifo-typeahead-list.hidden{
    display: block !important;
    visibility: visible;
}
/************/
form h5{
    color: #0B8997;
}
form select{
    max-width: 202px;
}
form select, form input, form textarea {
    min-width: 202px;
}
form.new input.btn-primary,
form input.btn-primary{
    min-width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 15px;
    background: #3B8A90;
    border-color: #2F7E84;
    border-radius: 10px;
}
form.new input.btn-primary:hover{
    color: #3B8A90;
    background: #FFF;
}
.inputForm.input-xxlarge {
    height: 300px;
    min-width: 430px;
    overflow: scroll;
}
form input[type="submit"] {
    min-width: auto !important;
}
#calculo i.fa.fa-arrow-right {
    color: #3B8A90;
    font-size: 40px;
}
#calculo i.fa.fa-arrow-right {
    color: #3B8A90;
    font-size: 40px;
}
button#form_nuevaFor, button#form_enlazar {
    color: #0B919E;
    background-color: #fff;
    border-color: #fff;
    margin-left: 2px;
    margin-right: 2px;
    padding: 6px 12px;
    box-shadow: none;
}
button#form_nuevaFor:hover, button#form_enlazar:hover {
    border-color: #0DAAB9;
    color: #fff;
    background-color: rgb(13, 170, 185);
}
div#formula {
    border: 2px solid #FFF;
    padding: 7px;
    min-height: 300px;
    overflow: scroll;
    max-height: 300px;
}
#formula > div{
    width: auto;
    display: inline-block;
    font-size: 15px;
    font-family: Ubuntu-L;
}
#formula .op {
    color: #3B8A90;
    /* font-weight: bold; */
    padding-left: 5px;
    padding-right: 5px;
    background: #FFF;
    font-family: Ubuntu-M;
    margin-left: 3px;
    margin-right: 3px;
}
#variables option {
    padding-top: 3px;
    padding-bottom: 3px;
}
.varpas{
    text-align: center;
}
label.labelForm.textarea {
    /*height: 65px;*/
    float: left;
    background: transparent;
}
form textarea, textarea.inputForm{
    height: 70px;
}
form.new select, form.new input, form.new textarea,
form.edit select, form.edit input, form.edit textarea,
form.register select, form.register input, form.register textarea
{
    min-width: 606px;
}
form.new input[type="button"],
form.new input[type="checkbox"],
form.edit input[type="checkbox"] {
    min-width: auto;
}
form.new .optionForm input,  form.edit .optionForm input,
form.new .optionForm label,  form.edit .optionForm label
{
    min-width: auto !important;
    font-weight: 300;
}
label.labelForm.option {
    text-align: left;
}
.help-block.with-errors {
    text-align: center;
}
label + ul {
    color: #E23553 !important;
    display: inline-block;
}
.form-group.has-error textarea, .form-group.has-error input{
    border: 1px solid #C71313;
}
.form-group.has-error select{
    border: 1px solid #C71313;
}
.login label, .password label, .new label, .register label, .edit label {
    min-width: 280px;
    text-align: right;
    margin-right: 15px;
}
.dataForm {
    min-width: 202px;
    display: inline-block;
}
.btn-default {
    color: #0B919E;
    background-color: #fff;
    border-color: #fff;
    margin-left: 2px;
    margin-right: 2px;
}
.btn-default:hover, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    border-color: #0DAAB9;
    color: #fff;
    background-color: rgb(13, 170, 185);
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .9s infinite linear;
}
il a i.fa {
    font-size: 19px;
    background: #FFF;
    border-radius: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin: 3px;
}
.optionForm.option {
    margin-left: 26%;
    width: auto;
}
@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}
/*********/
table th, a.sortable, a.desc, a.asc {
    font-family: "Ubuntu-M";
    color: #FFF;
}
th.th {
    min-width: 90px;
}
.table-bordered {
    font-size: 12px;
}
table tr td i.fa, table tr td span.fa{
    font-size: 20px;
    padding-right: 3px;
    padding-left: 3px;
    width: 21px;
    text-shadow: 1px 1px #C0C2C3;
    text-shadow: 1px 1px #FFF;
}
td i.fa.fa-info-circle{
    color: #FFCA09;
}
table tr td span.fa .fa-arrow-up {
    color: #24C524;
}
table tr td span.fa .fa-arrow-down {
    color: #E23636;
}
td i.fa.fa-pencil-square-o{
    color: #3397A2;
}
td i.fa.fa-ban{
    color: rgb(224, 27, 63);
}
td i.fa.fa-check, td i.fa-check-circle{
    color: #24C524;
}
td i.fa.fa-lock{
    color: #1E6D72;
}
td i.fa.fa-question.user {
    color: orange;
}
.table-users .btn{
    padding: 2px 4px;
}
.form-horizontal.col-sm-7{
    margin: 0 auto; float: none;
}
.img-responsive.graph{
    margin: 0 auto;
    float: none;
    display: block;
}
.inputForm {
    display: inline-block !important;
}
.inputForm.trend {
    width: 100%;
    height: 150px;
}
.form-inline .inputForm {
    margin-left: 20px;
    margin-right: 20px;
}
.roles.new label {
    min-width: auto;
    text-align: left;
}
.roles.new input{
    min-width: auto;
}
legend a {
    color: inherit;
}
legend.legendStyle {
    padding-left: 5px;
    padding-right: 5px;
}
fieldset.fsStyle {

    border: 1px solid #FFFFFF;

    padding: 10px;

    margin: 5px;
}
legend.legendStyle {
    font-size: 17px;
    color: #0B8997;
    background-color: transparent;
}
legend.legendStyle .badge{
    font-size: 17px;
    color: #FFF;
    background-color: #0CB7C6;
    webkit-box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
    box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
    margin-right: 5px;
}
legend {
    width: auto;
    border-bottom: 0px;
}
.home legend.legendStyle {
    cursor: pointer;
}
.pagination{
    margin: 0;
}
.pagination>li > a, .pagination> span {
    position: relative;
    float: left;
    /* padding: 6px 12px; */
    margin-left: -1px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination a, .pagination .current {
    display: block;
    padding: 6px 12px;
}
.pagination>.current>a, 
.pagination>.current, 
.pagination>.current>a:hover, 
.pagination>.current>span:hover, 
.pagination>.current>a:focus, 
.pagination>.active>span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #1E6D72;
    border-color: #DDDDDD;
}
.pagination>li > a:hover, .pagination>span > a:hover {
    background-color: #59A8AF;
    color: #FFF;
}
/*******/
.modal-dialog, .modal-dialog.modal-lg  {width: 85%;}
.actions-H{
    width: 120px;
}
.actions-H li.dropdown {
    width: auto;
    display: inline-block;
}
.listados .actions-H {
    width: 70px;
}
.fa-print:before {
    color: #1E6D72;
}

.fa-eye:before {
    color: #3c763d;
}
/********************/
.cycle-slideshow, .cycle-slideshow * { 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
    position: relative;
}

.cycle-slideshow { 
    width: 100%; max-width: 500px; padding: 0; position: relative; float: left;
}

.cycle-pager {
    width: 100%;
    position: relative;
    float: left;
}
.cycle-pager span {
    font-size: 30px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #ddd;
    cursor: pointer;
    line-height: 1;
}
.cycle-pager span.cycle-pager-active { color: #D69746;}
.cycle-pager > * { cursor: pointer;}
img.imagepreview{
    width: auto; display: block; margin: 0 auto;
}
.img-hallazgos{
    max-width: 150px;
}
.td-txt {
    max-height: 190px;
    overflow: auto;
    height: auto;
    min-width: 114px;
    max-width: 700px;
}
/***************************/
#calendar {
    max-width: 100%;
    margin: 10px auto;
}
span.fc-icon.fc-expander-space.fc-expander.fc-icon-down-triangle + .fc-cell-text, span.fc-icon.fc-expander-space.fc-expander.fc-icon-right-triangle + .fc-cell-text {
    font-weight: bold;
    text-transform: uppercase;
}
.fc-resource-area .fc-icon {
    font-size: .9em;
    vertical-align: middle;
    margin-top: 0%;
}
.item-leg {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    /* background-color: #fff; */
    border: 1px solid #ddd;
    border-right: none;
    border-left: none;
    overflow: hidden;
    text-align: justify;
    word-wrap: break-word;
}
.item-leg .description {
    max-height: 168px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    /*overflow-y: auto;*/
}
.item-leg img {
    max-width: 200px;
    max-height: 60px;
}
.mens-admin i.fa {
    color: #FFF;
    border-radius: 35px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
}
.mens-admin i.fa.fa-users {
    background: #FE1A4F;
}
.mens-admin i.fa.fa-shield {
    background: #318A0A;
}
.mens-admin i.fa.fa-pencil {
    background: #7C0994;
}
.mens-admin i.fa.fa-list-alt {
    background: #128CD6;
}
.mens-admin i.fa.fa-search {
    background: #098895;
}
.mens-admin i.fa.fa-exclamation-triangle {
    background: #FBEC11;
}

/********************/
footer {
    margin: 0;
    background-image: url('../img/footer.png');
    min-height: 200px;
    color: #FFF;
    padding: 5px;
    font-size: 18px;
    background-size: 100% 200px;    
    font-family: 'Ubuntu-L';
    background-color: #0A8A97;
    background-repeat: no-repeat;
}
footer li{
    display: inline-block;
    border-right: 1px solid;
    padding: 7px;
}
footer li:last-child{
    border-right: none;
}
footer ul {
    margin: 0 auto;
    float: none;
    text-align: center;
    margin-top: 50px;
}
.logoFooter {
    text-align: center;
}
.logoFooter a{
    display: block;
    margin: 0 auto;
    float: none;
    position: relative;
    width: 258px;
    margin-top: 10px;
}
/* **************/
td .btn-group .btn, td .btn-group .dropdown-menu {
    font-size: 12px;
}
td .btn-group .dropdown-menu > li > a {
    display: block;
    padding: 3px 10px;
}
i.fa.fa-user.Administrador {
    color: #D25AD2;
}

i.fa.fa-user.Supervisor {
    color: #286090;
}

i.fa.fa-user.Trabajador {
    color: #429844;
}
/********************/
.jqueryFormulae li.formulae-item.operator a {   
    height: 35px;
    padding-top: 9px !important;
    padding-left: 11px !important;
}
.inputForm , .form-control {
    display: block;
    width: auto; 
    height: auto; 
    padding: 2px 5px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea.form-control {
    height: 70px; 
    height: 70px; 
}
.node .well.well-sm {
    font-size: 10px;
    text-align: left;
}
/* Panel de control */
.column {
    width: 50%;
    float: left;
    /*padding-bottom: 100px;*/
}
.portlet {
    margin: 0 1em 1em 0;
    padding: 0.3em;
}
.portlet-header {
    padding: 0.2em 0.3em;
    margin-bottom: 0.5em;
    position: relative;
}
.portlet-toggle {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
}
.portlet-content {
    padding: 0.4em;
}
.portlet-placeholder {
    border: 1px dotted black;
    margin: 0 1em 1em 0;
    height: 50px;
}
.ui-widget{
    font-family: Ubuntu-M !important;
}
.portlet-header {
    font-size: 20px;
}
.porlet-content h4{
    color: #0A8A97;
}
h4, .h4 {
    font-size: 17px;
}
.ui-widget-content.ui-widget-content{
    font-size: 13px;
}
.light-0, .light-1, .light-2, .light-3{
    width: 20px;
    height: 20px;
    border: 1px solid #CCC;
    border-radius: 20px;
    display: inline-block;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
    -moz-box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
    box-shadow: 2px 2px 2px 0px rgba(204,200,204,1);
}
.light-0{
    background-color: transparent;
} 
.light-1{
    background-color: #E23636;
} 
.light-2{
    background-color: #FFFF51;
} 
.light-3{
    background-color: #28CC28;
}
.carousel-inner i.fa.fa-search-plus {
    position: absolute;
    top: 5%;
    z-index: 9;
    font-size: 25px;
    margin-left: 91%;
    color: #19676E;
}
.titulo-pregunta{
    background: transparent;
    border: none;
    box-shadow: none;
    font-weight: bold;
}
.lista-ch .optionForm{
    display: initial;
}
.lista-ch .pregunta {
    background: transparent;
    box-shadow: none;
    border: none;
    height: auto;
    outline: none;
    height: 73px;
    width: 70%;
}
.fc-toolbar h2 {
    margin: 0;
    font-size: 20px;
}
footer a {
    color: #FFF;
}
/* Autocompletar */
ul.lifo-typeahead-list li{
    list-style: none;
}
ul.lifo-typeahead-list li a, form #usuarios a, form #usuarios2 a {
    border: 1px solid #227178;
    width: 604px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px;
    padding-left: 30px;
    background: #DEE1E4;
    display: block;
    margin-left: 256px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACuElEQVR42n2TyU9TURTGv/te5/aV9lGktJSWQWtkWDjExCGKgSoLXcgC48a/zY3RhSbiEEUSlagxSoyCLJACvlYotSMdeJ3eO15LgmkQ7vKe8/3uOd89h4Gf/Pg1Ejwy6p8X0R5dZDjkZAaGyXhmCHoqB9fsC8Yyo2NkuXEWzEjQElWoD2Zw5ADIby623opA7DQDDUCd/gSWHhsly4gMvbANIRCCXrahdP8lfLHlFkji6DDZp65CMOSh/1LAHBIq31JgMX8f2YY6Ye5zg6o1MK8fWsmKwuPX6FF2IbH+IWqbGofIctATcTCzGZXVLNTFLTQT1rwhsnOINdgGqtUg+LrRIBn56TlA0+GevAIDZaBtcrHRiJ2VLMo/suhPrrO9Mpc5xHmiA46ABL1Wh9DhBbl7AAJYPs5NS0Dg4u1oDuVoFuHfSlPb0uf3ziC5wjIknwSqc4jd0czQS2XAYEAxXkB+JYfhlLKn2+f2F0+AvEO8Eo8NeqPRrEAwilC3q9j4msTJVLxFsw8wzw0LjHTB0uBu026YMULNICG+kMSp1aWDAR96wxSKnIcjp0DPZviXGZr3Gq9EdMsouoNYf/oWFzbX9rcw13uM+icuwZmO8YHaAPvbc7nejEl2I6ihQewOIGNqx/rMO4wm1v+Z+CowQMcnRuHKxNFQFIhmExJ5FcpWqQkIeh3oclmhVasw9ASRbvNiZfY9IvEoY8+7+2gwchlyMoZGLAbRZMJGUUU0Xcb17FbzgSeylwY8dvglDuFzYgz1ItPhx9LMG7CP5y7SiNOK+uoaBC5WdlQsZ4uY3E63+POwzUNhWULQZuVzwiH9fVgoqGDPfEE6bTHBwgT8rFSwVCzhdiHz32W652ynQcmBkMWCCumYr9R2PXjk9JBNFJGsVXGnnD90ne/aXdRpMmNH03CzkGZ/ABHkKzEAmiMJAAAAAElFTkSuQmCC);
    background-position: 5px center;
}
p.lc-answer {
    padding-left: 24px;
}
.edit #objectP label {
    text-align: left;
    width: auto;
}

@media (max-width: 1200px) {
    .navbar-inverse .navbar-nav > li{
        width: 49.3%;
    }
}
@media (max-width: 770px) {	
    .navbar-nav .open .dropdown-menu {
        z-index: 999;
    }
    /*    .navbar-nav .open .dropdown-menu li{
            background-image: url('../img/menu.png');
        }
        .navbar-inverse .navbar-nav > li.userDocs > a {	  
            width: 100%;
        }
        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #fff;
            background-color: rgb(13, 170, 185);
        }*/
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
        color: #FFF;
        text-decoration: none;
        background-color: #0DAAB9;
    }
    .navbar-inverse .navbar-nav > li{
        width: 100%;
    }
    .login label, .password label, .new label, .register label, .edit label{
        text-align: left;
    }
    label.labelForm.textarea{
        height: auto;
    }
    form.new select, form.new input, form.new textarea, form.edit select, form.edit input, form.edit textarea, form.register select, form.register input, form.register textarea{
        min-width: 99%;
        width: 99%;
    }
    footer{
        max-height: 300px;
    }
}
@media (max-width: 600px) {
    .top-profile ul{
        font-size:16px;
    }    
}