.Clickeable{
    cursor: pointer;
}

.Clickeable:hover .ibox-title, .Clickeable:hover .ibox-content{
    background-color: #e7eaec;
}

.Clickeable:hover a{
    
}

.BanerUpSmall{
    min-height: 60px;
}

.MarginTopBoton{
    margin-top: 15px;
}

.LogoLogin{
    background-color: #f8ac59; 
    color: #fff;
    text-align:center;
}

.Text3{
    color: #23c6c8;
    font-weight: bold;
}

.TextMain3{
    color: #f8ac59;
    font-weight: bold;
}

.blue-bg .nav > li :hover{
    background-color: #286f9c !important;
}

.blue-bg .nav > li > a{
    color: white;
}

.blue-bg .nav > li > a:hover{
    color: white;
}

.blue-bg .nav > li.active{
    background-color: #286f9c;
}

.blue-bg .nav > li.active :hover{
    background-color: #286f9c;
}

.blue-bg .nav > li.active > a{
    color: white;
}

.blue-bg .nav > li.active > a :hover{
    color: white;
}

.warning-brand{
    background-color: #f8ac59 !important;
    margin-top: 5px;
    padding-bottom: 5px;
}

.neutral-brand{
    background-color: transparent !important;
    margin-top: 5px;
    padding-bottom: 5px;
}

.BannerContent .panel-body {
    border-radius: 10px; 
    background-color: rgba(28, 132, 198, 0.69);
}

