/*
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3 & 4
Version: 4.2.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v4.2/admin/
*/@media (min-width:768px){
    .header.navbar>.container .navbar-brand,.header.navbar>.container-fluid .navbar-brand{
        margin-left:-15px
    }
    .header .navbar-nav{
        float:left;
        margin:0
    }
    .header .navbar-header,.header .navbar-nav>li{
        float:left
    }
    .header .navbar-right{
        float:right!important
    }
    .header .container .navbar-right,.header .container-fluid .navbar-right{
        margin-right:-15px
    }
    .header .navbar-toggle{
        display:none
    }
    .header .navbar-collapse.collapse{
        display:block!important;
        height:auto!important;
        padding-bottom:0;
        overflow:visible!important
    }
}
@media (max-width:767px){
    .header .navbar-user .name{
        display:none
    }
    .header .navbar-brand{
        width:auto
    }
    .navbar-header{
        border-bottom:1px solid #eee
    }
    .navbar-inverse .navbar-header{
        border-bottom:1px solid #2d353c
    }
    .header .navbar-nav{
        margin-right:0;
        padding:0 15px
    }
    .header .container .navbar-nav,.header .container-fluid .navbar-nav{
        margin:0 -10px
    }
    .navbar-right{
        float:right
    }
    .navbar-left,.navbar-nav>li{
        float:left
    }
    .header .navbar-form{
        margin:0!important;
        padding:9px 10px;
        border:none;
        box-shadow:none
    }
    .header .navbar.navbar-inverse .navbar-form{
        margin:0;
        padding:10px
    }
    .header .navbar-form .btn-search{
        right:10px
    }
    .header .navbar-form .form-group{
        margin:0
    }
    .header .navbar-form .form-control,.header .navbar-form .form-control:focus{
        margin:0;
        width:200px!important;
        -webkit-animation:none!important;
        animation:none!important
    }
    .header .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)
    }
    .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
    }
    .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)
    }
    .header .navbar-collapse .navbar-nav{
        margin:0;
        padding:0
    }
    .header .navbar-collapse .navbar-nav>li .dropdown-toggle,.header .navbar-collapse .navbar-nav>li>a{
        padding:15px 20px
    }
    .header .navbar-collapse .dropdown-menu>li>a{
        padding:5px 20px
    }
    .header .navbar-collapse{
        max-height:340px;
        overflow:scroll;
        -webkit-overflow-scrolling:touch
    }
    .header .navbar-collapse .dropdown-menu.dropdown-menu-lg{
        flex:none
    }
    .header .navbar-collapse .dropdown-menu,.header .navbar-collapse .navbar-nav>li+li{
        border-top:1px solid #f2f3f4
    }
    .header .navbar-collapse .dropdown.show{
        display:block
    }
    .header .navbar-collapse .show .dropdown-menu{
        position:relative!important;
        box-shadow:none!important;
        width:auto!important;
        top:0!important;
        transform:none!important
    }
    .header .navbar-collapse.in,.header .navbar-collapse.show{
        overflow-y:auto!important
    }
    .header .navbar-toggle,.header .navbar-toggle.pull-left{
        margin-left:10px;
        margin-right:15px
    }
    .header .navbar-toggle.pull-right{
        margin-left:15px;
        margin-right:10px
    }
}
@media (max-width:380px){
    .header .navbar-form .form-control,.header .navbar-form .form-control:focus{
        width:160px!important
    }
}
@media (max-width:340px){
    .header .navbar-nav>li .dropdown-toggle,.header .navbar-nav>li>a{
        padding:15px 12px
    }
    .header .navbar-user .image,.header .navbar-user .image.image-icon,.header .navbar-user img{
        margin-right:3px
    }
    .header .navbar-user>a .carer.navbar>.container .navbar-brand,.header.navbar>.container-fluid .navbar-brand{margin-left:-15t} .header .navbar-user .dropown-toggle .caret{
        margin-right:-5px
    }
    .header .navbar-nav>li .dropdown-toggle .label,.header .navbar-nav>li>a .label{
        right:2px
    }
    .navbar-form .form-control,.navbar-form .form-control:focus{
        width:140px!important
    }
}
@media (max-width:767px){
    .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
    }
    .sidebar{
        position:absolute;
        left:-220px;
        padding-top:0;
        z-index:1030
    }
    .sidebar-bg{
        left:-220px;
        z-index:1020
    }
    @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
    }
    .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
    }
    .float-sub-menu-container{
        z-index:1060
    }
    @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
        }
    }
    .boxed-layout .page-sidebar-toggled.page-with-wide-sidebar.page-container #sidebar,.boxed-layout .page-sidebar-toggled.page-with-wide-sidebar.page-container .sidebar-bg,.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
    }
    .boxed-layout .page-with-wide-sidebar:not(.page-sidebar-minified) #sidebar,.boxed-layout .page-with-wide-sidebar:not(.page-sidebar-minified) .sidebar-bg,.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
    }
    .page-with-top-menu .sidebar{
        padding-top:0
    }
    .top-menu{
        position:relative;
        top:0;
        height:auto;
        display:none
    }
    .top-menu .nav li.has-sub.active:active>.sub-menu,.top-menu .nav li.has-sub.active:hover>.sub-menu,.top-menu .nav li.has-sub.active>.sub-menu,.top-menu .nav>li{
        display:block
    }
    .top-menu .container,.top-menu .container-fluid{
        padding:0
    }
    .top-menu .nav>li+li{
        margin-left:0
    }
    .top-menu .nav{
        margin:0!important
    }
    .top-menu .nav>li>a .caret{
        float:right;
        margin-top:0
    }
    .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:focus>.sub-menu,.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
    }
    .content{
        padding:20px
    }
    .content,.page-sidebar-minifed .content{
        margin-left:0!important;
        margin-right:0!important
    }
    .content.content-full-width .breadcrumb,.content.content-full-width .page-header{
        margin:20px
    }
    .content.content-full-width .breadcrumb+.page-header,.content.content-full-width .page-header+.breadcrumb{
        margin-top:-15px
    }
    .footer{
        margin:0 20px!important
    }
}
@media(max-width:979px){
    @keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    @-webkit-keyframes sidebarSlideInRight{
        from{
            right:-220px
        }
        to{
            right:0
        }
    }
    .page-with-two-sidebar .content{
        margin-right:0!important
    }
    .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
    }
}
@media (max-width:767px){
    .page-with-two-sidebar .header .navbar-brand{
        float:none;
        display:block;
        margin:0 70px;
        text-align:center;
        width:auto
    }
    .page-with-two-sidebar .header .navbar-brand .navbar-logo{
        position:relative;
        top:3px;
        display:inline-block;
        float:none;
        margin-top:0;
        margin-right:5px
    }
}
@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
    }
    .page-header-fixed{
        padding-top:101px
    }
    .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
    }
    .page-sidebar-toggled.page-sidebar-minified .sidebar.sidebar-transparent+.sidebar-bg,.sidebar.sidebar-transparent+.sidebar-bg{
        background-size:100% 100%
    }
    .boxed-layout .top-menu{
        top:109px
    }
    .theme-panel .control-label.double-line{
        line-height:30px
    }
    .theme-panel{
        top:0;
        bottom:0;
        z-index:1080
    }
    .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;
        border-radius:0
    }
    .breadcrumb{
        float:none!important
    }
    .breadcrumb>li{
        line-height:20px
    }
}
@media(max-width:979px){
    .form-horizontal .control-label[class*=col-md-]:not([class*=col-sm-]):not([class*=col-xs-]),.form-horizontal .control-label[class*=col-lg-]:not([class*=col-sm-]):not([class*=col-xs-]){
        padding-bottom:5px
    }
    .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[class*=col-md-]:not([class*=col-sm-]):not([class*=col-xs-]),.form-horizontal.form-bordered .form-group>.control-label[class*=col-lg-]:not([class*=col-sm-]):not([class*=col-xs-]){
        padding:15px 15px 0;
        line-height:14px
    }
    .form-horizontal.form-bordered .form-group>div[class*=col-md-]:not([class*=col-sm-]):not([class*=col-xs-]),.form-horizontal.form-bordered .form-group>div[class*=col-lg-]:not([class*=col-sm-]):not([class*=col-xs-]){
        padding:15px
    }
    .form-horizontal.form-bordered .form-group>.control-label,.form-horizontal.form-bordered .form-group>div{
        border:none
    }
}
@media (max-width:767px){
    .form-horizontal .col-form-label,.form-horizontal .control-label{
        padding-top:0;
        margin-bottom:0;
        text-align:left
    }
    .form-horizontal.form-bordered .form-group>.control-label{
        padding:15px 15px 0;
        line-height:inherit
    }
    .form-horizontal.form-bordered .form-group>div{
        padding:0 15px 15px!important
    }
    .form-bordered .form-group>.col-form-label,.form-horizontal.form-bordered .form-group>.control-label{
        padding-top:15px;
        padding-bottom:5px
    }
    .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
    }
    .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
    }
    .modal-message .modal-body,.modal-message .modal-footer,.modal-message .modal-header{
        width:80%
    }
    .lead{
        font-size:16px
    }
}
@media(max-width:480px){
    .note .note-icon,.note .note-icon i{
        position:relative;
        display:block;
        left:0;
        top:0;
        margin:0
    }
    .note .note-icon{
        padding:15px;
        margin:-15px -15px 15px;
        border-radius:4px 4px 0 0;
        width:auto
    }
    .note .note-icon+.note-content{
        margin:0
    }
    .dropdown-menu.media-list{
        max-width:280px
    }
    .dropdown-menu.media-list p{
        max-width:190px
    }
}
@media (max-width:380px){
    .dropdown-menu.media-list{
        margin-right:-50px
    }
}
@media(max-width:480px){
    .media{
        display:block
    }
    .media.media-lg .pull-left{
        float:none!important;
        margin-right:0
    }
    .media.media-lg .media-object{
        width:100%;
        margin-bottom:10px
    }
    .datepicker table tr td,.datepicker table tr th{
        padding:7px!important
    }
}
@media (min-width:576px){
    .card-deck{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .card-deck .card{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-flex:1;
        -webkit-flex:1 0 0%;
        -ms-flex:1 0 0%;
        flex:1 0 0%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .card-deck .card:not(:first-child){
        margin-left:15px
    }
    .card-deck .card:not(:last-child){
        margin-right:15px
    }
    .card-group{
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
        flex-flow:row wrap
    }
    .card-group .card{
        -webkit-box-flex:1;
        -webkit-flex:1 0 0%;
        -ms-flex:1 0 0%;
        flex:1 0 0%
    }
    .card-group .card+.card{
        margin-left:0;
        border-left:0;
        border-left:1px solid #e2e7eb
    }
    .card-group .card:first-child{
        border-bottom-right-radius:0;
        border-top-right-radius:0
    }
    .card-group .card:first-child .card-img-top{
        border-top-right-radius:0
    }
    .card-group .card:first-child .card-img-bottom{
        border-bottom-right-radius:0
    }
    .card-group .card:last-child{
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .card-group .card:last-child .card-img-top{
        border-top-left-radius:0
    }
    .card-group .card:last-child .card-img-bottom{
        border-bottom-left-radius:0
    }
    .card-group .card:not(:first-child):not(:last-child),.card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{
        border-radius:0
    }
    .card-columns{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem
    }
    .card-columns .card{
        display:inline-block;
        width:100%;
        margin-bottom:15px
    }
}
@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:1024px){
    .sw-main .nav-tabs{
        white-space:nowrap;
        display:block!important;
        overflow-y:scroll
    }
}
@media (max-width:767px){
    .calendar,.calendar-event .external-event{
        width:100%!important
    }
    .fc-event .fc-event-title small{
        display:none!important
    }
    .calendar{
        display:block;
        margin-left:0!important
    }
    .fc-button-today{
        float:left!important
    }
    .fc-header-center,.fc-header-left,.fc-header-right{
        text-align:center!important;
        width:100%!important;
        display:table!important
    }
    .fc-toolbar{
        margin-bottom:0!important
    }
    .fc .fc-toolbar>*>*{
        margin-bottom:10px!important
    }
    .fc-toolbar .fc-center{
        margin-top:0!important
    }
    .fc .fc-toolbar h2{
        font-size:18px!important;
        line-height:28px!important
    }
    .calendar-event .external-event h5{
        margin:0!important
    }
    .bwizard-steps li{
        float:left!important;
        width:100%!important
    }
    .pace-progress{
        top:101px
    }
    .pace .pace-activity{
        top:112px
    }
}
@media (max-width:420px){
    #gritter-notice-wrapper{
        width:320px!important
    }
    .gritter-close,.gritter-light .gritter-close{
        width:60px!important
    }
    .gritter-with-image,.gritter-without-image{
        padding-right:60px!important
    }
    .gritter-image{
        width:40px!important;
        height:40px!important;
        margin-top:0!important
    }
    .gritter-item{
        padding:0 10px 5px!important
    }
    .gritter-with-image{
        width:250px!important
    }
}
@media (max-width:360px){
    #gritter-notice-wrapper{
        width:280px!important
    }
    .gritter-with-image{
        width:210px!important
    }
    .datepicker.datepicker-dropdown,body .bootstrap-datetimepicker-widget.dropdown-menu{
        width:260px!important
    }
}
@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;
        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;
        border-radius:4px
    }
    div.dataTables_wrapper div.dataTables_paginate .pagination>li+li a{
        margin-left:5px
    }
}
@media (max-width:1024px){
    .result-list .result-image{
        display:block;
        height:200px;
        width:auto
    }
}
@media(max-width:979px){
    .result-list .result-price{
        width:200px
    }
}
@media (max-width:767px){
    .result-list .result-price{
        width:100px;
        font-size:20px
    }
    .result-list>li>div{
        padding:15px
    }
}
@media(max-width:480px){
    .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{
        width:100%;
        padding:15px
    }
    .result-list .btn-row{
        text-align:center
    }
    .result-list .result-price .btn{
        margin-top:15px
    }
}
@media(max-width:979px){
    .gallery .image{
        width:33%
    }
}
@media (max-width:767px){
    .gallery .image{
        width:50%
    }
}
@media(max-width:480px){
    .gallery .image{
        width:100%
    }
    .email-content{
        margin:0 -20px;
        padding:0;
        overflow:scroll
    }
    .error-code{
        font-size:128px;
        line-height:128px
    }
}
@media (max-width:767px){
    .profile-content,.profile-header .profile-header-content{
        padding:20px
    }
    .profile-header-img{
        width:66px;
        height:66px;
        margin-top:10px
    }
    .profile-header .profile-header-tab{
        margin:0;
        padding:0;
        white-space:nowrap;
        overflow-y:scroll;
        display:block
    }
    .profile-header .profile-header-tab>li{
        float:none
    }
    .profile-header-img+.profile-header-info{
        margin-left:80px
    }
    .error-code{
        bottom:50%
    }
    .error-content{
        top:50%
    }
    .map{
        top:101px!important;
        left:0!important;
        right:0!important
    }
    .map .jvectormap-zoomin{
        top:120px
    }
    .map .jvectormap-zoomout{
        top:150px
    }
    .login .login-header,.login-content{
        width:100%!important
    }
    .login{
        margin:0;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0
    }
    .login .login-header{
        left:0;
        margin:0;
        position:relative;
        top:0;
        padding-top:60px
    }
    .login .login-header .icon{
        display:none
    }
    .login .login-header .brand{
        text-align:center;
        color:#fff
    }
    .login .login-header .brand small{
        opacity:.5;
        color:#fff
    }
    .login .login-header .brand .logo{
        border-width:25px;
        display:block;
        margin:0 auto
    }
    .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
    }
    .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
    }
}
@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>li{
        padding-top:30px
    }
    .timeline-comment-box{
        margin-left:-20px;
        margin-right:-20px;
        padding:15px 20px
    }
    .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;
        top:0;
        width:auto;
        margin-right:20px;
        padding-top:10px
    }
    .timeline .timeline-icon{
        left:0;
        width:80px;
        position:relative;
        margin:0 auto;
        top:-10px
    }
}
@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{
        left:0;
        top:0;
        margin:0;
        position:relative;
        width:100%;
        background:0 0
    }
    .login.login-v2 .login-header{
        padding-top:60px
    }
    .login-cover-image img{
        max-width:initial;
        max-height:100%
    }
    .login-bg-list{
        position:relative;
        padding:20px;
        right:0;
        bottom:0
    }
}
@media (max-width:480px){
    .list-email .email-time{
        float:none;
        display:block;
        margin:0;
        background:#fff
    }
}
@media (max-width:1024px){
    .login.login-with-news-feed,.register.register-with-news-feed{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        top:0;
        overflow:scroll;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
    .login.login-with-news-feed .right-content,.register.register-with-news-feed .right-content{
        width:360px
    }
    .login.login-with-news-feed .news-feed,.register.register-with-news-feed .news-feed{
        right:360px
    }
    .login.login-with-news-feed .login-content,.login.login-with-news-feed .login-header,.register.register-with-news-feed .register-content,.register.register-with-news-feed .register-header{
        padding-left:45px;
        padding-right:45px
    }
}
@media (max-width:992px){
    .login.login-with-news-feed .news-caption,.register.register-with-news-feed .news-caption{
        font-size:14px;
        padding:15px 30px;
        min-width:inherit
    }
    .login.login-with-news-feed .news-caption .caption-title,.register.register-with-news-feed .news-caption .caption-title{
        font-size:32px
    }
}
@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:40px 40px 0
    }
    .login.login-with-news-feed .login-content,.register.register-with-news-feed .register-content{
        padding:20px 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){
    .vertical-box,.vertical-box .vertical-column{
        display:block!important
    }
    .page-content-full-height .content,.vertical-box,.vertical-box-cell,.vertical-box-column,.vertical-box-inner-cell,.vertical-box-row{
        display:block;
        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
    }
    .vertical-box-widget .vertical-box-column{
        display:table-cell!important;
        height:100%!important
    }
    .vertical-box.vertical-box-widget{
        display:table!important;
        table-layout:fixed!important;
        border-spacing:0!important;
        height:100%!important;
        width:100%!important
    }
    .width-full,.width-lg,.width-md,.width-sm,.width-xs{
        width:100%!important
    }
    .p-l-xs-0{
        padding-left:0!important
    }
    .p-t-xs-0{
        padding-top:0!important
    }
    .p-r-xs-0{
        padding-right:0!important
    }
    .p-b-xs-0{
        padding-bottom:0!important
    }
    .p-xs-0{
        padding:0!important
    }
    .m-l-xs-0{
        margin-left:0!important
    }
    .m-t-xs-0{
        margin-top:0!important
    }
    .m-r-xs-0{
        margin-right:0!important
    }
    .m-xs-0{
        margin:0!important
    }
    .m-b-xs-0{
        margin-bottom:0!important
    }
    .hidden-xs{
        display:none!important
    }
    .rtl-mode .breadcrumb{
        float:none!important
    }
    .rtl-mode .content.content-full-width .breadcrumb{
        margin:20px
    }
    .rtl-mode .header .navbar-toggle.pull-left{
        margin-right:10px;
        margin-left:15px
    }
    .rtl-mode .header .navbar-toggle.pull-right{
        margin-left:10px;
        margin-right:15px
    }
    .rtl-mode .page-sidebar-toggled.page-with-right-sidebar .sidebar,.rtl-mode .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right{
        z-index:1040
    }
    .rtl-mode .page-sidebar-toggled.page-with-right-sidebar .sidebar,.rtl-mode .page-sidebar-toggled.page-with-right-sidebar .sidebar-bg{
        left:auto;
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .rtl-mode .page-with-two-sidebar .sidebar-bg.sidebar-right,.rtl-mode .page-with-two-sidebar .sidebar.sidebar-right,.rtl-mode .page-with-two-sidebar.page-sidebar-toggled .sidebar-bg.sidebar-right,.rtl-mode .page-with-two-sidebar.page-sidebar-toggled .sidebar.sidebar-right{
        left:-220px!important;
        right:auto!important;
        -webkit-animation:none;
        animation:none
    }
    .rtl-mode .page-with-two-sidebar.page-with-wide-sidebar .sidebar-bg.sidebar-right,.rtl-mode .page-with-two-sidebar.page-with-wide-sidebar .sidebar.sidebar-right{
        left:-250px!important;
        right:auto!important
    }
    .rtl-mode .page-with-two-sidebar.page-right-sidebar-toggled .sidebar-bg.sidebar-right,.rtl-mode .page-with-two-sidebar.page-right-sidebar-toggled .sidebar.sidebar-right{
        animation:sidebarSlideInLeft .2s;
        -webkit-animation:sidebarSlideInLeft .2s;
        left:0!important;
        right:auto!important
    }
    .rtl-mode .boxed-layout .page-with-wide-sidebar:not(.page-sidebar-minified) #sidebar,.rtl-mode .boxed-layout .page-with-wide-sidebar:not(.page-sidebar-minified) .sidebar-bg,.rtl-mode .page-with-wide-sidebar .sidebar,.rtl-mode .page-with-wide-sidebar .sidebar-bg{
        right:-250px
    }
    .rtl-mode .boxed-layout .page-sidebar-toggled.page-with-wide-sidebar.page-container #sidebar,.rtl-mode .page-sidebar-toggled.page-with-wide-sidebar .sidebar{
        right:0;
        animation:wideSidebarSlideInRight .2s;
        -webkit-animation:wideSidebarSlideInRight .2s
    }
    .rtl-mode .top-menu .nav>li>a .caret{
        float:left
    }
    .rtl-mode .page-sidebar-toggled .sidebar-bg{
        right:0;
        left:auto;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s;
        z-index:1020
    }
    .rtl-mode .sidebar,.rtl-mode .sidebar-bg{
        right:-220px;
        padding-top:0;
        z-index:1030
    }
    .rtl-mode .header .navbar-header{
        float:none
    }
    .rtl-mode .header .navbar-brand{
        float:right
    }
    .rtl-mode .header .navbar-toggle{
        float:left;
        margin-right:0;
        margin-left:15px
    }
    .rtl-mode .page-with-two-sidebar .header .navbar-brand{
        float:none
    }
    .rtl-mode .page-sidebar-toggled .sidebar{
        right:0;
        animation:sidebarSlideInRight .2s;
        -webkit-animation:sidebarSlideInRight .2s
    }
    .rtl-mode .profile-header-img+.profile-header-info{
        margin-right:80px
    }
    .rtl-mode .profile-header .profile-header-tab{
        padding-right:0
    }
    .rtl-mode .login .login-header{
        left:0;
        margin:0;
        right:0
    }
    .rtl-mode .login .login-header .brand .logo{
        margin:0 auto
    }
    .rtl-mode .login.login-v2{
        left:0;
        top:0;
        right:0;
        margin:0;
        width:100%
    }
    .rtl-mode .login.login-with-news-feed .right-content,.rtl-mode .register.register-with-news-feed .right-content{
        float:none;
        width:auto
    }
    .rtl-mode .timeline .timeline-icon{
        left:auto;
        right:15%
    }
    .rtl-mode .timeline .timeline-time{
        text-align:left;
        left:auto;
        right:0
    }
    .rtl-mode .timeline .timeline-body{
        margin-right:23%;
        margin-left:0
    }
    .rtl-mode .timeline:before{
        left:auto;
        right:20%;
        margin-left:0;
        margin-right:-2.5px
    }
    .rtl-mode .timeline .timeline-body:before{
        border-left-color:#fff;
        border-right-color:transparent;
        left:auto;
        right:-20px
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}