.textonegro1  { font-size: 8pt; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none }
.textoNegro1M {	font-size: 8pt; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none; text-transform: uppercase; }
.textorojo1   { font-size: 8pt; color: #990000; font-family: Verdana, Arial, Helvetica, Sans-Serif }
.textorojo2   {	font-size: 14px; color: #990000; font-family: Verdana, Arial, Helvetica, Sans-Serif; text-decoration: none }
A:hover       { color: #990000; text-decoration: underline }
.textnegro8   { font-size: 8px;  color: #000000; font-family: Arial, Helvetica, Sans-Serif; }
.textnegro16  { font-size: 16px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; }
.textnegro10  { font-size: 10px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; }

.textonegro2  { font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.textoazul3   { font-weight: bold; font-size: 16px; color: #000099; font-family: Arial, Helvetica, sans-serif; text-decoration: none }
.textonegro0  { font-size: 9px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none }
.textonegro00 { font-size: 9px; color: #000000; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none }
.textoblanco1 {	font-size: 8pt; color: #ffffff; font-family: Arial, Helvetica, Sans-Serif; text-decoration: none }
.TituloVerde1 {	font-weight: bold; font-size: 11px; color: #999900; font-family: Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none }
.TituloVerde2 {	font-size: 12px; color: #666600; font-family: Arial, Helvetica, Sans-Serif; text-align: left; text-decoration: none }
.TituloAzul3 {	font-weight: bold; font-size: 11px; color: #666666; font-family: Arial, Helvetica, Sans-Serif; text-align: right; text-decoration: none }
.TituloAzul1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #214263; text-decoration: none }

.body_home    {	margin: 0px }
.body         {	margin: 0px }
.body_pie     {	margin: 0px; background-color: #cccccc }
.body_cla     {	margin-left: 10px; margin-top: 10px; margin-right: 0px; background-color: #ffffff; }
.cuadroHeader { font-size: 8pt; color: #666666; font-family: Arial, Helvetica, Sans-Serif; background-color: #ebebeb; text-decoration: none }

.jc           { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; background-color: #ffffff }
/*.alert        { z-index: 100; visibility: hidden; position: absolute }*/
.alert_td     { background-image: url(../images/home/w2.gif); width: 158px; background-repeat: no-repeat; height: 83px }
.alert_texto  { font-weight: 500; font-size: 12px; vertical-align: middle; color: white; line-height: 12px; font-family: Arial; letter-spacing: 0px }
.scroll_menu  { overflow-x:hidden; overflow-y:auto; width:140px; height:87%; scrollbar-base-color:#ffffff; scrollbar-darkshadow-color:#ebebeb; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#FFFFFF; scrollbar-arrow-color:#193D80; }
.advertencia  { border: 1px solid #cccccc; padding: 5px; margin: 10px; text-align: center; width: 100%; display: block; }
div.advertencia { font-size: 10px; color: #000000; font-family: Arial, Helvetica, sans-serif; text-decoration: none; background-color: #FFF8C6 }

@media all {
  .contenedorInformeVacio { width: 1024px; height: 100px; margin: 0px; }
}
@media screen {
  .contenedorInforme      { width: 1024px; height: auto; overflow: auto; margin: 0px; }
}

@media print {
  .noprint                { display: none }
  .contenedorInforme      { width: 1024px; height: auto; overflow: no; margin: 0px; }
}

.div-formulario{
  margin-left: 5px;
  margin-top: 2px;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left;
    text-decoration: none
}
.selectCerEstado{
  margin-left: 4px;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left;
    text-decoration: none
}
.selectforEstado{
  margin-left: 4px;
    font-size: 8pt;
    color: #000000;
    font-family: Arial, Helvetica, Sans-Serif;
    text-align: left;
    text-decoration: none

}
@media (max-width:992px){
	#col-left{
		height: auto !important;
	}
}


#tablaIndexOperadores{
	overflow-x: scroll;
}

#tablaIndexOperadoresFabricas{
	overflow-x: scroll;
}

.bootstrap-dialog.type-primary .modal-header{
    background-color: #209606 !important; 
}

#imagenTrgsIndex{
    width: 200px; 
    height: 100px;
}

#imagenTrgsNavbar{
    float: left;
    padding-right: 4px;
    height: 30px;
}

.bColorTrg{
    color: #209606;
}

.boton-paso11{
    margin-top: 4%;
    margin-left: 42%;
}

.boton-pasos{
    margin-left: 42%;
    margin-top: 4%;
}

.boton-confirmarTramiteAutos{
    margin-left: 13%;
    margin-top: 4%;
}

.boton-infracciones{
    margin-top: 4%;
    margin-left: 42%;
}

.boton-indexMensajes{
    margin-top: 2%;
    margin-left: 42%;
}

.fechaNoticia{
    margin-left: 90%;
    font-weight: 600;
}

.copeteNoticia{
    margin-top: 2%;
    font-weight: 600; 
}

.cuerpoNoticia{
    margin-top: 2%;
    font-weight: 500;     
}

.botonNoticias{
    margin-top: 2%;
    margin-left: 42%;
}

.adjuntosNoticia{
    margin-top: 4%;
    font-weight: 500; 
    color: black;
}
.boton-buscarTramite{
    margin-top: 2%;
    margin-left: 42%;
}

.indexDentroDelSistema{
    margin-top: 2%;
}

.boton-InsertarOperadorFabricas{
    margin-top: 2%;
    
}

.boton-formulariosAsociados{
    margin-top: 2%;
    margin-left: 42%;
}

.boton-certificadosAsociados{
    margin-top: 2%;
    margin-left: 26%;    
}

#InicioTramiteDatos{
    margin-top: 1%;
    margin-left: -40px;
}

.boton-pasosInsertarOperadorFabricas{
    margin-left: 25%;
}

.select2 select2-container select2-container--bootstrap select2-container--below{
    height: 34px;
}

#botonIndexSession{
    margin-left: -8%;
    margin-top: 1%;
}

#botonUnicoSession{
    margin-left: 90%;
}
.cerID{
    margin-bottom: -1!important;
}
.cerDNRPA{
    margin-bottom: -1!important;
}
.logo-small{
    width: 43px!important;
}

#imagenTrgsNavbarMini{
    margin-left: -8px;
    margin-top: -10px;
}

.boton-verTramiteAranceles{
    margin-left: 4%;
    margin-top: -2.3%;
}

.boton-verTramitePatentamiento{
    margin-left: 13%;
    margin-top: -2.2%;   
}

.boton-verTramiteAnularTramite{
    margin-left: 4%;
    margin-top: -2.2%;    
}

.boton-verTramiteAnularDoce{
    margin-top: -2.2%;
    margin-left: 12%;
}
.TodoEnMayusculas input{
    text-transform: uppercase;
    
}

.boton-turno{
    margin-left: 40%;
    margin-top: 4%;
}

/*
Clase para no imprimir HTML
*/
@media print{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

/*******************************************/
/*Todos estos media query se van a realizar para la correcta adaptabilidad a celulares*/
@media (max-device-width: 361px){
    body{
        zoom: 2.3;
    }
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }
    .glyphicon{
        margin-top: 3%!important;
    }
}
@media (max-device-width: 413px){
    body{
        zoom: 2.3;
    }
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }    
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }    
    .glyphicon{
        margin-top: 3%!important;
    }    
}
@media (max-device-width: 321px){
    body{
        zoom: 2.4;
    }
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }    
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }    
    .glyphicon{
        margin-top: 3%!important;
    }    
}
@media (max-device-width: 414px){
    body{
        zoom: 2.3;
    }
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }    
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }    
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }    
    .glyphicon{
        margin-top: 3%!important;
    }    
}
@media (max-device-width: 768px){
    body{
        zoom: 2.5;
    }
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }    
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }    
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }   
    .glyphicon{
        margin-top: 3%!important;
    }    
}
@media (max-device-width: 1025px){
    .main-box-body{
        overflow-y: scroll;
    }
    .modal-content{
        width: 71%;
    }
    .dropdown{
        margin-left: -40%;
        margin-top: -34%;
    }
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4 {
        width: 50%;
    }    
    .glyphicon{
        margin-top: 3%!important;
    }    
}
/*******************************************/