.BannerContent .TituloPanel{
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

.ContenedorOferta{
    margin: 15px;
    margin-top: 20px;
}

.ContenedorOferta .TituloOferta{
    margin-left: 10px;
    font-weight: bold;
    color: #337ab7;
    font-size: 14px;
}

.ContenedorOferta .OfertasLista{
    margin-left: 25px;
    color: #337ab7;
    font-size: 12px;
}

.TituloSection{
    font-weight: bold;
    color: #000;
}

.TituloSection .White{
    color: #fff;
}

.SubTituloSection{
    font-weight: bold;
    color: #000;
    font-size: 16px;
}

.SubTituloSection.SubTituloSection-White{
    color: #fff;
}

.LogoEmpresa{
    width: 100px;
}

.LogoEmpresaOferta{

}

.ContenedorLogoEmpresa{
    padding: 1%;
    height: 100px;
}


.black-banner{
    padding: 10px;
    background-color: #122b42;
}

.EspacioEnBlanco{
    min-height: 100px;
}

.MarginTop-50{
    margin-top: 50px;
}

.FormLogin{
    background-color: #fdfdfd;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    border-radius: 10px;
}

.FormLogin .TituloLogin{
    font-size: 20px;
    color: #f8ac59;
}

.FormElement .form-group.CustomForm > label{
    font-weight: 600;
    margin-left: 5px;
}

.FormElement .form-group.CustomForm .form-control{
    border-radius: 5px;
}

.ImagenLoginPersonas{
    background-image: url("../../../localstorage/images/logincandidatos.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.ImagenLoginPedidos{
    background-image: url("../../../localstorage/images/2668382.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.CategoriaFiltro .Titulo{
    font-weight: bold;
    color: #25AEE5;
}

.CategoriaFiltro .TituloSel{
    font-weight: bold;
    color: #25AEE5;
}

.CategoriaFiltro .Item{
    font-weight: normal;
    cursor: pointer;
}

.CategoriaFiltro .Item:hover{
    font-weight: bold;
    text-decoration: underline;
    color: blue;
}

.CategoriaFiltro .ItemSele{
    font-weight: normal;
    cursor: pointer;
}

.CategoriaFiltro .ItemSele:hover{
    font-weight: bold;
    text-decoration: underline;
    color: red;
}

.CategoriaFiltro .ListaItemsFiltro{
    overflow: auto;
    max-height: 150px;
}

.divisionverde{
    padding-top: 5px;
    padding-bottom: 5px;
    border-color: black;
    margin: 0px;
    border-top: 3px solid #23c6c8;
}

.border-rounded{
    border-radius: 5px;
}

.orange-bg{
    background-color: #f8ac59;
    color: #fff;
}

.no-padding-top{
    padding-top: 0px !important;
}

.contenido-oferta .conten-titulo-oferta{

}

.contenido-oferta .btn-aplicar{
    color: #f8ac59;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 8px;
    padding-left: 8px;
}

.contenido-oferta .conten-titulo-oferta .TituloOferta{
    color: #fff;
    font-size: 14px;
    /*font-weight: ;*/
}

.contenedor-logo-empresa{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}

.contenedor-logo-empresa .logo-empresa{
    width: 90%;
}

.contenedor-logo-empresa-small{
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}

.contenedor-logo-empresa-small .logo-empresa{
    width: 98%;
}

.chosen-container .chosen-single{
    min-height: 34px;
}

.chosen-container .chosen-single span{
    font-size: 14px !important;
    color: rgb(103, 106, 108) !important;
    margin-top: 5px;
}

@media(max-width:767px){
    .BannerImagenFondo{
        background-image: url("../../../localstorage/images/mainbaner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 200px;
    }

    .BannerContent{
        min-height: 200px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .BannerContent .BannerContent-VC {
        margin-top: 11px;
    }

    .TituloSection{
        font-size: 16px;
        text-align: center;
    }

    .black-banner{
        display: none;
    }

    .ImagenLoginPersonas{
        /*height: 0px;*/
    }
    
    .ImagenLoginPedidos{
        /*height: 0px;*/
    }

    .contenedor-oferta .contenido-oferta{
        min-height: 200px;
    }

    .no-padding-xs{
        padding: 0px !important;
    }

    .conten-titulo-oferta{
        padding-top: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 5px;
    }

    .contenido-oferta .conten-titulo-oferta{
        text-align: center;
    }

    .con-item-oferta{
        margin-top: 5px;
        font-size: 8px;
    }

    .contenedor-logo-empresa{
        width: 80px;
        height: 80px;
    }

    .contenedor-logo-empresa-small{
        width: 80px;
        height: 80px;
    }
}

@media(min-width:768px){
    .BannerImagenFondo{
        background-image: url("../../../localstorage/images/mainbaner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 300px;
    }

    .BannerContent{
        min-height: 300px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .BannerContent .BannerContent-VC {
        margin-top: 95px;
    }

    .ImagenLoginPersonas{
        min-height: 400px;
    }
    
    .ImagenLoginPedidos{
        min-height: 400px;
    }

    .contenedor-oferta .contenido-oferta{
        min-height: 300px;
    }

    .conten-titulo-oferta{
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 10px;
    }

    .contenido-oferta .conten-titulo-oferta{

    }

    .con-item-oferta{
        margin-top: 5px;
        font-size: 10px;
    }

    .contenedor-logo-empresa{
        width: 150px;
        height: 150px;
    }

    .contenedor-logo-empresa-small{
        width: 100px;
        height: 100px;
    }
}

@media(min-width:992px){
    .BannerImagenFondo{
        background-image: url("../../../localstorage/images/mainbaner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 400px;
    }

    .BannerContent{
        min-height: 400px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .BannerContent .BannerContent-VC {
        margin-top: 145px;
    }

    .ImagenLoginPersonas{
        min-height: 500px;
    }
    
    .ImagenLoginPedidos{
        min-height: 500px;
    }

    .contenedor-oferta .contenido-oferta{
        min-height: 400px;
    }

    .conten-titulo-oferta{
        padding-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px;
    }

    .contenido-oferta .conten-titulo-oferta{

    }

    .MinMarginTop{
        margin-top: 10px;
    }

    .con-item-oferta{
        margin-top: 5px;
        font-size: 12px;
    }

    .contenedor-logo-empresa{
        width: 200px;
        height: 200px;
    }

    .contenedor-logo-empresa-small{
        width: 120px;
        height: 120px;
    }
}

@media(min-width:1200px){
    .BannerImagenFondo{
        background-image: url("../../../localstorage/images/mainbaner.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        min-height: 435px;
    }

    .BannerContent{
        min-height: 400px;
        display: inline-block;
        vertical-align: middle;
        float: none;
    }

    .BannerContent .BannerContent-VC {
        margin-top: 145px;
    }

    .ImagenLoginPersonas{
        min-height: 500px;
    }
    
    .ImagenLoginPedidos{
        min-height: 500px;
    }

    .contenedor-oferta .contenido-oferta{
        min-height: 400px;
    }

    .conten-titulo-oferta{
        padding-top: 20px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 20px;
    }

    .contenido-oferta .conten-titulo-oferta{

    }

    .con-item-oferta{
        margin-top: 5px;
        font-size: 14px;
    }


    .contenedor-logo-empresa-small{
        width: 140px;
        height: 140px;
    }
}