body {
}
.clear { clear: both; }
.fondo{
    background-color:white;
    background-image:url('../Images/LoginFondo.jpg');
    background-repeat:no-repeat;
    
    vertical-align:central;
    text-align:center;
    background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;

}
.AreaContenido{
    margin: 5px auto;
    width:90%;
    display:block;
    vertical-align:central;
    height:100%;

}

.TablaContenido{
    width:600px;
    display:block;
    text-align:center;
    vertical-align:central;
    margin-left:auto;
    margin-right:auto;
   
    height: 549px;
}
.TablaContenidoReporte{
    width:750px;
    display:block;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:0px;
    vertical-align:central;
   
}
.columna {
  width:33%;
  float:left  !important;
  margin-top:20px;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
  vertical-align: central;
  text-align:center;
}
.TextoUsuario{
    font-family:Helvetica-Light ;
    font-size:16px; 
    font-style:normal;
    color:#727473;
}

.Centro{
    
    text-align:center;
    
    margin-left: auto;
    margin-right: auto;
}
.botoncentrado {
  width:100%;
  margin-left:auto;
  margin-right:auto;
  vertical-align: central;
  text-align:center;
}
.columnavacia{
    width:100%;

}
.filavacia{
    height:30px;
}
.linea{
    display:block;
    
    height:8px;
   background:url('www.probitsolutions.com/demo/Images/lineaFondoTabla.png') repeat fixed center;
  border-bottom-color:dimgray;
}
     .title {
            float: left;
            padding: 1px 4px 2px;
            font-size: 2.2em;
        }

        .expandedPanel .title {
            display: none;
        }

        .mainMenu {
            float: right !important;
            margin: 8px 0 4px;
        }

        .expandedPanel .mainMenu {
            width: 100%;
        }

        .grid,
        .grid .dxgvHSDC,
        .grid .dxgvCSD {
            border-left: 0 !important;
            border-right: 0 !important;
            border-bottom: 0 !important;
        }

        .Footer {
            width:100%;
            font-family: Helvetica;
            font-size: small;
            background-color:white;
            
        }
        .FooterIzquierdo {
            width:20%;
            font-family: Helvetica;
            font-size: small;
            color:grey;

        }
         .FooterCentro {
            width:60%;
            font-family: Helvetica;
            font-size: small;
            color:grey;

        }
          .FooterDerecho {
            width:20%;
            font-family: Helvetica;
            font-size: small;
            color:grey;

        }

.Header{
    width:100%;
    height:87px;
}
.mensajeOpcion{
    width:650px;
    height:850px;
    display:block;
    font-family:Helvetica;
    color:#727473;
    margin-right:auto;
    margin-left:auto;

}
.mensajeOpcionReporte{
    width:850px;
    height:1250px;
    display:block;
    font-family:Candara;
    color:#FF0000;
    margin-right:auto;
    margin-left:auto;
    

}
.mensajeOpcionDetalle{
    width:850px;
    height:950px;
    display:block;
    font-family:Candara;
    color:#FF0000;
    margin-right:auto;
    margin-left:auto;
    

}

.mensajeOpcionCias{
    width:950px;
    height:2000px;
    display:block;
    font-family:Helvetica;
    color:#FF7546;
    margin-right:auto;
    margin-left:auto;
    

}
 .MenuBotones {
            float: right !important;
            margin: 8px 0 4px;
            padding: 4px 7px 2px 4px;
            border-spacing:10px 10px;
        }

 .TituloSeccion{
     float:left !important;
     margin:14px 0 8px;
     font-family:Helvetica;
    color:#FF7546;
    font-size:x-large;
 }

 .TablaProveedores{
width:100%;
display:block;
vertical-align:top;
border-color:#ff0000;
border-width:1px;  
border-style:solid;
border-radius: 20px;
padding: 20px;
border-collapse: collapse;
border: 1px solid #ff0000;

 }

 .TablaDetalle{
width:650px;
margin-left:auto;
margin-right:20%;
display:block;
vertical-align:top;
border-color:#FF7546;
border-width:1px;  
border-style:solid;
border-radius: 8px;
padding: 20px;
border-collapse: collapse;
border: 1px solid #FF7546;
text-align:center;
clear:both;
 }

