/*   
Template Name: Color Admin - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 1.0.0
Author: Sean Ngu
Website: http://www.sean-theme.com/color-admin-v1.1/
*/
@media(max-width:980px){
.form-horizontal.form-bordered .form-group{border-bottom:1px solid #eee}
.form-horizontal.form-bordered .form-group>.control-label{padding:15px 15px 5px}
.form-horizontal.form-bordered .form-group>div{padding:5px 15px 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%}
}
@media (max-width:767px){
body{padding-top:0!important}
.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,.sidebar-minifed .content{margin-left:0!important}
.content.content-full-width .breadcrumb{margin:20px}
.navbar.navbar-fixed-top{position:relative;margin:0}
.navbar-brand{width:auto}
.navbar-header{border-bottom:1px solid #eee}
.navbar-nav{margin:0}
.navbar-right{float:right}
.navbar-left,.navbar-nav>li{float:left}
.navbar-form{margin:0;padding:12px 10px;border: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-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 sidebarSlideIn{from{left:-220px}
to{left:0}
}
@-webkit-keyframes sidebarSlideIn{from{left:-220px}
to{left:0}
}
.sidebar-toggled .sidebar{left:0;animation:sidebarSlideIn .2s;-webkit-animation:sidebarSlideIn .2s}
.sidebar{position:fixed;left:-220px;padding-top:0;background:#2d353c;z-index:1020}
.sidebar-bg{position:initial;background:0 0}
.sidebar-minified.page-with-right-sidebar .content{margin-right:0}
.sidebar-minified.page-with-right-sidebar .footer{margin-right:20px}
.content{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}
.dataTables_wrapper{padding:15px;min-width:767px}
.login .login-header,.login-content{width:100%!important}
.login{margin:1px 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}
}
@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}
}


/* custom */
.fleft { float:left; }
.fright { float:right; }
.aleft { text-align:left; }
.aright { text-align:right; }