.dw-item, .dwi-header {
    position: relative;
}

.lightbox [data-src]:after, .picture-list .pl-body:after {
    clear: both;
}

#todo .checkbox input:checked+i+span, .card-todo-list .checkbox input:checked+i+span {
    text-decoration: line-through;
}

.btn, .m-sidebar header h2, .p-menu>li>a, .popover-title, .table>thead>tr>th {
    text-transform: uppercase;
}

#site-visits .sv-item h3, #weather-widget .weather-list, .fc-event .fc-title {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ahs-close, .lcb-navigation a i, .lg-slide em {
    font-style: normal;
}

.flot-chart-line {
    margin-bottom: 25px;
}

.flot-chart-curved-line {
    margin-top: 7px!important;
    margin-bottom: 22px;
}

.flot-chart-bar {
    margin-bottom: 20px;
}

#line-chart {
    margin-bottom: 24px;
}

.dw-item {
    min-height: 400px;
    margin-bottom: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

.card-chart-widget .epc-item, .card-tile-combined .epc-item {
    box-shadow: none;
}

.dw-footer, .dwih-title {
    position: absolute;
    left: 0;
    width: 100%;
}

.dwi-header-img {
    background-repeat: no-repeat;
}

.dw-footer {
    bottom: 0;
}

.dwih-title {
    padding: 12px 20px;
}

.widget h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
}

.widget .small {
    font-size: 95%;
    font-weight: 500;
}

.pull-bottom {
    position: absolute!important;
    bottom: 0;
}

.widget-loader-bar .carousel, .widget-loader-bar .item {
    height: 350px;
}

.widget-loader-bar-2 .carousel, .widget-loader-bar-2 .item {
    height: 300px;
}

.widget-loader-bar-3 .carousel, .widget-loader-bar-3 .item {
    height: 380px;
}

.card-tile-combined .row .col-sm-3 {
    border-left: 1px solid #eee;
}

.card-tile-combined .row .col-sm-1, .card-tile-combined .row .col-sm-4 {
    border-left: 1px solid #eee;
}

.epc-item {
    padding-top: 16px !important;
    padding-bottom: 7px !important;
}

.card-tile-combined .row .col-sm-3.first {
    border-left: 0;
}

.card-tile-combined .epc-item .percent {
    margin-top: 50px;
}

.card-weather-widget h1 {
    font-size: 45px;
}

.card-weather-widget h1 sup {
    font-size: 18px;
    line-height: 80%;
}

.card-chart-widget .epc-item .percent {
    margin-top: 60px;
}

.text-muted {
    color: #777;
}

.streamline .sl-item {
    position: relative;
    padding-bottom: 12px;
    border-left: 1px solid #ccc;
}

.streamline .sl-item .sl-content {
    margin-left: 24px;
}

.streamline .sl-item p {
    margin-bottom: 10px;
}

.streamline .sl-item .sl-avatar {
    position: absolute;
    left: -22px;
}

.streamline .sl-item .sl-avatar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.streamline .sl-item .text-muted {
    color: inherit;
    opacity: .6;
}

.streamline .sl-item .fz-sm {
    font-size: 12px!important;
}

.streamline .sl-primary {
    border-left-color: #188ae2;
}

.streamline .sl-danger {
    border-left-color: #ff5b5b;
}

.streamline .sl-success {
    border-left-color: #10c469;
}

.streamline .sl-warning {
    border-left-color: #f9c851;
}

.streamline .sl-item:before {
    content: '';
    position: absolute;
    top: 0;
    left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #ccc;
}

.streamline .sl-primary:before, .streamline .sl-primary:last-child:after {
    background-color: #188ae2;
}

.streamline .sl-danger:before, .streamline .sl-danger:last-child:after {
    background-color: #ff5b5b;
}

.streamline .sl-success:before, .streamline .sl-success:last-child:after {
    background-color: #10c469;
}

.streamline .sl-warning:before, .streamline .sl-warning:last-child:after {
    background-color: #f9c851;
}

.streamline.sl-style-2 .sl-item:before {
    top: 6px;
    width: 11px;
    height: 11px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    background-color: #fff;
}

#site-visits .dwi-header, #site-visits .sv-item:nth-child(even) {
    background-color: rgba(255, 255, 255, .05);
}

.streamline.sl-style-2 .sl-primary:before, .streamline.sl-style-2 .sl-primary:last-child:after {
    border-color: #188ae2;
}

.streamline.sl-style-2 .sl-danger:before, .streamline.sl-style-2 .sl-danger:last-child:after {
    border-color: #ff5b5b;
}

.streamline.sl-style-2 .sl-success:before, .streamline.sl-style-2 .sl-success:last-child:after {
    border-color: #10c469;
}

.streamline.sl-style-2 .sl-warning:before, .streamline.sl-style-2 .sl-warning:last-child:after {
    border-color: #f9c851;
}

.card-contact-list .list-group .list-group-item .lg-item-img {
    border-radius: 10%;
}

.widget-report-table h2 {
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
}

.widget-report-table .widget-header {
    padding: 25px 27px 8px;
}

.widget-report-table .table-bordered, .widget-status-table .table-bordered {
    border-top: 0;
}

#site-visits .dwi-header {
    margin-bottom: 12px;
    padding-bottom: 38px;
}

#site-visits .dwi-header canvas {
    width: 100%!important;
}

#site-visits .dwih-title {
    bottom: 0;
    color: #fff;
}

#site-visits .sv-item small {
    color: rgba(255, 255, 255, .7);
}

#site-visits .sv-item h3 {
    margin: 0;
    color: #fff;
    overflow: hidden;
    font-weight: 400;
}

#site-visits .sv-item .pull-right {
    margin-top: 5px;
    opacity: .7;
    filter: alpha(opacity=70);
}

#best-selling {
    background-color: #fff;
}

#best-selling .dwi-header .dwih-title {
    top: 0;
    padding-bottom: 30px;
    color: #fff;
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0);
}

#best-selling .dwi-header .bs-main {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    color: #fff;
    background-image: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background-image: -o-linear-gradient( top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .6) 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

#best-selling .dwi-header .bs-main>h2 {
    margin: 5px 0 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
}

#weather-widget {
    padding: 20px 20px 0;
    color: #fff;
}

#weather-widget .weather-status {
    font-size: 40px;
    line-height: 100%;
}

#weather-widget .weather-icon {
    height: 150px;
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

#weather-widget .weather-icon.wi-0 {
    background-image: url("../img/icons/weather/0.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-0 {
        background-image: url("../img/icons/weather/0@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-1 {
    background-image: url("../img/icons/weather/1.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-1 {
        background-image: url("../img/icons/weather/1@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-2 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-2 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-3 {
    background-image: url("../img/icons/weather/3.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-3 {
        background-image: url("../img/icons/weather/3@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-4 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-4 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-5 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-5 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-6 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-6 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-7 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-7 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-8 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-8 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-9 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-9 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-10 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-10 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-11 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-11 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-12 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-12 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-13 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-13 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-14 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-14 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-15 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-15 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-16 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-16 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-17 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-17 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-18 {
    background-image: url("../img/icons/weather/18.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-18 {
        background-image: url("../img/icons/weather/18@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-19 {
    background-image: url("../img/icons/weather/19.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-19 {
        background-image: url("../img/icons/weather/19@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-20 {
    background-image: url("../img/icons/weather/19.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-20 {
        background-image: url("../img/icons/weather/19@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-21 {
    background-image: url("../img/icons/weather/19.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-21 {
        background-image: url("../img/icons/weather/19@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-22 {
    background-image: url("../img/icons/weather/19.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-22 {
        background-image: url("../img/icons/weather/19@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-23 {
    background-image: url("../img/icons/weather/19.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-23 {
        background-image: url("../img/icons/weather/19@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-24 {
    background-image: url("../img/icons/weather/24.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-24 {
        background-image: url("../img/icons/weather/24@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-25 {
    background-image: url("../img/icons/weather/24.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-25 {
        background-image: url("../img/icons/weather/24@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-26 {
    background-image: url("../img/icons/weather/26.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-26 {
        background-image: url("../img/icons/weather/26@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-27 {
    background-image: url("../img/icons/weather/27.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-27 {
        background-image: url("../img/icons/weather/27@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-28 {
    background-image: url("../img/icons/weather/28.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-28 {
        background-image: url("../img/icons/weather/28@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-29 {
    background-image: url("../img/icons/weather/27.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-29 {
        background-image: url("../img/icons/weather/27@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-30 {
    background-image: url("../img/icons/weather/28.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-30 {
        background-image: url("../img/icons/weather/28@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-31 {
    background-image: url("../img/icons/weather/31.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-31 {
        background-image: url("../img/icons/weather/31@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-32 {
    background-image: url("../img/icons/weather/32.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-32 {
        background-image: url("../img/icons/weather/32@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-33 {
    background-image: url("../img/icons/weather/31.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-33 {
        background-image: url("../img/icons/weather/31@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-34 {
    background-image: url("../img/icons/weather/32.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-34 {
        background-image: url("../img/icons/weather/32@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-35 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-35 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-36 {
    background-image: url("../img/icons/weather/32.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-36 {
        background-image: url("../img/icons/weather/32@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-37 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-37 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-38 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-38 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-39 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-39 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-40 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-40 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-41 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-41 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-42 {
    background-image: url("../img/icons/weather/9.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-42 {
        background-image: url("../img/icons/weather/9@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-43 {
    background-image: url("../img/icons/weather/5.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-43 {
        background-image: url("../img/icons/weather/5@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-44 {
    background-image: url("../img/icons/weather/27.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-44 {
        background-image: url("../img/icons/weather/27@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-45 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-45 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-46 {
    background-image: url("../img/icons/weather/18.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-46 {
        background-image: url("../img/icons/weather/18@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-icon.wi-47 {
    background-image: url("../img/icons/weather/2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    #weather-widget .weather-icon.wi-47 {
        background-image: url("../img/icons/weather/2@2x.png.html");
        background-size: 125px 125px;
    }
}

#weather-widget .weather-info {
    margin: 3px 0 0;
    padding: 0;
    list-style: none;
}

#weather-widget .weather-info>li {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 10px 3px;
    border: 1px solid rgba(255, 255, 255, .39);
}

#weather-widget .dw-footer {
    padding: 10px 20px;
    background: rgba(0, 0, 0, .04);
}

#weather-widget .weather-list {
    overflow: hidden;
    font-size: 16px;
}

#weather-widget .weather-list>span {
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
    line-height: 40px;
}

#weather-widget .weather-list>span.weather-list-icon {
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
}

#weather-widget .weather-list>span.weather-list-icon.wi-0 {
    background-image: url("../img/icons/weather/0.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-1 {
    background-image: url("../img/icons/weather/1.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-2 {
    background-image: url("../img/icons/weather/2.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-3 {
    background-image: url("../img/icons/weather/3.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-4 {
    background-image: url("../img/icons/weather/2.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-5, #weather-widget .weather-list>span.weather-list-icon.wi-6, #weather-widget .weather-list>span.weather-list-icon.wi-7, #weather-widget .weather-list>span.weather-list-icon.wi-8 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-9 {
    background-image: url("../img/icons/weather/9.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-10 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-11, #weather-widget .weather-list>span.weather-list-icon.wi-12, #weather-widget .weather-list>span.weather-list-icon.wi-13, #weather-widget .weather-list>span.weather-list-icon.wi-14 {
    background-image: url("../img/icons/weather/9.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-15 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-16 {
    background-image: url("../img/icons/weather/9.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-17 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-18 {
    background-image: url("../img/icons/weather/18.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-19, #weather-widget .weather-list>span.weather-list-icon.wi-20, #weather-widget .weather-list>span.weather-list-icon.wi-21, #weather-widget .weather-list>span.weather-list-icon.wi-22, #weather-widget .weather-list>span.weather-list-icon.wi-23 {
    background-image: url("../img/icons/weather/19.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-24, #weather-widget .weather-list>span.weather-list-icon.wi-25 {
    background-image: url("../img/icons/weather/24.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-26 {
    background-image: url("../img/icons/weather/26.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-27 {
    background-image: url("../img/icons/weather/27.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-28 {
    background-image: url("../img/icons/weather/28.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-29 {
    background-image: url("../img/icons/weather/27.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-30 {
    background-image: url("../img/icons/weather/28.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-31 {
    background-image: url("../img/icons/weather/31.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-32 {
    background-image: url("../img/icons/weather/32.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-33 {
    background-image: url("../img/icons/weather/31.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-34 {
    background-image: url("../img/icons/weather/32.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-35 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-36 {
    background-image: url("../img/icons/weather/32.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-37, #weather-widget .weather-list>span.weather-list-icon.wi-38, #weather-widget .weather-list>span.weather-list-icon.wi-39 {
    background-image: url("../img/icons/weather/2.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-40, #weather-widget .weather-list>span.weather-list-icon.wi-41 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-42 {
    background-image: url("../img/icons/weather/9.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-43 {
    background-image: url("../img/icons/weather/5.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-44 {
    background-image: url("../img/icons/weather/27.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-45 {
    background-image: url("../img/icons/weather/2.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-46 {
    background-image: url("../img/icons/weather/18.png.html");
}

#weather-widget .weather-list>span.weather-list-icon.wi-47 {
    background-image: url("../img/icons/weather/2.png.html");
}

#weather-widget .weather-list>span>i {
    font-size: 39px;
    line-height: 100%;
}

.profile-card .card-image {
    height: 145px;
}

.profile-card .card-image img {
    display: block;
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
}

.profile-card .card-profile-image {
    z-index: 1;
    position: absolute;
    top: 110px;
    width: 70px;
    cursor: pointer;
}

.profile-card .card-content .card-title {
    display: block;
    line-height: 48px;
}

.profile-card .card-content p {
    margin: 10px 0 12px;
    font-size: 14px;
}

.profile-card .card-content i {
    margin-right: 15px;
    font-size: 20px;
}

.profile-card .card-title.activator {
    cursor: pointer;
}

.profile-card .card-title {
    font-size: 24px;
    font-weight: 300;
}

.profile-card .circle {
    border-radius: 50%;
}

.profile-card .btn-floating {
    z-index: 1;
    display: inline-block;
    position: relative;
    width: 37px;
    height: 37px;
    padding: 0;
    color: #fff;
    overflow: hidden;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 37px;
    transition: .3s;
    cursor: pointer;
}

.profile-card .right {
    float: right!important;
}

.profile-card .btn-move-up {
    position: relative;
    top: -45px;
    right: 18px;
    margin-right: 10px!important;
}

.profile-card .btn-floating i {
    display: inline-block;
    width: inherit;
    color: #fff;
    text-align: center;
    font-size: 1.6rem;
    line-height: 37px;
}

.profile-card .card-reveal {
    z-index: 1;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow-y: auto;
    background-color: #fff;
}

.profile-card .card-reveal .card-title {
    display: block;
    cursor: pointer;
}

.profile-card .card-reveal p {
    margin: 13px 0 15px;
    font-size: 14px;
}

.profile-card .card-reveal i {
    margin-right: 15px;
    font-size: 20px;
}

.profile-view {
    text-align: center;
}

.profile-view .pv-header {
    position: relative;
    width: 100%;
    height: 145px;
    background-image: url("../images/headers/sm/4.png.html");
    background-repeat: no-repeat;
}

.profile-view .pv-header>.pv-main {
    position: absolute;
    bottom: -50px;
    left: 50%;
    width: 130px;
    height: 130px;
    margin-left: -65px;
    border-radius: 50%;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.profile-view .pv-body {
    margin-top: 70px;
    padding: 0 20px 20px;
}

.profile-view .pv-body>h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 100%;
}

.profile-view .pv-body>small {
    display: block;
    margin: 10px 0 15px;
    color: #8E8E8E;
}

.profile-view .pv-body .pv-contact, .profile-view .pv-body .pv-follow {
    padding: 0;
    list-style: none;
}

.profile-view .pv-body .pv-contact>li, .profile-view .pv-body .pv-follow>li {
    display: inline-block;
}

.profile-view .pv-body .pv-follow {
    margin: 20px -20px;
    padding: 10px;
    background-color: #F3F3F3;
}

.profile-view .pv-body .pv-follow>li {
    padding: 0 10px;
}

.profile-view .pv-body .pv-contact>li {
    margin: 0 5px;
}

.profile-view .pv-body .pv-contact>li>.zmdi {
    vertical-align: text-bottom;
    font-size: 22px;
    line-height: 100%;
}

.profile-view .pv-body .pv-follow-btn {
    display: inline-block;
    width: 100%;
    max-width: 200px;
    padding: 7px 20px;
    color: #fff;
    border-radius: 3px;
    background: #00BCD4;
    text-transform: uppercase;
}

.profile-view .pv-body .pv-follow-btn:hover {
    background: #00a5bb;
}

.profile-view:hover .pv-main {
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.card-todo-list .card-header {
    padding: 28px 35px 20px;
    background-color: rgba(0, 0, 0, .03);
}

.card-todo-list .card-header h2 {
    font-size: 18px;
}

.card-todo-list .card-header h2 small {
    margin-top: 0;
    font-size: 14px;
}

.card-todo-list .card-body {
    position: relative;
    font-size: 13px;
}

.card-todo-list .card-body .small {
    font-size: 9px;
}

.card-todo-list .list-group-item {
    padding: 0;
    border-bottom: 1px solid #f2f4f5;
}

.card-todo-list .checkbox .input-helper:after, .card-todo-list .checkbox .input-helper:before {
    top: 5px;
}

.picture-list .pl-body, .picture-list .pl-body [class*=col-] {
    padding: 2px;
}

.picture-list .pl-body [class*=col-]>a {
    display: block;
}

.picture-list .pl-body [class*=col-]>a img {
    width: 100%;
}

.picture-list .pl-body:after, .picture-list .pl-body:before {
    content: " ";
    display: table;
}

.go-social .card-body {
    padding: 0 15px 20px;
}

.go-social .card-body [class*=col-] {
    padding: 12px;
}

.go-social .card-body [class*=col-] img {
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.go-social .card-body [class*=col-]:hover img {
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.rating-list {
    padding: 0 0 20px;
}

.rating-list .rl-star {
    margin-top: 10px;
    margin-bottom: 4px;
}

.rating-list .rl-star .zmdi {
    color: #ccc;
    font-size: 20px;
}

.rating-list .rl-star .zmdi.active {
    color: #FF9800;
}

.rating-list .media .zmdi-star {
    position: relative;
    top: -2px;
    left: 6px;
    color: #FF9800;
    vertical-align: middle;
    font-size: 22px;
    line-height: 100%;
}

.rating-list .media .media-body {
    padding: 7px 10px 0 5px;
}

.cwh-year {
    color: rgba(255, 255, 255, .6);
    font-size: 15px;
}

.cwh-day {
    color: #fff;
    font-size: 25px;
    line-height: 100%;
}

calendar-widget-2 .fc-ltr .fc-basic-view .fc-day-number {
    text-align: center;
}

.card-map .card-header {
    margin-bottom: 10px;
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.card-map .list-group-item {
    padding: 10px 23px;
}

.table {
    margin-bottom: 0;
}

.table>thead>tr>th {
    color: #333;
    border-width: 1px;
    background-color: #fff;
    vertical-align: middle;
    font-weight: 500;
}

.table.table-inner, .table>tbody>tr.active>td, .table>tbody>tr.danger>td, .table>tbody>tr.info>td, .table>tbody>tr.succes>td, .table>tbody>tr.warning>td, .table>tfoot>tr.active>td, .table>tfoot>tr.danger>td, .table>tfoot>tr.info>td, .table>tfoot>tr.succes>td, .table>tfoot>tr.warning>td {
    border: 0;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 12px;
}

.table>tbody>tr>td:first-child, .table>tbody>tr>th:first-child, .table>tfoot>tr>td:first-child, .table>tfoot>tr>th:first-child, .table>thead>tr>td:first-child, .table>thead>tr>th:first-child {
    padding-left: 30px;
}

.table>tbody>tr>td:last-child, .table>tbody>tr>th:last-child, .table>tfoot>tr>td:last-child, .table>tfoot>tr>th:last-child, .table>thead>tr>td:last-child, .table>thead>tr>th:last-child {
    padding-right: 30px;
}

.table>tbody>tr:last-child>td, .table>tfoot>tr:last-child>td {
    padding-bottom: 20px;
}

.table>tbody span {
    padding: 2px 5px;
    color: #FFF;
    border-radius: 2px;
    font-size: 11px;
}

.table>tbody span.approved {
    background: #4CAF50!important;
}

.table>tbody span.pending {
    background: #FF9800!important;
}

.table>tbody span.denied {
    background: #F44336!important;
}

.table>tbody button.command-btn {
    padding: 3px;
    border: 1px solid #CFD8DC;
    background: #FFF!important;
    box-shadow: none;
}

.table>tbody button.command-btn>span {
    width: auto;
    color: #000!important;
    font-size: 16px;
}

#data-table-command>tbody>tr>td, #data-table-command>tbody>tr>th, #data-table-command>tfoot>tr>td, #data-table-command>tfoot>tr>th, #data-table-command>thead>tr>td, #data-table-command>thead>tr>th {
    padding-top: 8px;
    padding-bottom: 8px;
}

#data-table-command>tbody>tr.updated, #data-table-command>tfoot>tr.updated, #data-table-command>thead>tr.updated {
    background-color: #66BB6A;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

#data-table-command>tbody>tr.deleted, #data-table-command>tfoot>tr.deleted, #data-table-command>thead>tr.deleted {
    background-color: #E53935;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.btn-float i, .ta-block, .ta-btn, .todo-add {
    -o-transition: all;
    -webkit-transition: all;
}

.table-striped td, .table-striped th {
    border: 0!important;
}

.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th {
    border-bottom: 0;
    border-left: 0;
}

.table-bordered, .table-bordered>tbody>tr>td:last-child, .table-bordered>tbody>tr>th:last-child, .table-bordered>thead>tr>th:last-child {
    border-right: 0;
}

.table-bordered>thead>tr>th {
    border-left: 0;
}

.table-vmiddle td {
    vertical-align: middle!important;
}

.table-responsive {
    border: 0;
}

#todo {
    color: #fff;
    background: #FFC107;
    font-family: satisfy, cursive;
}

.checkbox .input-helper:after, .t-view:before {
    font-family: Material-Design-Iconic-Font;
}

#todo .card-header {
    padding: 28px 35px 20px;
    background-color: rgba(0, 0, 0, .03);
}

#todo .card-header h2 {
    font-size: 25px;
}

#todo .card-header h2 small {
    margin-top: 0;
    font-size: 18px;
}

#todo .card-body {
    position: relative;
    font-size: 20px;
}

#todo .list-group-item {
    padding: 0;
}

#todo .checkbox .input-helper:after, #todo .checkbox .input-helper:before {
    top: 5px;
}

.ta-block, .ta-btn, .todo-add {
    transition: all;
}

.todo-add {
    position: absolute;
    top: -25px;
    right: 23px;
    width: 50px;
    height: 50px;
    max-height: 300px;
    border-radius: 50%;
    background: #fff;
}

.todo-add .ta-block {
    opacity: 0;
    overflow: hidden;
    filter: alpha(opacity=0);
}

.todo-add .ta-block textarea {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 25px 25px 45px;
    color: #FFC107;
    border: 0;
    outline: 0;
    font-size: 24px;
    resize: none;
}

.todo-add:not(.toggled) {
    overflow: hidden;
}

.todo-add:not(.toggled) .ta-btn {
    z-index: 1;
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    color: #FF9800;
    text-align: center;
    font-size: 23px;
    line-height: 51px;
    cursor: pointer;
}

.todo-add.toggled {
    z-index: 1;
    top: 0;
    width: calc(100% - 47px);
    height: calc(100% - 25px);
    overflow: visible;
    border-radius: 2px;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .2);
}

.todo-add.toggled .ta-btn {
    display: none;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.todo-add.toggled .ta-block {
    opacity: 1;
    filter: alpha(opacity=100);
}

.todo-add.toggled .ta-block .tab-actions {
    z-index: 1;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 10px;
    border-top: 1px solid #EEE;
}

.todo-add.toggled .ta-block .tab-actions>a {
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 0 6px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 48px;
}

.todo-add.toggled .ta-block .tab-actions>a:hover {
    background-color: #eee;
}

.btn {
    border: 0;
}

.btn[class*=md-bg-]:not(.md-bg-white) {
    color: #fff;
}

.btn .caret {
    margin-top: -3px;
}

.btn:not(.btn-link) {
    box-shadow: 0 0px 0px rgba(0, 0, 0, .16), 0 2px 10px rgba(0, 0, 0, .12);
}

.btn-group-vertical:not(.bootstrap-select), .btn-group:not(.bootstrap-select) {
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);*/
}

.btn-group-vertical .btn, .btn-group-vertical .btn-group, .btn-group-vertical .btn:active, .btn-group-vertical .btn:focus, .btn-group .btn, .btn-group .btn-group, .btn-group .btn:active, .btn-group .btn:focus {
    box-shadow: none!important;
}

.btn-group-vertical .btn, .btn-group .btn {
    margin: 0;
}

.btn-group.btn-group-seperator {
    /*box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);*/
}

.btn-group.btn-group-seperator .btn {
    border: 1px solid #E0E0E0;
}

.btn-group .btn:hover:not(.btn-default), .btn-group .btn:hover:not(.md-bg-white) {
    opacity: .8;
}

.btn-group .btn:hover.btn-default, .btn-group .btn:hover.md-bg-white {
    background-color: #EEE;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 2px 5px;
    border-radius: 2px;
    font-size: 11px;
    line-height: 1.5;
}

.btn-link {
    color: #797979;
    border-radius: 2px;
    text-decoration: none;
}

.btn-link:hover {
    color: #0a0a0a;
}

.btn-inverse {
    color: #fff;
    border-color: transparent;
    background-color: #454545;
}

.btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
    color: #fff;
    border-color: transparent;
    background-color: #2b2b2b;
}

.btn-inverse.active.focus, .btn-inverse.active:focus, .btn-inverse.active:hover, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .open>.dropdown-toggle.btn-inverse.focus, .open>.dropdown-toggle.btn-inverse:focus, .open>.dropdown-toggle.btn-inverse:hover {
    color: #fff;
    border-color: transparent;
    background-color: #1a1a1a;
}

.btn-inverse.focus, .btn-inverse.focus.focus, .btn-inverse.focus:focus, .btn-inverse.focus:hover, .btn-inverse:active, .btn-inverse:active.focus, .btn-inverse:active:focus, .btn-inverse:active:hover, .btn-inverse:focus.focus, .btn-inverse:focus:focus, .btn-inverse:focus, .btn-inverse:focus:hover, .btn-inverse:hover, .btn-inverse:hover.focus, .btn-inverse:hover:focus, .btn-inverse:hover:hover, .open>.dropdown-toggle.btn-inverse, .open>.dropdown-toggle.btn-inverse.focus, .open>.dropdown-toggle.btn-inverse:focus, .open>.dropdown-toggle.btn-inverse:hover {
    color: #fff;
    border-color: transparent;
    background-color: #454545;
}

.btn-inverse.active, .btn-inverse:active, .open>.dropdown-toggle.btn-inverse {
    background-image: none;
}

.btn-inverse.disabled, .btn-inverse.disabled.focus, .btn-inverse.disabled:active, .btn-inverse.disabled:focus, .btn-inverse.disabled:hover, .btn-inverse[disabled].focus, .btn-inverse[disabled]:active, .btn-inverse[disabled], .btn-inverse[disabled]:focus, .btn-inverse[disabled]:hover, fieldset[disabled] .btn-inverse, fieldset[disabled] .btn-inverse.focus, fieldset[disabled] .btn-inverse:active, fieldset[disabled] .btn-inverse:focus, fieldset[disabled] .btn-inverse:hover {
    border-color: transparent;
    background-color: #454545;
}

.btn-inverse .badge {
    color: #454545;
    background-color: #fff;
}

.btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
}

.btn-icon .zmdi {
    font-size: 17px;
}

.btn-icon-text>.zmdi {
    display: inline-block;
    margin-top: 2px;
    margin-right: 5px;
    vertical-align: top;
    font-size: 15px;
    line-height: 100%;
}

.btn-float {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 46px!important;
}

.btn-float:not(.m-btn) {
    position: absolute!important;
}

.btn-float i {
    font-size: 23px;
    transition: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.btn-float:hover i {
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.btn-float:not(.md-bg-white):not(.md-bg-gray)>i {
    color: #fff;
}

.btn-float.md-bg-gray>i, .btn-float.md-bg-white>i {
    color: #333;
}

.open .btn, .open .btn:active, .open .btn:focus {
    outline: 0!important;
    -webkit-tap-highlight-color: transparent!important;
}

.m-btn {
    z-index: 1;
    position: fixed!important;
    right: 40px;
    bottom: 40px;
}

label {
    font-weight: 500;
}

input:active, input:focus {
    outline: 0;
    box-shadow: none!important;
}

.form-control {
    box-shadow: none!important;
    resize: none;
}

.form-control:active, .form-control:focus {
    box-shadow: none;
}

.form-control:not(.fc-alt) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
}

.form-control:not(.fc-alt).auto-size {
    padding-top: 6px;
}

.form-group {
    margin-bottom: 25px;
}

.checkbox-inline:before, .checkbox label:before, .input-helper:after, .input-helper:before, .radio-inline:before, .radio label:before {
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.checkbox, .radio {
    padding-top: 0!important;
}

.checkbox label, .radio label {
    display: block;
    padding-left: 30px;
}

.checkbox input, .radio input {
    z-index: 1;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-left: 0!important;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.checkbox input:checked+.input-helper:before, .radio input:checked+.input-helper:before {
    border-color: #009688;
}

.checkbox .input-helper:after, .checkbox .input-helper:before, .radio .input-helper:after, .radio .input-helper:before {
    content: "";
    position: absolute;
}

.checkbox .input-helper:before, .radio .input-helper:before {
    left: 0;
    border: 2px solid #7a7a7a;
}

.checkbox.disabled, .radio.disabled {
    opacity: .6;
    filter: alpha(opacity=60);
}

.checkbox input {
    width: 17px;
    height: 17px;
}

.checkbox input:checked+.input-helper:before {
    background-color: #009688;
}

.checkbox input:checked+.input-helper:after {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.checkbox .input-helper:before {
    top: 0;
    width: 17px;
    height: 17px;
    border-radius: 2px;
}

.checkbox .input-helper:after {
    content: '\f26b';
    position: absolute;
    top: 0;
    left: 2px;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 12px;
    font-weight: 700;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio input {
    width: 19px;
    height: 19px;
}

.radio input:checked+.input-helper:after {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio .input-helper:before {
    top: -1px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
}

.radio .input-helper:after {
    top: 4px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #009688;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.checkbox-inline, .radio-inline {
    margin-top: 0;
    padding-left: 25px;
    vertical-align: top;
}

.checkbox-light .input-helper:before, .radio-light .input-helper:before {
    border-color: #fff;
}

.checkbox-light input:checked+.input-helper:before {
    border-color: #fff;
    background-color: #fff;
}

.checkbox-light input:checked+.input-helper:after {
    color: #333;
}

html:not(.ie9) .select {
    position: relative;
}

html:not(.ie9) .select:before {
    z-index: 5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: calc(100% - 2px);
    background-image: url("../img/select.png.html");
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: right calc(100% - 7px);
    pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    html: not(.ie9) .select:before {
        background-image: url("../img/select@2x.png.html");
        background-size: 12px 12px;
    }
}

html:not(.ie9) .select:not(.fg-line):before {
    right: 0;
}

html:not(.ie9) .select.fg-line:before {
    right: 10px;
}

.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon {
    font-size: 15px;
}

.input-group-addon {
    min-width: 42px;
    border-width: 0 0 1px;
}

.input-group-addon>.zmdi {
    position: relative;
    top: 3px;
}

.fg-line {
    position: relative;
    vertical-align: top;
}

.fg-line:not(.form-group) {
    display: inline-block;
    width: 100%;
}

.fg-line .form-control:disabled {
    color: #9d9d9d;
    background: 0 0;
}

.fg-line:not(.disabled):after, .fg-line:not(.readonly):after {
    z-index: 3;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.fg-line:not([class*=has-]):after {
    background: #2196F3;
}

.fg-line.readonly .form-control {
    color: #9d9d9d;
    background: 0 0;
}

.fg-line.fg-toggled:after {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.fg-float {
    position: relative;
    margin-top: 2px;
}

.fg-float .form-control {
    z-index: 1;
    position: relative;
    background: 0 0;
}

.fg-float .form-control::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.fg-float .form-control:-ms-input-placeholder {
    color: #fff;
}

.fg-float .form-control::-webkit-input-placeholder {
    color: #fff;
}

.fg-float .fg-label {
    z-index: 0;
    position: absolute;
    top: 5px;
    left: 0;
    color: #959595;
    font-weight: 400;
    white-space: nowrap;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    pointer-events: none;
}

.fg-float .fg-toggled .fg-label {
    top: -20px;
    font-size: 11px;
}

.control-label {
    font-weight: 400;
}

.toggle-switch {
    display: inline-block;
    vertical-align: top;
}

.toggle-switch .ts-label {
    display: inline-block;
    margin: 0 20px 0 0;
    vertical-align: top;
    -webkit-transition: color .56s cubic-bezier(.4, 0, .2, 1);
    transition: color .56s cubic-bezier(.4, 0, .2, 1);
}

.toggle-switch .ts-helper {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 16px;
    border-radius: 8px;
    background: rgba(0, 0, 0, .26);
    vertical-align: middle;
    -webkit-transition: background .28s cubic-bezier(.4, 0, .2, 1);
    transition: background .28s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

.toggle-switch .ts-helper:before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28);
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(128, 128, 128, .1);
}

.toggle-switch input {
    z-index: 1;
    position: absolute;
    width: 46px;
    height: 24px;
    margin: 0 0 0 -4px;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.toggle-switch input:checked+.ts-helper:before {
    left: 20px;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper {
    background: rgba(0, 150, 136, .5);
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:before {
    background: #009688;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 150, 136, .2);
}

.toggle-switch.disabled {
    opacity: .6;
    filter: alpha(opacity=60);
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper {
    background: rgba(244, 67, 54, .5);
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:before {
    background: #F44336;
}

.toggle-switch[data-ts-color=red] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(244, 67, 54, .2);
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper {
    background: rgba(33, 150, 243, .5);
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:before {
    background: #2196F3;
}

.toggle-switch[data-ts-color=blue] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(33, 150, 243, .2);
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper {
    background: rgba(255, 193, 7, .5);
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:before {
    background: #FFC107;
}

.toggle-switch[data-ts-color=amber] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(255, 193, 7, .2);
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper {
    background: rgba(186, 104, 200, .5);
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:before {
    background: #BA68C8;
}

.toggle-switch[data-ts-color=purple] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(186, 104, 200, .2);
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper {
    background: rgba(233, 30, 99, .5);
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:before {
    background: #E91E63;
}

.toggle-switch[data-ts-color=pink] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(233, 30, 99, .2);
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper {
    background: rgba(205, 220, 57, .5);
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:before {
    background: #CDDC39;
}

.toggle-switch[data-ts-color=lime] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(205, 220, 57, .2);
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper {
    background: rgba(0, 188, 212, .5);
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:before {
    background: #00BCD4;
}

.toggle-switch[data-ts-color=cyan] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(0, 188, 212, .2);
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper {
    background: rgba(76, 175, 80, .5);
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:before {
    background: #4CAF50;
}

.toggle-switch[data-ts-color=green] input:not(:disabled):checked+.ts-helper:active:before {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .28), 0 0 0 20px rgba(76, 175, 80, .2);
}

.has-error .checkbox .input-helper:before {
    border-color: #f99d97;
}

.has-error .checkbox .input-helper:after {
    border-bottom-color: #f77066;
    border-left-color: #f77066;
}

.has-error .fg-line:after {
    background: #F44336;
}

.has-success .checkbox .input-helper:before {
    border-color: #92cf94;
}

.has-success .checkbox .input-helper:after {
    border-bottom-color: #6ec071;
    border-left-color: #6ec071;
}

.has-success .fg-line:after {
    background: #4CAF50;
}

.has-warning .checkbox .input-helper:before {
    border-color: #ffc166;
}

.has-warning .checkbox .input-helper:after {
    border-bottom-color: #ffad33;
    border-left-color: #ffad33;
}

.has-warning .fg-line:after {
    background: #FF9800;
}

.ie9-placeholder {
    color: #888!important;
    font-weight: 400;
}

.ie9 textarea {
    overflow: auto!important;
}

.pagination {
    border-radius: 0;
}

.pagination>li {
    display: inline-block;
    margin: 0 2px;
    vertical-align: top;
}

.lc-block, .login-content:before {
    display: inline-block;
    vertical-align: middle;
}

.pagination>li>a, .pagination>li>span {
    z-index: 1;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 0;
    background-clip: padding-box;
    text-align: center;
    font-size: 14px;
    line-height: 38px;
    cursor: pointer;
}

.pagination>li>a>.zmdi, .pagination>li>span>.zmdi {
    font-size: 22px;
    line-height: 39px;
}

.pagination>li.disabled {
    opacity: .5;
    filter: alpha(opacity=50);
}

.pagination.round>li>a, .pagination.round>li>span {
    border-radius: 50%!important;
}

.lg-pagination {
    width: 100%;
    margin-top: 0;
    padding: 40px 0;
    text-align: center;
}

.pager li>a, .pager li>span {
    padding: 5px 10px 6px;
    color: #7E7E7E;
}

.popover {
    box-shadow: 0 2px 30px rgba(0, 0, 0, .2);
    display: block !important;
    max-width: 400px!important;
    width: auto;
}

.popover-title {
    padding: 15px;
    border-bottom: 0;
    font-size: 12px;
}

.popover-title+.popover-content {
    padding-top: 0;
}

.popover-content {
    padding: 15px;
}

.popover-content p {
    margin-bottom: 0;
}

.form-wizard.form-wizard-horizontal {
    position: relative;
}

.form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
    display: inline-block;
    position: absolute;
    top: 23px;
    right: 0;
    left: 0;
    height: 10px;
    margin: auto;
}

@media (max-width:768px) {
    .form-wizard.form-wizard-horizontal .form-wizard-nav .progress {
        display: none;
    }
}

.form-wizard.form-wizard-horizontal .nav {
    position: relative;
}

.form-wizard.form-wizard-horizontal .nav a {
    margin-bottom: 15px;
}

.form-wizard.form-wizard-horizontal .nav li.active a, .form-wizard.form-wizard-horizontal .nav li:hover a {
    color: inherit;
    background-color: transparent;
}

.form-wizard.form-wizard-horizontal .nav li.active .step, .form-wizard.form-wizard-horizontal .nav li:hover .step {
    border-color: #0aa89e;
    -o-transition: border-color .4s linear;
    -webkit-transition: border-color .4s linear;
    transition: border-color .4s linear;
}

.form-wizard.form-wizard-horizontal .nav li.active .title, .form-wizard.form-wizard-horizontal .nav li:hover .title {
    color: #313534;
}

.form-wizard.form-wizard-horizontal .nav li.done .step {
    color: #fff;
    border-color: #0aa89e;
    background-color: #0aa89e;
    font-weight: 500;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.form-wizard.form-wizard-horizontal .nav .step {
    display: inline-block;
    width: 36px;
    height: 36px;
    border: 4px solid #e5e6e6;
    border-radius: 999px;
    background: #fff;
    line-height: 28px;
}

.form-wizard.form-wizard-horizontal .nav .title {
    position: absolute;
    bottom: -15px;
    left: 0;
    width: 100%;
    color: #969c9c;
}

.form-wizard.form-wizard-horizontal .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    border-top-color: transparent;
}

.no-padding .form-wizard .pager {
    padding-right: 15px;
    padding-left: 15px;
}

.fw-container .tab-content {
    padding: 25px 0;
}

.fw-container .fw-footer {
    width: 100%;
    margin: 30px 0 0;
    padding: 15px 0;
    border-top: 2px solid #eee;
    text-align: center;
}

.alert {
    padding-left: 30px;
    border-width: 0;
    border-style: solid;
    font-size: 13px;
}

.alert span {
    cursor: pointer;
}

.alert:not(.alert-dismissible) {
    padding-right: 30px;
}

.alert.alert-dismissable {
    padding-right: 44px;
}

.alert.alert-bordered {
    border-width: 1px;
}

.alert.alert-inverse {
    color: #fff;
    border-color: #3c763d;
}

.alert.alert-info {
    color: #31708f;
    border-color: #bce8f1;
}

.alert.alert-success {
    color: #3c763d;
    border-color: #d6e9c6;
}

.alert.alert-warning {
    color: #8a6d3b;
    border-color: #faebcc;
}

.alert.alert-danger {
    color: #A94442;
    border-color: #ebccd1;
}

.alert-inverse {
    color: #fff;
    border-color: #3c763d;
    background-color: #333;
}

.alert-inverse hr {
    border-top-color: #336534;
}

.alert-inverse .alert-link {
    color: #e6e6e6;
}

.growl-animated.alert-inverse {
    box-shadow: 0 0 5px rgba(51, 51, 51, .5);
}

.growl-animated.alert-info {
    box-shadow: 0 0 5px rgba(217, 237, 247, .5);
}

.growl-animated.alert-success {
    box-shadow: 0 0 5px rgba(223, 240, 216, .5);
}

.growl-animated.alert-warning {
    box-shadow: 0 0 5px rgba(252, 248, 227, .5);
}

.growl-animated.alert-danger {
    box-shadow: 0 0 5px rgba(242, 222, 222, .5);
}

.alert-link {
    color: #fff!important;
}

.lightbox .lightbox-item {
    overflow: hidden;
}

.lightbox .lightbox-item>img {
    width: 100%;
    border-radius: 2px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.lightbox .lightbox-item:hover {
    cursor: pointer;
}

.lightbox .lightbox-item:hover img {
    -ms-transform: scale(1.35) rotate(10deg);
    -o-transform: scale(1.35) rotate(10deg);
    -webkit-transform: scale(1.35) rotate(10deg);
    transform: scale(1.35) rotate(10deg);
}

.lightbox [data-src]:after, .lightbox [data-src]:before {
    content: " ";
    display: table;
}

.lightbox .lightbox-item:not(.p-item) {
    position: relative;
}

.carousel .carousel-control {
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.carousel .carousel-control .zmdi {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 100%;
}

@media screen and (min-width: 768px) {
    .carousel .carousel-control .zmdi {
        width: 60px;
        height: 60px;
        margin-top: -30px;
        margin-left: -30px;
        font-size: 60px;
    }
}

@media screen and (max-width: 991px) {
    .carousel .carousel-control .zmdi {
        width: 24px;
        height: 24px;
        margin-top: -12px;
        margin-left: -12px;
    }
    .carousel .carousel-caption {
        display: none;
    }
}

.carousel:hover .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel .carousel-caption {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 50px;
    background: rgba(0, 0, 0, .6);
}

.carousel .carousel-caption>h3 {
    margin: 0 0 5px;
    color: #fff;
    font-weight: 300;
}

.carousel .carousel-caption>p {
    margin: 0;
}

.carousel .carousel-indicators {
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0 0 6px;
    background: rgba(0, 0, 0, .6);
}

.carousel .carousel-indicators li {
    width: 15px;
    height: 3px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
}

.carousel .carousel-indicators li.active {
    width: 25px;
    height: 3px;
    background: #FF9800;
}

.modal:not([data-modal-color]) .modal-footer .btn-link:hover, .modal .modal-footer .btn-link:hover {
    background-color: #eee;
}

.modal .modal-content {
    border: 0;
    border-radius: 3px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .31);
}

.modal .modal-header {
    padding: 23px 26px;
}

.modal .modal-body {
    padding: 0 26px 10px;
}

.modal .modal-footer .btn-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.modal:not([data-modal-color]) .modal-footer .btn-link {
    font-weight: 500;
}

.modal[data-modal-color], .modal[data-modal-color] .modal-footer .btn-link, .modal[data-modal-color] .modal-title {
    color: #fff;
}

.modal[data-modal-color] .modal-footer {
    background: rgba(0, 0, 0, .1);
}

.modal[data-modal-color] .modal-backdrop {
    background: #fff;
}

.modal[data-modal-color] .modal-footer .btn-link {
    font-weight: 400;
}

.modal[data-modal-color] .modal-footer .btn-link:hover {
    background-color: rgba(0, 0, 0, .1);
}

.modal[data-modal-color=blue] .modal-content {
    background: #2196F3;
}

.modal[data-modal-color=cyan] .modal-content {
    background: #00BCD4;
}

.modal[data-modal-color=green] .modal-content {
    background: #4CAF50;
}

.modal[data-modal-color=lightgreen] .modal-content {
    background: #8BC34A;
}

.modal[data-modal-color=lightblue] .modal-content {
    background: #03A9F4;
}

.modal[data-modal-color=amber] .modal-content {
    background: #FFC107;
}

.modal[data-modal-color=teal] .modal-content {
    background: #009688;
}

.modal[data-modal-color=orange] .modal-content {
    background: #FF9800;
}

.modal[data-modal-color=bluegray] .modal-content {
    background: #607D8B;
}

.modal[data-modal-color=red] .modal-content {
    background: #F44336;
}

.panel {
    border: 0;
    box-shadow: none;
}

.panel-heading {
    padding: 0;
}

.panel-title>a {
    display: block;
    padding: 10px 15px;
    font-size: 13px;
}

.panel-collapse .panel-heading {
    position: relative;
}

.panel-collapse .panel-heading .panel-title>a {
    position: relative;
    padding: 8px 5px 16px 30px;
    color: #000;
}

.panel-collapse .panel-heading .panel-title>a:after, .panel-collapse .panel-heading .panel-title>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.panel-collapse .panel-heading .panel-title>a:after {
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.panel-collapse .panel-heading:not(.active) .panel-title>a:before {
    background: #eee;
}

.panel-collapse .panel-heading:after, .panel-collapse .panel-heading:before {
    position: absolute;
    left: 0;
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.panel-collapse .panel-heading:before {
    content: "\f278";
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.panel-collapse .panel-heading:after {
    content: "\f273";
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
}

.panel-collapse .panel-heading.active .panel-title>a:after {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.panel-collapse .panel-heading.active:before {
    -ms-transform: scale(0) rotate(-90deg);
    -o-transform: scale(0) rotate(-90deg);
    -webkit-transform: scale(0) rotate(-90deg);
    transform: scale(0) rotate(-90deg);
}

.panel-collapse .panel-heading.active:after {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.panel-collapse .panel-body {
    padding-right: 5px;
    padding-left: 5px;
    border-top: 0!important;
}

.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #2196F3;
}

.panel-group[data-collapse-color=red] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #F44336;
}

.panel-group[data-collapse-color=green] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #4CAF50;
}

.panel-group[data-collapse-color=amber] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #FFC107;
}

.panel-group[data-collapse-color=teal] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #009688;
}

.panel-group[data-collapse-color=black] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #000;
}

.panel-group[data-collapse-color=cyan] .panel-collapse .panel-heading.active .panel-title>a:after {
    background: #00BCD4;
}

.tooltip-inner {
    padding: 5px 15px;
    border-radius: 2px;
}

.breadcrumb {
    margin: 0;
    padding: 0;
    border-bottom: 0 solid #E5E5E5;
    border-radius: 0;
}

.breadcrumb>li>a {
    color: #5E5E5E;
}

.breadcrumb>li>a:hover {
    color: #7c7c7c;
}

.breadcrumb>li+li:before {
    content: "\232A";
    padding: 0 5px;
    color: #ccc;
}

.breadcrumb-left {
    margin-top: -27px;
    margin-bottom: 50px;
    border-bottom: 1px solid #E5E5E5;
    border-radius: 0;
}

@media (min-width:1280px) {
    .breadcrumb-left {
        padding: 10px 33px 11px 300px;
    }
}

@media (max-width:1279px) {
    .breadcrumb-left {
        padding: 10px 33px 11px;
    }
}

.breadcrumb-left>li>a {
    color: #5E5E5E;
}

.breadcrumb-left>li>a:hover {
    color: #7c7c7c;
}

.messages {
    position: relative;
    height: calc(100vh - 130px);
    overflow: hidden;
}

.messages header {
    min-height: 55px;
}

.messages header .actions {
    position: absolute;
    top: 12px;
    right: 13px;
}

.m-sidebar {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 300px;
    height: 100%;
    border-right: 1px solid #eee;
}

@media (max-width:767px) {
    .m-sidebar {
        width: 60px;
    }
    .m-sidebar .list-group-item {
        padding: 10px!important;
    }
    .m-sidebar .ms-time {
        display: none;
    }
}

.m-sidebar header {
    padding: 20px;
    background-color: #F7F7F7;
}

.m-sidebar header h2 {
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 100%;
}

.m-sidebar .lgi-heading {
    max-width: 120px;
}

.m-sidebar .list-group {
    height: calc(100% - 130px);
}

.m-sidebar .mCSB_scrollTools {
    z-index: 2;
}

.ms-time {
    position: absolute;
    top: 16px;
    right: 25px;
    color: #777;
}

.ms-search {
    position: relative;
    padding: 20px 25px;
}

.ms-search .zmdi-search {
    position: absolute;
    top: 8px;
    left: 0;
    font-size: 20px;
}

.m-body, .mb-header, .mb-list, .mblm-item, .mblm-item>div {
    position: relative;
}

.ms-search input {
    padding-left: 25px!important;
}

.m-body {
    height: 100%;
}

@media (min-width:768px) {
    .m-body {
        padding-left: 300px;
    }
}

@media (max-width:767px) {
    .m-body {
        padding-left: 60px;
    }
}

.mb-header {
    z-index: 2;
    background-color: #F7F7F7;
    box-shadow: 0 -1px 0 1px #eaeaea;
}

.mbh-user {
    padding: 12px 20px;
}

.mbh-user>img {
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 15px;
    border-radius: 50%;
}

.mb-list {
    height: calc(100% - 55px);
}

.mbl-messages {
    height: calc(100vh - 259px);
    padding: 50px 50px 0;
    overflow-x: hidden;
}

@media (max-width:767px) {
    .mbl-messages {
        padding: 20px 20px 0;
    }
}

.mblm-item {
    margin-bottom: 10px;
}

.mblm-item>div {
    display: inline-block;
    max-width: 70%;
    padding: 15px 20px;
    border-radius: 2px;
}

.mblm-item small {
    display: block;
    padding: 5px 20px;
    color: #777;
}

.mblm-item-left>div {
    background-color: #eee;
}

.mblm-item-right {
    text-align: right;
}

.fz-block, .fzb-links>a {
    color: #ECF0F1;
    text-align: center;
}

.mblm-item-right>div {
    color: #fff;
    background-color: #FFC107;
}

.mblmi-img {
    margin: -10px -15px;
    cursor: pointer;
}

.mblmi-img img {
    max-width: 250px;
    border-radius: 2px;
}

.mbl-compose {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    padding: 15px 65px 15px 15px;
    border-top: 1px solid #eee;
}

.mbl-compose textarea {
    width: 100%;
    height: 100%;
    padding: 5px 10px;
    color: #5E5E5E;
    border: 0;
    border-radius: 2px;
    background: #eee;
    -o-transition: background-color;
    -webkit-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    resize: none;
}

.mbl-compose button {
    position: absolute;
    top: 14px;
    right: 15px;
    border: 0;
    background: 0 0;
    font-size: 25px;
}

.mbl-compose button:hover {
    color: #333;
}

.four-zero {
    height: 100vh;
    background-color: #607D8B;
}

.fz-block {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    height: 300px;
    margin-top: -150px;
    margin-left: -250px;
    padding: 25px;
    border-radius: 2px;
    background: #557382;
}

.fz-block h2 {
    color: #ECF0F1;
    font-size: 130px;
    font-weight: 100;
    line-height: 100%;
}

@media (max-width:767px) {
    .fz-block {
        left: 20px;
        width: calc(100% - 40px);
        height: 260px;
        margin-top: -130px;
        margin-left: 0;
    }
    .fz-block h2 {
        font-size: 90px;
    }
}

.fz-block small {
    display: block;
    margin-top: -10px;
    font-size: 26px;
}

.fzb-links {
    margin-top: 20px;
}

.fzb-links>a {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 1px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .09);
    font-size: 16px;
    line-height: 30px;
}

.fzb-links>a:hover {
    background: rgba(0, 0, 0, .2);
}

.login-content {
    min-height: 100vh;
    background-color: #009688;
    text-align: center;
}

.login-content:before {
    content: '';
    width: 1px;
    height: 100vh;
}

.lc-block {
    position: relative;
    width: 80%;
    max-width: 500px;
    padding: 20px 0;
}

.lcb-navigation a, .lcb-navigation a i {
    display: inline-block;
    vertical-align: top;
}

.lc-block:not(.toggled) {
    display: none;
}

.lc-block.toggled {
    z-index: 10;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.lc-block:not(.lc-block-alt) .lcb-form {
    padding: 35px 55px 35px 25px;
}

.lc-block:not(.lc-block-alt) .btn-login {
    top: 50%;
    right: -25px;
    margin-top: -43px;
}

.lc-block .checkbox {
    margin: 5px 0 0 41px;
    text-align: left;
}

.lcb-form {
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.30);
}

.lcb-navigation {
    margin-top: 15px;
}

.lcb-navigation a, .lcb-navigation a span {
    -o-transition: width;
    -webkit-transition: width;
    transition: width;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.lcb-navigation a {
    width: 30px;
    height: 30px;
    margin: 0 1px;
    color: #fff;
    border-radius: 20px;
    background: rgba(255, 255, 255, .2);
    text-align: left;
    white-space: nowrap;
}

.lcb-navigation a i {
    width: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 30px;
}

.lcb-navigation a span {
    display: inline-block;
    width: 0;
    margin-left: -3px;
    overflow: hidden;
    line-height: 29px;
}

.lcb-navigation a:hover span {
    width: 100%;
}

.lcb-navigation a[data-ma-block="#l-register"]:hover {
    width: 95px;
}

.lcb-navigation a[data-ma-block="#l-forget-password"]:hover {
    width: 147px;
}

.lcb-navigation a[data-ma-block="#l-login"]:hover {
    width: 85px;
}

.lc-block-alt .lcb-form {
    padding: 70px 35px 60px;
}

.lc-block-alt .btn-login {
    bottom: 0;
    left: 50%;
    margin-left: -25px;
}

.lcb-user {
    position: absolute;
    top: -35px;
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, .18);
}

#profile-main {
    position: relative;
    min-height: 500px;
}

@media (min-width:1200px) {
    #profile-main .pm-overview {
        width: 300px;
    }
    #profile-main .pm-body {
        padding-left: 300px;
    }
}

@media (min-width:768px) and (max-width: 1200px) {
    #profile-main .pm-overview {
        width: 250px;
    }
    #profile-main .pm-body {
        padding-left: 250px;
    }
}

@media (min-width:768px) {
    #profile-main .pm-overview {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        border-right: 1px solid #eee;
        background: #f8f8f8;
    }
    #profile-main .pmo-pic img {
        width: 100%;
        border-radius: 2px 2px 0 0;
    }
}

#profile-main .pmo-pic {
    position: relative;
    margin: 20px;
}

@media (max-width:767px) {
    #profile-main .pm-overview {
        width: 100%;
        background: #333;
        text-align: center;
    }
    #profile-main .pm-body {
        padding-left: 0;
    }
    #profile-main .pmo-pic img {
        display: inline-block;
        width: 180px;
        height: 180px;
        border: 4px solid #fff;
        border-radius: 50%;
        box-shadow: 0 8px 17px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .19);
    }
}

#profile-main .pmo-pic .pmo-stat {
    padding: 30px 5px 0;
    color: #fff;
    border-radius: 0 0 2px 2px;
    text-align: center;
}

@media (min-width:768px) {
    #profile-main .pmo-pic .pmo-stat {
        padding-bottom: 15px;
        background: #FFC107;
    }
    #profile-main .pmo-pic .pmop-edit {
        width: 100%;
        opacity: 0;
        filter: alpha(opacity=0);
    }
    #profile-main .pmo-pic .pmop-edit i {
        margin-right: 4px;
    }
}

#profile-main .pmo-pic .pmop-edit {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 10px 11px;
    color: #fff;
    background: rgba(0, 0, 0, .38);
    text-align: center;
}

#profile-main .pmo-pic .pmop-edit:hover {
    background: rgba(0, 0, 0, .8);
}

#profile-main .pmo-pic .pmop-edit i {
    margin-top: -3px;
    vertical-align: middle;
    font-size: 18px;
}

#profile-main .pmo-pic:hover .pmop-edit {
    opacity: 1;
    filter: alpha(opacity=100);
}

#profile-main .pmo-pic .pmop-message {
    position: absolute;
    bottom: 27px;
    left: 50%;
    margin-left: -25px;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu {
    top: -74px;
    left: -90px;
    width: 228px;
    height: 150px;
    padding: 5px 0 55px;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu textarea {
    width: 100%;
    height: 95px;
    padding: 10px 19px;
    border: 0;
    resize: none;
}

#profile-main .pmo-pic .pmop-message .dropdown-menu button {
    bottom: 5px;
    left: 88px;
}

#profile-main .pmb-block {
    margin-bottom: 20px;
}

@media (min-width:1200px) {
    #profile-main .pmb-block {
        padding: 40px 42px 0;
    }
}

@media (max-width:1199px) {
    #profile-main .pmb-block {
        padding: 30px 20px 0;
    }
}

#profile-main .pmb-block:last-child {
    margin-bottom: 50px;
}

#profile-main .pmb-block .pmbb-header {
    position: relative;
    margin-bottom: 25px;
}

#profile-main .pmb-block .pmbb-header .actions {
    position: absolute;
    top: -2px;
    right: 0;
}

#profile-main .pmb-block .pmbb-header h2 {
    margin: 0;
    font-size: 20px;
    font-weight: 100;
}

#profile-main .pmb-block .pmbb-edit {
    z-index: 1;
    display: none;
    position: relative;
}

#profile-main .pmb-block .pmbb-edit, #profile-main .pmb-block .pmbb-view {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

#profile-main .pmb-block.toggled .pmbb-edit {
    display: block;
}

#profile-main .pmb-block.toggled .pmbb-view {
    display: none;
}

.pmo-map, .t-view .tvh-user {
    display: block;
}

#profile-main .pmo-block {
    padding: 25px;
}

#profile-main .pmo-block>h2 {
    margin: 0 0 15px;
    font-size: 16px;
}

#profile-main .pmo-items .pmob-body {
    padding: 0 10px;
}

#profile-main .pmo-items a {
    display: block;
    padding: 4px;
}

#profile-main .pmo-items a img {
    width: 100%;
}

.pmo-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.pmo-contact ul li {
    position: relative;
    padding: 8px 0 8px 35px;
}

.pmo-contact ul li i {
    position: absolute;
    left: 0;
    width: 18px;
    text-align: center;
    vertical-align: top;
    font-size: 18px;
    line-height: 100%;
}

.t-view, .timeline {
    position: relative;
}

.pmo-map {
    margin: 20px -21px -18px;
}

.pmo-map img {
    width: 100%;
}

@media (min-width:768px) {
    .timeline {
        padding: 50px 50px 50px 100px;
    }
}

.t-view {
    margin-bottom: 35px;
    border: 1px solid #eee;
}

@media (max-width:767px) {
    .c-timeline {
        background: #edecec;
        box-shadow: none;
    }
    .c-timeline .tab-nav {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    }
    .timeline {
        margin-top: 30px;
    }
    .t-view {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
    }
}

.t-view .tv-header {
    padding: 16px 18px;
    border-bottom: 1px solid #eee;
    background: #F9F9F9;
}

.t-view .tv-header .actions {
    position: absolute;
    top: 5px;
    right: 10px;
}

.t-view .tv-body {
    padding: 23px 25px;
}

.t-view .tv-body .tvb-lightbox {
    margin: 0 -8px 15px;
}

.t-view .tv-body .tvb-lightbox [data-src] {
    margin-bottom: 5px;
    padding: 0 5px;
}

.t-view .tvh-user img {
    width: 46px;
    height: 46px;
    border-radius: 50%;
}

.t-view:before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: -70px;
    width: 40px;
    height: 40px;
    color: #FFF;
    border: 3px solid #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
}

.t-view:after {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 1px;
    height: calc(100% + 37px);
}

.t-view[data-tv-type=text]:before {
    content: "\f24f";
    background: #00BCD4;
    box-shadow: 0 0 0 1px #00BCD4;
}

.t-view[data-tv-type=text]:after {
    background: #00BCD4;
}

.t-view[data-tv-type=image]:before {
    content: "\f17f";
    background: #4CAF50;
    box-shadow: 0 0 0 1px #4CAF50;
}

.t-view[data-tv-type=image]:after {
    background: #4CAF50;
}

.t-view[data-tv-type=video]:before {
    content: "\f3a9";
    background: #FFC107;
    box-shadow: 0 0 0 1px #FFC107;
}

.t-view[data-tv-type=video]:after {
    background: #FFC107;
}

.t-view .tvb-stats {
    margin: 10px 0 20px;
    padding: 0;
    list-style: none;
}

.t-view .tvb-stats>li {
    display: inline-block;
    margin-right: 2px;
    padding: 5px 10px 6px;
    border: 1px solid #ccc;
}

.t-view .tvb-stats>li i {
    margin-top: 2px;
    vertical-align: top;
    font-size: 15px;
    line-height: 100%;
}

.t-view .tvb-stats>li.tvbs-comments {
    color: #4CAF50;
    border-color: #4CAF50;
}

.t-view .tvb-stats>li.tvbs-likes {
    color: #03A9F4;
    border-color: #03A9F4;
}

.t-view .tvb-stats>li.tvbs-views {
    color: #FF9800;
    border-color: #FF9800;
}

.tv-comments .tvc-lists {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tv-comments .tvc-lists>li {
    margin: 0;
    padding: 15px 20px;
    border-top: 1px solid #eee;
}

.tvc-more {
    display: block;
    margin-bottom: -10px;
    color: #333;
}

.tvc-more:hover {
    color: #000;
}

.tvc-more i {
    margin-right: 5px;
    vertical-align: middle;
}

.p-header {
    position: relative;
    margin: 0 -7px;
}

.p-header .actions {
    position: absolute;
    top: -18px;
    right: 0;
}

.p-menu {
    margin: 0 0 30px;
    padding: 0 5px;
    list-style: none;
}

.p-menu>li {
    display: inline-block;
    vertical-align: top;
}

.p-menu>li>a {
    display: block;
    padding: 5px 20px 5px 0;
    font-size: 15px;
    font-weight: 500;
}

.p-menu>li>a>i {
    margin-top: -5px;
    margin-right: 4px;
    vertical-align: middle;
    font-size: 20px;
}

.p-menu>li:not(.active)>a {
    color: #4285F4;
}

.p-menu>li:not(.active)>a:hover {
    color: #333;
}

.p-menu>li.active>a {
    color: #000;
}

@media (max-width:991px) {
    .p-menu .pm-search {
        display: block;
        margin: 20px 2px 30px;
    }
    .p-menu .pm-search input[type=text] {
        width: 100%;
        border: 1px solid #ccc;
    }
}

.p-menu .pms-inner {
    position: relative;
    top: -2px;
    margin: -2px 0 0;
    overflow: hidden;
    white-space: nowrap;
}

.p-menu .pms-inner i {
    position: absolute;
    top: 8px;
    left: 9px;
    color: #333;
    vertical-align: top;
    font-size: 20px;
    line-height: 100%;
}

.p-menu .pms-inner input[type=text] {
    height: 35px;
    padding: 0 10px 0 40px;
    border-radius: 2px;
}

@media (min-width:768px) {
    .p-menu .pms-inner input[type=text] {
        z-index: 1;
        position: relative;
        width: 50px;
        border: 1px solid #fff;
        background: 0 0;
        -o-transition: all;
        -webkit-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }
    .p-menu .pms-inner input[type=text]:focus {
        width: 200px;
        border-color: #DFDFDF;
    }
}

.photos {
    margin: 2px 0 0;
}

.photos .lightbox {
    margin: 0 -8px;
}

.photos:not(.p-timeline) [data-src] {
    padding: 3px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
}

.p-timeline {
    position: relative;
    margin-bottom: 75px;
    padding-left: 80px;
}

.p-timeline [data-src] {
    width: 70px;
    height: 70px;
    float: left;
    margin: 0 3px 3px 0;
}

.p-timeline:last-child .pt-line:before, .pt-line {
    height: 100%;
}

.ptb-title {
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 400;
}

.pt-line {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 14px;
}

.pt-line:after, .pt-line:before {
    content: "";
    position: absolute;
}

.pt-line:before {
    top: 14px;
    right: -20px;
    width: 1px;
    height: calc(100% + 63px);
    background: #E2E2E2;
}

.pt-line:after {
    top: 2px;
    right: -26px;
    width: 13px;
    height: 13px;
    border: 1px solid #C1C1C1;
    border-radius: 50%;
}

.contacts:not(.c-profile) {
    padding: 0 8px;
}

.contacts>[class*=col-] {
    padding: 0 10px;
}

.contacts .c-item {
    margin-bottom: 24px;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
}

.contacts .c-item .ci-avatar {
    display: block;
}

.contacts .c-item .ci-avatar img {
    width: 100%;
    border-radius: 2px 2px 0 0;
}

.contacts .ci-avatar {
    margin: -1px -1px 0;
}

.contacts .c-info {
    margin-top: 15px;
    padding: 0 5px;
    text-align: center;
}

.contacts .c-info strong {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}

.contacts .c-info small {
    margin-top: 3px;
    color: #999;
}

.contacts .c-info small, .contacts .c-info strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.contacts .c-footer {
    margin-top: 18px;
    border-top: 1px solid #e2e2e2;
}

.contacts .c-footer>button {
    display: block;
    width: 100%;
    padding: 7px 10px;
    color: #333;
    border: 0;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    font-weight: 500;
}

.contacts .c-footer>button>i {
    margin-top: -3px;
    vertical-align: middle;
    font-size: 16px;
}

.z-depth-1 {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .15);
}

.z-depth-2 {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .15);
}

.z-depth-3 {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .15);
}

.z-depth-4 {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, .15);
}

.z-depth-5 {
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .15);
}

.bootgrid-header .actions, .progress, .progress .progress-bar {
    box-shadow: none;
}

.block-header {
    position: relative;
    margin-bottom: 15px;
}

@media screen and (min-width: 768px) {
    .block-header {
        /*padding: 0 22px;*/
    }
}

@media screen and (max-width: 991px) {
    .block-header {
        padding: 0 18px;
    }
}

.nav-menu li.active {
    /**
   * background-color:
   * #E0E0E0;
   */
}

.nav-menu li.active i, .nav-menu li.active span {
    color: #0387F8 !important;
}

.block-header>h2 {
    margin: 0;
    color: #0387F8;
    font-size: 22px;
    font-weight: 400;
}

.block-header>h2>small {
    display: block;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #9E9E9E;
    text-transform: none;
    line-height: 140%;
}

.block-header .actions {
    z-index: 4;
    position: absolute;
    top: -5px;
    right: 10px;
}

.actions {
    z-index: 3;
    margin: 0;
    padding: 0;
    list-style: none;
}

.actions>li {
    display: inline-block;
    vertical-align: baseline;
}

.actions>a, .actions>li>a {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
}

.actions>a>i, .actions>li>a>i {
    color: #adadad;
    font-size: 20px;
}

.actions.open>a>i, .actions>a:hover>i, .actions>li.open>a>i, .actions>li>a:hover>i {
    color: #000;
}

.actions.open>a:before, .actions>li.open>a:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.actions.actions-alt>li.open>a>i, .actions.actions-alt>li>a>i, .actions.actions-alt>li>a>i:hover {
    color: #fff;
}

.actions.open {
    z-index: 4;
}

.line-wrap {
    width: 18px;
    height: 12px;
    margin: 12px 20px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.line-wrap .line {
    width: 18px;
    height: 2px;
    background-color: #fff;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.line-wrap .line.center {
    margin: 3px 0;
}

.load-more {
    margin-top: 30px;
    text-align: center;
}

.load-more a {
    display: inline-block;
    padding: 8px 10px 6px;
    color: #FFF;
    border-radius: 2px;
    background-color: #F44336;
    white-space: nowrap;
}

.load-more a i {
    position: relative;
    margin-top: -2px;
    vertical-align: middle;
    font-size: 20px;
}

.load-more a:hover {
    background-color: #ea1c0d;
}

.view-more {
    display: block;
    margin-top: 20px;
    padding: 10px 10px 11px;
    color: #777;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 100%;
}

.ah-search, html.ismobile .page-loader {
    display: none;
}

.ah-label, .ahs-input {
    font-size: 15px;
}

.view-more:hover {
    color: #5E5E5E;
}

html:not(.ismobile) .page-loader {
    z-index: 10000000000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

html:not(.ismobile) .page-loader .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    margin-top: -55px;
    margin-left: -25px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.ah-search, .ahs-input {
    width: 100%;
    height: 100%;
}

html:not(.ismobile) .page-loader .preloader p {
    position: relative;
    top: 22px;
    left: -9px;
    color: #CCC;
    white-space: nowrap;
}

.action-header {
    z-index: 1;
    position: relative;
    min-height: 65px;
    padding: 25px 30px;
    background-color: #F7F7F7;
    line-height: 100%;
}

.action-header .actions {
    z-index: 10;
    position: absolute;
    top: 18px;
    right: 17px;
}

.ah-search {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #454E53;
}

.ahs-input {
    padding: 0 26px;
    border: 0;
    background-color: #F7F7F7;
    line-height: 60px;
}

.ahs-close, [class*=avatar-img] {
    border-radius: 50%;
}

.ahs-close, .ie-warning p {
    font-size: 17px;
}

.ahs-close {
    position: absolute;
    top: 23px;
    right: 25px;
    width: 18px;
    height: 18px;
    color: #6B6B6B;
    background: #E2E2E2;
    text-align: center;
    line-height: 100%;
    cursor: pointer;
}

.ie-warning, .ma-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
}

.ahs-close:hover {
    opacity: .8;
}

.ma-backdrop {
    z-index: 9;
    width: 100%;
    cursor: pointer;
}

.avatar-img {
    width: 42px;
}

.ie-warning {
    z-index: 9999;
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: #000;
    text-align: center;
    font-family: "Courier New", Courier, monospace;
}

.ie-warning .iew-container {
    width: 100%;
    min-width: 1024px;
    height: 200px;
    margin: 50px 0;
    background: #fff;
}

.ie-warning .iew-download {
    width: 720px;
    margin: 0 auto;
    padding: 30px 0;
    list-style: none;
}

.ie-warning .iew-download>li {
    float: left;
    vertical-align: top;
}

.ie-warning .iew-download>li>a {
    display: block;
    width: 140px;
    padding: 15px 0;
    color: #000;
    font-size: 15px;
}

.ie-warning .iew-download>li>a>div {
    margin-top: 10px;
}

.ie-warning .iew-download>li>a:hover {
    background-color: #eee;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #777;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
}

@media (min-width:1280px) {
    #footer {
        padding-left: 70px;
    }
}

#footer .f-menu {
    display: block;
    width: 100%;
    margin-top: 8px;
    margin-left: -5px;
    padding-left: 0;
    list-style: none;
}

#footer .f-menu>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}

#footer .f-menu>li>a {
    color: #a2a2a2;
}

#footer .f-menu>li>a:hover {
    color: #777;
}

.sidebar-toggled #footer {
    display: none;
}

.price-table {
    margin-top: 30px;
}

.price-table .pt-top-bar {
    padding: 5px;
    background-color: #66BB6A;
    text-align: center;
}

.price-table .pt-top-bar h2, .price-table .pt-top-bar h4 {
    color: #FFF;
    font-weight: 400;
}

.price-table .pt-header {
    padding: 15px;
    border-bottom: 1px solid #edf1f2;
    text-align: center;
}

.price-table .pt-header h2, .price-table .pt-header h4 {
    color: #616161;
    font-weight: 400;
}

.price-table .pt-header sup {
    top: -18px;
}

.price-table .pt-footer {
    padding: 20px 0;
}

.price-table .pt-footer .btn {
    color: #FFF;
    background-color: #66BB6A;
}

.price-table .pt-footer .btn-alt {
    color: #424242;
    background-color: #E0E0E0;
}

.price-table .pt-body {
    padding-top: 10px;
    padding-left: 30px;
}

.price-table .pt-body .list-group-item {
    padding: 15px 0;
}

.price-table .pt-body i {
    margin-right: 5px;
    color: #66BB6A;
    font-size: 16px;
}

.price-table .pt-body i:before {
    content: '\f26b';
}

.price-table .pt-body .na {
    color: #9E9E9E;
    text-decoration: line-through;
}

.price-table .pt-body .na i {
    color: #EF5350;
}

.price-table .pt-body .na i:before {
    content: '\f134';
}

.price-table.recommanded {
    margin-top: 0;
}

.price-table.recommanded .pt-top-bar {
    background-color: #FDD835;
}

.price-table.recommanded .pt-header {
    background-color: #FFF176;
}

.price-table.recommanded .pt-footer {
    padding: 50px 0;
}

.price-table.recommanded .pt-footer .btn {
    color: #424242;
    background-color: #FDD835;
}

.price-table.recommanded .pt-footer .btn-alt {
    color: #424242;
    background-color: #E0E0E0;
}

.price-table-alt .price-table {
    border-radius: 10px;
}

.price-table-alt .price-table .pt-top-bar {
    padding: 8px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.price-table-alt .price-table .pt-top-bar h2, .price-table-alt .price-table .pt-top-bar h4 {
    margin: 0;
    font-size: 14px;
}

.price-table-alt .price-table.recommanded .pt-top-bar h4 {
    color: #424242;
}

.invoice {
    min-width: 1100px;
    max-width: 1170px;
}

.i-logo {
    width: 150px;
}

.i-table .highlight {
    border-bottom: 1px solid #e6e6e6;
    background-color: #eee;
}

.i-table td.highlight {
    font-size: 14px;
    font-weight: 500;
}

.wp-text {
    display: block;
    width: 100%;
    padding: 20px 25px;
    border: 0;
    resize: none!important;
}

.wp-media {
    margin: 10px 20px 20px;
    padding: 12px 15px;
    border: 1px solid #E4E4E4;
    background: #F7F7F7;
    text-align: center;
}

.wp-actions {
    padding: 10px 15px 10px 20px;
    background-color: #F7F7F7;
}

.wpa-media-list>a {
    margin-right: 8px;
    font-size: 20px;
}

.wpa-media-list>a:hover {
    opacity: .7;
    filter: alpha(opacity=70);
}

.wis-numbers {
    float: left;
}

.wis-numbers>span {
    float: left;
    margin-right: -1px;
    padding: 7px 12px;
    border: 1px solid #E0E0E0;
    font-weight: 500;
}

.wis-numbers>span>i {
    position: relative;
    top: 3px;
    margin-right: 2px;
    vertical-align: top;
    font-size: 15px;
    line-height: 100%;
}

.wis-numbers>span.active {
    color: #4CAF50;
}

.wis-commentors {
    float: right;
}

.wis-commentors>a {
    display: inline-block;
    margin-left: 2px;
}

.wis-commentors>a>img {
    width: 33px;
    height: 33px;
    border-radius: 50%;
}

.wis-commentors>a>img:hover {
    opacity: .85;
    filter: alpha(opacity=85);
}

.wi-preview {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .wi-preview {
        margin: 0 -23px 20px;
    }
}

@media screen and (max-width: 991px) {
    .wi-preview {
        margin: 0 -16px 20px;
    }
}

.wi-preview .wip-item {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    border: 2px solid #fff;
    background-repeat: no-repeat;
}

.wi-preview .wip-item:hover {
    opacity: .9;
    filter: alpha(opacity=90);
}

.dp-skin:hover, .event-tag>span:hover {
    opacity: .8;
    filter: alpha(opacity=80);
}

.wi-preview .wip-item>img {
    display: none;
}

.wi-preview .wip-item:first-child:nth-last-child(2), .wi-preview .wip-item:first-child:nth-last-child(2)~div {
    width: 50%;
    padding-bottom: 40%;
}

.wi-preview .wip-item:first-child:nth-last-child(3), .wi-preview .wip-item:first-child:nth-last-child(3)~div, .wi-preview .wip-item:first-child:nth-last-child(4), .wi-preview .wip-item:first-child:nth-last-child(4)~div:not(:last-child), .wi-preview .wip-item:first-child:nth-last-child(5), .wi-preview .wip-item:first-child:nth-last-child(5)~div:not(:nth-last-of-type(-n+2)), .wi-preview .wip-item:first-child:nth-last-child(6), .wi-preview .wip-item:first-child:nth-last-child(6)~div, .wi-preview .wip-item:first-child:nth-last-child(7)~div:nth-last-of-type(-n+3) {
    width: 33.333333%;
    padding-bottom: 30%;
}

.wi-preview .wip-item:first-child:nth-last-child(5)~div:nth-last-of-type(-n+2) {
    width: 50%;
    padding-bottom: 40%;
}

.wi-preview .wip-item:first-child:nth-last-child(7), .wi-preview .wip-item:first-child:nth-last-child(7)~div:not(:nth-last-of-type(-n+3)), .wi-preview .wip-item:first-child:nth-last-child(n+8), .wi-preview .wip-item:first-child:nth-last-child(n+8)~div {
    width: 25%;
    padding-bottom: 22%;
}

.wi-preview .wip-item:first-child:nth-last-child(4)~div:nth-child(4), .wi-preview .wip-item:only-child {
    width: 100%;
    padding-bottom: 50%;
}

.wi-comments {
    background: #F7F7F7;
}

.wi-comments .list-group {
    margin-bottom: -10px;
    padding-top: 10px;
}

.wic-form {
    padding: 20px 23px;
}

.wic-form textarea {
    width: 100%;
    height: 45px;
    padding: 12px 15px;
    border: 1px solid #E8E8E8;
    resize: none;
}

.wic-form.toggled textarea {
    height: auto;
}

.wic-form.toggled .wicf-actions {
    display: block;
}

.wicf-actions {
    display: none;
    margin-top: 10px;
}

@media (min-width:992px) {
    #header-alt .skin-switch {
        z-index: 1;
        position: absolute;
        right: 50px;
        bottom: 23px;
    }
    #header-alt .skin-switch .btn {
        z-index: 2;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #fff;
        font-size: 25px;
    }
    #header-alt .skin-switch .dropdown-menu {
        z-index: 1;
        display: block;
        top: -42px;
        left: -40px;
        width: 130px;
        min-width: 130px;
        height: 130px;
        border-radius: 50%;
        -ms-transform: scale(0) rotate(-360deg);
        -o-transform: scale(0) rotate(-360deg);
        -webkit-transform: scale(0) rotate(-360deg);
        transform: scale(0) rotate(-360deg);
        -moz-transform-origin: center;
        -ms-transform-origin: center;
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin {
        position: absolute;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-1 {
        top: 12px;
        left: 50%;
        margin-left: -8px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-2 {
        top: 26px;
        right: 24px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-3 {
        top: 50%;
        right: 12px;
        margin-top: -8px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-4 {
        right: 24px;
        bottom: 26px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-5 {
        bottom: 12px;
        left: 50%;
        margin-left: -8px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-6 {
        bottom: 26px;
        left: 24px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-7 {
        top: 50%;
        left: 12px;
        margin-top: -8px;
    }
    #header-alt .skin-switch .dropdown-menu .ss-skin.ss-8 {
        top: 26px;
        left: 24px;
    }
    #header-alt .skin-switch.open .dropdown-menu {
        -ms-transform: scale(1) rotate(0);
        -o-transform: scale(1) rotate(0);
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}

@media (max-width:991px) {
    #header-alt .skin-switch {
        display: none;
    }
}

.dp-skin {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
}

[data-dp-theme=lightblue] {
    background-color: #03A9F4;
}

[data-dp-theme=lightblue] .dp-icon {
    color: #03A9F4;
}

@media (max-width:767px) {
    [data-dp-theme=lightblue] .ha-menu {
        background: #03A9F4;
    }
    [data-dp-theme=bluegrey] .ha-menu {
        background: #607D8B;
    }
}

[data-dp-theme=bluegrey] {
    background-image: url(../images/bg.jpg);
}

[data-dp-theme=bluegrey] .dp-icon {
    color: #607D8B;
}

[data-dp-theme=blue] {
    background-color: #2196F3;
}

[data-dp-theme=blue] .dp-icon {
    color: #2196F3;
}

@media (max-width:767px) {
    [data-dp-theme=blue] .ha-menu {
        background: #2196F3;
    }
    [data-dp-theme=purple] .ha-menu {
        background: #9C27B0;
    }
}

[data-dp-theme=purple] {
    background-color: #9C27B0;
}

[data-dp-theme=purple] .dp-icon {
    color: #9C27B0;
}

[data-dp-theme=orange] {
    background-color: #FF9800;
}

[data-dp-theme=orange] .dp-icon {
    color: #FF9800;
}

@media (max-width:767px) {
    [data-dp-theme=orange] .ha-menu {
        background: #FF9800;
    }
    [data-dp-theme=cyan] .ha-menu {
        background: #00BCD4;
    }
}

[data-dp-theme=cyan] {
    background-color: #00BCD4;
}

[data-dp-theme=cyan] .dp-icon {
    color: #00BCD4;
}

[data-dp-theme=green] {
    background-color: #4CAF50;
}

[data-dp-theme=green] .dp-icon {
    color: #4CAF50;
}

@media (max-width:767px) {
    [data-dp-theme=green] .ha-menu {
        background: #4CAF50;
    }
    [data-dp-theme=teal] .ha-menu {
        background: #009688;
    }
}

[data-dp-theme=teal] {
    background-color: #009688;
}

[data-dp-theme=teal] .dp-icon {
    color: #009688;
}

[data-dp-theme=pink] {
    background-color: #E91E63;
}

[data-dp-theme=pink] .dp-icon {
    color: #E91E63;
}

@media (max-width:767px) {
    [data-dp-theme=pink] .ha-menu {
        background: #E91E63;
    }
    [data-dp-theme=brown] .ha-menu {
        background: #795548;
    }
}

[data-dp-theme=brown] {
    background-color: #795548;
}

[data-dp-theme=brown] .dp-icon {
    color: #795548;
}

[data-dp-theme=deep-orange] {
    background-color: #FF5722;
}

[data-dp-theme=deep-orange] .dp-icon {
    color: #FF5722;
}

@media (max-width:767px) {
    [data-dp-theme=deep-orange] .ha-menu {
        background: #FF5722;
    }
    [data-dp-theme=grey] .ha-menu {
        background: #9E9E9E;
    }
}

[data-dp-theme=grey] {
    background-color: #9E9E9E;
}

[data-dp-theme=grey] .dp-icon {
    color: #9E9E9E;
}

[data-dp-theme=black] {
    background-color: #000;
}

[data-dp-theme=black] .dp-icon {
    color: #000;
}

@media (max-width:767px) {
    [data-dp-theme=black] .ha-menu {
        background: #000;
    }
}

.preloader {
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.preloader:not([class*=pl-]) {
    width: 40px;
}

.preloader:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.preloader.pl-xs {
    width: 20px;
}

.preloader.pl-sm {
    width: 30px;
}

.preloader.pl-lg {
    width: 50px;
}

.preloader.pl-xl {
    width: 80px;
}

.preloader.pl-xxl {
    width: 100px;
}

.preloader:not([class*=pls-]) .plc-path {
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
}

.preloader[class*=pls-] .plc-path {
    animation: dash 1.5s ease-in-out infinite;
}

.preloader.pls-red .plc-path {
    stroke: #F44336;
}

.preloader.pls-blue .plc-path {
    stroke: #2196F3;
}

.preloader.pls-green .plc-path {
    stroke: #4CAF50;
}

.preloader.pls-yellow .plc-path {
    stroke: #FFEB3B;
}

.preloader.pls-bluegray .plc-path {
    stroke: #607D8B;
}

.preloader.pls-amber .plc-path {
    stroke: #FFC107;
}

.preloader.pls-teal .plc-path {
    stroke: #009688;
}

.preloader.pls-gray .plc-path {
    stroke: #9E9E9E;
}

.preloader.pls-pink .plc-path {
    stroke: #E91E63;
}

.preloader.pls-purple .plc-path {
    stroke: #BA68C8;
}

.preloader.pls-white .plc-path {
    stroke: #fff;
}

.pl-circular {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    animation: rotate 2s linear infinite;
    transform-origin: center center;
}

.mk-spinner-doublecircle, .mk-spinner-doublecircle:after, .mk-spinner-pie {
    z-index: 1;
    content: "";
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
}

.plc-path {}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes dash {
    0% {}
    50% {}
    100% {}
}

@keyframes color {
    0%, 100% {
        stroke: #F44336;
    }
    40% {
        stroke: #2196F3;
    }
    66% {
        stroke: #4CAF50;
    }
    80%, 90% {
        stroke: #FFC107;
    }
}

.mk-spinner-pie {
    border: 25px solid;
    border-color: #FFCA28 #EEFF41 #00BCD4 #1DE9B6;
    border-radius: 50%;
    background: 0 0;
    -moz-animation: rotate .4s infinite linear;
    -webkit-animation: rotate .4s infinite linear;
    animation: rotate .4s infinite linear;
}

.mk-spinner-doublecircle, .mk-spinner-doublecircle:after {
    border: 3px solid;
    border-radius: 50%;
}

.mk-spinner-doublecircle {
    border-color: #1DE9B6 rgba(0, 0, 0, .07);
    background: 0 0;
    -moz-animation: rotate 2s linear infinite;
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
}

.mk-spinner-doublecircle:after {
    border-color: transparent #EEFF41;
    -moz-animation: rotate 6s linear infinite;
    -webkit-animation: rotate 6s linear infinite;
    animation: rotate 6s linear infinite;
}

.progress {
    height: 5px;
    margin-bottom: 0;
    border-radius: 0;
}

.progress .pb-success {
    background-color: #4CAF50;
}

.progress .pb-info {
    background-color: #00BCD4;
}

.progress .pb-warning {
    background-color: #FF9800;
}

.progress .pb-danger {
    background-color: #F44336;
}

.progress .pb-inverse {
    background-color: #000;
}

.progress .indeterminate:after, .progress .indeterminate:before {
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    background-color: inherit;
}

.progress.pb-xs {
    height: 5px!important;
}

.progress.pb-sm {
    height: 8px!important;
}

.progress.pb-md {
    height: 15px!important;
}

.progress.pb-lg {
    height: 20px!important;
}

.progress .indeterminate:before {
    -moz-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -ms-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -o-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    -webkit-animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
    animation: indeterminate 2.1s cubic-bezier(.65, .815, .735, .395) infinite;
}

.progress .indeterminate:after {
    -moz-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -ms-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -o-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(.165, .84, .44, 1) infinite;
    -moz-animation-delay: 1.15s;
    -ms-animation-delay: 1.15s;
    -o-animation-delay: 1.15s;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}

.accordion .accordion-header {
    margin: 4px 0 0;
    color: #212121;
    border: none;
    border-radius: 0;
    background: #E0E0E0;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}

.accordion .accordion-header:after, .accordion .accordion-header:before {
    display: block;
    position: absolute;
    font-family: Material-Design-Iconic-Font;
    font-size: 18px;
    -webkit-transition: -webkit-transform 280ms;
    transition: -webkit-transform 280ms;
    transition: transform 280ms;
    transition: transform 280ms, -webkit-transform 280ms;
}

.accordion .accordion-header:after {
    content: '\f2f9';
    top: 8px;
    right: 8px;
}

.accordion .accordion-header.ui-state-active:after, .accordion .accordion-header.ui-state-active:before {
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.accordion .accordion-content {
    padding: 16px;
    border: 0;
    line-height: 20px;
}

.accordion .accordion-content p {
    margin-bottom: 0;
}

.accordion-alt .accordion-header {
    padding: 14px 20px 14px 40px;
    border-top: 1px solid #E0E0E0;
    background: #FFF;
}

.accordion-alt .accordion-header:after {
    content: '';
}

.accordion-alt .accordion-header:before {
    content: '\f278';
    top: 14px;
    left: 20px;
    color: #2196F3;
}

.accordion-alt .accordion-header.ui-state-active {
    border-bottom: 0;
}

.accordion-alt .accordion-header.ui-state-active:before {
    content: '\f273';
}

.accordion-alt .accordion-header:first-child {
    border-top: none;
}

.accordion-alt .accordion-content {
    padding: 16px 20px;
}

@media print {
    .invoice .card-header, .invoice .highlight {
        background: #eee!important;
    }
    @page {
        margin: 0;
    }
    body {
        margin: 0!important;
        padding: 0!important;
    }
    #chat, #footer, #header, #sidebar, .growl-animated, .m-btn {
        display: none!important;
    }
    .invoice {
        padding: 30px!important;
    }
    .invoice .card-header {
        margin: -60px -30px 25px;
        padding: 20px;
    }
    .invoice .block-header {
        display: none;
    }
}

.mejs-container {
    outline: 0;
}

.bootstrap-select .dropdown-toggle:focus, .mejs-container .mejs-controls .mejs-button button:focus {
    outline: 0!important;
}

.mejs-container .mejs-controls {
    height: 50px;
    padding: 10px 5px 0;
    background: #ec592f;
}

.mejs-container .mejs-controls div {
    height: 5px;
}

.mejs-container .mejs-controls div.mejs-time-rail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    padding: 0;
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-total {
    width: 100%!important;
    margin: 0;
    background: #ec592f;
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-loaded {
    background: #D04B25;
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-current {
    background: #ffea00;
}

.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-buffering {
    background: #ec592f;
}

.mejs-container .mejs-controls div.mejs-time-rail a, .mejs-container .mejs-controls div.mejs-time-rail span:not(.mejs-time-float) {
    height: 3px;
    border-radius: 0;
}

.mejs-container .mejs-controls .mejs-button button {
    width: 15px;
    height: 15px;
    background-color: #ec592f;
    background-position: center;
}

.mejs-container .mejs-controls .mejs-volume-button {
    position: absolute;
    right: 35px;
}

.mejs-container .mejs-controls .mejs-play button {
    background-image: url("../img/icons/play.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mejs-container .mejs-controls .mejs-play button {
        background-image: url("../img/icons/play@2x.png.html");
        background-size: 15px 15px;
    }
}

.mejs-container .mejs-controls .mejs-pause button {
    background-image: url("../img/icons/pause.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mejs-container .mejs-controls .mejs-pause button {
        background-image: url("../img/icons/pause@2x.png.html");
        background-size: 15px 15px;
    }
}

.mejs-container .mejs-controls .mejs-mute button {
    background-image: url("../img/icons/speaker.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mejs-container .mejs-controls .mejs-mute button {
        background-image: url("../img/icons/speaker@2x.png.html");
        background-size: 15px 15px;
    }
}

.mejs-container .mejs-controls .mejs-unmute button {
    background-image: url("../img/icons/speaker-2.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mejs-container .mejs-controls .mejs-unmute button {
        background-image: url("../img/icons/speaker-2@2x.png.html");
        background-size: 15px 15px;
    }
}

.mejs-container .mejs-controls .mejs-fullscreen-button {
    position: absolute;
    right: 5px;
}

.mejs-container .mejs-controls .mejs-fullscreen-button button {
    background-image: url("../img/icons/fullscreen.png.html");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .mejs-container .mejs-controls .mejs-fullscreen-button button {
        background-image: url("../img/icons/fullscreen@2x.png.html");
        background-size: 15px 15px;
    }
}

#fc-actions {
    position: absolute;
    right: 12px;
    bottom: 10px;
}

.fc td, .fc th {
    border-color: transparent;
}

.fc th {
    padding: 5px 0;
    font-weight: 400;
}

.fc table {
    background: 0 0;
}

.fc table tr>td:first-child {
    border-left-width: 0;
}

#calendar-widget .fc-toolbar h2 {
    font-size: 16px;
}

#calendar-widget .fc-day-number {
    color: #000;
    text-align: center;
}

#calendar-widget .fc-day-grid-event {
    margin: 1px 3px;
}

#calendar-widget .ui-widget-header, #calendar-widget .ui-widget-header th {
    border-width: 0;
}

#calendar .fc-toolbar {
    height: 300px;
    background-image: url("../img/cal-header.jpg.html");
    background-repeat: no-repeat;
}

#calendar .fc-toolbar h2 {
    color: #fff;
    font-size: 20px;
}

#calendar .fc-toolbar:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: rgba(0, 0, 0, .36);
}

#calendar .fc-toolbar .fc-center {
    position: relative;
    margin-top: 238px;
}

#calendar .fc-toolbar .ui-button {
    margin-top: 3px;
}

#calendar .fc-toolbar .ui-button span {
    color: #fff;
}

#calendar .fc-toolbar .ui-button:hover span {
    color: #333;
}

@media screen and (max-width: 991px) {
    #calendar .fc-toolbar {
        height: 200px;
    }
    #calendar .fc-toolbar .fc-center {
        margin-top: 138px;
    }
}

#calendar .fc-day-number {
    padding-left: 10px!important;
    color: #CCC;
    text-align: left!important;
}

@media screen and (min-width: 991px) {
    #calendar .fc-day-number {
        font-size: 25px;
        letter-spacing: -2px;
    }
}

#calendar .fc-day-header {
    color: #333!important;
    text-align: left!important;
}

#calendar .fc-day-grid-event {
    margin: 1px 9px 0;
}

.fc-day-header {
    padding-bottom: 20px!important;
    font-size: 0;
}

.fc-day-header:first-letter {
    padding: 10px 12px;
    color: #c2c2c2;
    border-right-color: #eee;
    border-bottom-width: 0;
    text-align: left;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}

.fc-toolbar {
    position: relative;
    margin-bottom: 0;
    padding: 20px 17px 19px;
}

.fc-toolbar h2 {
    margin-top: 7px;
}

.fc-toolbar .ui-button {
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: 0 0;
    outline: 0!important;
    text-align: center;
}

.fc-toolbar .ui-button:hover {
    background: #EFEFEF;
}

.fc-toolbar .ui-button>span {
    display: block;
    position: relative;
    width: 30px;
    margin-top: 2px;
    font-family: Material-Design-Iconic-Font;
    font-size: 24px;
    line-height: 100%;
}

.fc-toolbar .ui-button>span:before {
    z-index: 1;
    position: relative;
}

.fc-toolbar .ui-button>span.ui-icon-circle-triangle-w:before {
    content: "\f2fa";
}

.fc-toolbar .ui-button>span.ui-icon-circle-triangle-e:before {
    content: "\f2fb";
}

.fc-event {
    padding: 0;
    border: 0;
    border-radius: 2px;
    font-size: 11px;
}

.fc-event .fc-title {
    display: block;
    padding: 2px 8px;
    overflow: hidden;
}

.fc-event .fc-time {
    float: left;
    margin: 0 0 0 -1px;
    padding: 2px 6px;
    background: rgba(0, 0, 0, .2);
}

.fc-view, .fc-view>table {
    overflow: hidden;
    border: 0;
}

.fc-view>table>tbody>tr>.ui-widget-content {
    border-top: 0;
}

div.fc-row {
    margin-right: 0!important;
    border: 0!important;
}

.fc-today {
    color: #FFC107!important;
}

hr.fc-divider {
    border-color: #eee;
    border-width: 1px;
}

.fc-day-grid-container.fc-scroller {
    height: auto!important;
    overflow: hidden!important;
}

.event-tag {
    margin-top: 5px;
}

.event-tag>span {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    border-radius: 50%;
    cursor: pointer;
}

.event-tag>span.selected:before {
    content: "\f26b";
    position: absolute;
    top: 3px;
    width: 100%;
    color: #FFF;
    text-align: center;
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
}

.bootgrid-footer .infoBar, .bootgrid-header .actionBar {
    text-align: left;
}

.bootgrid-footer .search, .bootgrid-header .search {
    vertical-align: top;
}

.bootgrid-header {
    padding: 0 25px 10px;
}

.bootgrid-header .search {
    border: 1px solid #e0e0e0;
}

.bootgrid-header .search .form-control, .bootgrid-header .search .input-group-addon {
    border: 0;
}

.bootgrid-header .search .glyphicon-search {
    padding: 9px 10px 0;
    vertical-align: top;
}

.bootgrid-header .search .glyphicon-search:before {
    content: "\f1c3";
    vertical-align: top;
    font-family: Material-Design-Iconic-Font;
    font-size: 17px;
    line-height: 100%;
}

@media (min-width:480px) {
    .bootgrid-header .search {
        width: 300px;
    }
}

.bootgrid-header .actions .btn-group {
    border: 1px solid #e0e0e0;
}

.bootgrid-header .actions .btn-group .btn {
    height: 35px;
    background: 0 0;
    box-shadow: none!important;
}

@media (min-width:768px) {
    .bootgrid-header .actions .btn-group .dropdown-menu {
        left: 0;
        margin-top: 1px;
    }
}

.bootgrid-header .actions .btn-group .caret {
    display: none;
}

.bootgrid-header .actions .btn-group .zmdi {
    vertical-align: top;
    font-size: 18px;
    line-height: 100%;
}

@media (max-width:480px) {
    .bootgrid-header .search {
        width: 100%;
        padding-right: 90px;
    }
    .bootgrid-header .actions {
        position: absolute;
        top: 0;
        right: 15px;
    }
}

.bootgrid-header .checkbox {
    margin: 10px 15px;
}

.bootgrid-table th>.column-header-anchor>.icon {
    top: 0;
    font-size: 20px;
    line-height: 100%;
}

.bootgrid-footer .col-sm-6 {
    padding: 10px 30px 20px;
}

@media (max-width:768px) {
    .bootgrid-footer .col-sm-6 {
        text-align: center;
    }
    .bootgrid-footer .infoBar {
        display: none;
    }
}

.bootgrid-footer .infoBar .infos {
    display: inline-block;
    float: right;
    margin-top: 5px;
    padding: 7px 30px;
    border: 1px solid #e0e0e0;
    font-size: 12px;
}

.select-cell .checkbox {
    margin: 0;
}

.command-delete, .command-edit {
    background: #fff;
}

.bootgrid-table td.loading, .bootgrid-table td.no-results {
    background-color: #FFF4C6;
}

.bootstrap-select {
    width: 100%;
}

.bootstrap-select .bs-caret {
    display: none;
}

.bootstrap-select>.btn-default {
    padding-right: 0;
    padding-left: 0;
    border-bottom: 1px solid #e0e0e0!important;
    border-radius: 0;
    background: 0 0!important;
}

.bootstrap-select>.btn-default:before {
    z-index: 5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: calc(100% - 2px);
    background-image: url("../img/select.png.html");
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: right calc(100% - 7px);
    pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .bootstrap-select>.btn-default:before {
        background-image: url("../img/select@2x.png.html");
        background-size: 12px 12px;
    }
}

.bootstrap-select .bs-searchbox {
    position: relative;
    margin-top: -10px;
    padding: 5px 5px 5px 40px;
    background: #F7F7F7;
}

.bootstrap-select .bs-searchbox:before {
    content: "\f1c3";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    padding: 4px 0 0 15px;
    font-family: Material-Design-Iconic-Font;
    font-size: 25px;
}

.bootstrap-select .check-mark:before, .chosen-container .chosen-results li.result-selected:before {
    content: "\f26b";
    font-family: Material-Design-Iconic-Font;
}

.bootstrap-select .bs-searchbox input {
    border: 0;
    background: 0 0;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    padding-left: 17px;
}

.bootstrap-select.btn-group .dropdown-menu .no-results {
    padding: 8px 8px 0;
    background-color: #fff;
}

.bootstrap-select .check-mark {
    display: block!important;
    position: absolute;
    top: 11px;
    right: 15px;
    margin-top: -5px!important;
    font-size: 19px;
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
}

.bootstrap-select .selected .check-mark {
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.bootstrap-select .notify {
    bottom: 0!important;
    width: 100%!important;
    margin: 0!important;
    color: #fff!important;
    border: 0!important;
    background: #F44336!important;
    text-align: center;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.chosen-container .chosen-drop {
    top: 0;
    margin-top: 1px;
    border: 0;
    border-radius: 2px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}

.chosen-container .chosen-results {
    max-height: 300px;
    margin: 0;
    padding: 0;
}

.chosen-container .chosen-results li {
    width: 100%;
    padding: 10px 17px;
}

.chosen-container .chosen-results li.highlighted {
    color: #333;
    background: rgba(0, 0, 0, .075);
}

.chosen-container .chosen-results li.result-selected {
    position: relative;
    color: #5E5E5E;
    background: 0 0;
}

.chosen-container .chosen-results li.result-selected:before {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 19px;
}

.chosen-container .chosen-results li.group-result {
    margin-top: 9px;
    padding: 16px 15px 6px;
    color: #B2B2B2;
    font-weight: 400;
}

.chosen-container .chosen-results li.group-result:not(:first-child) {
    border-top: 1px solid #eee;
}

.chosen-container-single .chosen-single {
    height: 34px;
    padding: 6px 0;
    overflow: visible;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    text-transform: uppercase;
}

.chosen-container-single .chosen-single:before {
    z-index: 5;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: calc(100% - 2px);
    background-image: url("../img/select.png.html");
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: right calc(100% - 7px);
    pointer-events: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .chosen-container-single .chosen-single:before {
        background-image: url("../img/select@2x.png.html");
        background-size: 12px 12px;
    }
}

.chosen-container-single .chosen-single div b {
    display: none;
}

.chosen-container-single .chosen-search {
    padding: 5px 5px 5px 40px;
    background: #F7F7F7;
}

.chosen-container-single .chosen-search:before {
    content: "\f1c3";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
    padding: 5px 0 0 15px;
    font-family: Material-Design-Iconic-Font;
    font-size: 25px;
}

.chosen-container-single .chosen-search input[type=text] {
    height: 35px;
    border: 0;
    background-image: none!important;
    line-height: 1.42857143;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0;
    background: 0 0;
}

.chosen-container-multi .chosen-choices {
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e0e0e0;
    background: 0 0;
    box-shadow: none;
}

.chosen-container-multi .chosen-choices li.search-choice {
    margin: 4px 4px 0 0;
    padding: 5px 23px 5px 8px;
    border: 0;
    border-radius: 2px;
    background: #eaeaea;
    box-shadow: none;
    font-size: 12px;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: 31px;
    padding: 0;
}

.search-choice-close {
    cursor: pointer;
}

.search-choice-close:before {
    z-index: 2;
    content: "\f135";
    display: inline-block;
    position: relative;
    top: 1px;
    color: #9C9C9C;
    background: #EAEAEA;
    font-family: Material-Design-Iconic-Font;
    font-size: 12px;
}

.noUi-target {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.noUi-background {
    background: #d4d4d4;
    box-shadow: none;
}

.noUi-horizontal {
    height: 3px;
}

.noUi-horizontal .noUi-handle {
    top: -8px;
}

.noUi-vertical {
    width: 3px;
}

.noUi-connect {
    background: #009688;
}

.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    position: relative;
    width: 19px;
    height: 19px;
    border: 0;
    border-radius: 100%;
    background-color: #009688;
    box-shadow: none;
    -o-transition: box-shadow;
    -webkit-transition: box-shadow;
    transition: box-shadow;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle:after, .noUi-horizontal .noUi-handle:before, .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before {
    display: none;
}

.noUi-horizontal .noUi-active, .noUi-vertical .noUi-active {
    box-shadow: 0 0 0 13px rgba(0, 0, 0, .1);
}

.noUi-tooltip {
    padding: 5px 10px;
    border: 0;
    background: #d4d4d4;
}

.cp-container {
    position: relative;
}

.cp-container>.input-group input.cp-value {
    color: #000!important;
    background: 0 0!important;
}

.cp-container>.input-group .dropdown-menu {
    padding: 20px;
    margin-top: 50px;
}

.cp-container i.cp-value {
    position: absolute;
    top: 0;
    right: 15px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
}

.note-editor .note-toolbar, .note-editor .popover-content, .note-popover .note-toolbar, .note-popover .popover-content {
    margin: 0;
    padding: 10px 0 15px;
    border-color: #e4e4e4;
    background: #fff;
    text-align: center;
}

.note-editor .note-toolbar>.btn-group, .note-editor .popover-content>.btn-group, .note-popover .note-toolbar>.btn-group, .note-popover .popover-content>.btn-group {
    display: inline-block;
    float: none;
    box-shadow: none;
}

.note-editor .note-toolbar>.btn-group .btn, .note-editor .popover-content>.btn-group .btn, .note-popover .note-toolbar>.btn-group .btn, .note-popover .popover-content>.btn-group .btn {
    margin: 0 1px;
}

.note-editor .note-toolbar>.btn-group>.active, .note-editor .popover-content>.btn-group>.active, .note-popover .note-toolbar>.btn-group>.active, .note-popover .popover-content>.btn-group>.active {
    color: #fff;
    background: #00BCD4;
}

.note-editor .note-toolbar .btn, .note-editor .popover-content .btn, .note-popover .note-toolbar .btn, .note-popover .popover-content .btn {
    height: 40px;
    border-radius: 2px!important;
    box-shadow: none!important;
}

.note-editor .note-toolbar .btn:active, .note-editor .popover-content .btn:active, .note-popover .note-toolbar .btn:active, .note-popover .popover-content .btn:active {
    box-shadow: none;
}

.note-editor .note-toolbar .note-palette-title, .note-editor .popover-content .note-palette-title, .note-popover .note-toolbar .note-palette-title, .note-popover .popover-content .note-palette-title {
    margin: 0!important;
    padding: 10px 0!important;
    border: 0!important;
    text-align: center!important;
    font-size: 13px!important;
}

.note-editor .note-toolbar .note-color-reset, .note-editor .popover-content .note-color-reset, .note-popover .note-toolbar .note-color-reset, .note-popover .popover-content .note-color-reset {
    margin: 0!important;
    padding: 0 0 10px!important;
    background: 0 0;
    text-align: center;
}

.note-editor .note-toolbar .note-color .dropdown-menu, .note-editor .popover-content .note-color .dropdown-menu, .note-popover .note-toolbar .note-color .dropdown-menu, .note-popover .popover-content .note-color .dropdown-menu {
    min-width: 335px;
}

.note-editor .note-statusbar .note-resizebar, .note-popover .note-statusbar .note-resizebar {
    border-color: #E8E8E8;
}

.note-editor .note-statusbar .note-resizebar .note-icon-bar, .note-popover .note-statusbar .note-resizebar .note-icon-bar {
    border-color: #BCBCBC;
}

.note-editor .fa, .note-popover .fa {
    vertical-align: middle;
    font-size: 20px;
    font-style: normal;
}

.note-editor .fa:before, .note-popover .fa:before {
    font-family: Material-Design-Iconic-Font;
}

.note-editor .fa.fa-magic:before, .note-popover .fa.fa-magic:before {
    content: "\f16a";
}

.note-editor .fa.fa-bold:before, .note-popover .fa.fa-bold:before {
    content: "\f23d";
}

.note-editor .fa.fa-italic:before, .note-popover .fa.fa-italic:before {
    content: "\f245";
}

.note-editor .fa.fa-underline:before, .note-popover .fa.fa-underline:before {
    content: "\f24f";
}

.note-editor .fa.fa-font:before, .note-popover .fa.fa-font:before {
    content: "\f242";
}

.note-editor .fa.fa-list-ul:before, .note-popover .fa.fa-list-ul:before {
    content: "\f247";
}

.note-editor .fa.fa-list-ol:before, .note-popover .fa.fa-list-ol:before {
    content: "\f248";
}

.note-editor .fa.fa-align-left:before, .note-popover .fa.fa-align-left:before {
    content: "\f23b";
}

.note-editor .fa.fa-align-right:before, .note-popover .fa.fa-align-right:before {
    content: "\f23c";
}

.note-editor .fa.fa-align-center:before, .note-popover .fa.fa-align-center:before {
    content: "\f239";
}

.note-editor .fa.fa-align-justify:before, .note-popover .fa.fa-align-justify:before {
    content: "\f23a";
}

.note-editor .fa.fa-indent:before, .note-popover .fa.fa-indent:before {
    content: "\f244";
}

.note-editor .fa.fa-outdent:before, .note-popover .fa.fa-outdent:before {
    content: "\f243";
}

.note-editor .fa.fa-text-height:before, .note-popover .fa.fa-text-height:before {
    content: "\f246";
}

.note-editor .fa.fa-table:before, .note-popover .fa.fa-table:before {
    content: "\f320";
}

.note-editor .fa.fa-link:before, .note-popover .fa.fa-link:before {
    content: "\f18e";
}

.note-editor .fa.fa-picture-o:before, .note-popover .fa.fa-picture-o:before {
    content: "\f17f";
}

.note-editor .fa.fa-minus:before, .note-popover .fa.fa-minus:before {
    content: "\f22f";
}

.note-editor .fa.fa-arrows-alt:before, .note-popover .fa.fa-arrows-alt:before {
    content: "\f16d";
}

.note-editor .fa.fa-code:before, .note-popover .fa.fa-code:before {
    content: "\f13a";
}

.note-editor .fa.fa-question:before, .note-popover .fa.fa-question:before {
    content: "\f1f5";
}

.note-editor .fa.fa-eraser:before, .note-popover .fa.fa-eraser:before {
    content: "\f23f";
}

.note-editor .fa.fa-square:before, .note-popover .fa.fa-square:before {
    content: "\f279";
}

.note-editor .fa.fa-circle-o:before, .note-popover .fa.fa-circle-o:before {
    content: "\f26c";
}

.note-editor .fa.fa-times:before, .note-popover .fa.fa-times:before {
    content: "\f136";
}

.note-editor .note-air-popover .arrow, .note-popover .note-air-popover .arrow {
    left: 20px;
}

.note-editor {
    overflow: visible;
    border: 1px solid #e4e4e4;
}

.note-editor .note-editable {
    padding: 20px 23px;
}

.bootstrap-datetimepicker-widget {
    top: 0!important;
    bottom: auto!important;
    width: auto!important;
    margin: 0!important;
    padding: 0!important;
}

.bootstrap-datetimepicker-widget:after, .bootstrap-datetimepicker-widget:before {
    display: none!important;
}

.bootstrap-datetimepicker-widget table td {
    text-shadow: none;
}

.bootstrap-datetimepicker-widget table td span {
    margin: 0;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: 0 0;
}

.bootstrap-datetimepicker-widget .glyphicon {
    font-family: Material-Design-Iconic-Font;
    font-size: 18px;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left:before {
    content: "\f2ff";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right:before {
    content: "\f301";
}

.bootstrap-datetimepicker-widget .glyphicon-time:before {
    content: "\f337";
}

.bootstrap-datetimepicker-widget .glyphicon-calendar:before {
    content: "\f32e";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up:before {
    content: "\f1e5";
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down:before {
    content: "\f1e4";
}

.bootstrap-datetimepicker-widget a[data-action] {
    color: #009688;
}

.timepicker-picker .btn {
    box-shadow: none!important;
}

.timepicker-picker table tbody tr+tr:not(:last-child) {
    color: #fff;
    background: #009688;
}

.timepicker-picker table tbody tr+tr:not(:last-child) td {
    border-radius: 0;
}

.timepicker-picker .btn, .timepicker-picker .btn:hover {
    color: #333;
    background: #fff;
}

.datepicker table thead tr th {
    color: #fff;
    border-radius: 0;
}

.datepicker table thead tr th .glyphicon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 29px;
}

.datepicker table thead tr th:hover .glyphicon {
    background: rgba(0, 0, 0, .2);
}

.datepicker table thead tr:first-child th {
    padding: 20px 0;
    background: #009688;
}

.datepicker table thead tr:first-child th:hover {
    background: #009688;
}

.datepicker table thead tr:first-child th.picker-switch {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
}

.datepicker table thead tr:last-child th {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}

.datepicker table thead tr:last-child th:first-child {
    padding-left: 20px;
}

.datepicker table thead tr:last-child th:last-child {
    padding-right: 20px;
}

.datepicker table thead tr:last-child:not(:only-child) {
    background: #00877a;
}

.datepicker table tbody tr:last-child td {
    padding-bottom: 25px;
}

.datepicker table tbody tr td:first-child {
    padding-left: 13px;
}

.datepicker table tbody tr td:last-child {
    padding-right: 13px;
}

.datepicker table td.day {
    position: relative;
    width: 35px;
    height: 35px;
    padding: 0;
    color: #333;
    background: 0 0;
    line-height: 20px;
}

.datepicker table td.day:hover {
    background: 0 0;
}

.datepicker table td.day:before {
    content: "";
    display: inline-block;
    position: static;
    width: 35px;
    height: 35px;
    margin-bottom: -33px;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    background: 0 0;
    text-shadow: none;
}

.datepicker table td.day.new, .datepicker table td.day.old {
    color: #CDCDCD;
}

.datepicker table td:not(.today):not(.active):hover:before {
    background: #F0F0F0;
}

.datepicker table td.today {
    color: #333;
}

.datepicker table td.today:before {
    background-color: #E2E2E2;
}

.datepicker table td.active {
    color: #fff;
}

.datepicker table td.active:before {
    background-color: #009688;
}

.datepicker-months .month, .datepicker-years .year, .timepicker-hours .hour, .timepicker-minutes .minute {
    border-radius: 50%;
}

.datepicker-months .month:not(.active):hover, .datepicker-years .year:not(.active):hover, .timepicker-hours .hour:not(.active):hover, .timepicker-minutes .minute:not(.active):hover {
    background: #F0F0F0;
}

.datepicker-months .month.active, .datepicker-years .year.active, .timepicker-hours .hour.active, .timepicker-minutes .minute.active {
    background: #009688;
}

.timepicker-hours .hour, .timepicker-minutes .minute {
    padding: 0;
}

.fileinput {
    position: relative;
    padding-right: 35px;
}

.fileinput .close {
    visibility: hidden;
    position: absolute;
    top: 5px;
    right: 0;
    width: 19px;
    height: 19px;
    float: none;
    opacity: 1;
    border: 1px solid #ccc;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.fileinput .close:hover {
    background: #eee;
}

.fileinput .input-group-addon {
    padding: 0 10px;
    vertical-align: middle;
}

.fileinput .fileinput-preview {
    position: relative;
    width: 200px;
    height: 150px;
}

.fileinput .fileinput-preview img {
    display: inline-block;
    margin-top: -13px;
    vertical-align: middle;
}

.fileinput .fileinput-preview:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.fileinput-exists .close {
    visibility: visible;
}

.lg-outer .lg-thumb-outer {
    background-color: #1D1D1D;
}

.lg-outer .lg-thumb-item {
    display: inline-block;
    width: 60px!important;
    height: 60px;
    float: none;
    margin: 0 5px;
    border: 0;
    border-radius: 50%;
}

.lg-outer .lg-thumb-item:hover {
    box-shadow: 0 0 0 4px rgba(255, 255, 255, .1);
}

.lg-outer .lg-image {
    border-radius: 3px;
}

.lg-outer .lg-toogle-thumb {
    width: 51px;
    height: 51px;
    color: #333;
    border-radius: 50%;
    background-color: #fff;
    line-height: 41px;
    -o-transition: all;
    -webkit-transition: all;
    transition: all;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
}

.lg-outer .lg-toogle-thumb:hover {
    color: #000;
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.lg-outer:not(.lg-thumb-open) .lg-toogle-thumb {
    top: -70px;
}

.lg-outer.lg-thumb-open .lg-toogle-thumb {
    top: -26px;
}

.lg-thumb.group {
    padding: 20px 0;
}

.lg-slide em h3 {
    margin-bottom: 5px;
    color: #fff;
}

.lg-slide .video-cont {
    box-shadow: 0 8px 17px rgba(0, 0, 0, .2), 0 6px 20px rgba(0, 0, 0, .19);
}

.lg-outer .lg-item {
    background-image: none!important;
}

.lg-outer .lg-item:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    border: 2px solid rgba(255, 255, 255, .1);
    border-right-color: #fff;
    border-radius: 50%;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.loading>i, .twitter-typeahead {
    width: 100%;
}

@-webkit-keyframes loader {
    0% {
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loading>i {
    display: block;
    height: 100%;
    border-left-color: #fff;
    border-style: solid;
    -webkit-animation: loader 1.1s infinite linear;
    animation: loader 1.1s infinite linear;
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.sweet-alert {
    padding: 35px;
    border-radius: 2px;
    font-family: roboto;
}

.sweet-alert h2 {
    z-index: 1;
    position: relative;
    margin: 0 0 15px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
}

.sweet-alert p {
    color: #777;
    font-size: 13px;
    font-weight: 400;
}

.sweet-alert button {
    margin: 30px 1px 0;
    padding: 6px 12px;
    border-radius: 2px;
    box-shadow: none!important;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
}

.sweet-alert .sa-icon {
    margin-top: 0;
    margin-bottom: 30px;
}

.twitter-typeahead .tt-menu {
    display: none;
    min-width: 200px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.twitter-typeahead .tt-menu.tt-open:not(.tt-empty) {
    display: block;
}

.twitter-typeahead .tt-suggestion {
    padding: 8px 17px;
    color: #333;
    cursor: pointer;
}

.twitter-typeahead .tt-cursor, .twitter-typeahead .tt-suggestion:hover {
    background-color: rgba(0, 0, 0, .075);
}

.twitter-typeahead .tt-hint {
    color: #818181!important;
}

.mCSB_scrollTools {
    width: 5px;
}

.mCSB_scrollTools .mCSB_dragger_bar {
    border-radius: 0!important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_scrollTools.mCSB_scrollTools_vertical {
    margin: 0!important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    height: 10px;
}

html:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar, html:not(.ie9) .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: rgba(0, 0, 0, .4);
}

html.ie9 .mCS-minimal-dark.mCSB_scrollTools_onDrag .mCSB_dragger .mCSB_dragger_bar, html.ie9 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #000;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.campaign_side {
    z-index: 12;
    position: fixed;
    top: 65px;
    left: 132px;
    width: 300px;
    height: 100%;
    padding: 10px;
    overflow-y: auto;
    border-right: rgba(0, 0, 0, 0.15) thin solid;
    background: #fff;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.about_main #content {
    padding-left: 391px !impoertant;
}

h2.titleCus {
    line-height: 35px !important;
}

.lh-30 {
    line-height: 30px !important;
}

.cusToggle {
    width: 100%;
}

.cusToggle .ts-helper {
    width: 100px !important;
}

.cusToggle input:checked+.ts-helper::before {
    left: 80px !important;
}

.cusToggle[data-ts-color="blue"] input:checked:not(:disabled)+.ts-helper {
    border: rgba(0, 188, 212, 0.2) thin solid;
    background: rgba(0, 188, 212, 0.2);
}

.cusToggle[data-ts-color="blue"] input:checked:not(:disabled)+.ts-helper::before {
    background: #00BCD4;
}

.cusToggle .ts-helper::before {
    top: -5px;
    background: #00BCD4;
    box-shadow: none !important;
}

.cusToggle .ts-helper {
    border: rgba(0, 188, 212, 0.2) thin solid;
    background: rgba(0, 188, 212, 0.2);
}

.cus-input-group .input-group-addon {
    min-width: auto !important;
    border: #ddd thin solid;
    background-color: #f5f5f5;
    font-size: 20px !important;
}

.cus-input-group .input-group-addon i {
    margin-top: -5px;
}

.time_line {
    width: 100%;
    min-height: 400px;
    float: left;
}

.sidebar2 {
    background-color: #eef5fb;
}

.sidebar2 .nav-menu li.active, .sidebar2 .nav-menu li.hover {
    background-color: #fff !important;
}

.sidebar2 .nav-menu li.active i, .sidebar2 .nav-menu li.active span {
    color: #424242 !important;
}

.time_left {
    width: 65px;
    min-height: 200px;
    float: left;
    /**
   * background-color:
   * red;
   */
}

.time_right {
    height: auto;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
}

.left_ruler {
    width: 100%;
    height: 25px;
    float: left;
    border-right: #ddd thin solid;
    border-bottom: #ddd thin solid;
}

.right_ruler {
    width: auto;
    height: 25px;
    float: left;
    margin-bottom: 5px;
    border-bottom: #ddd thin solid;
}

.time_secs {
    width: 30px;
    height: 10px;
    float: left;
    margin-top: 15px;
    border-right: #ddd thin solid;
}

.time_secs-alt {
    width: 30px;
    height: 25px;
    float: left;
    border-right: #ddd thin solid;
    text-align: right;
}

.time_secs-alt b {
    padding-right: 3px;
}

.left_ruler {
    margin-bottom: 5px;
    text-align: right;
}

.left_ruler b {
    padding-right: 3px;
}

.left_tline {
    width: 95%;
    height: 45px;
    float: left;
    border: #ddd thin solid;
    background-color: #f9f9f9;
    margin-bottom: 5px;
}

.right_tline {
    height: 45px;
    float: left;
    -webkit-box-shadow: inset 0px 0px 3px -1px rgba(94, 94, 94, 1);
    -moz-box-shadow: inset 0px 0px 3px -1px rgba(94, 94, 94, 1);
    box-shadow: inset 0px 0px 3px -1px rgba(94, 94, 94, 1);
    margin-bottom: 5px;
}

.layout_pop {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 50000;
}

.layout_box {
    position: absolute;
    width: 1200px;
    height: 564px;
    background-color: #fff;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}

.canvas_box {
    float: right;
    width: 640px;
    height: 360px;
    border: #ccc thin solid;
    margin: 20px 0px 20px 20px;
    background-image: url(../images/bgcanvas.jpg);
}

.canvas_left_box {
    float: left;
    width: 482px;
    height: 360px;
    background-color: #fff;
    margin: 20px 20px 20px 0px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.layout_table {
    float: left;
    width: 100%;
    height: auto;
    border: #ccc thin solid;
    border-collapse: collapse;
}

.layout_table tr th {
    background-color: #eee;
    border: #ccc thin solid;
    padding: 5px;
    text-align: center;
    border-collapse: collapse;
}

.layout_table tr td {
    border: #ccc thin solid;
    border-collapse: collapse;
}

.layout_table tr td span {
    float: left;
    width: 75px;
    line-height: 37px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    opacity: 0.7;
}

.layout_text, .layout_ptext {
    float: left;
    width: 100px;
    line-height: 35px;
    border: none !important;
    text-align: center;
}

.close_layout {
    position: absolute;
    right: -14px;
    cursor: pointer;
    top: -14px;
    font-size: 27px;
    z-index: 50000;
    color: #db4104;
}

.close_layout::after {
    background-color: #fff;
}

.box_shadow_none {
    box-shadow: none !important;
}

.vertical_layout_pop {
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    z-index: 50000;
}

.vertical_layout_pop .layout_box {
    position: absolute;
    width: 920px;
    height: 846px;
    background-color: #fff;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}

.vertical_layout_pop .canvas_box {
    float: right;
    width: 360px;
    height: 640px;
    border: #ccc thin solid;
    margin: 20px 0px 20px 20px;
    background-image: none !important;
}

.layout_side, .images_side, .video_side, .widgets_side {
    float: left;
    width: 100%;
    height: auto;
}

.images_side, .videos_side, .widgets_side {
    display: none;
}

.popup_media_drop {
    position: absolute;
    width: 100%;
    display: none;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 5000000;
}

.drag_box {
    position: absolute;
    margin: auto;
    background-color: #fff;
    width: 800px;
    height: 470px;
    padding: 20px;
    left: 0;
    border: #959595 thin solid;
    right: 0;
    bottom: 0;
    top: 0;
    overflow: hidden;
}

.dropzone, .dropzone * {
    box-sizing: border-box;
}

.dropzone {
    position: relative;
}

.dropzone .dz-preview {
    position: relative;
    display: inline-block;
    width: 120px;
    margin: 0.5em;
}

.dropzone .dz-preview .dz-progress {
    display: block;
    height: 15px;
    border: 1px solid #aaa;
}

.dropzone .dz-preview .dz-progress .dz-upload {
    display: block;
    height: 100%;
    width: 0;
    background: green;
}

.dropzone .dz-preview .dz-error-message {
    color: red;
    display: none;
}

.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
    display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark {
    display: block;
}

.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
    position: absolute;
    display: none;
    left: 30px;
    top: 30px;
    width: 54px;
    height: 58px;
    left: 50%;
    margin-left: -27px;
}


/* Custom decoration code */

.decoration {
    border: 1px dashed #999;
    padding: 20px;
    margin-top: 150px;
    z-index: 5000000000000000;
}

.layout_img_thumb {
    border: #909090 thin solid;
    margin-bottom: 20px;
}

.landscapes_selected {
    float: left;
    width: 100%;
    padding: 10px;
}

.landscapes_selected img {
    border: #656565 2px solid;
    margin-top: 5px;
}

.assign_link {
    display: none;
}

.portrait_selected {
    float: left;
    width: 100%;
    padding: 10px;
}

.portrait_container {
    display: none;
}

.assign_link_portrait {
    display: none;
}

.portrait_selected img {
    border: #656565 1px solid;
    margin-top: 5px;
    width: 167px;
    height: 295px;
}

.portrait_selected img {
    margin-left: 20%;
    margin-top: 10px;
}

.layout_chked_icon {
    position: absolute;
    margin: auto;
    left: 62px;
    top: 20px;
    font-size: 28px;
    display: none;
    color: green;
}

.layout_chked_icon2 {
    position: absolute;
    margin: auto;
    left: 39px;
    display: none;
    top: 54px;
    font-size: 28px;
    color: green;
}

.Media_pop, .Media_videos_pop {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 500000;
    display: none;
}

.addPlayerPop {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 500000;
    display: none;
}

.media_box, .media_videos_box {
    position: absolute;
    width: 1200px;
    height: 600px;
    padding: 15px;
    background-color: #fff;
    margin: auto;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}

.addPlayerPop_box {
    position: absolute;
    width: 500px;
    height: 250px;
    padding: 15px;
    background-color: #fff;
    margin: auto;
    padding-right: 40px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
}
.playerpop_close{
  position: absolute;
  right: 15px; top: 15px;
  cursor: pointer;
}
.playerpop_close i{
  font-family: 30px; color: red;
}
.media_box h2, .media_videos_box h2 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
    margin: 0px;
}

.media_container_pop, .mediaVideo_container_pop {
    float: left;
    width: 100%;
    height: 490px;
    background-color: #fff;
    background-color: #FDFEFF;
    border: #e3e3e3 thin solid;
    margin-bottom: 15px;
    padding: 5px;
}

.media_images_all, .media_videos_all {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.media_images_all li, .media_videos_all li {
    float: left;
    list-style: none;
    margin: 5px;
    border: #303030 thin solid;
}

.media_images_all li img, .media_videos_all li img {
    float: left;
    width: 153px;
    height: 80px;
}

input.capital{
  text-transform: capitalize;
}

.media_images_all li.checked, .media_videos_all li.checked {
    border: red thin solid;
}

.media_images_all li.checked img, .media_videos_all li.checked img {
    -webkit-filter: grayscale(100%);
    -webkit-filter: grayscale(1);
    filter: grayscale(100%);
}

.about_main .ncontent {
    padding-left: 432px !important;
}

.image_drive_campaign, .video_drive_campaign, .widget_drive_campaign {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
    list-style: none;
    max-height: 820px;
    overflow-x: hidden;
    overflow-y: auto;
}

.image_drive_campaign li, .video_drive_campaign li, .widget_drive_campaign li {
    float: left;
    margin: 3px;
    border: #303030 thin solid;
}

.image_drive_campaign li img, .video_drive_campaign li img {
    float: left;
    width: 131px;
    height: 80px;
}

.widget_drive_campaign li img {
    float: left;
    width: 131px;
    height: 131px;
}

.timeLine_ul {
    float: left;
    width: 100%;
    height: 45px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.time_item {
    display: block;
    float: left;
    width: 150px;
    height: 43px;
    max-height: 43px;
    padding: 0px;
    margin: 0px;
    background-color: #feb830;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: move;
    list-style: none;
    box-shadow: inset 0 0 0 1px #f09b36;
}

.time_item[itm_type="image"] {
    background-color: #feb830;
    box-shadow: inset 0 0 0 1px #f09b36;
}

.time_item[itm_type="video"] {
    background-color: #AEC926;
    box-shadow: inset 0 0 0 1px #96A81F;
}

.time_item[itm_type="text"] {
    background-color: #5ADDF4;
    box-shadow: inset 0 0 0 1px #04C2E8;
}

.time_item[itm_type="scroll"] {
    background-color: #CD8EED;
    box-shadow: inset 0 0 0 1px #B047E8;
}

.time_item[itm_type="menu"] {
    background-color: #819FF7;
    box-shadow: inset 0 0 0 1px #2E64FE;
}

.time_item[itm_type="youtube"] {
    background-color: #F78181;
    box-shadow: inset 0 0 0 1px #FE2E2E;
}

.time_item[itm_type="rss"] {
    background-color: #D8D8D8;
    box-shadow: inset 0 0 0 1px #848484;
}

.time_item[itm_type="dclock"] {
    background-color: #D8F781;
    box-shadow: inset 0 0 0 1px #86B404;
}

.time_item[itm_type="aclock"] {
    background-color: #F3F781;
    box-shadow: inset 0 0 0 1px #AEB404;
}

.time_item[itm_type="weather"] {
    background-color: #d4a883;
    box-shadow: inset 0 0 0 1px #b86e31;
}

.time_item img {
    float: left;
    width: 45px;
    height: 30px;
    border: #fff thin solid;
    margin: 6px 0px 0px 6px;
}

.time_item span {
    float: left;
    font-size: 14px;
    color: #000;
    line-height: 43px;
    padding-left: 5px;
    min-width: 20%;
    max-width: 50%;
    overflow: hidden;
}

.timeLine_ul .time_item .ui-resizable-handle {
    position: relative;
    float: right;
}

.timeLine_ul .time_item[itm_type="image"] .ui-resizable-handle {
    background: #f5a431;
}

.timeLine_ul .time_item[itm_type="video"] .ui-resizable-handle {
    background: #8AA01E;
}

.timeLine_ul .time_item[itm_type="text"] .ui-resizable-handle {
    background: #04C2E8;
}

.timeLine_ul .time_item[itm_type="scroll"] .ui-resizable-handle {
    background: #B047E8;
}

.timeLine_ul .time_item[itm_type="menu"] .ui-resizable-handle {
    background: #2E64FE;
}

.timeLine_ul .time_item[itm_type="youtube"] .ui-resizable-handle {
    background: #FE2E2E;
}

.timeLine_ul .time_item[itm_type="rss"] .ui-resizable-handle {
    background: #848484;
}

.timeLine_ul .time_item[itm_type="dclock"] .ui-resizable-handle {
    background: #86B404;
}

.timeLine_ul .time_item[itm_type="aclock"] .ui-resizable-handle {
    background: #AEB404;
}

.timeLine_ul .time_item[itm_type="weather"] .ui-resizable-handle {
    background: #b86e31;
}

.ui-resizable-e {
    right: 0;
    width: 60%;
    max-width: 21px;
    overflow: hidden;
}

.ui-resizable-handle {
    text-align: left;
    border-top: 0;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
}

.ui-resizable-handle:before {
    position: relative;
    top: 13px;
    left: 2px;
    content: url(../images/cursor-resize.png);
    opacity: .9;
}

.time_settings {
    float: left;
    width: 30px;
    height: 30px;
    background: transparent;
    margin: 8px 14px;
}

.time_settings i {
    font-size: 20px;
    color: #303030;
}

.timeline_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.text_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.scrolling_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.youtube_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.menucard_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.dclock_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.rssreader_settings {
    width: 320px;
    right: -320px;
    box-shadow: 0 0 20px rgba(14, 18, 21, .38);
}

.rsidebar {
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 12;
    overflow-y: auto;
    background: #fff;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.50);
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    z-index: 50000;
}

.rsidebar h4 {
    float: left;
    color: #fff;
}

.sidebar_close {
    float: right;
    margin-top: 6px;
    background: transparent;
    border: #01445E thin solid;
}

.sidebar_close i {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-top: 3px;
}

.rsidebar_title {
    float: left;
    width: 100%;
    height: auto;
    background-color: #037EAA;
    padding: 5px 10px;
    margin-top: 0px;
}

.side-content {
    float: left;
    width: 100%;
    height: auto;
    padding: 10px 20px;
}

.rsidebar_title h4 span {
    color: #bcf9f0;
}

.rsidebar .form-control {
    border: #ddd 1px solid !important;
    padding: 3px 5px;
    font-size: 14px;
}

.rsidebar .form-group label {
    font-weight: bold;
    color: #222;
}

.rsidebar .form-group {
    margin: 0px;
}

.rsidebar .form-group .select::before {
    background: none;
}

.card-tile-combined .epc-item .percent {
    margin-top: 32px;
}

.easy-pie:not(.main-pie) .percent {
    font-size: 16px;
}

.containerPower {
    width: 73px;
    height: 73px;
    padding-top: 25px;
    margin-left: 25px;
}

#power {
    display: none;
}

.containerPower label {
    display: block;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    position: relative;
    margin: auto;
    border: 4px solid #636679;
    background: -webkit-radial-gradient(center, ellipse cover, #efefef 0%, #EEE 80%, #FFF 100%);
    background: -moz-radial-gradient(center, ellipse cover, #efefef 0%, #EEE 80%, #FFF 100%);
    background: radial-gradient(center, ellipse cover, #fefefe 0%, #EEE 80%, #FFF 100%);
    box-shadow: inset 0 -5px 10px 0 #d0d5eb, inset 0 5px 10px 0 #FFF, 0 0 0 1px #333;
    cursor: pointer;
    text-align: center;
    font-size: 40px;
    color: #0f0;
    line-height: 90px;
    text-shadow: -1px -1px 0px #FFF, 1px 1px 0px #FFF;
    transition: all .1s ease-in-out;
}

.containerPower label:after, .containerPower label:before {
    display: block;
    content: "";
    position: absolute;
}

.containerPower label:before {
    width: 90px;
    height: 90px;
    border-radius: 20px;
    background: -webkit-linear-gradient(top, #fefefe 0%, #eee 30%, #ddd 82%, #ddd 100%);
    background: -moz-linear-gradient(top, #fefefe 0%, #eee 30%, #ddd 82%, #ddd 100%);
    background: linear-gradient(top, #fefefe 0%, #eee 30%, #ddd 82%, #ddd 100%);
    box-shadow: 0 10px 30px 0 #000;
    top: -25px;
    left: -25px;
    z-index: -2;
}

.containerPower label:after {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #fff;
    top: -15px;
    left: -15px;
    z-index: -1;
    box-shadow: 0 -2px 5px 0px #fefefe, 0 2px 5px 0 #ccc;
    background: rgb(210, 215, 237);
    background: -webkit-linear-gradient(top, #ddd 0%, #ddd 30%, #eee 82%, #efefef 100%);
    background: -moz-linear-gradient(top, #ddd 0%, #ddd 30%, #eee 82%, #efefef 100%);
    background: linear-gradient(top, #ddd 0%, #ddd 30%, #eee 82%, #efefef 100%);
}

.light {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -12px;
    right: -12px;
    background: -webkit-radial-gradient(center, ellipse cover, #fff 0%, #d6f804 80%, #bade32 100%);
    background: -moz-radial-gradient(center, ellipse cover, #fff 0%, #d6f804 80%, #bade32 100%);
    background: radial-gradient(center, ellipse cover, #fff 0%, #d6f804 80%, #bade32 100%);
    box-shadow: inset 0 1px 1px 0 #333, inset 0 -1px 1px 0 #333, 0 0 5px 1px #bade32;
    border-radius: 50%;
    transition: all .1s ease-in-out;
}

.icon-off {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d6f804;
    box-shadow: inset 0 0 4px 0 #999;
    transition: all .1s ease-in-out;
}

.icon-off:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eee;
    box-shadow: 0 0 3px 0 #999;
    z-index: 2;
}

.icon-off:before {
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    margin: auto;
    width: 8px;
    height: 25px;
    background: #d6f804;
    box-shadow: inherit;
    border-radius: 10px;
    border-style: solid;
    border-width: 0 3px 0;
    border-color: #EEE;
    z-index: 3;
    transition: all .1s ease-in-out;
}

#power:checked+label {
    background: -webkit-radial-gradient(center, ellipse cover, #ddd 0%, #EEE 80%, #efefef 100%);
    background: radial-gradient(center, ellipse cover, #ddd 0%, #EEE 80%, #efefef 100%);
    background: radial-gradient(center, ellipse cover, #ddd 0%, #EEE 80%, #efefef 100%);
    box-shadow: inset 0 -5px 10px 0 #aaa, inset 0 5px 10px 0 #aaa, 0 0 0 1px #333;
    transition: all .1s linear;
}

#power:checked+label .light {
    background: -webkit-radial-gradient(center, ellipse cover, #fcc 0%, #f88 60%, #f00 100%);
    background: -moz-radial-gradient(center, ellipse cover, #fcc 0%, #f88 60%, #f00 100%);
    background: radial-gradient(center, ellipse cover, #fcc 0%, #f88 60%, #f00 100%);
    box-shadow: inset 0 1px 1px 0 #555, inset 0 -1px 1px 0 #555, 0 0 5px 0 #f55;
    transition: all .1s linear;
}

#power:checked+label .icon-off {
    background: transparent;
    box-shadow: inset 0 0 5px 0 #777;
    transition: all .1s linear;
}

#power:checked+label .icon-off:after {
    background: inherit;
    box-shadow: 0 0 5px 0 #777;
}

#power:checked+label .icon-off:before {
    background: #ddd;
    border-color: #dfdfdf;
    box-shadow: inherit;
    transition: all .1s linear;
}

.sizing-box {
    height: 65px;
    width: 100px;
    margin-left: 14px;
    margin-top: 32px;
    margin-bottom: 16px;
}

.signal-bars {
    display: inline-block;
}

.signal-bars .bar {
    width: 14%;
    margin-left: 1%;
    min-height: 20%;
    display: inline-block;
}

.signal-bars .bar.first-bar {
    height: 20%;
}

.signal-bars .bar.second-bar {
    height: 40%;
}

.signal-bars .bar.third-bar {
    height: 60%;
}

.signal-bars .bar.fourth-bar {
    height: 80%;
}

.signal-bars .bar.fifth-bar {
    height: 99%;
}

.good .bar {
    background-color: #16a085;
    border: thin solid darken(#16a085, 7%);
}

.bad .bar {
    background-color: #e74c3c;
    border: thin solid darken(#e74c3c, 20%);
}

.ok .bar {
    background-color: #f1c40f;
    border: thin solid darken(#f1c40f, 7%);
}

.four-bars .bar.fifth-bar, .three-bars .bar.fifth-bar, .three-bars .bar.fourth-bar, .one-bar .bar:not(.first-bar), .two-bars .bar:not(.first-bar):not(.second-bar) {
    background-color: #fafafa;
    border: thin solid #e7e7e7;
}

.ui-resizable-s, .ui-resizable-se {
    display: none !important;
}