/* clases para el icono de carga */
.lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.lds-dual-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #fff;
  border-color: #b1b1b1 transparent #209606 transparent;
  animation: lds-dual-ring 0.6s linear infinite;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lds-dual-ring.small {
  width: 25px;
  height: 25px;
}
.lds-dual-ring.small:after {
  width: 25px;
  height: 25px;
}

table.dataTable tbody > tr > td:first-child{
    font-size: 12px;
    font-weight: 300;
}

table.dataTable tbody > tr > td{
    font-size: 13px;
    font-weight: 300;
    line-height: 2;
}

table.dataTable thead > tr > th {
    text-transform: uppercase;
    font-size: 12px;
}

table.dataTable td {
    padding: 4px !important;
}

table.dataTable {
    border-spacing: 0;
    border-collapse: collapse;
}

table.table.table-striped.dataTable th {
    border-bottom: 1px solid #209606;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody, table.dataTable.no-footer {
    border-bottom: none;
}
.width-td-th {
    width: auto;
    max-width: 80px;
    min-width: 40px;
}

div.dataTables_scroll {
    margin-bottom: 10px;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
    background-color: #209606;
    border-color: #209606;
}

.pagination > li > a {
    color: #209606;
}

div.dataTables_info {
    font-size: 12px;
}

table.dataTable td, table.dataTable td p, table.dataTable th {
    text-align: center;
    line-height: 2;
    display: table-cell;
    vertical-align: inherit;
}

div.dataTables_length select.form-control.input-sm {
    width: 65px;
}
