/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 6/11/2014, 11:50:30 AM
    Author     : macbookair13
*/

html.top-full .navbar.main .topnav>li.dropdown .dropdown-menu {
    width: 235px;
}

*>img {
    max-width: 100%;
}

#detalle_generado .well {
    padding: 15px 15px 0 0;
}

.detalle_persona label.control-label {
    float: left;
}

.detalle_persona div.dato_persona {
    float: left;
    padding-top: 7px !important;
}

.datepicker {
    z-index: 1000000 !important;
}


/* 
    Titulo: Footer
    Created on : 22/07/2015
    Author     : Juan Camilo Atehortua
*/

#footer {
    position: fixed;
    width: 100%;
    bottom: 0;
}

#content>.innerLR {
    padding-bottom: 40px;
    min-height: 700px;
}


/* 
    Titulo: Menu responsive
    Created on : 23/07/2015
    Author     : Juan Camilo Atehortua
*/


/* @media (min-width: 768px) {
  nav {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
  }
  nav {
    display: block;
  }
  nav ul.principal {
    margin: 0 0 2em;
  }
  nav ul li.primerNivel {
    float: left;
  }
  nav ul li.more {
    display: none;
  }
  nav ul li.more:hover ul#overflow, ul#overflow.open {
    opacity: 1;
    visibility: visible;
  }
  nav #overflow {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    text-align: left;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    z-index: 10002;
    background-color: #4888be;
    width: 250px;
  }
  nav #overflow li.primerNivel {
    float: none;
  }
  .topnav.pull-right {
    position: absolute;
    right: 0;
    top: 0;
  }
} */

@media (max-width: 767px) {
    .enlaceUser {
        display: block;
        width: 40px;
        float: right;
        margin-left: 3px;
    }
}

@media (min-width: 768px) {
    .enlaceUser {
        display: block;
        float: right;
        padding-left: 35px !important;
    }
}

@media all and (max-width: 1100px) {
    .nombreEmpresa {
        float: right;
        margin-right: 12px;
        height: 30px;
        display: block;
        line-height: 48px;
    }
    html.top-full .dl-menuwrapper.navbar.main {
        height: 30px;
        border-bottom: none;
    }
    .dl-menuwrapper {
        z-index: 10000;
    }
    .dl-menu.dl-animate-out-1 {
        animation: MenuAnimOut1 0.4s linear forwards;
    }
    @keyframes MenuAnimOut1 {
        50% {
            transform: translateZ(-250px) rotateY(30deg);
        }
        75% {
            transform: translateZ(-372.5px) rotateY(15deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
    }
    .dl-menu.dl-animate-in-1 {
        animation: MenuAnimIn1 0.3s linear forwards;
    }
    @keyframes MenuAnimIn1 {
        0% {
            transform: translateZ(-500px) rotateY(0deg);
            opacity: 0;
        }
        20% {
            transform: translateZ(-250px) rotateY(30deg);
            opacity: 0.5;
        }
        100% {
            transform: translateZ(0px) rotateY(0deg);
            opacity: 1;
        }
    }
    .dl-menuwrapper .dl-menu.dl-menuopen {
        margin-top: 60px;
        width: 70%;
    }
    html.top-full .dl-menuwrapper.navbar.main .btn-navbar {
        z-index: 10001;
    }
    .dl-menuwrapper {
        max-width: 1100px;
    }
    html.top-full .navbar.main .topnav:last-of-type {
        float: right;
    }
    .dl-menuwrapper li>a.enlaceUser:not(:only-child):after {
        content: "";
    }
}


/* 
    Titulo: Imagen sesion
    Created on : 23/07/2015
    Author     : Juan Camilo Atehortua
*/

.topnav.pull-right.sesion {
    z-index: 10000;
}

html.top-full .navbar.main .topnav>li.dropdown .dropdown-menu.pull-right {
    -webkit-transform-style: preserve-3d;
}


/* 
    Titulo: Iconos
    Created on : 23/07/2015
    Author     : Juan Camilo Atehortua
*/

@media (max-width: 1100px) {
    .glyphicon,
    .fa {
        width: 34px !important;
    }
    .glyphicon:before,
    .fa:before {
        font-size: 30px;
        width: 30px;
    }
}


/* 
    Titulo: Acordion formulario
    Created on : 27/07/2015
    Author     : Juan Camilo Atehortua
*/

h4.panel-title a {
    display: block;
    width: 100%;
}


/* 
    Titulo: Contenido general
    Created on : 27/07/2015
    Author     : Juan Camilo Atehortua
*/

#wrapper {
    overflow-y: auto;
}

.panel-group .panel {
    overflow: visible;
}


/* 
    Titulo: loading
    Created on : 18/08/2015
    Author     : Juan Camilo Atehortua
*/

.white-screen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.5;
    z-index: 100000;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    overflow: auto;
    overflow-y: scroll;
}

.loading-gif {
    background: url("../images/spinner_color.gif") no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    height: 130px;
    width: 130px;
    margin: -50px 0px 0px -50px;
}


/* 
    Titulo: Login
    Created on : 08/09/2015
    Author     : Juan Camilo Atehortua
*/

.hidden {
    height: 0px;
    width: 0px;
    overflow: hidden;
    visibility: hidden;
    display: none !important;
}

.clear {
    clear: both !important;
}


/* 
    Titulo: Tomar fotos desde mobile
    Created on : 08/09/2015
    Author     : Juan Camilo Atehortua
*/

