/* google charts */
div.google-visualization-tooltip > ul > li > span {
    font-size: 8pt !important;
    /*line-height: 1.2em;*/
    font-family: "Open Sans" !important;
}

div.google-visualization-tooltip {
    background: white;
    /*background: #f6f6f6;*/
    font-size: 10px !important;
    /*line-height: 1.2em;*/
    line-height: normal;
    border: none;
    box-shadow: none;
    width: 250px;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    z-index: 2;
    /*background: #f6f6f6 !IMPORTANT;*/
    background: white;
    font-color: black !IMPORTANT;
    border-radius: 2px;
    font-family: "Open Sans" !important;
    border: white !IMPORTANT;
}

.jqplot-table-legend {
    width: auto;
    border-color: transparent !important;
    background: transparent !important;
    padding: 5px;
}

.well{
    border: none;
}
.panel{
    border: none;
}
.navbar{
    border: none;
}
/* d3 charts */
.axis path,
.axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.bar {
    fill: steelblue;
}

.x.axis path {
    /*display: none;*/
}

.grid .tick {
    stroke: lightgrey;
    opacity: 0.7;
}
.grid path {
    stroke-width: 0;
}

.pill-container{
    margin-top:20px;
}

.all-container{
    max-width: 1070px;
}

.bgimg                          { margin-bottom: 0; height: 337px;width:100%; background-image: url('/contratacionesabiertas/static/images/banner-background.png'); margin-top: 0px; background-size: cover; }
.bgimg h2                       { margin-bottom: 30px; }
.bgimg h2 > span                { display: block; font-weight: 400; }

