/*- Principales -*/

body {

    font-size: 13px !important;

    font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif !important; 

}

.parsley-range{
    color: red !important;
}

.title-form .table-panding{
    padding: 0.5em !important;
}


#resultado {
    text-align: center;
    font-size: 10px;
}
.table tbody > tr > td {
    padding: 0px 8px !important;
}
table.dataTable thead .sorting , table.dataTable thead .sorting_desc , table.dataTable thead .sorting_asc {
    background-image: inherit !important;
}
.table tbody > tr > td {
    border-top: 1px solid #ffffff !important; 
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
    border: 1px solid rgb(243, 243, 243) !important;
}
.home{
    background: url('../img/intro-eenovart.jpg') no-repeat ;

    background-size: cover;
        /*background-position-y: -106px;*/

}
table.dataTable.no-footer {
    border-bottom: 1px solid #bababa !important;
}
.home .row {

    margin: 0 !important;

    padding: 0 !important;

}

.name>.title-form{
height: 88px !important;}

.container {

    width: 94% !important;

    margin: 0 auto !important;

}
.project-box-content p {
    height: 34px;
    overflow: hidden;
}
td.useralltd {

    text-transform: capitalize;

}

.optioni a img {

    padding: 20px 91px;

    width: 411px;

}

.optioni {

    margin-top: 80px !important;

}

#content-wrapper {

    position: initial !important;

    transition: 0.3s linear;

}

/*- Principales -*/

.topbi{

margin-top: 25px;}

.remember {

    position: relative;

    top: 150px;

    width: 400px;

    display: table;

    margin: 0 auto;

    height: 100%;

}

.llogo {
    position: absolute;
    left: 40px;
    width: 250px;
    bottom: 50px;
}

a.btn > span{

    font-size: 22px;

    font-weight: bold;

}

/*- Logos -*/

.big-logo {

    width: 55%;

    display: block;

    margin: 0 auto;

    margin-bottom: 2em;

}

.small-logo {

    width: 35%;

    margin: 0 auto;

    position: relative;

}

/*- Logos -*/





/*- Nav -*/

.navbar-brand {

    padding: 0 !important;

    width: 220px;

}

.icon-menu, .icon-menu:hover {

    left: 0;

    position: relative;

    padding: 15px !important;

    top: 10px;

    color: black;

    font-size: 20px;

    cursor: pointer;

}
.nav-puntos {
    float: right;
    display: inline-block;
    text-align: right;
    background: #f0c634;
}

.nav-puntos ul > li > a {
    padding-top: 22px;
    font-size: 13px !important;

}

#nav-col {

    background: #DCDCDC !important;

    transition: 0.3s linear;

    box-shadow: 0 0 45px 0 rgba(0, 0, 0, 0.49);

}

.nav-small #nav-col, .nav-small #content-wrapper {

    transition: 0.3s linear;

}

.nav-puntos ul > li > a:hover, .nav-puntos ul > li > a:focus, .nav-puntos ul > li > a:active{

    background-color: rgba(224, 224, 224, 0) !important;

    color: black !important;

}

.img-profile {

    display: block;

    width: 125px;

    height: 110px;

    margin: 0 auto;

    top: 2em;

    position: relative;

    margin-bottom: 6em;

    text-align: center;

}
.dropdown-menu-right li a {
    padding-top: 3px !important;
}
.img-profile img {

    width: 115px;
    height: 115px;

    border-radius: 50% !important;

    border: 5px solid #ffffff !important;

}

.img-profile span {

    top: 10px;

    position: relative;

    color: #101631;

    font-weight: bolder;

}

li.active > a {

    background-color: #212121 !important;

}

.submenu {

    padding: 0 !important;

}

.submenu a {

    padding-left: 0 !important;

    padding: 0 35px !important;

}
.btn-notificaciones {
    border-radius: 5px;
    background-color: #101631;
    color: #ffffff;
    float: right;
    font-weight: bolder !important;
    border-color: transparent;
    font-size: 11px !important;
    height: 25px !important;
    width: 25px !important;
        line-height: 21px;
    text-align: center;
    position: relative;
    top: -2px;
    padding: 0 !important;
}

/*- Nav -*/





/*- Botones -*/

.btns {

    font-size: 13px !important;

    font-weight: bolder !important;

    padding: 7px !important;

    border-radius: 0 !important;

    cursor:pointer!important;

}



