/* Estilo
    Autor: Carlos M
*/
body {
      height: calc(100% - 51px);
      box-sizing: content-box;
      min-height: 600px;
      /*background: url(../sources/inicio/img/intro-bg.png) center top no-repeat; */
  }
  
.navbar {
  background-color: #0072c6;
  font-size: 14px;
  background-color: rgba(0, 114, 198, 1);
  border-radius: 0px;
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.navbar .navbar-brand {
  padding: 0px;
  padding-top: 0px;
  margin-top: 0px;
}

.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link-init:hover , .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link-init:focus {
  color: #FFF;
  background-color: #4C9CD7;
}

.navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link-init {
  color: #ffffff;
  padding-left: 1.2em;
  padding-right: 1.2em;
  height: 40px;
}
.nav-link-init {
  display: block;
  padding: 0.5rem 1rem;
}

.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #ecdbff;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #ecdbff; 
}

.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link-init:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus,
.navbar .navbar-nav .nav-link-init:not(.disabled):focus

 {
  /*background-color: #4C9CD7; 
  color: #ffffff; */
  color: #4C9CD7;
  background-color: #ffffff;
  padding-left: 1.2em;
  padding-right: 1.2em;
}

.nav-inicio {
  font-size: 14px;
  margin: 0;
  padding-left: 1.2em;
  padding-right: 1.2em;
  padding-top:8px;
  height: 40px;
  color: #ffffff;
}
.nav-inicio:hover {
  color: #4C9CD7;
  background-color: #ffffff;
}
/* DropDown */
.navbar .navbar-nav .dropdown-menu {
  background-color: #4C9CD7;
  margin-top: -1px;
  border:0px;
  border-radius: 0px;
}

/* Button Google */

.loginGoogle {
  margin-top:10px;
}


/* Submenu */
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:0rem;
}

.navbar .dropdown-menu {
  border:none;
  background-color:#4C9CD7!important;
}


@media screen and (max-width: 999px){
  .navbar .dropdown-menu {
    background-color: #007BFF !important;
  }
  .superior ul li {
    display: flex;
    flex-direction: column;
    list-style: none;
    font-size: 14px;
  }
  .superior ul li div {
    float: left;
    padding-right: 20px;
  }
  .icondim {
    height: 30px;
  }
  .inferior ul li {
    list-style: none;
    font-size: 14px;

  }

}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 1000px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
  .navbar {
    padding-top:0px;
    padding-bottom:0px;
  }
  /* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
  .navbar .nav-item {
    padding:.0.05rem .0rem;
    margin:0.0rem;
  }

  /* makes the dropdown full width  */
  .navbar .dropdown {position:static;}

  .navbar .dropdown-menu {
    width:100%;
    left:0px;
    right:0px;
  /*  height of nav-item  */
    top:40px;
  }
    
  /* shows the dropdown menu on hover 
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
} */
  
  .navbar .dropdown-menu {
    border: 1px solid rgba(0,0,0,.15);
    background-color: #fff;
  }

 

 .superior {
      width: 100%;
      height: 120px;
      background-color: #4C9CD7;
      color:red;
      display:table;
      margin-top:-6px;
      margin-bottom:-10px;
  }

  .superior >ul{
    width: 100%;
    text-align: center;
    display:flex;
    justify-content: center;
  }
  .superior ul li {
    list-style: none;
    min-width: 120px;
    height: 110px;
    border-left: 1px solid #fff;
    font-size:14px;
  }
 
   .superior ul li:hover {
    background-color: #ffffff; /*#007BFF;*/
    color: #4C9CD7;
  }
  /*.superior ul li .nav-link:hover {
    background-color: red;
  } */
  .superior ul li:last-child {
    border-right: 1px solid #fff;
  }

.inferior {
    background-color: #007BFF;
    color:white;
    width: 100%;
    height: 30px;
    display:table;
    margin: 0 auto;
    margin-bottom: -5px;
}
.inferior > ul {
  display: flex;
  justify-content: center;
  list-style: none;
  
}

