html
{
    position: relative; 
    min-height: 100%;
}
.white {
    color: White;
}

.navbar {
    margin-bottom: 0;
    border-radius: 0;
}


/* Set height of the grid so .sidenav can be 100% (adjust as needed) */

.row.content {
    height: 90%
}


/* Set gray background color and 100% height */

.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}


/* Set black background color, white text and some padding */

footer {
    color: white;
    padding: 8px 15px 8px 15px;
    width: 100%;
    position: absolute;
}

.fondoPie {
    background-color: #555;
}

.fondoPrincipal {
    background-color: White;
}

.altura100porciento {
    height: 100%;
}

.ancho100porciento {
    width: 100%;
}

.sinMargen {
    padding: 0px;
    margin: 0px;
}

.sinMargenIzquierdo {
    padding-left: 0px;
    margin-left: 0px;
    border-left: 0px;
}

.sinMargenDerecho {
    padding-right: 0px;
    margin-right: 0px;
    border-right: 0px;
}

.sinMargenInferior {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.sinMargenSuperior {
    padding-top: 0px;
    margin-top: 0px;
}

.areaTrabajo {
    background-color: white;
    width: 100%;
    min-height: 200px;
    padding: 15px
}

.sinRadioBordeInferior {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.sinRadioBordeSuperior {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.sinBordeInferior {
    border-top: 0px;
    border-top-style: none;
}

.sinBordeSuperior {
    border-top: 0px;
    border-top-style: none;
}

.bordeRedondeado10Blanco {
    border: 2px solid #FFFFFF;
    padding: 20px 20px;
    border-radius: 10px;
}

.bordeRedondeado5Blanco {
    border: 2px solid #FFFFFF;
    padding: 20px 20px;
    border-radius: 5px;
}

.bordeRedondeado10Gris {
    /*border: 2px solid #e3e3e3;*/
    border: 2px solid #f5f5f5;
    /*padding: 20px 20px;*/
    border-radius: 10px;
}

.borde20GrisObscuroTab {
    /*border: 2px solid #e3e3e3;*/
    /*border-top: 2px solid #E0E0E0;*/
    border-bottom: 2px solid #E0E0E0;
    border-left: 2px solid #E0E0E0;
    border-right: 2px solid #E0E0E0;
    padding: 20px 20px;
    /*border-radius: 20px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.bordeRedondeado5Gris {
    /*border: 2px solid #e3e3e3;*/
    border: 2px solid #f5f5f5;
    /*padding: 20px 20px;*/
    border-radius: 5px;
}

.bordeInferiorAzul {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #BBF7FD;
}

.rellenoAzul {
    background-color: #1E93E2;
}

.rellenoBlanco {
    background-color: #FFFFFF;
}

.rellenoGris {
    background-color: #F9F9F9;
}

.rellenoGrisObscuro {
    background-color: #E0E0E0;
}

.controlSolLine {
    color: #337ab7;
    height: 30px;
    padding: 5px 5px;
    font-size: 13px;
}

.SolineTexto {
    color: #337ab7;
    font-size: small;
}


/* On small screens, set height to 'auto' for sidenav and grid */

@media screen and (max-width:800px) {
    .sidenav {
        height: auto;
        padding: 0px;
    }
    .row.content {
        height: auto;
    }
}

@media screen and (max-width:700px) {
    .quitar {
        display: none;
        visibility: hidden;
    }
    .row.content {
        height: auto;
    }
}

@media screen and (max-width:700px) {
    .ponerMovil {
        display: block;
    }
    .row.content {
        height: auto;
    }
}

@media screen and (max-width:800px) {
    #data-personalRow {
        margin-top: 1em;
    }
    #data-personal {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (min-width:500px) {
    .quitarEscritorio {
        display: none;
        visibility: hidden;
    }
    .row.content {
        height: auto;
    }
}


/* FORMATO link estandar */

a:visited {
    text-decoration: none;
    /*color: #CCC;*/
}

a:hover {
    text-decoration: none;
    /* color: #F60; */
}

a:click {
    text-decoration: none;
    color: #000;
}

a:active {
    text-decoration: none;
    color: #666;
}

.TextGris1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #CCC;
}

.TextGris3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #999;
}

td {
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 2px;
}

.sin-border-lr {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}


/* BTN cotizar 3 obc */