.TablaDetalleSol{
width:90%;
display:block;
vertical-align:top;
border-color:#FF7546;
border-width:1px;  
border-style:solid;
border-radius: 8px;
padding: 20px;
border-collapse: collapse;
border: 1px solid #FF7546;
text-align:center;
margin-left:10px;
 }
.lineaFondo{
 width:100%;
 height:3px;
 background:url('www.probitsolutions.com/demo/Images/lineaFondoTabla.png') repeat fixed center;
}

.TituloListado{
    width:650px
}
.flecha{
   width:53px;
    height:46px;
    float:left;
}
.titListado 
{  
    height:46px;
   
    text-align:left;
   background-color:white;
    vertical-align:middle;
}
.cruz{
    width:40px;
    height:46px;
    float:right;
}
.LineaVertical{
height:129px;
width:5px;
background:#68bc49 url('www.probitsolutions.com/demo/Images/lineaVertical.png') fixed center;
float:left;
}
.Telefonos{
    width:201px;
    height:154px;
    float:left;
     background-color:#68bc49;
}
.Imagen{
    width:201px;
    height:134px;
    float:left;
    margin-left:10px;
    margin-top:10px;
    background:#68bc49 url('www.probitsolutions.com/demo/Images/imagenProveedores.png') no-repeat;
     }
.Direccion{
    width:218px;
    height:154px;
    float:left;
    background-color:#68bc49;
}

.row:after {
    content: "";
    display: table;
    clear: both;
    vertical-align:middle;
    

    
}
.TextoCampos{
    height:20px;
    text-align:left;

}

 .GroupTitle
       {
           font-size: 1.5em;
           color:#077006;
           padding: 0 20px 20px 0;
       }
        .GroupColumn
       {
           float: right;
           padding: 0 20px 0 0;
          
     }
        .TextoIzquierda{
            font-size: 1.2em;
            color:black;
            text-align:left

        }
   .SubMenuContent
       {
           margin: 0 auto;
       }  
   
  .menuContainer
       {
           margin: 20px auto;
       } 
  
  .Group
       {
           float: left;
           padding: 20px 8px;
       } 
   .fondoDetalle{
        background-color:white;

    }
@media (max-width: 768px){
    body {
}
    .linea{
    width:100%;
    height:8px;
     background:url('~/Images/lineaFondo.png') repeat fixed center;
}
    .fondo{
        background-color:white;

    }
    .fondoDetalle{
        background-color:white;

    }
    .AreaContenido{
        width:375px;
        display:block;
    vertical-align:central;
    margin-left:auto;
    margin-right:auto;
    }
    .columnavacia{
    width:100%;

}
         .title {
            float: left;
            padding: 1px 4px 2px;
            font-size: 2.2em;
        }

        .expandedPanel .title {
            display: none;
        }

        .mainMenu {
            float: right !important;
            margin: 8px 0 4px;
        }

        .expandedPanel .mainMenu {
            width: 100%;
        }

        .grid,
        .grid .dxgvHSDC,
        .grid .dxgvCSD {
            border-left: 0 !important;
            border-right: 0 !important;
            border-bottom: 0 !important;
        }

        .Footer {
            font-family: Helvetica;
            font-size: small;
        }
 .mensajeOpcion{
    width:320px;
    display:inline-block;
    font-family:Candara;
    color:#FF7546;
    margin-right:auto;
    margin-left:auto;
    font-size:medium;

}
 .MenuBotones {
            float: right !important;
            margin: 8px 0 4px;
        }
 .TituloSeccion{
     float:left !important;
     margin:14px 0 8px;
     font-family:Candara;
    color:#FF7546;
    font-size:x-large;
 }
}