.inferior > ul li {
  margin: 200px;
  padding-left: 40px;
   border-left: 1px solid #fff;
   font-size: 14px;
}
  
.inferior > ul li:last-child {
   border-right: 1px solid #fff;
}

.icondim {
  height: 70px;
}
.icondim > .svg-inline--fa {
  height: 67px;
  width: 70px;
}


}  /* End submenu */




/* Components in navbar */
.logo {
  width: 100px;
  height: 30px;
}
.brand {
  min-width: 60px;
}

.userimage {
  margin-top: 1px;
  padding-left: 10px;
  padding-right: 10px;
  width: 55px;
  height: 35px;
}

/* Langing page */

.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 5px;
}

#intro {
    width: 100%;
    position: relative;
    background-size: cover;
    padding: 60px 0 30px 0;
    background-color: #ecf5ff;
}
#intro .intro-img {
    width: 50%;
    float: right;
}
#intro .intro-info {
    width: 50%;
    float: left;
}
#intro .intro-info h2 {
    color: #1545B3;
    margin-bottom: 40px;
    font-size: 48px;
    font-weight: 700;
    padding-top: 60px;
}
#intro .intro-info h2 span {
    color: #007BFF;
    /*text-decoration: underline;*/
}
#oferts {
  background-color: #4C9CD7;
  padding: 60px 0;
}
.section-header h3 {
    font-size: 36px;
    color: #fff;
    text-align: center;
    font-weight: 500;
    position: relative;
}
.section-header p {
    text-align: center;
    margin: auto;
    font-size: 20px;
    padding-bottom: 60px;
    color: #fff;
    width: 50%;
}

#oferts .card {
    background: #00458f;
    border-color: #00458f;
    border-radius: 10px;
    margin: 0 15px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    transition: 0.3s ease-in-out;
    height: 100%;
}

#oferts .card:hover {
  background: #003b7a;
  border-color: #003b7a;
}

#oferts .card svg {
    font-size: 48px;
    padding-top: 15px;
    color: #bfddfe;
    width: 100%;
}
#oferts .card h5 {
    font-size: 22px;
    font-weight: 600;
}
#oferts .card .readmore {
    color: #fff;
    font-weight: 600;
    display: inline-block;
    transition: 0.3s ease-in-out;
    border-bottom: #00458f solid 2px;
}

#oferts .card .readmore:hover {
  border-bottom: #fff solid 2px;
}

#oferts .counters {
  padding-top: 40px;
}

#oferts .counters span {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 48px;
  display: block;
  color: #fff;
}

#oferts .counters p {
  padding: 0;
  margin: 0 0 20px 0;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #cce5ff;
}

/* Footer */
#footer {
  padding: 20px 0 0 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-up {
  padding: 0px 0 10px 0;
  background-color: #007BFF;
}

#footer .footer-up .footer-info {
  margin-bottom: 30px;
}
.footer-row {
  padding-top: 40px;
}


#footer .footer-up .footer-info h3 {
  font-size: 25px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

#footer .footer-up .footer-info p {
  font-size: 20px;
  line-height: 25px;
}

#footer .footer-up .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #003B7A ;
  line-height: 1;
  padding: 8px 0;
  margin-right: 8px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-up .social-links a:hover {
  background:#003B7A; 
  color: #fff;
}

#footer .footer-down {
  padding: 20px 0 20px 0;
  background-color: #d9d9d9;
  text-align: center;
  color: #000;
  font-size: 1.3em
}

/* media */

@media screen and (min-width: 992px) {

}

/* content page  */



.titulo {
  font-size: 2em;
  text-align: center;
  color:  #007BFF;
}
.buttons-head {
  text-align: right;
  margin-right: 5%;
  margin-left: 3%;
}

.buttonup {
  margin-right: 3em;
  margin-bottom:1em;  
}

/* Tables */
table {
  box-shadow: 5px 6px 5px rgba(17, 34, 225, 0.8);
  margin: 0px auto;
}
thead {
  background-color: #007BFF;
  color:#fff;
}
tbody tr:nth-child(2n) {
    background: #dae1e6;
}