.btnCotizarProducto {
    background-image: url(../../Images/btn_cotizar_1_por_producto.png);
    background-repeat: no-repeat;
    height: 108px;
    width: 160px;
    border: thin none #F00;
    cursor: pointer;
    background-color: #FFF;
}

.btnCotizarCombo {
    background-image: url(../../Images/btn_cotizar_1_por_combo.png);
    background-repeat: no-repeat;
    height: 108px;
    width: 160px;
    border: thin none #F00;
    cursor: pointer;
    background-color: #FFF;
}

.btnCotizarNecesidad {
    background-image: url(../../Images/btn_cotizar_1_por_necesidad.png);
    background-repeat: no-repeat;
    height: 108px;
    width: 160px;
    border: thin none #F00;
    cursor: pointer;
    background-color: #FFF;
}

.btnConceptoDeVenta {
    background-image: url(../../Images/btn_conceptoDeVenta.png);
    background-repeat: no-repeat;
    height: 108px;
    width: 160px;
    border: thin none #F00;
    cursor: pointer;
    background-color: #FFF;
}

.btnProspectoPrincipales {
    height: 96px;
    font-weight: 800;
}

.btnProspectoBotoneraA {
    width: 145px !important;
    margin-top: .4em;
}

.btnProspectoBotoneraC {
    width: 151px !important;
    margin-top: .4em;
}

.footerbackBlack {
    background-color: Black;
}

.social ul {
    text-align: left;
    list-style-type: none;
}

.footerbackBlack a:visited {
    text-decoration: none;
    color: #CCC !important;
}

.footerbackBlack a:hover {
    text-decoration: none;
    color: #CCC !important;
}

@media screen and (max-width:978px) {
    .social li {
        text-align: center;
        display: block;
        width: 100%;
    }
    .social ul {
        display: flex;
    }
    .container,
    .container-fluid,
    .well {
        padding: 0;
        margin: 0;
    }
}

#botones-generales-prospecto .btn-generales-left {
    text-align: left;
}

#botones-generales-prospecto .btn-generales-right {
    text-align: right;
}

#botones-generales-prospecto .btn-generales-center {
    text-align: center;
}

@media screen and (max-width:768px) {
    #botones-generales-prospecto .btn-generales-left {
        text-align: center;
    }
    #botones-generales-prospecto .btn-generales-right {
        text-align: center;
    }
}

.footerbackBlack {
    background-color: Black;
}

.social ul {
    text-align: left;
    list-style-type: none;
}

.smnyl-derechos {
    text-align: left;
}

@media screen and (max-width:978px) {
    .social li {
        text-align: center;
        display: block;
        width: 100%;
    }
    .social ul {
        display: flex;
    }
    .container,
    .container-fluid,
    .well {
        padding: 0;
        margin: auto;
    }
    .row {
        margin-right: 0.3em;
        margin-left: 0.3em;
    }
    .smnyl-derechos {
        text-align: center;
    }
    footer{
     bottom: 0; 
    }

    .fondoPrincipal{
        margin-bottom: 6em;
    }    
}

@media(max-width:768px)
{
    .form-control
    {
        padding: 0px;
        min-width: 80px;
        font-size: 1em;
    }
}

input.tipo-cotizacion
{
    float:left;
    margin-left:30px;
}
.margin-bottom-20
{
    margin-bottom:20px;
}





/*ESTILOS MENU ADMINISTRADOR*/
.dropdown-submenu{ position: relative; }

.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 6px;
  border-radius:0 6px 6px 6px;
}

.dropdown-submenu>a:after{
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;margin-right:-10px;
}
.dropdown-submenu:hover>a:after{
  border-left-color:#555;
}
.dropdown-submenu.pull-left{ float: none; }
.dropdown-submenu.pull-left>.dropdown-menu{
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}

@media (min-width: 768px) { 

}
@media (min-width: 992px) { 

}
@media (min-width: 1200px) { 

}





/*ESTILOS COLORES MENU ADMINISTRADOR*/
.BackgroundSubmenu
{
    background-color: #222222;
}

.BackgroundSubmenu li > a{
    color:#9d9d9d !important;
}

.BackgroundSubmenu li > a:hover, .BackgroundSubmenu li > a:focus{
    color:white !important;
    background-color: #222222 !important;
}
.menuAdministracion  .open > a {
     background-color: #222222 !important; 
}