.widget {
    position: relative;
    float: left;
    margin: 0;
    margin-bottom: 20px;
    padding: 15px 10px;
    width: 100%;
    min-height: 120px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    color: #FFF;
    list-style: none;
    text-decoration: none
}

.widget.widget-padding-sm, .widget.widget-item-icon {
    padding: 10px 0 5px
}

.widget.widget-np {
    padding: 0
}

.widget.widget-no-subtitle {
    padding-top: 25px
}

.widget.widget-carousel {
    padding-top: 10px;
    padding-bottom: 0
}

.widget.widget-default {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #f5f5f5));
    background: -webkit-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -o-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: -ms-linear-gradient(top, #fff 0, #f5f5f5 100%);
    background: linear-gradient(to bottom, #fff 0, #f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#f5f5f5, GradientType=0)
}

.widget.widget-primary {
    background: #33414e;
    background: -moz-linear-gradient(top, #33414e 0, #29343f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #33414e), color-stop(100%, #29343f));
    background: -webkit-linear-gradient(top, #33414e 0, #29343f 100%);
    background: -o-linear-gradient(top, #33414e 0, #29343f 100%);
    background: -ms-linear-gradient(top, #33414e 0, #29343f 100%);
    background: linear-gradient(to bottom, #33414e 0, #29343f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33414e, endColorstr=#29343f, GradientType=0)
}

.widget.widget-success {
    background: #95b75d;
    background: -moz-linear-gradient(top, #95b75d 0, #89ad4d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #95b75d), color-stop(100%, #89ad4d));
    background: -webkit-linear-gradient(top, #95b75d 0, #89ad4d 100%);
    background: -o-linear-gradient(top, #95b75d 0, #89ad4d 100%);
    background: -ms-linear-gradient(top, #95b75d 0, #89ad4d 100%);
    background: linear-gradient(to bottom, #95b75d 0, #89ad4d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#95b75d, endColorstr=#89ad4d, GradientType=0)
}

.widget.widget-info {
    background: #3fbae4;
    background: -moz-linear-gradient(top, #3fbae4 0, #29b2e1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3fbae4), color-stop(100%, #29b2e1));
    background: -webkit-linear-gradient(top, #3fbae4 0, #29b2e1 100%);
    background: -o-linear-gradient(top, #3fbae4 0, #29b2e1 100%);
    background: -ms-linear-gradient(top, #3fbae4 0, #29b2e1 100%);
    background: linear-gradient(to bottom, #3fbae4 0, #29b2e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3fbae4, endColorstr=#29b2e1, GradientType=0)
}

.widget.widget-warning {
    background: #fea223;
    background: -moz-linear-gradient(top, #fea223 0, #fe970a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fea223), color-stop(100%, #fe970a));
    background: -webkit-linear-gradient(top, #fea223 0, #fe970a 100%);
    background: -o-linear-gradient(top, #fea223 0, #fe970a 100%);
    background: -ms-linear-gradient(top, #fea223 0, #fe970a 100%);
    background: linear-gradient(to bottom, #fea223 0, #fe970a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fea223, endColorstr=#fe970a, GradientType=0)
}

.widget.widget-danger {
    background: #b64645;
    background: -moz-linear-gradient(top, #b64645 0, #a43f3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b64645), color-stop(100%, #a43f3e));
    background: -webkit-linear-gradient(top, #b64645 0, #a43f3e 100%);
    background: -o-linear-gradient(top, #b64645 0, #a43f3e 100%);
    background: -ms-linear-gradient(top, #b64645 0, #a43f3e 100%);
    background: linear-gradient(to bottom, #b64645 0, #a43f3e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b64645, endColorstr=#a43f3e, GradientType=0)
}

.widget .widget-title, .widget .widget-subtitle, .widget .widget-int, .widget .widget-big-int {
    float: left;
    width: 100%;
    text-align: center
}

.widget .widget-title {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 24px;
    line-height: 37px;
}

.widget .widget-subtitle {
    margin-bottom: 5px;
    color: #EEE;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px
}

.widget .widget-int {
    font-weight: bold;
    font-size: 20px;
    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    line-height: 24px;
}

.widget .widget-big-int {
    font-weight: 300;
    font-size: 42px;
    line-height: 45px
}
.widget.park-status .widget-item-left {
    margin-top: 20px;
}
.widget .widget-item-left {
    float: left;
    margin-left: 10px;
    width: 100px
}

.widget .widget-item-right {
    float: right;
    margin-right: 10px;
    width: 100px
}

.widget.widget-item-icon .widget-item-left, .widget.widget-item-icon .widget-item-right {
    padding: 20px 0;
    width: 70px;
    text-align: center
}

.widget.widget-item-icon .widget-item-left {
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid rgba(0, 0, 0, 0.1)
}

.widget.widget-item-icon .widget-item-right {
    margin-left: 10px;
    padding-left: 10px;
    /* border-left: 1px solid rgba(0, 0, 0, 0.1) */
}

.widget .widget-item-left .fa, .widget .widget-item-right .fa, .widget .widget-item-left .glyphicon, .widget .widget-item-right .glyphicon {
    font-size: 60px
}

.widget .widget-item-left .iconfont, .widget .widget-item-right .iconfont {
    font-size: 45px
}

.widget .widget-data {
    padding-left: 120px
}

.widget .widget-data-left {
    padding-right: 120px
}

.widget.widget-item-icon .widget-data {
    padding-left: 90px
}

.widget.widget-item-icon .widget-data-left {
    padding-right: 90px;
    padding-left: 10px
}

.widget .widget-data .widget-title, .widget .widget-data-left .widget-title, .widget .widget-data .widget-subtitle, .widget .widget-data-left .widget-subtitle, .widget .widget-data .widget-int, .widget .widget-data-left .widget-int, .widget .widget-data .widget-big-int, .widget .widget-data-left .widget-big-int {
    text-align: left
}

.widget .widget-controls a {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #FFF;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    line-height: 27px;
    opacity: .4;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    filter: alpha(opacity=40)
}

.widget .widget-controls a.widget-control-left {
    top: 10px;
    left: 10px
}

.widget .widget-controls a.widget-control-right {
    top: 10px;
    right: 10px
}

.widget .widget-controls a:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.widget .widget-buttons {
    float: left;
    margin-top: 5px;
    padding-top: 3px;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center
}

.widget .widget-buttons a {
    position: relative;
    display: inline-block;
    font-size: 21px;
    line-height: 30px
}

.widget .widget-buttons .col {
    float: left;
    width: 100%
}

.widget .widget-buttons.widget-c2 .col {
    width: 50%
}

.widget .widget-buttons.widget-c3 .col {
    width: 33.333333%
}

.widget .widget-buttons.widget-c4 .col {
    width: 25%
}

.widget .widget-buttons.widget-c5 .col {
    width: 20%
}

.widget.widget-primary .widget-buttons a {
    border-color: #010101;
    color: #010101
}

.widget.widget-primary .widget-buttons a:hover {
    color: #000
}

.widget.widget-success .widget-buttons a {
    border-color: #51672e;
    color: #51672e
}

.widge.widget-success .widget-buttons a:hover {
    color: #435526
}

.widget.widget-info .widget-buttons a {
    border-color: #14708f;
    color: #14708f
}

.widget.widget-info .widget-buttons a:hover {
    color: #115f79
}

.widget.widget-warning .widget-buttons a {
    border-color: #a15e01;
    color: #a15e01
}

.widget.widget-warning .widget-buttons a:hover {
    color: #874f01
}

.widget.widget-danger .widget-buttons a {
    border-color: #5a2222;
    color: #5a2222
}

.widget.widget-danger .widget-buttons a:hover {
    color: #471b1b
}

.plugin-clock span {
    margin-right: 2px;
    opacity: .0;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation: pulsate 1s ease-out;
    -moz-animation-iteration-count: infinite;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite
}

.widget.widget-default {
    color: #434a54
}

.widget.widget-default .widget-subtitle {
    color: #434a54
}

.widget.widget-default .widget-controls a {
    border-color: #434a54;
    color: #434a54
}

.tile {
    position: relative;
    float: left;
    margin: 0;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
    min-height: 100px;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFF;
    list-style: none;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    font-size: 24px;
}

.tile.tile-valign {
    line-height: 75px
}

.tile.tile-default {
    background: #FFF;
    color: #656d78
}

.tile.tile-default:hover {
    background: #fafafa
}

.tile.tile-primary {
    border-color: #33414e;
    background: #33414e
}

.tile.tile-primary:hover {
    background: #2f3c48
}

.tile.tile-success {
    border-color: #95b75d;
    background: #95b75d
}

.tile.tile-success:hover {
    background: #90b456
}

.tile.tile-warning {
    border-color: #fea223;
    background: #fea223
}

.tile.tile-warning:hover {
    background: #fe9e19
}

.tile.tile-danger {
    border-color: #b64645;
    background: #b64645
}

.tile.tile-danger:hover {
    background: #af4342
}

.tile.tile-info {
    border-color: #3fbae4;
    background: #3fbae4
}

.tile.tile-info:hover {
    background: #36b7e3
}

.tile:hover {
    color: #FFF;
    text-decoration: none
}

.tile.tile-default:hover {
    color: #656d78
}

.tile .fa {
    font-size: 52px;
    line-height: 74px
}

.tile p {
    margin: 0;
    font-size: 14px
}

.tile .informer {
    position: absolute;
    top: 5px;
    left: 5px;
    color: #FFF;
    font-size: 12px;
    line-height: 14px
}

.tile .informer.informer-default {
    color: #FFF
}

.tile .informer.informer-primary {
    color: #33414e
}

.tile .informer.informer-success {
    color: #95b75d
}

.tile .informer.informer-info {
    color: #3fbae4
}

.tile .informer.informer-warning {
    color: #fea223
}

.tile .informer.informer-danger {
    color: #b64645
}

.tile .informer .fa {
    font-size: 14px;
    line-height: 16px
}

.tile .informer.dir-tr {
    right: 5px;
    left: auto
}

.tile .informer.dir-bl {
    top: auto;
    bottom: 5px
}

.tile .informer.dir-br {
    top: auto;
    right: 5px;
    bottom: 5px;
    left: auto
}