.table-hover tbody tr:hover td {
    background: #8bceff  /*#4C9CD7aqua*/;
    color: white;
}

.descriptionitems{
  width: 25%;
}

.nomitem {
   max-width: 12%;
} 

.row {
  margin-right: 10px;
  margin-left: 5px;
}

.table thead th {
  vertical-align: top;
}
.thcenter {
  text-align: center;
}

.downloadfile {
    float: left;
    background-color: #007BFF;
    margin: 2px;
    text-align: center;
    color: white;
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}
.downloadfile:hover {
  background-color: #0069D9;
  color:white;
}

.download_a {
  color:white;
}

.download_a:hover {
  color:white;
}

/* Info */
.info {
float: righ;
display: inline-block;
/*border: 1px solid silver; */
padding: 6px 105px;
}

.info table {
    margin: 0 !important;
    table-layout: auto !important;
}


.left {
  float: left !important;
}

.table-clean table {
    background: #fff;
    margin: 0 0 10px;
    border: none;
    width: 100% !important;
    display: inline-table;
    float: left;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: initial;
}

.info table .color {
    width: 40px;
}
.info table .color .forma {
    border: 1px solid silver;
    width: 30px;
    height: 20px;
}

.bkg1 { /* Fondo color uno 1 */
    background-color: #0e88e4 !important;
}
.bkg2 { /* Fondo color uno 2 */
    background-color: #60b6f6 !important; 
}
.bkg3 { /* Fondo color uno 3 */
    background-color: #a6d0ee !important;
}
.info table .texto {
    width: auto;
    white-space: nowrap;
    padding-right: 16px !important;
}


/* Carrousel */

#carouselmodels {
  padding-top: -25px;
}
.carousel-indicators {
  top: 0px !important;
  position: relative;
  height: 100px;
  margin-top: 0px;
  margin-bottom: 0px;

}
.carousel-indicators li {
    border: 2px solid #007BFF;
    border-radius: 4px;
    height: 98px;
    width: 70px !important;
    margin
}

.carousel-inner {
    position: relative;
    width: 30%;
    overflow: hidden;
    margin-left: 35%;
    border: 2px solid #007BFF;
    margin-top:5px;
}
.carouselimage {
    width: auto; 
    height: 400px;
}
.carousel-control-prev, .carousel-control-next {
   top: 105px;
   width: 10%;
  /* background-color: #007BFF; */
}

.carousel-control-prev {
    left: 25%;

}
.carousel-control-prev {
    left: 25%;
}
.carousel-control-next {
    right: 25%;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-color: #007BFF;
  color:white;
}



/*.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
   background-color: red;
}
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: green; // Choose your own color here
 }
 */

/*header options select */
.header-options {
  margin-left: 10%;
}
#descriptionprofile {
  color: #4EA8FF;
  margin-left: 20px;


}
/* td table options menu to profiles */
.option-row-root {
  background-color: #0e88e4 !important;
  color: white;
} 

.option-row-item-up{
  background-color: #60b6f6 !important;
  color: white;
}
.option-row-item-down {
  background-color: #a6d0ee !important;

}
.td-root {
  padding-left: 10px !important;
}
.td-item-up {
  padding-left: 25px !important;
}
.td-item-down {
  padding-left: 35px !important;
}


/* Modals */
.row-info {
  font-size:10px;
}
.modal-header {
  background-color: #0072C6;
  color: #ffffff;
}
.btn-header {
  color: #ffffff;
}
.modal-footer {
  background-color: #b2d9f7;
}
.avatarpreview {
  
  width: 47px;
  height: 47px;
  border-radius: 50%;
}
.row-template {
  margin-left: 0px;
  margin-right: 0px;
}

.ml-template {
  padding-right: 0px;
}
.ml-template-left{
  padding-left: 0px;
}

/* Start nestable items menu */

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

html { margin: 0; padding: 0; }
body { margin: 0; font-family: 'Helvetica Neue', Arial, sans-serif; }

h1 { font-size: 1.75em; margin: 0 0 0.6em 0; }

