.fullpantalla {
  background-repeat: no-repeat;
    background-repeat: no-repeat;
    -webkit-background-size: cover;-moz-background-size: cover;
    -o-background-size: cover; background-size: cover;
    height: 100%; 
}
.tittle{
     background-color: black;
     color: white;
}

.mytop {
  padding-top: 42px;
  padding-left: 20px;
  
}  

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.full button span {
  background-color: limegreen;
  border-radius: 32px;
  color: black;
}

.partially button span {
  background-color: orange;
  border-radius: 32px;
  color: black;
}
label{
   color: black;
}
div label {
  width: 98%;
  float: left;
    margin-left:0.5em;
  padding-top:0.2em;
  text-align:left;

}
 
fieldset {
  padding-top: 5px;   
  padding: 1em;
  font:80%/1 sans-serif;
   border:1px solid #8000ff
  }

legend {
  padding: 0.2em 0.9em;
  color: black;
  font-size: 90%;
  text-align: left;
}

.myIframe {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: auto; 
-webkit-overflow-scrolling:touch; /*//<<--- THIS IS THE KEY */
border: solid black 1px;
} 
.myIframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
thead{
  color: #FFFFFF;
  /*background-color:#1768AC;*/
  background-color: #5DA9E9;
  /*background-color: #715AFF;*/
  color: white;
}

th {
   font-size:x-small;
}

tr {
   font-size:small;
}

.dropdown-menu table {
  height: 300px;
  width: 400px;
}

.multiline-div-error-message {
  white-space: pre-line;
}

div.modal-header {
  background-color: #f0ad4e;
} 

.col-centered{
    float: none;
    margin: 0 auto;
}
input:required {
  border-bottom-width: 3px;
  border-bottom-color: blue;
}
select:required {
  border-bottom-width: 3px;
  border-bottom-color: blue; 
}

/*-----------------------------------------------------*/
/*Todo esta parte edite yo*/ 
/*----------------------------------------------------*/

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #E4B363;
}
.elementos{
  background-color: #067BC2;
  padding: 15px;
  color: white;
  text-align: center;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFF;
    cursor: default;
    background-color: #337ab7;
     border: 3px solid #5ea3e0;
    border-bottom-color: transparent;
}

.nav-tabs {
    border-bottom: 1px solid #337ab7;
}
.sidebar-nav{
  background-color: #067BC2;
  margin-bottom: 30px;
  padding: 10px;
  min-height: 100%;
}

/*modals staff*/
.modal-content{
  padding: 10px;
  background-color: #d3e3e0;

}

.dialog.type-warning .modal-header {
    background-color: #FF8000;
}


/*modals staff*/
/*janzy css staff */


html, body {
  height: 100%;
  background-color: #e4e3dc;

}
.navbar-toggle {
  /*float: left;*/
  margin-left: 15px;
/*  display: block;*/
  color: white;
}
.navmenu {
  z-index: 1;
}

.term{
  position: auto;
  background-color: #d3e3e0;
  padding: 15px;
  border-radius: 15px 0 0 5px;
}
.busquedaquery{
  padding: 10px;
  width: 60%;
  border-style: double;
  border-width: 1px;
  border-color: rgba(51,122,183,1);
    -webkit-box-shadow: 6px 6px 0px 0px rgba(51,122,183,1);
    -moz-box-shadow: 6px 6px 0px 0px rgba(51,122,183,1);
    box-shadow: 6px 6px 0px 0px rgba(51,122,183,1);
}
.navbar-brand {
 /* padding: 8px 10px;*/
 padding:0;
}
.canvas {
  position: relative;
  left: 0;
  z-index: 2;
  min-height: 100%;
  padding: 50px 0 0 0;
  background-color: #e4e3dc;
}

#footer{
  width: 100%;
  bottom:0;
  position: fixed;
  background-color: #FF8000;
  color:white;
  height:35px;
  z-index: 1000;
}


/*navegador custom*/

.navbar-custom {
  width: 100%;
  background-color: #337ab7;
  
  border-color: #2c699d;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4f93ce), to(#337ab7));
  background-image: -webkit-linear-gradient(top, #4f93ce, 0%, #337ab7, 100%);
  background-image: -moz-linear-gradient(top, #4f93ce 0%, #337ab7 100%);
  background-image: linear-gradient(to bottom, #4f93ce 0%, #337ab7 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4f93ce', endColorstr='#ff337ab7', GradientType=0);
}
.navbar-custom .navbar-brand {
  color: #fff4f4;
/*  background-color: #fff;*/
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
  color: #ffc1c1;
  background-color: transparent;
}
.navbar-custom .navbar-text {
  color: #fff4f4;
}
.navbar-custom .navbar-nav > li:last-child > a {
  border-right: 1px solid #2c699d;
}
.navbar-custom .navbar-nav > li > a {
  color: #fff4f4;
  border-left: 1px solid #2c699d;
}
.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
  color: #ff8000;
  background-color: #2c699d;
}
.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:hover,
.navbar-custom .navbar-nav > .active > a:focus {
  color: #ff8000;
  background-color: #2c699d;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2c699d), to(#3783c5));
  background-image: -webkit-linear-gradient(top, #2c699d, 0%, #3783c5, 100%);
  background-image: -moz-linear-gradient(top, #2c699d 0%, #3783c5 100%);
  background-image: linear-gradient(to bottom, #2c699d 0%, #3783c5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2c699d', endColorstr='#ff3783c5', GradientType=0);
}
.navbar-custom .navbar-nav > .disabled > a,
.navbar-custom .navbar-nav > .disabled > a:hover,
.navbar-custom .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-custom .navbar-toggle {
/*  border-color: #dddddd;*/
  margin:0;
  padding: 0;
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color:transparent;
}
.navbar-custom .navbar-toggle .icon-bar {
  margin-top: 5px;
  background-color: #cccccc;
}
.navbar-custom .navbar-collapse,
.navbar-custom .navbar-form {
  border-color: #2b679b;
}
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #ff8000;
  border-bottom-color: #ff8000;
/*  background-color: red;*/
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #2c699d;
  color: #ff8000;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ff8000;
  border-bottom-color: #ff8000;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #fff4f4;
  border-bottom-color: #fff4f4;
}

@media (max-width: 767) {
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
    color: #fff4f4;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ff8000;
   /* background-color: transparent;*/
     background-color: #2f5474;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ff8000;
    background-color: #2c699d;
  }
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-custom .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-custom .navbar-link {
  color: #fff4f4;
}
.navbar-custom .navbar-link:hover {
  color: #ff8000;
}
.glyphicon{
  text-align: center;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
 /*   background-color: red;*/
}


.dropdown-submenu:hover>a:after {
    border-left-color: #337ab7;
}

/*---------------REsponsive----------------------------*/
.loading-spiner-holder{
  z-index: 10;

}
  @media only screen 
  and (min-device-width: 384px)
  and (min-device-width: 375px)
  and (min-device-width: 360px)
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
    body{
      height: 100%;
    }
    .dropdown-menu>li>a {
      color: #beff68;
     white-space: nowrap;
   }
   
}

/*---------------Loading thingi CSS----------------------------*/
.loading-spiner-holder{
  z-index: 10;

}
.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #0079ff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/*
.checkboxList {
    border:1px solid #000;
    background-color:#fff; 
    color:#000;
    width:600px; 
    height: 200px; 
    overflow-y: scroll;
}
*/