.icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear;  animation: spin 2s infinite linear;}
.no-border-radius { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important;}
.text-uppercase {text-transform: uppercase;}
.text-justify {text-align: justify;}
.text-line-through { text-decoration: line-through;}
.box-heading { font-weight: bold; font-family: 'Oswald'; margin-bottom: 15px;}
@media (max-width: 767px) {
#sidebar { z-index:9; position: relative; }
#page-wrapper { /* margin-top: 50px;*/ }
#topbar .navbar-header {   width: 100%;   text-align: center; padding:10px 0 0 10px;  }
#topbar .navbar-header #logo {   line-height: auto;   width: 80%;   height: auto;  }
#topbar .navbar-header .navbar-toggle {   margin: 0 8px 0 0;   border: 0;  }
#topbar .navbar-header .navbar-toggle:hover,
#topbar .navbar-header .navbar-toggle:focus {   background: transparent;   color: #488c6c;  }
#topbar .navbar-header .navbar-toggle .icon-bar {   background: #ffffff;   width: 30px;   height: 5px;   border-radius: 0;  }
#topbar .navbar-top-links { margin-left:0px; margin-right:0px;}
#topbar .navbar-top-links li > a { padding: 15px; }
#footer { /*position: relative;*/ }
#sidebar-hover #topbar .navbar-header { width: 100%; }
#sidebar-hover #wrapper #page-wrapper { margin-left: 0px; }
#sidebar-hover .dropdown-submenu > .dropdown-menu { margin-left: 0; }
.timeline-centered .timeline-entry { width: 100%; float: left; }
.horizontal-menu-page #sidebar { display: block; }
.sidebar-collapse{ border-top:#FFFFFF solid 1px; background: #2d353c none repeat scroll 0 0;position: fixed;right: 0;width: 100%;}


@media (min-width: 768px) and (max-width: 991px) {
.sidebar-collapse { display: block;}
#topbar .navbar-header { text-align: center; }
#topbar .navbar-header #logo { line-height: auto; width: 100%; height: auto;  }
#topbar .navbar-header .navbar-toggle { margin: 4px 15px;  border: 0; }
#topbar .navbar-header .navbar-toggle:hover,
#topbar .navbar-header .navbar-toggle:focus { background: transparent; color: #488c6c; }
#topbar .navbar-header .navbar-toggle .icon-bar { background: #ffffff; width: 30px; height: 5px; border-radius: 0; }
#topbar .navbar-top-links { margin-left: 15px; margin-right: 15px; }
#topbar .navbar-top-links li > a { padding: 15px;}
#footer { /* position: relative;*/ }
.timeline-centered .timeline-entry { width: 100%; float: left;}
.horizontal-menu-page #sidebar { display: block;}
.message_type ul.nav.nav-tabs li{ width:auto;}
.checkbox_list li{ margin:0 15px 15px 0;}
}
@media only screen and (min-width: 641px) and (max-width: 1280px) {
.news-update-box { display: none;}
.message_type ul.nav.nav-tabs li{ width:auto;}
}
@media only screen and (min-width: 1281px) and (max-width: 1520px) {
#topbar #topbar-search { width: 200px;}
span.text-uppercase { display: none;}
#topbar .navbar-top-links li > a { padding: 15px 15px;}
.news-update-box { width: 300px;}
}
/* BEGIN FLIP SCROLL RESPONSIVE TABLE */
@media only screen and (max-width: 800px) {
  /* Flip Scroll */
#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
#flip-scroll * html .cf { zoom: 1; }
#flip-scroll *:first-child + html .cf { zoom: 1; }
#flip-scroll table { width: 100%; border-collapse: collapse;  border-spacing: 0; }
#flip-scroll th,
#flip-scroll td { margin: 0; vertical-align: top; }
#flip-scroll th { text-align: left; }
#flip-scroll table { display: block; position: relative; width: 100%; }
#flip-scroll thead { display: block; float: left; }
#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
#flip-scroll thead tr { display: block; }
#flip-scroll th { display: block;  text-align: right; }
#flip-scroll tbody tr { display: inline-block; vertical-align: top; }
#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
#flip-scroll th { border-bottom: 0; border-left: 0; }
#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
#flip-scroll th:last-child,
#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
  /* Flip Scroll */
  /* No More Table */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {  display: block;  }
#no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; }
#no-more-tables tr { border: 1px solid #ccc; }
#no-more-tables td {/* Behave  like a "row" */border:none; border-bottom:1px solid #eee; position:relative; padding-left: 50%; white-space: normal; text-align: left;}
#no-more-tables td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
#no-more-tables td:before { content: attr(data-title); }
  /* No More Table */
  
 
  
}
/* END FLIP SCROLL RESPONSIVE TABLE */

@media only screen and (max-width: 1260px) {
.product_attribute ul li{ width:25%;}
.product_attribute ul{ margin-left:5%;}

.topping_group_row ul.second_reporter li label{ width:100%;}
.topping_group_row ul.second_reporter li:last-child{ margin-top:20px;}

/* New */



}

@media only screen and (max-width: 1199px) {
.padr0{ padding-right:15px;}

}

@media only screen and (max-width: 1180px) {
/*.table-responsive, .grid-view { border: 1px solid #ddd; margin-bottom:15px; overflow-x:scroll; overflow-y:hidden; width:100%;}*/	
.auth-item-index .grid-view, .admin-index .grid-view { border:none; overflow:hidden;} 
.product_attribute ul li label{ font-size:13px;}
.rc-handle-container{ display:none;}


}




@media only screen and (max-width: 1024px) {
.rc-handle-container{ display:none;} 	
}

@media only screen and (max-width: 991px) {
.product_attribute ul li{ width:100%;}	
.product_attribute ul li:last-child{ padding-left:0;}
.empty_label{ display:none;}
.topping_group_row ul.second_reporter li{ width:100%; margin-bottom:10px;}
.topping_group_row ul li label{ width:100%;}
.topping_group_row ul.second_reporter li input[type="text"]{ width:90%;}
.topping_group_row ul.second_reporter li:last-child{ width:100%;}

}

@media only screen and (max-width: 910px) {
/*.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(1){ width:40px !important; background: -moz-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); background: -webkit-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); vertical-align:top !important;}
.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(2){ width:40px !important; background: -moz-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); background: -webkit-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); vertical-align:top !important;}
.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(8){ width:40px !important; background: -moz-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); background: -webkit-linear-gradient(top,  #2d353c 0%, #2d353c 52%, #ffffff 53%, #207cca 52%, #1e5799 53%, #ffffff 53%, #ffffff 100%); vertical-align:top !important;}*/
}

@media only screen and (max-width: 900px) {
.main_tabbing .nav-tabs li a{ font-size:16px;}
.ingredients_list{ width:50%;}
.ingredients_list ul li a{ float:right;}

/* New */
.pagination{width:100%;text-align:center;margin-bottom:0px;}
.pager-sec{width:100%;float:left;text-align:center;}

}

@media only screen and (max-width:850px) {
.main_tabbing .nav-tabs > li{ /*width:50%;*/}	
.main_tabbing .nav-tabs > li:nth-child(2n+2){ border-right:none;}
}

@media only screen and (max-width: 767px) {
.dropdown-menu.pull-right{ left:0;}
.page-form{ margin:20px 10px 0;}	
.login_title{ font-size:30px;}
.search-button{ margin-bottom:10px;}
#suppliers-grid, #products-grid, #access-role-grid{ margin-top:20px; display:inline-block;}
.message_type ul.nav.nav-tabs li{ width:auto;}
.alltime_orderincome ul{ width:100%;}
.page-title-breadcrumb{ padding:10px;}
.page-title-breadcrumb .breadcrumb.pull-right{ float:left; width:100%;}
.topping_group_row ul li{ width:100%; margin:0 0 10px 0;}
.topping_group_row ul li label{ width:100%; margin:0 0 5px 0;}
.topping_group_row ul li input.form-control.width50{ width:100% !important;}
.topping_group_row p{ text-align:left;}
.search_section { float:left; margin:10px 0; width:100%;}
.form-inline div{ display:block; float:none !important;}
.checkbox_list li{ margin:0 15px 15px 0;}
.product_attribute ul li{ width:100%; margin:0 0 15px 0;}
#topbar{ height:auto;}
#sidebar{ padding:0;}
.select_link{ margin:0px;}
.breadcrumb{ width:100%;}
.prod_first_repeater div{ margin-bottom:15px;}
.product_attribute ul.prod_second_repeater{ margin-left:9%;}

/* New */

.tab-content {/*margin-bottom: -15px;*/}
.dash_cat_box{margin-bottom:0px;height:auto;}
.page-content{padding-bottom:15px;}
.totalSec {width: 100%;}
.catTab ul li{width:100%;}
#ordersearch-order_sort label{/*display:block;text-align:left;*/}
.grid-view .summary{text-align:center;padding-top:10px;}
.two-tab li{width:50%;font-size: 12px;}
.modal-dialog {margin: 150px auto;}
.breadcrumb{padding:8px 15px 0px 15px;}
.export-menu .export .btn-group:last-child {margin-left: 5px;}
.pager-sec{/*margin-bottom:30px;*/margin-bottom:125px;}
.highcharts-title{font-size:16px !important;}
.prod-amt {text-align:right;}
.prod-qty{text-align:left;padding-top:10px;}
.prod-detail {
    border-top: 1px solid #f2f2f2;
    padding-top: 5px;
    margin-top: 5px;
}
.boxin{ min-height:auto;}


.left-side-collapsed .navbar-static-side{ width:100% !important;}
.navbar-static-side ul li a{ width:100%;}
.left-side-collapsed .navbar-static-side ul#side-menu li a span.menu-title{ width:auto; background:none; display:block; visibility:visible; left:38px;}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title{ display:block !important; border:none;}
.left-side-collapsed #page-wrapper{ margin:0;}
.imglarge.toggleLogoClass, .left-side-collapsed .imglarge.toggleLogoClass {float: left; max-width: 120px;}
#wrapper{ margin-top:130px;}

.navbar-static-side ul li:hover a{ opacity:0.6;}
body #topbar .navbar-top-links li.open > a:hover, #topbar .navbar-top-links li.open > a:focus{ background:none;}
.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover ul.nav-second-level{ width:100%;}

/*#footer{text-align:center;position:relative;}*/

/*.left-side-collapsed .navbar-static-side ul#side-menu li.nav-hover a span.menu-title{ display:block !important; visibility:visible;}*/

.boxin{ min-height:auto;}
}

@media only screen and (max-width: 480px) {
.btn{ padding:6px 12px; /*width:100%; margin-bottom:10px;*/}	
.btn.btn-skyblue.marr10{ margin-right:0;}
.checkbox_list li{ width:100%; margin:0 0 15px 0;}
.setting_sub_tabs .nav-tabs li a{ border:#FFFFFF solid 1px;}
.breadcrumb li a, .breadcrumb li.active a, .breadcrumb li.active{ font-size:13px;}
.page-content{ padding-bottom:70px;}
.ingredients_list{ width:100%;}
.ingredients_list ul li a{ float:right;}
.main_tabbing .nav-tabs > li{ width:100%; border:none; border-bottom:#878787 solid 1px;}
/*.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(1){ width:100% !important; background: #2d353c; vertical-align:top !important;}
.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(2){ width:100% !important; background: #2d353c; vertical-align:top !important;}
.admin_list_table #crud-datatable .kv-grid-table thead tr th:nth-child(8){ width:100% !important; background: #2d353c; vertical-align:top !important;}*/
}

@media only screen and (max-width: 420px) {}