/*   
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.3.1
Version: 1.5.0
Author: Sean Ngu
Website: http://www.seantheme.com/color-admin-v1.5/admin/
*/
@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 { 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-brand { width: auto }
	.navbar-header { border-bottom: 1px solid #eee }
	.navbar-inverse .navbar-header { border-bottom: 1px solid #2d353c }
	.navbar-nav { margin: 0 }
	.navbar-right { float: right }
	.navbar-left, .navbar-nav>li { float: left }
	.navbar-form { margin: 0; padding: 12px 10px; border: none; -webkit-box-shadow: none; box-shadow: none }
	.navbar-form .btn-search { right: 10px }
	.navbar-form .form-group { margin: 0 }
	.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 { left: auto; right: 0; animation: sidebarSlideInRight .2s; -webkit-animation: sidebarSlideInRight .2s }
	.sidebar { position: absolute; left: -220px; padding-top: 0; z-index: 1030 }
	.sidebar-bg { position: initial; background: 0 0; left: -60px; 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 }
	.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% }
	.vertical-box, .vertical-box .vertical-column { display: block !important }
	.width-full, .width-lg, .width-md, .width-sm, .width-xs { width: 100% !important }
	.fc-event .fc-event-title small { display: none !important }
	.calendar { display: block; width: 100% !important; 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 }
	.calendar-event .external-event { width: 100% !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 }
	.bwizard-steps li { float: left !important; width: 100% !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 (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 }
}