a { color: #2996cc; }
a:hover { text-decoration: none; }

p { line-height: 1.5em; }
.small { color: #666; font-size: 0.875em; }
.large { font-size: 1.25em; }
.box {
    padding:20px;
    background-color:#fff;
    /* border:1px solid #ccc;
       border-radius:5px; */
    margin-top:25px; 
}

/**
 * Nestable
 */

.dd { /* SI */
    position: relative; 
    display: block; 
    margin: 0; 
    padding: 0; 
    max-width: 100%; 
    list-style: none; 
    font-size: 13px; 
    line-height: 20px;
 /* background-color: #e7eff4;    eliminar o cambiar */
}

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; margin-top: -3px; }

.dd-handle { display: block; 
    height: 30px; 
    margin: 5px 0; 
    padding: 5px 0px; 
    color: #333; 
    text-decoration: none; 
    font-weight: bold; 
    background: #00ADEF;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { 
    content: '+'; 
    /* background-image: url('../icons/menu/expand.png') */;
    display: block; 
    position: absolute; 
    width: 100%; 
    text-align: center; 
    text-indent: 0; 
}
.dd-item > button[data-action="collapse"]:before {
     content: '-'; 
}

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                      -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                         -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
                              linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */

.nestable-lists { /* SI */
    display: block; 
    clear: both; 
    padding: 5px 0; 
    width: 100%; 
    border: 0; 
    /*background-color: pink;   eliminar o cambiar */
 }

#nestable-menu { 
    margin-left: 50px; 
    display: inline; 
 }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #fff; }

@media only screen and (min-width: 700px) {

    .dd { float: left; width: 100%; }
    .dd + .dd { margin-left: 2%; }

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 4px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #58b8ff;
    background: #58b8ff;
    background: -webkit-linear-gradient(top, #58b8ff 0%, #dbdee0 100%);
    background:    -moz-linear-gradient(top, #58b8ff 0%, #dbdee0 100%);
    background:         linear-gradient(top, #58b8ff 0%, #dbdee0 100%);
    -webkit-border-radius: 5px;
            border-radius: 5px;
    border-top-left-radius: 10px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #FFFFFF; background: #CAE3F6; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { 
    position: absolute; 
    margin: 0; 
    left: 0; 
    top: 0; 
    cursor: pointer; 
    width: 30px; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden;
}
.dd3-handle:before { 
    content: '≡'; 
    display: block; 
    position: absolute; 
    width: 100%; 
    text-align: center; 
    text-indent: 0; 
    color: #fff; 
    font-size: 20px; 
    font-weight: normal; 
}
.dd3-handle:hover { background: #286090; }

#loading { height: 100%; width: 100%; }
        #loading {
            position    : fixed;
            z-index     : 99; /* or higher if necessary */
            top         : 0;
            left        : 0;
            overflow    : hidden;
            text-indent : 100%;
            font-size   : 0;
            opacity     : 0.6;
            background  : #E0E0E0  url('loading.gif') center no-repeat;
        }



        .line-button{
            cursor:pointer;
            text-decoration:none;
            cursor: pointer;
            background-color: #0072C6;
            margin-top: -2px;
            padding: 3px;
            margin-right: 10px;
            color: #FFF;
            border-radius: 5px;
            font-weight: normal;

        }
        .line-button:hover {
            background-color: #204D74;
            color: #FFF;
        }

        .span-right{
            float:right;
           
        }


/* Buttons Edit Delete  */

.dd3-buttonEdDel {

    margin: 0px 10px; 
    padding: 7px 20px; 
    text-decoration: none; 
    font-weight: bold; 
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #aaa;
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.dd3-buttonEdDel:hover { background: #286090; color: #fff;}

.btn-nestable {
  margin-top: -5px;
  line-height: 1;
}

/* End nestable items menu




/*footer 
.footer {
  text-align: center;
  font-family: sans-serif;
  color: #ffffff; 
  width: 100%;
  margin-top:20px;
  bottom: 10px;
  position: relative;
  background-color:  #b2d9f7;
} */