.btns a{

   text-decoration:none;

}





.btn-large {

    width: 100% !important;

}

.btn-green {

    background-color: #ffffff !important;

    border-color: #ffffff !important;

    color: #e98a0c !important;

    margin-top: 10px !important;

     margin-bottom: 10px !important;

}
.logo-str {
    padding: 10px 20px 20px 20px;
    width: 180px;
    margin: 0 auto;
}
.btn-green:hover {

    background-color: #ffffff !important;

    border-color: #ffffff !important;

    color: #e98a0c !important;

}

.btn-blue {

    background-color: #091b2c !important;

    border-color: #091b2c  !important;

    color: white !important;
margin-top: 8px;
    margin-bottom: 8px !important;

}

.btn-blue:hover {

    background-color: #112f4c !important;

    border-color: #112f4c !important;

    color: white !important;

}
.btn-yellow {
    background-color: #f0c634 !important;
    margin-top: 8px;
    margin-bottom: 8px !important;
    border-color: #f0c634 !important;
    color: #101631 !important;
}
.btn-yellow:hover {

    background-color: #ffc107 !important;

    border-color: #ffc107 !important;

    color: #101631 !important;

}

.btn-gray {

    background-color: #d2d2d2 !important;

    border-color: #d2d2d2 !important;

    color: white !important;

}

.btn-gray:hover {

    background-color: gray !important;

    border-color: gray !important;

    color: white !important;

}



/*- Btn position ir al panel -*/



.btn-position{

  margin-top:15px;

}

/*- Botones -*/





/*- Posiciones -*/

.left {

    float: left;

}

.right {

    float: right;

}

/*- Posiciones -*/





/*- Alertas informativas -*/

.alert {

    color: #ffffff !important;

    bottom: 0 !important;

    width: initial !important;

    float: right !important;

    right: 1em !important;

    border-radius: 0 !important;

    font-size: 14px;

    z-index: 9999;

    padding: 15px !important;

    position: fixed !important;

}

.alert-danger {

    background-color: #b10b0f !important;



}

.alert-warning {

    background-color: #e4ab00 !important;

}

.alert-success {

    background-color: #689f38 !important;

}

.info-alert {

    background-color: #0a1962;

    margin-bottom: 2em;

    color: white;

    font-size: 15px !important;

    padding: 10px !important;

}

.info-alert i {

    position: absolute;

}

.info-alert h5 {

    display: inline-block;

    position: relative;

    padding: 0 2em 0 25px !important;

    margin: 0 !important;

}

.info-alert .close {

    color: white !important;

    top: 5px;

    position: relative;

    font-size: 25px !important;

    position: absolute;

    float: right;

    right: 0;

    padding: 0 10px;

}

.info-alert .btn {

    position: relative;

    top: 10px;

    margin-bottom: 10px;

}





.parsley-required, .parsley-custom-error-message {

    position: absolute;

    bottom: 10px;

    color: #ffffff;

    list-style: none;

    background-color: #F44336;

    text-align: center;

    font-weight: normal;

    padding: 2px 10px;

    font-size: 11px;

    right: 8px;

}





input.parsley-error, textarea.parsley-error {

    background-color: rgba(0, 0, 0, 0) !important;

}

/*- Alertas informativas -*/





/*- Forms -*/



.content-form {

    top: 4em;

    position: relative;

    margin-bottom: 2em !important;

}

/*-

.content-form {

    top: 2em;

    position: relative;

    margin-bottom: 2em !important;

}*/



.title-form {

    position: relative;

    padding: 10px !important;

    background-color: #0a1962;

    color: white !important;

}
.title-form-l {

    position: relative;

    padding: 10px !important;

    background-color: #F4DA0E;

    color: #0A1962 !important;

}

.title-form-l h1{
    color: #0A1962 !important;
}

.title-form h1, .title-form-l h1, .title-form th {

    color: #fff;

    margin: 0;

    text-align: center;

    font-size: 16px !important;
    font-weight: bolder !important;

    padding: 0 !important;

    text-transform: uppercase;

}

.form-group {

    margin-bottom: 0px !important;

}

.title-form th {

    text-align: justify;

    text-transform: initial !important;

    font-size: 13px !important;

    padding: 10px !important;

}

