html,body{background: #f6562f!important; color: #050707 !important}
/****Dashboard Sidebar****/
.main_container .nav_title { background: #f6562f;height: 60px; }
.main_container .navbar-brand, .main_container .site_title { color: #fff !important; font-weight: bolder;text-shadow: 2px 2px #555 }
.main_container .divider { border-bottom: 1.5px solid #fff;margin: 5px 8px }
.main_container .left_col { background: #f6562f }
.main_container .nav.child_menu > li > a, .main_container .nav.side-menu > li > a { color: #fff !important; font-weight: 501;text-shadow: 1px 1px #6666; }
.main_container .main_menu span.fa { color: #fff }
.main_container .nav.side-menu > li.active, .nav.side-menu > li.current-page, .main_container .nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm { border-right: 5px solid #E7E7E7 !important }
.main_container .nav li.current-page, .main_container .nav.side-menu>li.active>a { background: rgba(255, 255, 255, 0.12);text-shadow:none;}
.main_container .nav li.current-page, .main_container .nav li:hover,.main_container .nav.side-menu>li.active>a { background: rgba(255, 255, 255, 0.12); }
.main_container ul.nav.child_menu { margin-top: -6px;  }
.main_container .nav.side-menu >li > ul.nav.child_menu li::before { background: #fff; left: 18px;}
.main_container .nav.side-menu >li > ul.nav.child_menu li::after  { border-left: 1px solid #fff; left: 21px }
.main_container a#menu_toggle { color:#F6562F; }
.main_container ul.nav.navbar-nav.navbar-right > li, .main_container ul.nav.navbar-nav.navbar-right > li.open>a { background: #f6562f; }
.main_container ul.nav.navbar-nav.navbar-right > li > a { color: #fff !important;font-size: 14px; font-weight: 600 }
.main_container ul.nav.navbar-nav.navbar-right > li > a:hover{ background: rgb(255, 255, 255, 0.3); }
.main_container ul.nav.navbar-nav.navbar-right > li .user-profile img { width: 35px;height: 35px; }
.nav-sm  .main_container .nav.side-menu > li.current-page { border-right: 3px solid #E7E7E7 !important; }
.nav-sm .container.body .main_container .nav.side-menu li a i { font-size: 21px !important }
.nav-sm .main_container .menu_section ul.nav.side-menu ul.nav.child_menu { background: #F6562F; top: 6px }
.nav-sm .main_container .menu_section ul.nav.side-menu ul.nav.child_menu li a { text-align: left;float: left; width: 100% }
.nav-sm .main_container .menu_section ul.nav.side-menu ul.nav.child_menu li a i { text-align: left;width: 12% !important }
/****Widget-box****/
.x_content.widget-box { padding: 10px 20px;border: 1px solid #d9dee4; }
.x_content.widget-box .divider { border-bottom: 2px solid #4444;margin: 10px 0; }
.x_content.widget-box table{ width: 100%;line-height: 1.8em; }

/****Data Table****/
#datatable .btn {border: none; margin-right:0;}
#datatable .btn-primary { background: #4b5f71 }
.pagination > li.paginate_button > a, .pagination > li.paginate_button  > span { color: #f6562f }
.pagination > li.paginate_button > a:hover, .pagination > li.paginate_button  > span:hover { color: #fff }
.pagination > li.paginate_button.active > a, .pagination > li.paginate_button.active > a:focus, .pagination > li.paginate_button.active > span, .pagination > li.paginate_button.active > span:focus { color: #fff }
.pagination #datatable_previous.disabled > a, .pagination #datatable_next.disabled > a { color: #666 }
/****Show Page****/
.show-card {width:90%; margin:8% auto 0;}
.show-card table { width: 100%; margin: auto auto 15px; line-height: 2em; }
.show-card .x_title h2 { float: none; }