.w3-link-teal a, .w3-link-teal a > span{ color: #03365f !important; }
.w3-link-teal .btn-primary, 
.w3-link-teal .btn-primary span, 
.w3-link-teal .btn-primary .txt{ color: #fff !important; }

a{ color:#03365f; text-decoration:none; }
a:hover{ color:#E44; text-decoration: none; }
a:visited{ text-decoration: none; }
a:focus { outline: 0; text-decoration: none; }
a img{ border:0px; }

.justify{ text-align: justify; }
.center{ text-align: center; }

.obligatorio{ font-size:82% !important; color:#007bff; }
.form-control{ padding:3px 3px; }
.page-container * .container{ padding: 5px; }
.oculto { display: none !important; }

.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }

.float-center{ display:block; position: absolute; margin:auto; }
.float-left{ display:block; float:left; }
.float-right{ display:block; float:right; }
.tag{ display:block; padding: 3px 6px; 
	background:#666; border-radius:15px; 
	color:#fff; font-size:80%; font-weight: bold; }
	
.bg-default{ background:#666; color:#fff; }
.bg-primary{ background:#337AB7; color:#fff; }
.bg-success{ background:#DFF0D8; color:#000; }
.bg-info{ background:#D9EDF7; color:#000; }
.bg-warning{ background:#F5F1DD; color:#000; }
.bg-danger{ background:#F2DEDE; color:#000; }

.border{ border:1px solid #222; }
.border-light{ border:1px solid #f2f2f2; }

# bootstrap changes 
.pagination{ margin:0px; }
.ico-del{ color:#a22; }
.ico-add{ color:#73CE2E; }
.ico-edit{  }
.ico-save{ color:#666666; }

.app-main a{ color: #337ab7 ; }
.app-main a.cmd{ color: #000 ; }
.app-main a.btn-primary,
.app-main a.btn-success, 
.app-main a.btn-warning,
.app-main a.btn-danger{ color: #fff ; }

.popup * ul{ width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0; }

.panel{  margin:auto; }
.panel .panel-body{ padding: 4px 16px 20px 16px;  }
.panel .panel-body ul{ width: 100%;	list-style-position: outside;	list-style: none;	padding: 0;	margin: 0; }
.row{ margin:auto;  }
.row.row-header{ padding:0px; }
.row.row-header > .th{ display:block; float:left; background-color: #f2f2f2; padding: 10px; color: #333; }

.cpanel{ }
.cpanel-head{ background:none; }
.cpanel-body{ padding: 1%;
	border:1px solid #ccc;  border-top: 0px; border-radius:0px 0px 5px 5px; }
	
ul.listA{ list-style-position: outside; list-style: none; padding: 0; margin: 0; }



.modal{ position: fixed; overflow: scroll; width: 100vw; padding-top:1% }
.modal > .content{ padding: 0; width: 98%; max-width: 80em; }


.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15em, 45%));
  grid-gap: 1rem;
}
.grid.tools{ place-content: center; }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.grid3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 1rem; }
.grid4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 1rem; }


.boton {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #333; 
    background: linear-gradient( white, gainsboro , silver); 
    border-color: #aaa; 
    text-decoration: none;
}
.boton:hover{
    color: #333; 
    /*background: linear-gradient( white, silver , darkgray); */
    border-color: #666; 
    text-decoration: none;
}
.boton-blue{ background: linear-gradient( white, rgb(181, 203, 231) , rgb(152, 172, 218));  }
.boton-green{ background: linear-gradient( white, rgb(181, 231, 184) , rgb(180, 240, 123));  }


.navbar-nav{ display: block; float:none; overflow: hidden; height: 50px; }
.navbar-nav:hover,.navbar-nav:focus,.navbar-nav:active{ height: auto; }
.nav-tabs > li.active > a{ cursor: pointer; }

.menuh { margin-bottom: 5px;}
.menuh .nav-item a{ 
    border: 1px solid #ddd; color:#01152E;
    background-color: #f2f2f2; 
    &:hover, &:focus, &:active {
        background-color: #fff; color:#222;
        &.active span{ color:#000; }
    } 
}
.menuh .nav-item a.active{ background: #01152E; color: #fff; }	
.menuh .nav-item a.active span{ color:#fff; &.active }


.container{  display: block; width: 100%; padding: 1em; 
    background: #fff; }

.browser{ display: block; width: 100%; padding: 1em; margin-bottom: 1em;
    background: #f2f2f2; border: 1px solid #aaa; border-radius: 3px; }

.switch { position: relative; display: inline-block; width: 60px; height: 34px; }
.switch input { opacity: 0; width: 0; height: 0; }
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; 
    background-color: #ccc; -webkit-transition: .4s; transition: .4s; }
.switch .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px;
    background-color: white; -webkit-transition: .4s; transition: .4s; }
.switch input:checked + .slider { background-color: #2196F3; }
.switch input:focus + .slider { box-shadow: 0 0 1px #2196F3; }
.switch input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: 
    translateX(26px); transform: translateX(26px); }
/* Rounded sliders */
.switch .slider.round { border-radius: 34px; }
.switch .slider.round:before { border-radius: 50%; }

.formA{ display: block; position: relative; }
.formA .isuggest{ position: relative; }
.formA .field{ position: relative; }
.ui-autocomplete{ z-index: 10101; }

.txtS{ width: 10%; }
.txtM{ width: 50%; }
.txtL{ width: 70%; }
.glyphicon2{ width: 1.2em; }


.panelT{ display: block; width: auto; padding: 0; margin: auto;
    border: 1px solid #999; border-radius: 5px;  }

.panelT-head{ display: block; padding: 5px; 
    background:silver; border-bottom: 1px solid #999; }

.panelT-body{ display: block; padding: 5px; 
    }

.alert{ font-size: 1.3em; color: red;  background: #f2f2f2; }
	
@media print{
    .noprint{ display:none !important; }
    .document .foot .info{ font-size:70% !important; color:#666 !important; }		
}

/* Escritorio extra grande */
@media only screen and (min-width: 1200px){
    .container { width: 100%; }
}
/* Escritorio grande */
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .container { width: 100%; }
}

/* Escritorio pequeño / tablet */
@media only screen and (min-width: 768px) and (max-width: 991px){
    .container { width: 100%; }
}

/* Tablets y phablets */
@media only screen and (min-width: 576px) and (max-width: 767px){
    .container { width: 100%; }
    .grid { grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); }
}
/* Teléfonos */
@media only screen and (max-width: 575px){
    .container { width: 100%; }
    .grid { grid-template-columns: repeat(auto-fit, minmax(15em, 1fr)); }
}