.box-body {
       overflow-x: auto !important;
   }

   .table {
       overflow-x: auto !important;
       width: 100% !important;
   }

   td .fa {
       color: #e46f01;
   }

   td .btn .fa {
       color: #fff;
   }

   .btn {
       margin: 5px auto;
   }

   .numberCircle {
       border-radius: 50%;
       width: 36px;
       height: 36px;
       padding: 4px 8px;
       margin-left: 5px;
       background: #fff;
       border: 2px solid #666;
       color: #666;
       text-align: center;
       font: 12px Arial, sans-serif;
   }

   .select2-container--default .select2-selection--multiple .select2-selection__choice {
       background-color: #5f2325;
   }

   .nav>li>a {
       padding: 15px;
   }

   .navbar {
       min-height: auto;
   }

   .main-footer {
       position: relative;
       min-height: 50px;
   }

   .content {
       min-height: 500px;
   }

   .navbar-right>li,
   .navbar-nav>li:last-child {
       border: 0px !important;
   }

   .navbar-nav>li {
       border-right: 1px solid #e4e4e4;
   }

   #myNavbar {
       padding: 0px;
   }

   .pag {
       margin: 20px auto !important;
       text-align: center;
   }

   .pagination {
       margin-right: auto !important;
       margin-left: auto !important;
   }

   .page-link {
       color: #e46f01 !important;
   }

   .page-item.active .page-link {
       color: #fff !important;
   }

   .page-item.active .page-link {
       background-color: #e46f01 !important;
       border-color: #e46f01 !important;
   }

   .dropdown-menu li a {
       text-align: start;
   }

   .navbar .container-fluid {
       padding: 0px 10px;
   }

   .skin-blue .main-header .logo,
   .main-header,
   .skin-blue .wrapper,
   .skin-blue .main-sidebar,
   .skin-blue .left-side {
       background-color: #ecf0f4 !important;
   }

   .sidebar {
       margin: 10px;
       background: linear-gradient(to bottom, #e47100, #DB095B);
       border-radius: 15px;
       box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
   }

   .sideCover {
       background-image: url('../img/alromansiahCover.png');
       background-position: center;
       background-size: cover;
       height: 220px;
       border-radius: 15px;
   }

   .login-page {
       background: #fff;
   }

   .login-box {
       padding-top: 8%;
       margin: auto;
   }

   .login-box-body {
       border-radius: 20px;
       color: #5f2325;
   }

   .login-logo a {
       color: #fff;
   }

   .btn-info,
   .btn-info:hover {
       background-color: #FF7E00;
       border-color: #FF7E00;
   }

   .loginBox {
       padding: 18% 22%;
       height: 100vh;
       position: relative;
   }

   .loginCover {
       background-image: url('../img/loginCover.png');
       background-position: right;
       background-size: cover;
       height: 100vh;
   }

   .footer {
       position: absolute;
       bottom: 40px;
       width: 80%;
       left: 0;
       right: 0;
       margin: auto;
   }

   .loginBox h3 {
       color: black;
   }

   .loginBox p {
       color: #475467;
   }

   .loginBox img {
       margin-bottom: 50px;
   }

   @media(max-width: 1200px) {
       .loginCover {
            display: none;
       }
   }

   .pageTitle {
       font-size: 20px;
       color: #5f2325;
   }

   .form-control,
   .select2 {
       border-radius: 4px;
       margin: 5px auto;
   }

   .orderCard {
       background-color: #fff;
       border-radius: 15px;
       padding: 15px;
       margin: 10px auto;
       display: block;
       cursor: pointer;
       box-shadow: 0px 3px 6px rgba(0, 0, 0, .1);
   }

   .orderCard hr {
       margin: 10px auto;
   }

   .cardSelect {
       display: none;
       padding: 5px;
   }

   .cardImg {
       display: inline-block;
       width: 50px;
       height: 50px;
       background-image: url('../img/profile.svg');
       background-position: center;
       background-size: cover;
       background-repeat: no-repeat;
       border-radius: 10px;
       vertical-align: top;
   }

   .cardName {
       display: inline-block;
       padding: 0px 10px;
       vertical-align: top;
       min-width: 200px;
   }

   .cardName p {
       margin-bottom: 5px;
       color: black;
       font-weight: bold;
   }

   .cardStatus {
       display: inline-block;
       vertical-align: top;
       float: right;
   }

   .cardTags {
       display: block;
       width: 100%;
       min-height: 150px;
   }

   .cardTags label {
       background-color: #F5F5F5;
       margin: 5px 2px;
       padding: 5px 10px;
       border-radius: 10px;
       font-size: 12px;
       font-weight: 500;
   }

   .cardPrice {
       display: block;
       width: 100%;
   }

   .cardPriceTitle {
       display: inline-block;
       vertical-align: top;
       width: 48%;
       font-weight: bold;
   }

   .cardPriceAmount {
       display: inline-block;
       vertical-align: top;
       width: 48%;
       text-align: right;
       font-weight: bold;
       color: #E96F30;
   }