.widget{
    position:relative;
}

.widget > div{
    position:relative;
    z-index:1;
}

.widget:after{
    background-size:cover;
    content:" ";
    left:0;
    right:0;
    top:0;
    bottom:0;
    position:absolute;
    z-index:0;
    opacity:0.69;
}

.widget-1:before{
    background-image:url("../img/linear_gradient.png");
    background-repeat:repeat-x;
    content:" ";
    left:0;
    right:0;
    height:325px;
    bottom:0;
    position:absolute;
    z-index:1;
}

.widget-1 > .card-body .company:nth-child(2) > div{
    display:table;
    margin:0 auto;
    width:127px;
}

.widget-1 > .card-body > *{
    z-index:1;
}

.widget-1 > .card-body > *:not(.pull-bottom){
    position:relative;
}

.widget-1 > .card-body .pull-bottom{
    padding:0 49px 45px 42px;
}

.widget-1 span.label{
    color:var(--color-white-100);
    background:rgba(255, 255, 255, 0.3);
}

.widget-3 a{
    text-decoration:none;
}

.widget-3 .pg-map{
    font-size:42px;
}

.widget-3 .widget-3-fav{
    background:rgba(0, 0, 0, 0.08);
    vertical-align:middle;
    padding:9px 10px;
    display:flex;
}

.widget-4 .row-sm-height:nth-child(1){
    height:30px;
}

.widget-4 .row-sm-height:nth-child(2){
    height:30px;
}

.widget-4-chart{
    height:100%;
    width:100%;
    bottom:0;
    position:absolute;
    right:0;
}

.widget-4-chart .nvtooltip .nv-pointer-events-none thead{
    display:none;
}

.widget-4-chart .nvtooltip .nv-pointer-events-none tbody .nv-pointer-events-none .key{
    display:none;
}

.widget-5-chart-container{
    overflow:hidden;
}

.widget-5-chart{
    height:auto;
    width:auto;
    bottom:20px;
    position:absolute;
    right:20px;
    left:20px;
    top:40px;
}

.widget-6 .label{
    background:rgba(53, 63, 77, 0.3);
    color:var(--color-white-100);
}

.widget-7 .slide-back .row-sm-height:nth-child(1){
    height:60%;
}

.widget-7 .slide-back .row-sm-height:nth-child(2){
    height:40%;
}

.widget-7-chart{
    top:0;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}

.widget-8{
    height:145px;
}

.widget-8 .row-xs-height:first-child{
    height:41px;
}

.widget-8-chart{
    height:100px;
    width:50%;
    bottom:0;
    position:absolute;
    right:0;
}

.widget-9{
    height:145px;
}

.widget-9 .row-xs-height:first-child{
    height:26px;
}

.widget-9 .progress{
    background:rgba(0, 0, 0, 0.1);
}

.widget-10{
    height:145px;
}

.widget-11 sup{
    margin-right:-4px;
}

.widget-11 .widget-11-table{
    height:100%;
}

.widget-11 .widget-11-table tr td:first-child{
    width:40%;
}

.widget-11-2 sup{
    margin-right:-4px;
}

.widget-11-2 .widget-11-2-table{
    height:273px;
}

.widget-11-3 .widget-11-3-table{
    height:384px;
}

.widget-12 .list-inline a{
    padding:3px 4px;
    border-radius:3px;
    opacity:0.7;
}

.widget-12 .list-inline .active a{
    opacity:1;
}

.widget-12 .widget-12-search{
    margin-top:-3px;
}

@media (max-width:992px){
    .widget-12{
        flex:none;
    }

    .widget-12 .widget-12-footer{
        position:relative !important;
    }
}

@media (max-width:992px){
    .share-other .card-content{
        height:250px;
        min-height:250px;
    }
}

.widget-14 .row-xs-height:nth-child(1){
    height:30px;
}

.widget-14 .row-xs-height:nth-child(2){
    height:120px;
}

.widget-14 .row-xs-height:nth-child(3){
    height:297px;
}

.widget-14-chart_y_axis{
    position:absolute;
    top:0;
    background:rgba(255, 255, 255, 0.8);
    bottom:0;
    width:35px;
    left:0;
    z-index:2;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks path,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 path{
    fill:none;
    stroke:none;
}

.widget-14-chart_y_axis .rickshaw_graph .y_ticks text,
.widget-14-chart_y_axis .rickshaw_graph .x_ticks_d3 text{
    opacity:0.35;
    font-family:"Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-size:11px;
}

.widget-14-chart_y_axis .y_ticks.plain g:first-child{
    opacity:0 !important;
}

.widget-14-chart-legend .ui-sortable li{
    padding-right:0;
}

.widget-14-chart-legend .ui-sortable li .action{
    display:none;
}

.widget-14-chart-legend .ui-sortable li:last-child{
    margin-top:7px;
}

.widget-15 #widget-15-tab-1 > div{
    height:170px;
}

.widget-15-2 #widget-15-2-tab-1 .full-width{
    height:180px;
}

.widget-16-header .pull-left:last-child{
    width:69%;
}

.widget-16-chart{
    height:138px;
}

.widget-17{
    height:467px;
}

.widget-17 .weather-info .row{
    margin-bottom:12px;
}

.widget-19-post{
    height:220px;
    background:#00a79a;
}

.widget-19-post img{
    top:50%;
    margin-top:-70px;
}

.btn-circle-arrow{
    border:1px solid var(--color-white-100);
    border-radius:100px;
    position:relative;
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
    margin-right:4px;
}

.btn-circle-arrow i {
  font-size: 12px;
  position: absolute;
  left: 3px;
  top: 1px;
  margin-left: 0px;
  margin-top: 2px;
}

.live-tile{
    color:inherit;
}

/*** Large screens ***/
@media only screen and (min-width:1824px){
    .ar-3-2:before{
        padding-top:calc(55% - 5px) !important;
    }

    .ar-2-3:before{
        padding-top:calc(135% - 5px) !important;
    }
}

@media (max-width:991px){
    .card{
        height:auto !important;
    }

    .widget-8,
    .widget-9,
    .widget-10{
        height:180px !important;
    }
}

@media (max-width:480px){
    .widget-1-wrapper{
        height:340px;
    }
}

@media (max-width:420px){
    .widgets-container{
        margin-top:80px;
    }
}

@media (max-width:610px){
    .widget-item,
    .widgets-container{
        width:100% !important;
    }
}