#yourimage {
    width: 100%;
}

#swatches {
    width: 100%;
    height: 50px;
}

.swatch {
    width: 18%;
    height: 50px;
    border-style: solid;
    border-width: thin;
    float: left;
    margin-right: 3px;
}


/* 
    Titulo: Modal image
    Created on : 11/09/2015
    Author     : Juan Camilo Atehortua
*/

.blueimp-gallery.modal_imagen {
    /*background: #FFF !important;
    background: rgba(250,250,250,0.9) !important;*/
    z-index: 10002;
}

.foto_thumb {
    float: left;
    margin-left: 12px;
}

.foto_thumb #innerContent {
    text-align: center;
    line-height: 88px;
    width: 116px;
    height: 106px;
    position: relative;
}

.foto_thumb #innerContent .elimnar_foto_thumb {
    position: absolute;
    top: 86%;
    left: 32%;
    height: 13px;
    display: block;
    line-height: 10px;
}

.foto_thumb .thumb img {
    vertical-align: middle;
}

.gridalicious.galeria {
    overflow: auto;
}

.form-group.cont-canvas {
    display: block;
    padding: 0 10%;
}

.canvas {
    width: 60%;
    clear: both;
    display: block;
    margin: 0 auto;
}

.form-group.cont-upload {
    position: relative;
    height: 20px;
}

.form-group.cont-upload a {
    z-index: 10;
}

.form-group.cont-upload input[type="file"] {
    width: 10px;
    margin: -24px auto;
}

.clear_cont_foto {
    clear: both;
    margin-top: 5px;
    width: 100%;
}


/* 
    Titulo: Tablas responsive
    Created on : 25/09/2015
    Author     : Juan Camilo Atehortua
*/

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    /*border: 1px solid #ddd;*/
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}

.table-responsive.table-citas {
    overflow-y: scroll;
    height: 396px;
}


/* 
    Titulo: Formularios empresa
    Created on : 28/09/2015
    Author     : Juan Camilo Atehortua
*/

.tab-content form>.tab-pane {
    display: none;
}

.tab-content form>.active {
    display: block;
}


/* 
    Titulo: Table responsive
    Created on : 28/09/2015
    Author     : Juan Camilo Atehortua
*/

.table-primary thead th {
    background-color: #4a8bc2 !important;
}


/* 
    Titulo: image citas small
    Created on : 08/10/2015
    Author     : Juan Camilo Atehortua
*/

.widget.foto_thumb.foto_small {
    line-height: 36px;
    width: 81px;
    height: 65px;
}

.foto_thumb.foto_small #innerContent {
    line-height: 34px;
}


/* 
    Titulo: editar image
    Created on : 09/10/2015
    Author     : Juan Camilo Atehortua
*/

#editar_foto .controles_foto {
    background-color: #1b1b1b;
    text-align: center;
}

.img-container {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center;
    overflow: hidden;
}


/* 
    Titulo: switch
    Created on : 24/10/2015
    Author     : Juan Camilo Atehortua
*/

.make-switch.mini-s {
    min-width: 40px;
}


/* 
    Titulo: list nestable 
    Created on : 24/10/2015
    Author     : Juan Camilo Atehortua
*/

.list-form .dd3-content {
    height: auto !important;
}

.ui-widget-content {
    border: none !important;
    background: none !important;
}


/* 
    Titulo: archivo sgsst
    Created on : 23/09/2016
    Author     : Juan Camilo Atehortua
*/

.dd-item.dd3-item {
    position: relative;
}

.hover-btn {
    position: absolute;
    right: 15px;
    display: none;
    background-color: white;
}

.dd3-content:hover .hover-btn:first-child {
    display: block;
}


/* 
    Titulo: Matriz de riesgo
    Created on : 23/09/2016
    Author     : Juan Camilo Atehortua
*/

.widget .widget-head.second-breadcrumb .heading {
    height: auto !important;
    float: none;
    line-height: 14px;
}

.widget .widget-head.second-breadcrumb .heading.glyphicons {
    width: auto;
    display: block;
    position: relative;
    padding: 10px 0 0px 38px;
    bottom: 3px;
}

.widget .widget-head.second-breadcrumb .heading .left {
    float: left;
    max-width: 250px;
}


/* 
    Titulo: Google maps
    Created on : 16/01/2017
    Author     : Juan Camilo Atehortua
*/

#DivMapa {
    height: 800px;
    width: 100%;
}

.map-embed-las-image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}

.map-embed-las-image .street {
    float: right;
}

.map-embed-las-image .pad-text {
    padding-top: 10px;
}


/* 
    Titulo: GRAFICAS ADMIN
    Created on : 06/02/2017
    Author     : Juan Camilo Atehortua
*/

.widget-body.box-height {
    height: 306px;
}

.widget-body.box-height .text-center {
    top: 20%;
}

#barCharPeligrosPT .bar {
    fill: steelblue;
}

#barCharPeligrosPT .axis path {
    display: none;
}

.searable-multiselect .ms-container {
    width: 500px;
}


/* 
    Titulo: USUARIO
    Created on : 27/06/2017
    Author     : Juan Camilo Atehortua
*/

.ms-selected {
    display: block;
}

input.search-input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 88%;
    margin-bottom: 5px;
    height: auto;
}

.searable-multiselect .ms-container .ms-list {
    width: 203px;
}

.searable-multiselect .ms-container {
    background-position: 212px 105px;
}

/* Estilo plugin autocompleter usado en mantenimiento PESV y otros */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }