/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.7
Version: 2.1.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v2.1/admin/html/
*/@media(max-width:979px) {
    .form-horizontal.form-bordered .form-group {
        border-bottom:1px solid #eee
    }
    .form-horizontal.form-bordered .form-group>.control-label {
        padding:15px;
        line-height:34px
    }
    .form-horizontal.form-bordered .form-group>div {
        padding:15px
    }
    .form-horizontal.form-bordered .form-group>.control-label,.form-horizontal.form-bordered .form-group>div {
        border:none
    }
    .result-list .result-image,.result-list .result-price {
        width:200px
    }
    .gallery .image {
        width:33%
    }
    .page-with-two-sidebar .content {
        margin-right:0!important
    }
    @keyframes sidebarSlideInRight {
        from {
            right:-220px
        }
        to {
            right:0
        }
    }
    @-webkit-keyframes sidebarSlideInRight {
        from {
            right:-220px
        }
        to {
            right:0
        }
    }
    .page-with-two-sidebar .sidebar-bg.sidebar-right,.page-with-two-sidebar .sidebar.sidebar-right {
        right:-220px;
        left:auto!important;
        position:fixed
    }
    .page-with-two-sidebar.page-sidebar-toggled .sidebar-bg.sidebar-right,.page-with-two-sidebar.page-sidebar-toggled .sidebar.sidebar-right {
        animation:none;
        -webkit-animation:none
    }
    .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right,.page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right {
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s;
        right:0;
        left:auto
    }
    .theme-panel .control-label.double-line {
        line-height:30px
    }
}
@media (max-width:767px) {
    .page-header-fixed {
        padding-top:109px
    }
    .page-with-right-sidebar .sidebar,.page-with-right-sidebar .sidebar-bg {
        left:auto;
        right:-220px
    }
    .page-with-right-sidebar .content {
        margin-right:0
    }
    .page-with-right-sidebar .footer {
        margin-right:20px
    }
    .content,.page-sidebar-minifed .content {
        margin-left:0!important
    }
    .content.content-full-width .breadcrumb {
        margin:20px
    }
    .navbar-form,.navbar-form .form-group,.navbar-nav {
        margin:0
    }
    .navbar-brand {
        width:auto
    }
    .navbar-header {
        border-bottom:1px solid #eee
    }
    .navbar-inverse .navbar-header {
        border-bottom:1px solid #2d353c
    }
    .navbar-right {
        float:right
    }
    .navbar-left,.navbar-nav>li {
        float:left
    }
    .navbar-form {
        padding:12px 10px;
        border:none;
        -webkit-box-shadow:none;
        box-shadow:none
    }
    .navbar-form .btn-search {
        right:10px
    }
    .navbar-form .form-control,.navbar-form .form-control:focus {
        margin:0;
        width:200px!important;
        -webkit-animation:none!important;
        animation:none!important
    }
    .navbar-nav .open .dropdown-menu {
        position:absolute;
        top:100%;
        left:0;
        z-index:1000;
        float:left;
        min-width:160px;
        border-top:1px solid #eee;
        list-style:none;
        background:#fff;
        box-shadow:0 2px 5px -1px rgba(0,0,0,.2);
        -webkit-box-shadow:0 2px 5px -1px rgba(0,0,0,.2)
    }
    .navbar-nav.navbar-right .open .dropdown-menu {
        right:0;
        left:auto
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color:#eee
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color:#262626
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
        background:#edf0f5;
        color:#262626
    }
    .navbar-nav .open .dropdown-menu>li>a {
        padding:5px 15px
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
        background:#edf0f5
    }
    @keyframes sidebarSlideInLeft {
        from {
            left:-220px
        }
        to {
            left:0
        }
    }
    @-webkit-keyframes sidebarSlideInLeft {
        from {
            left:-220px
        }
        to {
            left:0
        }
    }
    @keyframes sidebarSlideInRight {
        from {
            right:-220px
        }
        to {
            right:0
        }
    }
    @-webkit-keyframes sidebarSlideInRight {
        from {
            right:-220px
        }
        to {
            right:0
        }
    }
    .page-sidebar-toggled .sidebar {
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-sidebar-toggled .sidebar-bg {
        position:fixed;
        background:#2d353c;
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-sidebar-toggled.page-with-right-sidebar .sidebar,.page-sidebar-toggled.page-with-right-sidebar .sidebar-bg {
        left:auto;
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .sidebar {
        position:absolute;
        left:-220px;
        padding-top:0;
        z-index:1030
    }
    .sidebar-bg {
        left:-220px;
        z-index:1020
    }
    .page-sidebar-minified.page-sidebar-minified .sidebar {
        position:fixed!important
    }
    .page-sidebar-toggled.page-sidebar-minified .sidebar-bg {
        position:fixed;
        background:#2d353c;
        z-index:1010;
        left:0;
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s
    }
    .page-with-right-sidebar.page-sidebar-toggled.page-sidebar-minified .sidebar-bg {
        left:auto;
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .page-sidebar-minified.page-with-right-sidebar .content {
        margin-right:0
    }
    .page-sidebar-minified.page-with-right-sidebar .footer {
        margin-right:20px
    }
    .content {
        margin-left:0;
        padding:20px
    }
    .breadcrumb {
        float:none!important
    }
    .footer {
        margin:0 20px
    }
    .table-responsive .table>tbody>tr>td,.table-responsive .table>tbody>tr>th,.table-responsive .table>tfoot>tr>td,.table-responsive .table>tfoot>tr>th,.table-responsive .table>thead>tr>td,.table-responsive .table>thead>tr>th {
        white-space:nowrap
    }
    .login .login-header,.login-content {
        width:100%!important
    }
    .login {
        margin:108px 0
    }
    .login .login-header {
        left:0;
        margin:0
    }
    .invoice-company .pull-right {
        float:none!important;
        display:block
    }
    .invoice .table-responsive {
        margin-bottom:20px
    }
    .invoice-date,.invoice-from,.invoice-to {
        display:block!important;
        width:100%!important;
        text-align:left!important;
        padding:0!important
    }
    .invoice-date,.invoice-to {
        margin-top:20px!important
    }
    .invoice-price .invoice-price-left,.invoice-price .invoice-price-right {
        display:block;
        width:100%!important;
        float:left!important;
        padding:10px!important
    }
    .invoice-price .invoice-price-row {
        float:none!important;
        width:100%!important;
        display:block!important
    }
    .bwizard-steps li,.fc-button-today {
        float:left!important
    }
    .invoice-price .invoice-price-left .sub-price {
        padding:0 10px!important;
        display:block!important;
        text-align:center!important
    }
    .invoice-price .invoice-price-right {
        text-align:center!important
    }
    .invoice-price .invoice-price-right small {
        position:relative!important;
        display:block;
        left:0!important;
        top:0!important
    }
    .result-list .result-image {
        width:160px
    }
    .result-list .result-price {
        width:100px;
        font-size:20px
    }
    .result-list>li>div {
        padding:15px
    }
    .map {
        top:109px!important;
        left:0!important
    }
    .gallery .image {
        width:50%
    }
    .bwizard-steps li,.calendar,.calendar-event .external-event,.width-full,.width-lg,.width-md,.width-sm,.width-xs {
        width:100%!important
    }
    .vertical-box,.vertical-box .vertical-column {
        display:block!important
    }
    .fc-event .fc-event-title small {
        display:none!important
    }
    .calendar {
        display:block;
        margin-left:0!important
    }
    .fc-header-center,.fc-header-left,.fc-header-right {
        text-align:center!important;
        width:100%!important;
        display:table!important
    }
    .fc-header-left {
        text-align:right!important
    }
    .fc-header-center {
        margin-top:-46px!important
    }
    .fc-header-center h2 {
        font-size:18px!important
    }
    .calendar-event .external-event i,.calendar-event .external-event p,.fc-event .fc-event-icons,.fc-header-left .fc-header-space {
        display:none!important
    }
    .calendar-event .external-event h5 {
        margin:0!important
    }
    .nav-tabs.nav-justified.nav-justified-mobile>li {
        display:table-cell;
        width:1%
    }
    .nav-tabs.nav-justified.nav-justified-mobile>li>a {
        margin-bottom:0
    }
    .page-with-two-sidebar .header .navbar-brand {
        float:none;
        display:block;
        margin:0 70px;
        text-align:center
    }
    .page-with-two-sidebar .header .navbar-brand .navbar-logo {
        position:relative;
        top:3px;
        display:inline-block;
        float:none;
        margin-top:0;
        margin-right:5px
    }
    .form-horizontal.form-bordered .form-group>.control-label {
        padding:15px 15px 0;
        line-height:inherit
    }
    .form-horizontal.form-bordered .form-group>div {
        padding:5px 15px 15px
    }
    .theme-panel {
        top:0;
        bottom:0
    }
    .theme-panel .theme-collapse-btn {
        top:150px
    }
    .theme-panel .theme-panel-content {
        position:absolute;
        top:0;
        bottom:0;
        left:0;
        right:0;
        margin:0;
        overflow:scroll
    }
}
@media(max-width:480px) {
    .media.media-lg .pull-left {
        float:none!important;
        margin-right:0
    }
    .media.media-lg .media-object {
        width:100%;
        margin-bottom:10px
    }
    .result-list .result-image {
        width:100%;
        float:none
    }
    .result-list .result-image a {
        position:relative
    }
    .result-list>li>div {
        display:block;
        width:100%
    }
    .result-list>li>.result-price {
        border-left:none;
        border-top:1px dashed #ddd;
        width:100%;
        padding:15px
    }
    .result-list .btn-row {
        text-align:center
    }
    .result-list .result-price .btn {
        margin-top:15px
    }
    .gallery .image {
        width:100%
    }
}
@media (max-width:380px) {
    .navbar-form .form-control,.navbar-form .form-control:focus {
        width:160px!important
    }
}
@media (max-width:340px) {
    .navbar-form .form-control,.navbar-form .form-control:focus {
        width:140px!important
    }
}
@media (max-width:979px) {
    .timeline .timeline-body {
        margin-left:25%;
        margin-right:10%
    }
    .timeline .timeline-time {
        width:13%
    }
    .timeline .timeline-icon {
        left:13%;
        width:12%
    }
    .timeline:before {
        left:19%
    }
}
@media (max-width:767px) {
    .timeline:before {
        left:50%
    }
    .timeline .timeline-body {
        margin-right:0;
        margin-left:0;
        margin-top:10px;
        padding:20px
    }
    .timeline .timeline-footer {
        margin:20px -20px -20px;
        padding:20px
    }
    .timeline .timeline-body:before {
        border-bottom-color:#fff;
        border-right-color:transparent;
        left:50%;
        top:-20px;
        margin-left:-10px
    }
    .timeline .timeline-time {
        right:50%;
        left:0;
        width:auto;
        margin-right:40px;
        padding-top:5px
    }
    .timeline .timeline-icon {
        left:0;
        width:80px;
        position:relative;
        margin:0 auto
    }
}
@media (max-width:979px) {
    .coming-soon .timer .is-countdown {
        width:767px
    }
}
@media (max-width:767px) {
    .coming-soon .timer .is-countdown {
        width:100%
    }
}
@media (max-width:480px) {
    .coming-soon .timer .countdown-amount {
        font-size:24px
    }
    .coming-soon .coming-soon-content .desc,.coming-soon .coming-soon-header .desc,.coming-soon .timer .countdown-period {
        font-size:12px
    }
    .coming-soon .coming-soon-content .desc,.coming-soon .coming-soon-header .desc {
        padding-right:20px;
        padding-left:20px
    }
    .coming-soon .coming-soon-content .input-group {
        width:auto;
        margin-right:20px;
        margin-left:20px
    }
}
@media (min-width:1920px) {
    .login-cover-image img {
        width:100%
    }
}
@media (max-width:767px) {
    .login.login-v2 {
        margin:108px 0;
        width:100%
    }
    .login-cover-image img {
        max-width:initial;
        max-height:100%
    }
    .login-bg-list {
        position:relative;
        padding:20px;
        right:0;
        bottom:0;
        margin-top:-108px
    }
}
@media (max-width:540px) {
    .widget-chart .widget-chart-content {
        margin-right:0
    }
    .widget-chart .widget-chart-sidebar,.widget-chart .widget-chart-sidebar .chart-legend {
        position:relative;
        width:auto
    }
    .widget-chart .widget-chart-sidebar .chart-legend {
        margin-top:20px
    }
}
@media (max-width:979px) {
    .superbox-list {
        width:20%
    }
}
@media (max-width:767px) {
    .superbox-list {
        width:25%
    }
}
@media (max-width:480px) {
    .superbox-list {
        width:50%
    }
}
@media (max-width:767px) {
    .page-content-full-height .content,.vertical-box,.vertical-box-cell,.vertical-box-column,.vertical-box-inner-cell,.vertical-box-row {
        display:block!important;
        width:auto!important;
        position:relative!important;
        overflow:initial!important;
        table-layout:initial!important;
        top:auto!important;
        height:auto!important
    }
    .vertical-box .slimScrollBar,.vertical-box .slimScrollRail {
        display:none!important
    }
}
@media (max-width:480px) {
    .list-email .email-time {
        float:none;
        display:block;
        margin:0
    }
}
@media (max-width:767px) {
    .pace-progress {
        top:109px
    }
    .pace .pace-activity {
        top:120px
    }
    .navbar-inverse .navbar-header.navbar-header-without-bg {
        background:0 0;
        border-bottom:1px solid #666;
        border-bottom:1px solid rgba(255,255,255,.1)
    }
    .navbar-collapse {
        float:none!important;
        border-top:none;
        border-bottom:1px solid #eee
    }
    .navbar-collapse .nav>li {
        float:none
    }
    .navbar-collapse .open:after,.navbar-collapse .open:before {
        content:'';
        display:table;
        clear:both
    }
    .navbar-collapse .open .dropdown-menu {
        position:relative;
        box-shadow:none;
        padding-top:0;
        border-bottom:1px solid #eee;
        border-radius:0;
        background:#f4f6f7;
        width:100%
    }
    .navbar-collapse .open .dropdown-menu .dropdown-header {
        padding-top:20px;
        padding-left:0
    }
    @keyframes wideSidebarSlideInLeft {
        from {
            left:-250px
        }
        to {
            left:0
        }
    }
    @-webkit-keyframes wideSidebarSlideInLeft {
        from {
            left:-250px
        }
        to {
            left:0
        }
    }
    @keyframes wideSidebarSlideInRight {
        from {
            right:-250px
        }
        to {
            right:0
        }
    }
    @-webkit-keyframes wideSidebarSlideInRight {
        from {
            right:-250px
        }
        to {
            right:0
        }
    }
    .page-sidebar-toggled.page-with-wide-sidebar .sidebar,.page-sidebar-toggled.page-with-wide-sidebar .sidebar-bg {
        left:0;
        animation:wideSidebarSlideInLeft .2s;
        -webkit-animation:wideSidebarSlideInLeft .2s
    }
    .page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right,.page-right-sidebar-toggled.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right,.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar,.page-sidebar-toggled.page-with-right-sidebar.page-with-wide-sidebar .sidebar-bg {
        left:auto;
        right:0;
        animation:wideSidebarSlideInRight .2s;
        -webkit-animation:wideSidebarSlideInRight .2s
    }
    .page-with-wide-sidebar .sidebar,.page-with-wide-sidebar .sidebar-bg {
        left:-250px;
        width:250px
    }
    .page-with-wide-sidebar.page-with-right-sidebar .sidebar,.page-with-wide-sidebar.page-with-right-sidebar .sidebar-bg,.page-with-wide-sidebar.page-with-two-sidebar .sidebar-bg.sidebar-right,.page-with-wide-sidebar.page-with-two-sidebar .sidebar.sidebar-right {
        left:auto;
        right:-250px
    }
    .page-with-wide-sidebar.page-with-right-sidebar .content {
        margin-right:0
    }
}
@media (max-width:992px) {
    .login.login-with-news-feed .news-caption,.register.register-with-news-feed .news-caption {
        font-size:12px;
        padding:15px 30px
    }
    .login.login-with-news-feed .news-caption .caption-title,.register.register-with-news-feed .news-caption .caption-title {
        font-size:20px
    }
}
@media (max-width:768px) {
    .login.login-with-news-feed .news-feed,.register.register-with-news-feed .news-feed {
        display:none
    }
    .login.login-with-news-feed .right-content,.register.register-with-news-feed .right-content {
        float:none;
        width:auto
    }
    .login.login-with-news-feed .login-header .icon {
        right:60px
    }
}
@media (max-width:480px) {
    .login.login-with-news-feed .login-header .icon {
        display:none
    }
    .login.login-with-news-feed .login-header,.register.register-with-news-feed .register-header {
        padding:10px 40px 0
    }
    .login.login-with-news-feed .login-content,.register.register-with-news-feed .register-content {
        padding:0px 40px
    }
}
@media (max-width:360px) {
    .login.login-with-news-feed .login-header,.register.register-with-news-feed .register-header {
        padding:40px 30px 0
    }
    .login.login-with-news-feed .login-content,.register.register-with-news-feed .register-content {
        padding:20px 30px
    }
}
@media (max-width:1024px) {
    .profile-left {
        width:150px
    }
    .profile-image {
        height:130px
    }
    .profile-right {
        margin-left:165px;
        padding-right:0
    }
    .table.table-profile>tbody>tr>td.field {
        width:100px
    }
}
@media (max-width:767px) {
    .profile-left {
        width:180px
    }
    .profile-right {
        margin-left:195px;
        padding-right:0
    }
}
@media (max-width:480px) {
    .profile-left {
        width:100%;
        margin-bottom:15px
    }
    .profile-image {
        height:auto;
        text-align:center
    }
    .profile-image img {
        margin:0 auto
    }
    .profile-right {
        margin:0
    }
    .profile-section+.profile-section {
        padding-top:0
    }
    .profile-section .title {
        margin-top:20px
    }
}
@media (max-width:767px) {
    .dt-buttons.btn-group {
        float:none;
        text-align:center;
        display:block;
        margin:0 0 5px
    }
    .dt-buttons.btn-group>.btn {
        float:none;
        margin-bottom:5px;
        -webkit-border-radius:4px!important;
        -moz-border-radius:4px!important;
        border-radius:4px!important
    }
    .dt-buttons.btn-group>.btn+.btn {
        border-left:none;
        margin-left:5px
    }
    .dataTables_length,div.dataTables_info {
        float:none;
        margin-right:0
    }
    .panel>.dataTables_wrapper div.dataTables_length label,.panel>.table-responsive>.dataTables_wrapper div.dataTables_length label {
        margin:20px 0 0
    }
    div.dataTables_wrapper div.dataTables_info {
        margin:0;
        padding-top:0!important
    }
    div.dataTables_wrapper div.dataTables_paginate {
        margin:10px 20px 0!important;
        text-align:center
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination {
        display:block;
        white-space:initial!important
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination>li>a {
        float:none;
        margin-bottom:5px;
        display:inline-block;
        -webkit-border-radius:4px;
        -moz-border-radius:4px;
        border-radius:4px
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination>li+li a {
        margin-left:5px
    }
    .page-with-top-menu .sidebar {
        padding-top:0
    }
    .top-menu {
        position:relative;
        top:0;
        height:auto;
        display:none
    }
    .top-menu .container,.top-menu .container-fluid {
        padding:0
    }
    .top-menu .nav>li {
        display:block
    }
    .top-menu .nav {
        margin:0!important
    }
    .top-menu .nav>li>a .caret {
        float:right;
        margin-top:10px
    }
    .top-menu .nav .sub-menu {
        position:relative;
        top:0;
        width:100%
    }
    .top-menu .sub-menu>li>a {
        padding-left:44px
    }
    .top-menu .nav>li.has-sub:hover>.sub-menu {
        display:none
    }
    .top-menu .nav>li.menu-control {
        display:none!important
    }
    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent+.sidebar-bg {
        z-index:1020
    }
}
@media (max-width:1080px) {
    .boxed-layout .pace,.boxed-layout .page-container,.boxed-layout .page-container .header,.boxed-layout .page-container .top-menu {
        width:100%
    }
    .boxed-layout .pace,.boxed-layout .top-menu {
        margin-left:0;
        left:0;
        right:0
    }
}
@media (max-width:767px) {
    .boxed-layout .page-container .sidebar,.boxed-layout .page-container .sidebar-bg {
        left:-220px
    }
    .boxed-layout .page-sidebar-toggled .sidebar,.boxed-layout .page-sidebar-toggled .sidebar-bg {
        left:0
    }
}