/*BG Colors*/
.bg-ranger-green{background-color: #769D1B;}
.bg-light-blue{background-color: #00A6B7;}
.bg-green-electric{background-color: #00A030;}

/*Main Container Chart*/
#wssinada-form{}
.chart-container-panel #edit-departamentos{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
.chart-container-panel #edit-departamentos option{background-image: url(/sites/all/modules/wsinada/img/uncheck.png); background-repeat: no-repeat; background-size: 15px; padding-left: 17px;}

/*Group Panel Filter Selectors*/
.group-form-filter-chart{height: 293px; box-sizing: border-box; float: right; width: 25%; padding: 20px; background-color: #FF7F01;}
.group-form-filter-chart .form-item{box-sizing: border-box; width: 100%; padding: 8px; background-color: #ffffff; outline: none; border: solid 1px #ddd; border-radius: 10px;}
.group-form-filter-chart .form-item.filter-btn{cursor: pointer; margin: 20px 0 0 0; padding: 1em; background-color: #018093; border: none; color: #fff;}
.group-form-filter-chart .form-item.filter-btn:active{background:#008C9C; }

.group-form-filter-chart select#edit-anio{-webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("/sites/all/modules/wsinada/img/aspa.svg"); background-position: 95% center; background-repeat: no-repeat; background-size: 15px 15px;}

/*Panel Chart Container*/
.chart-container-panel{box-sizing: border-box; display: inline-block !important; vertical-align: top; width: 50%; margin: 0 0 0 -2px; padding: 10px;}
.chart-container-panel .chart-container{position: relative; width: 95%; margin: 0 auto; padding-bottom: 2em;}
.chart-container-panel .chart-container .chart-container-loader{box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff;}
.chart-container-panel .chart-container-row{box-sizing: border-box; width: 100%;}
.chart-container-panel .chart-container-title{box-sizing: border-box; width: 100%; margin: 0; padding: 10px; background-color: #00a5b8; text-align: center; color: #fff;}
.chart-container-panel:nth-child(2){width: 100% !important;}
.chart-container-panel:nth-child(5){
    min-height: 200px;
    width: 100% !important;
}

/*Tabs Type BarLine*/
.chart-container-panel .chart-container-tabs{box-sizing: border-box; display: inline-block !important; vertical-align: top; width: 100%; height: 35px;}
.chart-container-panel .chart-container-tabs ul{list-style: none; box-sizing: border-box; width: 100%; margin: 0; padding: 10px 0 0 5px; background-color: #1c110b;font-size: 14px;}
.chart-container-panel .chart-container-tabs ul li.tab-typechart-barline-btn{box-sizing: border-box; cursor: pointer; display: inline-block !important; height: 100%; margin: 0 0 0 0; padding: 5px 15px 5px 15px; background-color: #00a5b8; border-radius: 8px 8px 0 0; text-align: center; color: #ffffff;}
.chart-container-panel .chart-container-tabs ul li.tab-typechart-barline-btn:active{background: #008C9C;}
.chart-container-panel .chart-container-tabs ul li.tab-export-excel-btn{box-sizing: border-box; cursor: pointer; display: inline-block !important; height: 100%; margin: 0 0 0 0; padding: 5px 15px 5px 15px; background-color: #00a5b8; border-radius: 8px 8px 0 0; text-align: center; color: #ffffff;}
.chart-container-panel .chart-container-tabs ul li.tab-export-excel-btn:active{background: #008C9C;}

/*Charts*/
.chart-container-panel #chartLineBar{width:100%; height: 500px;}
.chart-container-panel #chartPie{width:100% !important;}
.chart-container-panel #chartPolar{width:100% !important; padding: 20px;}
.chart-container-panel #myTable{width:100% !important; min-height: 200px !important;}
.chart-container-panel #myTable table{color: #555;}
.chart-container-panel #myTable table tr{border: solid 2px #ccc;}
.chart-container-panel #myTable table tr td{padding: 10px; text-align: center;}
.chart-container-panel #myTable #chart-datatable tbody > tr:nth-child(1){font-size: 14px; font-weight: 600; color: #222;}

/*Sinada Block Links*/
.sinada-block-links{box-sizing: border-box; width: 101%;}
.sinada-block-links .block-link-container{box-sizing: border-box; display: inline-block; vertical-align: top; width: 33.33%; margin: 0 0 0 -2px; padding: 1em 0.5em;}
.sinada-block-links .block-link-container .block-link{overflow: hidden; position: relative; box-sizing: border-box; width: 100%; height: 290px; border: solid 1px #ddd;}
.sinada-block-links .block-link-container .block-link .block-link-image{box-sizing: border-box; width: 100%; margin: 8px 0 8px 0; padding: 10px; text-align: center;}
.sinada-block-links .block-link-container .block-link .block-link-image img{display: inline-block;}
.sinada-block-links .block-link-container .block-link .block-link-txt{box-sizing: border-box; width: 100%; margin: 8px 0 8px 0; padding: 10px; text-align: justify;}
.sinada-block-links .block-link-container .block-link .block-link-href{position: absolute; bottom: 0; left: 0; width: 100%;}
.sinada-block-links .block-link-container .block-link .block-link-href a{box-sizing: border-box; display: block; width: 100%; text-align: center; padding: 20px; font-size: 14px; color: #fff;}
.sinada-block-links .block-link-container .block-link .block-link-href a:hover{color: #fff;}

.sinada-block-links .block-link-container:nth-child(3) .block-link .block-link-image{display: inline-block; width: 50%; vertical-align: top; margin: 0 0 0 -4px;}
.sinada-block-links .block-link-container:nth-child(3) .block-link .block-link-txt{display: inline-block; width: 50%; vertical-align: top; margin: 0 0 0 -4px; font-size: 10px; line-height: 1;}

/*Pagination*/
.paging-nav{text-align: right;padding-top: 2px;}
.paging-nav a{margin: 2px; text-decoration: none; display: inline-block; padding: 1px 7px; background: #91b9e6; color: white; border-radius: 3px;}
.paging-nav .selected-page{background: #00a5b8; font-weight: bold;}


/*CSS INJECTOR*/
.page-sinada-estadisticas #wssinada-form .chart-container-panel {background: #fff none repeat scroll 0 0;
    border: 1.5px solid #d5d5d5;
    box-sizing: border-box;
    margin: 5px;
    padding: 0 !important;
    width: calc(50% - 3%);}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(3) {width: 100%;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(2) {border: none; display: block; overflow: hidden;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel #chartLineBar {margin-top: 71px;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(4){width: 100%; margin-left: 7px!important; border: none;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(4) .chart-container-tabs {display: none!important;}


.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-tabs ul li img {float: left !important; margin-right: 6px !important;width:22px !important;}
/*.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-tabs ul li{font-size:15px!important; font-weight: 300;line-height: 22px}*/
/*.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-tabs ul{height: 50px;}*/
.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-tabs{height: auto!important;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-title{font-size: 1.4em; font-weight:300; padding: 14px 10px;}


.page-sinada-estadisticas #wssinada-form .chart-container-panel #myTable {margin: 1em 4em; width: auto !important;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel #myTable table {margin-top: 51px;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(4) .chart-container-tabs {display: none!important;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel #myTable table td { border: 1px solid #d5d5d5!important;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel #myTable table tr{border:none!important;}

.page-sinada-estadisticas #edit-anio {margin-bottom: 5px;}
.page-sinada-estadisticas .anio{font-size: 14px;    text-align: right;    color: #FFF;    padding: 5px;    font-weight: 500;}
.page-sinada-estadisticas .filtro{font-size: 14px;    text-align: right;    color: #FFF;    padding: 5px;    font-weight: 500;}
.page-sinada-estadisticas .group-form-filter-chart {text-align: right;}
.page-sinada-estadisticas #edit-anio { width: 90px;}



.page-sinada-estadisticas .flexslider {display: inline-block; width: 75%;}
.page-sinada-estadisticas .flexslider img {height: 293px;width: 100% !important;}
.page-sinada-estadisticas .group-form-filter-chart { width: 25% !important;}

.chart-container-panel:nth-child(5) .chart-container-row{border:none;}
.chart-container-panel .chart-container-row{display: inline-block;vertical-align: top;margin: 0 0 0 -2px;width: 50%; border: 1.5px solid #d5d5d5;}
.page-sinada-estadisticas .chart-container-row.fuente {width: 100% !important;}

@media screen and (min-width: 150px) and (max-width: 767px){

.page-sinada-estadisticas .flexslider img {height: auto!important;}
.chart-container-panel .chart-container{width: 100%;}
.chart-container-panel{width: 100% !important;}
.page-sinada-estadisticas .group-form-filter-chart{width: 100% !important;}
.page-sinada-estadisticas .flexslider{width: 100%;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel .chart-container-title{font-size:1.2em;}

.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(3) { height: 250px; margin-left: 0;width: 100%;}
.chart-container-panel .chart-container-row { box-sizing: border-box;    width: 35%;}
.chart-container-panel:nth-child(4) { margin-left: 0 !important; min-height: 200px; width: 100%;}

.sinada-block-links .block-link-container{width: 100%; padding: 0.5em 0em;}
.chart-container-panel .chart-container-row{width: 100%!important;}

.page-sinada-estadisticas #wssinada-form .chart-container-panel #chartLineBar{margin-top: 1em;}

}



@media screen and (min-width: 768px) and (max-width: 1024px){

.page-sinada-estadisticas .flexslider img {/* float: none; height: 225px;width: 59% !important;*/}
.group-form-filter-chart {float: left; width: 25% !important;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(3){margin-left: 0; width:100%;}
.page-sinada-estadisticas #wssinada-form .chart-container-panel:nth-child(4){height: auto; margin-left: 0; width:100%;}

.group-form-filter-chart .form-item.filter-btn{margin-top: 10px;}

.page-sinada-estadisticas #wssinada-form .chart-container-panel #chartLineBar{margin-top: 1em;}



.chart-container-panel #chartLineBar{/*height: 100px;*/}
.chart-container-panel .chart-container{/*width: 100%;*/}

}