.subtitle-form {

    position: relative;

    padding: 5px !important;

    background-color: #adadad;

    color: white !important;

    text-align: justify;

}



.subtitle-form h1, .subtitle-form th {

    color: #fff;

    font-size: 15px;

    margin: 0;

    text-align: left;

}



.subtitle-table {

    background-color: #adadad;

    color:#ffffff;

    width:100%;

    display:block;

    padding: 5px 10px;

    margin:0;

}



.dashboard img {

    width: 23%;

    margin: 0px 7px;

    padding: 5px 50px;

    display: inline-block;

    border-radius: 20px;

}

.txt-form {

   color: #adadad !important;

}

.inputs-gray, .inputs-gray:focus, .inputs-gray:active {

    height: 40px !important;

    border: 1px solid #e4e4e4 !important;

    border-color: #e4e4e4 !important;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(52, 152, 219, 0) !important;

    color: #4d4d4d !important;

    font-size: 13px !important;

    border-radius: 0 !important;

}

input::-webkit-input-placeholder {

   color: #adadad !important;

}

input:-moz-placeholder {

   color: #adadad !important;

}

input::-moz-placeholder {

   color: #adadad !important;

}

input:-ms-input-placeholder {

   color: #adadad !important;

}

.box-login .input-group-addon, .box-remember .input-group-addon {

    background-color: #d2d2d2 !important;

    color: #313131 !important;

    border: 1px solid #d2d2d2 !important;

}



.box-forms {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 2em !important;
    max-height: 77vh;
    overflow-y: auto;
}

.box-forms-home {


    cursor:pointer;

    transition:  ease-in-out 0.5s;

}



.box-forms-home h3 {

    border:none;

    color:#0a1962;

    font-weight: 600;

}





label {

    color: #000000;

    font-weight: bold !important;

    font-size: 13px !important;

}

.textarea-gray {

    height: 90px !important;

    border: 1px solid #e4e4e4 !important;

    border-color: #e4e4e4 !important;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(52, 152, 219, 0) !important;

    color: #adadad !important;

    font-size: 13px !important;
resize: none;
    border-radius: 0 !important;

}

.actions {

    text-align: center !important;

}

/*- Forms -*/





/*- Panels -*/

.panel-default > .panel-heading {

    background-color: #e4e4e4 !important;

    border-color: #e4e4e4 !important;

}

.panel-heading h4 {

    color: #0a1962 !important;

    text-decoration: none !important;

}

.panel-heading a:hover, .panel-heading a:focus, .panel-heading a:active {

    color: white !important;

    text-decoration: none !important;

}

.items-panel {

    border-bottom: 1px solid #e4e4e4;

    padding: 3px;

    text-decoration: none;

}

.items-panel a, .items-panel a:hover {

    color: #313131;

    text-decoration: none !important;

}

/*- Panels -*/





/*- Tables -*/

.table thead > th {

    font-size: 15px !important;

}

.table tbody > tr > td, .table tbody > tr > td:first-child {

    font-size: 13px !important;

}

.table-responsive {

    padding: 0 !important;

}



/*- Tables -*/

.tria {

    width: 0;

    margin-left: 347px;

    height: 0;

    border-style: solid;

    border-width: 0 18px 18px 18px;

    border-color: transparent transparent #f3d90e transparent;

}

/*- Login -*/

.lst{

position: absolute;

bottom: 40px;

right:40px;

}

.box-login, .box-remember{

    background-color: rgba(255, 255, 255, 0.85);

    padding: 3em 2em !important;

    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);

}

.login {

    position: absolute;

    top: 80px;

    width: 400px;

    right: 40px;

    display: block;


}

@font-face {
  font-family: "boardfont";
  src: url("../fonts/boardfont.ttf");
}
.iniciarsn {
    position: absolute;
    right: 40px;
    color: #f3d90e;
    top: 35px;
    font-family: "boardfont" !important;
    font-size: 20px;
}

.remember {

    position: relative;

    top: 50px;

    width: 400px;

    display: table;

    margin: 0 auto;

    height: 100%;

}

.box-login, .box-remember {

    background-color: rgba(255, 255, 255, 0.85);

    padding: 1em 2em !important;

    box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2);

}

.link-remember {

    text-align: center;

}

.link-remember a {

    color: #0a1962;

    font-weight: bolder;

    text-decoration: none;

}

.link-remember a:hover, .link-remember a:focus, .link-remember a:active {

    color: gray;

    text-decoration: none;

}

/*- Login -*/





/*- Dashboard -*/

.content-dashboard {

    display: table;

    width: 90%;

    height: 100%;

    position: fixed;

    text-align: center;

}

.dashboard {

    display: table-cell;

    vertical-align: middle;

}

.items {

    width: 20%;

}



.barra {

    margin-bottom: 3em;

    height: 100%;

    position: relative;

    width: 100%;

}

.multistep .multistep-step {

    margin-bottom: 2em !important;

}

.box-notifications {

    border: 1px solid #e6e6e6;

    padding: 0 !important;

}

.box-notifications a {

    display: block;

    width: 100%;

    padding: 10px;

    color: #313131 !important;

    text-decoration: none !important;

}

.box-notifications a:hover {

    background-color: #efeeee;

}

#new {

    background-color: #ececec;

    color: #0a1962 !important;

    margin: 5px 0;

}

.content-pagination {

    text-align: center;

}

.pagination {

    padding: 2em 0 !important;

    margin: 0 auto !important;

}

.pagination .prev, .pagination .prev:hover,

.pagination .next, .pagination .next:hover,

.pagination li a {

    background-color: #e4e4e4 !important;

    color: #0a1962 !important;

    margin-left: 0 !important;

    font-weight: bolder;

    border-color: white;

    cursor:pointer!important;

}

.pagination .active a {

    background-color: #939394 !important;

    color: white !important;

    font-weight: bolder;

    border-color: white !important;

}

.content-info-eenovart {
    padding: 10px;
    background-color: #e4e4e4;
    top: -1em;
    position: relative;
    margin-bottom: 0em;
}

.info-eenovart i {

    margin-right: 10px;

    font-size: 15px;

    width: 20px;

    text-align: center;

}

.info-eenovart h4 {
        margin: 3px;

    font-weight: bolder;

}

.info-eenovart h4, .info-eenovart p {
    display: inline-block;
}

.info-eenovart p {
    margin: 1px;
}
.icon-finish {

    font-size: 20px !important;

    color: #fbbd19;

    position: absolute;

    bottom: -10px;

}

.flag {

    color: #ffffff;

    font-size: 15px !important;

    position: relative;

    background-color: #4CAF50;

    padding: 14px 10px;

}

.terms {

    top: -1px;

    position: relative;

}

.terms a {

    color: #0e1d64 !important;

    font-weight: bolder;

}

.caracteres {

    position: absolute;

    bottom: -15px;

    font-size: 10px;

    right: 20px;

    color: #888888;

}



/*- Validaciones span informativo -*/



 .parsley-type{



    position: absolute;

    bottom: 10px;

    color: #3C3B40;

    list-style: none;

    background-color:#d9edf7;

    text-align: center;

    font-weight: normal;

    padding: 2px 10px;

    font-size: 11px;

    right: 8px;



  }







/*- Dashboard -*/





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



.optioni a img {

    padding: 20px 82px;

    width: 375px;

}





}

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



.optioni a img {

    padding: 20px 82px;

    width: 353px;

}

}



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



.optioni a img {

    padding: 20px 72px;

    width: 302px;

}

}



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



.optioni a img {

    padding: 20px 30px;

    width: 261px;

}



}



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



.optioni a img {

    padding: 20px 30px;

    width: 231px;

}

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



.optioni a img {

    padding: 20px 18px;

    width: 190px;

}

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

.optioni a img {

    padding: 20px 18px;

    width: 167px;

}



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

.optioni a img {

    padding: 0px 84px;

    width: 100%;

}



/*- Media alerts -*/









}



/*- Media querie panel innovaciones/lista -*/





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

        

    .panel-heading{

         padding: 25px 10px !important;

    }



    .panel-title{

         font-size: 13px !important;

    }



    .inputs-gray, .inputs-gray:focus, .inputs-gray:active {

         font-size: 12px;

     }

 

    .parsley-type{



    position: relative;

    top: 1px;

    color: #3C3B40;

    list-style: none;

    background-color:#d9edf7;

    text-align: justify;

    font-weight: normal;

    padding: 2px 10px;

    font-size: 11px;

    right: 0;

  }



}