.controls                       { margin-bottom: 30px; padding: 20px 0 25px; background-color: #545454; }
.controls h3                    { margin-top: 0; margin-bottom: 20px; font-size: 14px; font-weight: 300; text-align: center; color: #fff; text-transform: uppercase; }
.controls .nav                  { width: 420px; margin: 0 auto; padding: 0; }

.statistics .well               { margin-bottom: 50px; }
.statistics .small              { margin-bottom: 30px; }

.contract-item                  { background-color: #F2F3F9; margin-bottom: 30px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
.contract-item .contract-info   { padding: 0 }
.contract-item .inner           { padding: 10px 15px; }
.contract-item .item-footer     { background-color: #AFB5D8; -webkit-border-radius: 0 0 0 5px; -moz-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; }
.contract-item h3               { font-weight: 700; color: #545454 /*#0c9*/; }
.contract-item h4 > a           { font-size: 14px; font-weight: 600; color: #0094A4; }
.contract-item h4 > a:hover     { font-size: 14px; font-weight: 600; color: #0094A4; }
.contract-item p                { margin-bottom: 0; }
.contract-item .legend          { font-size: 12px; font-weight: 600; color: #333; }
.contract-item .stages-icons    { margin: 0; padding: 0; list-style: none; }
.contract-item .stages-icons > li               { display: inline-block; margin-right: 5px; }
.contract-item .stages-icons > li:last-child    { margin-right: 0; }
.contract-item .stages-icons > li > img         { width: 20px; }
.contract-item .contract-download               { background-color: #080D6B; position: absolute; right: 15px; top: 0; bottom: 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
.contract-item .contract-download > p           { padding: 20px 0px; font-family: "Open Sans"; font-size: 13px; color: #FFFFFF; text-align: center; text-transform: uppercase; }
.contract-item .contract-download > div         { padding: 10px 0px; text-align: center; }
.contract-item .contract-download > div > a     { display: inline-block; margin: 10px 0px; }

/********************************
    Badges Styles
********************************/
.dataset-format                             { font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; border-radius: 0; padding: 5px 7px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.dataset-format[data-format="csv"],
.dataset-format[data-format="CSV"]          { background-color: #ffd100; }
.dataset-format[data-format="kml"],
.dataset-format[data-format="KML"]          { background-color: #474747; }
.dataset-format[data-format="geojson"],
.dataset-format[data-format="GEOJSON"],
.dataset-format[data-format="json"],
.dataset-format[data-format="JSON"]         { background-color: #33ffd1; }
.dataset-format[data-format="pdf"],
.dataset-format[data-format="PDF"]          { background-color: #ff2200; }
.dataset-format[data-format="arcgis"],
.dataset-format[data-format="ARCGIS"]       { background-color: #d100FF; }
.dataset-format[data-format="xlsx"],
.dataset-format[data-format="xls"],
.dataset-format[data-format="excel"],
.dataset-format[data-format="vnd.ms-excel"],
.dataset-format[data-format="EXCEL"],
.dataset-format[data-format="VND.MS-EXCEL"],
.dataset-format[data-format="XLS"],
.dataset-format[data-format="XLSX"]         { background-color: #00d100; }
.dataset-format[data-format="xml"],
.dataset-format[data-format="XML"]          { background-color: #0000d1; }
.dataset-format[data-format="oracle"],
.dataset-format[data-format="ORACLE"]       { background-color: #55bada; }
.dataset-format[data-format="shp"],
.dataset-format[data-format="SHP"]          { background-color: #bada55; }
.dataset-format[data-format="kmz"],
.dataset-format[data-format="KMZ"]          { background-color: #55adab; }
.dataset-format[data-format="zip"],
.dataset-format[data-format="ZIP"]          { background-color: #669999; }

.search-form > .form-control.bootstrap-select                           { display: inline-block; width: 21%; box-shadow: none; }
.search-form > .form-control.bootstrap-select > .btn                    { border: none; text-align: center; text-transform: none; color: #9b9b9b; position: relative; left: 100%; transform: translateX(-80%); background-color: #fff; line-height: 20px; }  //Tamaño del campo Tipo de procedimiento. Lista de contrataciones
.search-form > .form-control.bootstrap-select > .btn > .bs-caret        { display: inline-block; width: 12px; height: 8px; /*background-image: url("../assets/img/ic_arrow_down.png");*/ }
.search-form > .form-control.bootstrap-select > .btn > .bs-caret .caret { display: compact; }
.search-form > .form-control.bootstrap-select > .btn:hover,
.search-form > .form-control.bootstrap-select.open > .btn,
.search-form > .form-control.bootstrap-select.open > .btn:hover         { background-color: transparent; box-shadow: none; color: #9b9b9b; }
.search-form > .form-control.bootstrap-select > .btn:focus              { background-color: transparent; outline: none; }
.search-form > .form-control.bootstrap-select.open .dropdown-menu       { margin: 0 auto; }
.search-form > .form-control.bootstrap-select .dropdown-menu            { background-color: #f6f6f6; border-radius: 0 0 5px 5px; border: none; }
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li > a > span             { color: #9b9b9b; }
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li.selected,
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li:hover,
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li.selected > a,
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li:hover > a              { background-color: #0094A4; }
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li.selected > a > span,
.search-form > .form-control.bootstrap-select .dropdown-menu.open .dropdown-menu li:hover > a > span       { color: #fff; }


.statistics ul.chart-legend > li{
    font-size: 16px;
}

@media only screen
and (min-device-width: 300px)
and (max-device-width: 736px){
    .bgimg { height: 250px; padding: 25px 0; }
    .bgimg h2 { font-size: 20px; margin-bottom: 10px}
    .bgimg h4 { font-size: 12px;}
    .bgimg .stat { font-size: 16px }
    .bgimg {background-size: 500px 250px}
    #datos_duros{
        display: none;
    }
    #contrataciones_tiempo{ display: none;}
    #proveedores{display: none;}
    #busqueda_contratos{ display: none;}
    #breadcrumb{ display: none;}

    .statistics ul.chart-legend > li{
     font-size: 14px;
    }

    .statistics h1 {font-size: 16px;}
    .statistics p { font-size: 14px;}

    .stages .stages-widget p {font-size: 14px}
    .stages .stages-widget .content { font-size: 14px; padding-bottom: 25px}

    .stages .stages-widget img {width: 25px}
    .stages h1 {font-size: 16px}

    .contract-item .contract-download { position: relative; right: 0; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
    .contract-item .contract-download > p { padding: 10px 0px 0px 0px }
}

#tablaChartDonut { padding-bottom: 20px }

@media (max-width: 768px) {
    #tablaChartDonut { padding-bottom: 0px }
}

@media (min-width: 768px) {
    .nav-pills {
    margin-left: 0px;
    }
}

/* Actualización 14 enero 2021 */

.arc text {
    font: 10px sans-serif;
    text-anchor: middle;
}

.arc path {
    stroke: #fff;
}

input#cProveedor {
    margin-left: 15px;
    cursor: pointer;
}
input#cProcedimiento {
    margin-left: 15px;
    cursor: pointer;
}
input#cDestino {
    margin-left: 15px;
    cursor: pointer;
}
input#cArea {
    margin-left: 15px;
    cursor: pointer;
}
input#cVigencia {
    margin-left: 15px;
    cursor: pointer;
}

.nameGreen {
    color:#00cc99; 
    cursor:none; 
    padding-left:15px;
    pointer-events: none;
    font-weight: bold;
}

.selectAll {
    color:#00cc99; 
    cursor:none; 
    padding-left:5px;
    pointer-events: none;
    font-weight: bold;
}

.progress {
    margin-bottom: 0;
}

.container {
    max-width: 1100px;
}

.container-me {
    width: 900px;
    font-size: 12px;
    color: #777;
}   

.tooltip {
    position: absolute;
    text-align: center;
    width: 100px;
    height: 50px;
    padding: 8px;
    margin-top: -20px;
    font: 10px Open Sans;/*sans-serif;*/
    background: white; /*#ddd;*/
    pointer-events: none;
}

.nav-pills{
    padding-bottom: 25px;
    padding-top: 20px;
}

.nav-pills > li {
    padding-bottom: 10px;
}

.tooltipster-default{
    border-radius: 3px;
    border: none;
    background: white;
}


.tooltipster-default .tooltipster-content {
    font: Open Sans;
    font-size: 12px;
    border: none;
    color: black;
    background: white;
}

.tooltipster-default .tooltipster-box {
    border: none;
}

.search-form > input[type="text"] {
    width: 37%;
}

.search-form > .form-control.bootstrap-select {
    width: auto;
}

.search-form > .form-control.bootstrap-select > .btn {
    left: 0;
    transform: none;
}

.stages-icons img.pulse {
    animation: blinker 3s linear infinite;
}

.stages-icons img.disabled {
    filter: grayscale(100%);
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.pru2 {
    text-align:center;
}

.pru4 h3 {
    margin-top: 0px;
}

.no-cursor {
    pointer-events:none;
}

.pru3 {
    width: 98%; 
    text-align:right;
}

@media (min-width: 991px) {
    .pru2 {
        width: 60%;
    }

    ul.ul-horizontal {
        text-align: center;
    }

    ul.ul-horizontal > li {
        display: inline;
        margin: 0px 5px;
        cursor: pointer;
    }
}

@media (max-width: 991px) {
    .pru2 h3 {
        font-size: 16px;
    }
}

ul.ul-horizontal > li.active {
    text-decoration: line-through;
}

.label {
    display: inline-block;
}

.menuTopBar{
    text-align: center;
    background-color: #0094A4;
    position: fixed;
    z-index: 4;
    top: 106.5px;
    max-width: none;
    width: 100%;
    padding: 0 10% 0;
}

.menuTopBar a{
    height: 52px;
    text-decoration: none;
    font-size: 15px;
    vertical-align: middle;
    color: #FFFFFF;
}
.menuTopBar .botonMenuTop:hover{
    background-color: #05777C;
}
.menuTopBar .botonMenuTop{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #0094A4;
    color: #ffffff;
}
.menuTopBar select{
    background-color: #0094A4;
    border-color: #ffffff;
    color: #ffffff;
    vertical-align: -webkit-baseline-middle;
    margin-top: 11px;
    width: 50%;
    height: 30px;
}

@media (max-width: 991px) {
    .bgMovil {
        height: 40em;
        background-size: cover;
    }
    .menuTopBar select{
        width: 100%;
        font-size: 0.7em;
    }
    .menuTopBarS{
        padding: 0 0% 0;
    }
}

ul.navega li {
    display: inline;
    padding-right: 3em;
}