.form-group {
       padding-bottom: 10px;
       margin: 0;
   }

   .navbar .notification {
       position: absolute;
       top: 0px;
       border: 1px solid #FFF;
       right: 3px;
       font-size: 9px;
       background: #e40016;
       color: #FFFFFF;
       width: 24px;
       padding: 0px 5px;
       height: 24px;
       border-radius: 50%;
       text-align: center;
       line-height: 19px;
       vertical-align: middle;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .p-2 {
       padding: 10px;
   }

   .mr-2 {
       margin-right: 5px !important;
   }

   .mt-1 {
       margin-top: 1px;
   }

   .mt-2 {
       margin-top: 2px;
   }

   .mt-3 {
       margin-top: 3px;
   }

   .mt-4 {
       margin-top: 4px;
   }

   .mt-5 {
       margin-top: 5px;
   }

   .mt-6 {
       margin-top: 6px;
   }

   .mt-7 {
       margin-top: 7px;
   }

   .mt-8 {
       margin-top: 8px;
   }

   .mt-9 {
       margin-top: 9px;
   }

   .mt-10 {
       margin-top: 10px;
   }

   .mt-11 {
       margin-top: 11px;
   }

   .mt-12 {
       margin-top: 12px;
   }

   .mt-13 {
       margin-top: 13px;
   }

   .mt-14 {
       margin-top: 14px;
   }

   .mt-15 {
       margin-top: 15px;
   }

   .mt-16 {
       margin-top: 16px;
   }

   .mt-17 {
       margin-top: 17px;
   }

   .mt-18 {
       margin-top: 18px;
   }

   .mt-19 {
       margin-top: 19px;
   }

   .mt-20 {
       margin-top: 20px;
   }

   .mt-21 {
       margin-top: 21px;
   }

   .mt-22 {
       margin-top: 22px;
   }

   .mt-23 {
       margin-top: 23px;
   }

   .mt-24 {
       margin-top: 24px;
   }

   .mt-25 {
       margin-top: 25px;
   }

   .d-none {
       display: none !important;
   }

   .status_filled span.badge.badge-info {
       background: #0088b4;
   }

   .status_filled span.badge.badge-secondary {
       background-color: #f7aa02;
   }

   .status_filled span.badge.badge-warning {
       background: #2778a1;
   }

   .status_filled span.badge.badge-danger {
       background-color: red;
   }

   .status_filled span.badge.badge-success {
       background-color: #4caf50;
   }

   .btn {
       margin: 0;
   }

   .sidebar-mini .sidebar .nav p {
       display: block;
   }

   .sidebar .user .photo img,
   .off-canvas-sidebar .user .photo img {
       padding: 4px;
   }

   .full-page.login-page .card-header.text-center img {
       width: 110px;
   }

   a.pull-right {
       background: #e40016;
       color: #fff;
       min-width: 85px;
       text-align: center;
       padding: 8px;
       border-radius: 0px;
       margin-bottom: 21px;
       font-size: 14px;
   }

   .celender-input img.ui-datepicker-trigger {
       position: relative;
       top: -39px;
       right: 8px;
       float: right;
   }

   .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
       background: #e40016;
       color: #fff;
   }

   div#ui-datepicker-div {
       width: 200px;
   }

   table.ui-datepicker-calendar {
       width: 100%;
       background: #e4001629;
   }

   span.ui-icon.ui-icon-circle-triangle-w {
       float: left;
       color: #fff;
       padding: 7px 5px;
   }

   a.ui-datepicker-next.ui-corner-all {
       float: right;
       color: #fff;
       padding: 7px 5px;
   }

   .ui-datepicker-title {
       height: 35px;
       text-align: center;
       padding: 7px;
   }

   /*td.ui-datepicker-current-day {
    background: #e40016;
   }
td.ui-datepicker-current-day a{
    color:#fff !important;
}*/
   table.ui-datepicker-calendar th {
       padding: 5px;
   }

   table.ui-datepicker-calendar td {
       padding: 5px;
       text-align: center;
   }

   table.ui-datepicker-calendar td a {
       color: #333;
   }

   .logo.logo-mini a.simple-text img {
       width: 55px;
       height: 30px;
       object-fit: contain;
   }

   .sidebar-mini .sidebar .logo:after,
   .off-canvas-sidebar .logo:after {
       background: none;
   }

   .sidebar-mini .sidebar .user,
   .off-canvas-sidebar .user {
       margin: 5px auto 0;
   }

   @media (min-width: 992px) {
       .typo-line {
           padding-left: 140px;
           margin-bottom: 40px;
           position: relative;
       }

       .typo-line .category {
           transform: translateY(-50%);
           top: 50%;
           left: 0px;
           position: absolute;
       }
   }

   #map {
       position: relative;
       width: 100%;
       height: calc(100% - 60px);
       margin-top: 70px;
   }

   .places-buttons .btn {
       margin-bottom: 30px
   }

   .space-70 {
       height: 70px;
       display: block;
   }

   .tim-row {
       margin-bottom: 20px;
   }

   .tim-typo {
       padding-left: 25%;
       margin-bottom: 40px;
       position: relative;
   }

   .tim-typo .tim-note {
       bottom: 10px;
       color: #c0c1c2;
       display: block;
       font-weight: 400;
       font-size: 13px;
       line-height: 13px;
       left: 0;
       margin-left: 20px;
       position: absolute;
       width: 260px;
   }

   .tim-row {
       padding-top: 50px;
   }

   .tim-row h3 {
       margin-top: 0;
   }

   .fixed-plugin li>a,
   .fixed-plugin .badge {
       transition: all .34s;
       -webkit-transition: all .34s;
       -moz-transition: all .34s;
   }

   .btntopview {
       top: 20px;
   }

   div.dataTables_wrapper div.dataTables_filter input {
       margin-left: 0.5em;
       display: inline-block;
       width: auto;
       padding: 5px;
       margin-right: 5px;
   }

   /*.card.card-stats {
    min-height: 100px !important;
}*/
   .fixed-plugin {
       position: fixed;
       top: 180px;
       right: 0;
       width: 64px;
       background: rgba(0, 0, 0, .3);
       z-index: 1031;
       border-radius: 8px 0 0 8px;
       text-align: center;
   }

   .fixed-plugin .fa-cog {
       color: #FFFFFF;
       padding: 10px;
       border-radius: 0 0 6px 6px;
       width: auto;
   }

   .fixed-plugin .dropdown-menu {
       right: 80px;
       left: auto;
       width: 290px;
       border-radius: 10px;
       padding: 0 10px;
   }

   .fixed-plugin .dropdown-menu:after,
   .fixed-plugin .dropdown-menu:before {
       right: 10px;
       margin-left: auto;
       left: auto;
   }

   .fixed-plugin .fa-circle-thin {
       color: #FFFFFF;
   }

   .fixed-plugin .active .fa-circle-thin {
       color: #00bbff;
   }

   .fixed-plugin .dropdown-menu>.active>a,
   .fixed-plugin .dropdown-menu>.active>a:hover,
   .fixed-plugin .dropdown-menu>.active>a:focus {
       color: #777777;
       text-align: center;
   }

   .fixed-plugin img {
       border-radius: 0;
       width: 100%;
       height: 100px;
       margin: 0 auto;
   }

   .fixed-plugin .dropdown-menu li>a:hover,
   .fixed-plugin .dropdown-menu li>a:focus {
       box-shadow: none;
   }

   .fixed-plugin .badge {
       border: 3px solid #FFFFFF;
       border-radius: 50%;
       cursor: pointer;
       display: inline-block;
       height: 23px;
       margin-right: 5px;
       position: relative;
       width: 23px;
   }

   .fixed-plugin .badge.active,
   .fixed-plugin .badge:hover {
       border-color: #00bbff;
   }

   .fixed-plugin .badge-blue {
       background-color: #00bcd4;
   }

   .fixed-plugin .badge-green {
       background-color: #4caf50;
   }

   .fixed-plugin .badge-orange {
       background-color: #ff9800;
   }

   .fixed-plugin .badge-purple {
       background-color: #9c27b0;
   }

   .fixed-plugin .badge-red {
       background-color: #e40016;
   }

   .fixed-plugin .badge-rose {
       background-color: #e91e63;
   }

   .fixed-plugin .badge-black {
       background-color: #000;
   }

   .fixed-plugin .badge-white {
       background-color: rgba(200, 200, 200, 0.2);
   }

   .fixed-plugin h5 {
       font-size: 14px;
       margin: 10px;
   }

   .fixed-plugin .dropdown-menu li {
       display: block;
       padding: 5px 2px;
       width: 25%;
       float: left;
   }

   .fixed-plugin li.adjustments-line,
   .fixed-plugin li.header-title,
   .fixed-plugin li.button-container {
       width: 100%;
       height: 50px;
       min-height: inherit;
   }

   .fixed-plugin li.button-container {
       height: auto;
   }

   .fixed-plugin li.button-container div {
       margin-bottom: 5px;
   }

   .fixed-plugin #sharrreTitle {
       text-align: center;
       padding: 10px 0;
       height: 50px;
   }

   .fixed-plugin li.header-title {
       height: 30px;
       line-height: 25px;
       font-size: 12px;
       font-weight: 600;
       text-align: center;
       text-transform: uppercase;
   }

   .fixed-plugin .adjustments-line p {
       float: left;
       display: inline-block;
       margin-bottom: 0;
       font-size: 1em;
       color: #3C4858;
   }

   .fixed-plugin .adjustments-line a .badge-colors {
       position: relative;
       top: -2px;
   }

   .fixed-plugin .adjustments-line .togglebutton {
       float: right;
   }

   .fixed-plugin .adjustments-line .togglebutton .toggle {
       margin-right: 0;
   }

   .fixed-plugin .dropdown-menu>li.adjustments-line>a {
       padding-right: 0;
       padding-left: 0;
       border-bottom: 1px solid #ddd;
       border-radius: 0;
       margin: 0;
   }

   .fixed-plugin .dropdown-menu>li>a.img-holder {
       font-size: 16px;
       text-align: center;
       border-radius: 10px;
       background-color: #FFF;
       border: 3px solid #FFF;
       padding-left: 0;
       padding-right: 0;
       opacity: 1;
       cursor: pointer;
       max-height: 100px;
       overflow: hidden;
       padding: 0;
   }

   .fixed-plugin .dropdown-menu>li>a.switch-trigger:hover,
   .fixed-plugin .dropdown-menu>li>a.switch-trigger:focus {
       background-color: transparent;
   }

   .fixed-plugin .dropdown-menu>li:hover>a.img-holder,
   .fixed-plugin .dropdown-menu>li:focus>a.img-holder {
       border-color: rgba(0, 187, 255, 0.53);
       ;
   }

   .fixed-plugin .dropdown-menu>.active>a.img-holder,
   .fixed-plugin .dropdown-menu>.active>a.img-holder {
       border-color: #00bbff;
       background-color: #FFFFFF;
   }

   .fixed-plugin .dropdown-menu>li>a img {
       margin-top: auto;
   }

   .fixed-plugin .btn-social {
       width: 50%;
       display: block;
       width: 48%;
       float: left;
       font-weight: 600;
   }

   .fixed-plugin .btn-social i {
       margin-right: 5px;
   }

   .fixed-plugin .btn-social:first-child {
       margin-right: 2%;
   }

   .fixed-plugin .dropdown .dropdown-menu {
       -webkit-transform: translateY(-15%);
       -moz-transform: translateY(-15%);
       -o-transform: translateY(-15%);
       -ms-transform: translateY(-15%);
       transform: translateY(-15%);
       top: 27px;
       opacity: 0;

       transform-origin: 0 0;
   }

   .fixed-plugin .dropdown.open .dropdown-menu {
       opacity: 1;

       -webkit-transform: translateY(-13%);
       -moz-transform: translateY(-13%);
       -o-transform: translateY(-13%);
       -ms-transform: translateY(-13%);
       transform: translateY(-13%);

       transform-origin: 0 0;
   }

   .fixed-plugin .dropdown-menu:before,
   .fixed-plugin .dropdown-menu:after {
       content: "";
       display: inline-block;
       position: absolute;
       top: 78px;
       width: 16px;
       transform: translateY(-50%);
       -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);

   }

   .fixed-plugin .dropdown-menu:before {
       border-bottom: 16px solid rgba(0, 0, 0, 0);
       border-left: 16px solid rgba(0, 0, 0, 0.2);
       border-top: 16px solid rgba(0, 0, 0, 0);
       right: -17px;
   }

   .fixed-plugin .dropdown-menu:after {
       border-bottom: 16px solid rgba(0, 0, 0, 0);
       border-left: 16px solid #FFFFFF;
       border-top: 16px solid rgba(0, 0, 0, 0);
       right: -16px;
   }

   .wrapper-full-page~.fixed-plugin .dropdown.open .dropdown-menu {
       -webkit-transform: translateY(-17%);
       -moz-transform: translateY(-17%);
       -o-transform: translateY(-17%);
       -ms-transform: translateY(-17%);
       transform: translateY(-17%);
   }

   .wrapper-full-page~.fixed-plugin .dropdown .dropdown-menu {
       -webkit-transform: translateY(-19%);
       -moz-transform: translateY(-19%);
       -o-transform: translateY(-19%);
       -ms-transform: translateY(-19%);
       transform: translateY(-19%);
   }

   .fixed-plugin {
       top: 120px;
       display: none !important;
   }

   @media (min-width: 992px) {

       .typo-line {
           padding-left: 140px;
           margin-bottom: 40px;
           position: relative;
       }

       .typo-line .category {
           transform: translateY(-50%);
           top: 50%;
           left: 0px;
           position: absolute;
       }
   }

   @media (max-width: 991px) {

       .wrapper-full-page~.fixed-plugin .dropdown-menu:after,
       .wrapper-full-page~.fixed-plugin .dropdown-menu:before {
           top: 99px;
       }

       .wrapper-full-page~.fixed-plugin .adjustments-line a .badge-colors {
           top: 3px;
       }

       .wrapper-full-page~.fixed-plugin .adjustments-line+.header-title {
           margin-top: 15px;
       }

       .fixed-plugin .dropdown-menu {
           right: 81px;
           width: 250px;
       }

       .fixed-plugin li.button-container {
           height: auto;
       }

       .fixed-plugin .adjustments-line .switch {
           float: right;
           margin: 0 0px;
       }

       .fixed-plugin li.header-title {
           height: 40px;
       }

       .fixed-plugin .dropdown .dropdown-menu {
           top: 10px;
       }

       .fixed-plugin .dropdown-menu:after,
       .fixed-plugin .dropdown-menu:before {
           top: 96px;
       }

       .fixed-plugin .dropdown-menu>li>a.img-holder {
           max-height: 75px;
       }

       .fixed-plugin {
           top: 80px;
       }
   }

   /* 5-june start */
   .form-group.has-error label.control-label,
   .form-group.has-error .help-block {
       color: #e40016;
   }

   .card img {
       width: 100%;
       height: 100% !important;
       object-fit: cover !important;
   }

   .sidebar[data-active-color="rose"] li.active>a,
   .off-canvas-sidebar[data-active-color="rose"] li.active>a {
       background-color: #e40016 !important;
       box-shadow: 0px 4px 9px #13132b6b;
   }

   .sidebar .nav li.active>a,
   .sidebar .nav li.active>a i,
   .off-canvas-sidebar .nav li.active>a,
   .off-canvas-sidebar .nav li.active>a i {
       color: #fff !important;
   }

   .card .card-header.card-header-icon {
       box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(80, 193, 178, 0.29);
       background: #e40016 !important;
   }

   table.dataTable>thead>tr>th {
       border: none;
       font-size: 15px !important;
       font-weight: 600 !important;
   }

   .pagination>.active>a,
   .pagination>.active>a:focus,
   .pagination>.active>a:hover,
   .pagination>.active>span,
   .pagination>.active>span:focus,
   .pagination>.active>span:hover {
       background-color: #e40016 !important;
       border-color: #e40016 !important;
       color: #FFFFFF;
       box-shadow: 0px 0px 3px 3px #e400164f;
   }

   .fileinput.fileinput-new.text-center span.btn.btn-rose.btn-round.btn-file {
       background: #e40016 !important;
       box-shadow: 0 2px 2px 0 rgba(80, 193, 178, 0.13), 0 3px 1px -2px rgba(80, 193, 178, 0.2), 0 1px 5px 0 rgba(80, 193, 178, 0.17) !important;
       cursor: pointer !important;
   }

   .form-group.form-button button.btn.btn-fill.btn-rose {
       background: #e40016 !important;
   }

   /*.btn-group button.btn.btn-success.btn-round {
    margin-bottom: 5px !important;
}
*/
   table#datatables a.btn.btn-success {
       width: 55px;
       padding: 6px 5px;
       font-size: 10px;
   }

   table#datatables .dropdown button.btn.btn-success.dropdown-toggle {
       width: 55px;
       padding: 6px 5px;
       font-size: 10px;
   }

   table#datatables .dropdown {
       display: inline-block !important;
   }

   input.btn.btn-fill.btn-rose {
       background: #e40016 !important;
       opacity: 1;
   }

   span.btn.btn-rose.btn-round.btn-file {
       box-shadow: 0 2px 2px 0 rgba(80, 193, 178, 0.16), 0 3px 1px -2px rgba(80, 193, 178, 0.18), 0 1px 5px 0 rgba(80, 193, 178, 0.19) !important;
       background: #fc9306 !important;
   }

   textarea#editor1 {
       width: 100%;
   }

   input[type=text] {
       background: #f8f8f8 !important;
       padding: 0 10px !important;
       border: none !important;
       border-radius: 5px !important;
       margin-bottom: 10px !important;
   }

   textarea {
       background: #f8f8f8 !important;
       padding: 10px !important;
       border: none !important;
       border-radius: 5px !important;
       margin-bottom: 10px !important;
   }

   select {
       background: #f8f8f8 !important;
       padding: 0 10px !important;
       border: none !important;
       border-radius: 5px !important;
       margin-bottom: 10px !important;
   }

   .sidebar .nav li>a,
   .off-canvas-sidebar .nav li>a {
       margin: 0px;
       border-radius: 3px;
       color: #252932 !important;
   }

   .sidebar .nav i,
   .off-canvas-sidebar .nav i {
       font-size: 24px;
       float: left;
       margin-right: 8px;
       line-height: 30px;
       width: 30px;
       text-align: center;
       color: #252932 !important;
   }

   .sidebar .logo .simple-text,
   .off-canvas-sidebar .logo .simple-text {
       text-transform: uppercase;
       padding: 5px 0px;
       display: block;
       font-size: 18px;
       color: #3C4858 !important;
       text-align: center;
       white-space: nowrap;
       font-weight: 400;
       line-height: 30px;
       overflow: hidden;
   }

   .sidebar .user a,
   .off-canvas-sidebar .user a {
       text-align: center;
       color: #33363f !important;
       font-weight: 500 !important;
       padding: 6px 10px;
       text-align: center;
       display: block;
       white-space: nowrap;
   }

   /* 5-june End */

   tbody.order_details_table_td tr td strong.pull-right {
       float: none !important;
   }

   td.order_detail_padding_0 {
       vertical-align: text-top !important;
   }

   td.order_detail_strong address {
       display: contents;
   }

   tbody.order_details_table_td table {
       background: #f9f9f9 !important;
   }

   .full-page.login-page .card-header.text-center {
       background: #daffd1;
       box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(19 19 43 / 35%) !important;
       padding: 25px 0px 10px;
   }

   .full-page.login-page .card-header.text-center h4 {
       color: #535353;
       font-weight: 500;
   }

   .full-page.login-page .card.card-login .footer.text-center button.btn.btn-rose.btn-simple.btn-wd.btn-lg {
       color: #ff060c !important;
   }

   a.simple-text img {
       /*width: 115px;*/
       height: 65px;
       object-fit: contain;
   }

   .sidebar,
   .off-canvas-sidebar {
       position: absolute;
       top: 0;
       bottom: auto !important;
       z-index: 1;
       width: 260px;
       background: #FFFFFF;
       box-shadow: 5px -13px 8px 0px rgba(0, 0, 0, 0.30) !important;
       /*height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;*/
   }

   .add_btn {
       background: #fc9306;
       color: #fff;
       width: 110px;
       text-align: center;
       padding: 8px;
       border-radius: 55px;
       margin-bottom: 21px;
       font-size: 14px;
   }

   .upload_btn {
       background: #fff;
       color: #fc9306;
       width: 120px;
       text-align: center;
       padding: 8px !important;
       border-radius: 55px;
       margin-bottom: 21px;
       font-size: 14px;
       border: 1px solid red;
   }


   table#datatables .cat-img img {
       width: 102px;
   }

   .back_btn {
       background: transparent !important;
       color: #fc9306 !important;
       border: 1px solid #fc9306;
       box-shadow: none !important;
   }

   .margin_right_10 {
       margin-right: 10px;
   }

   .alert-dismissable .close,
   .alert-dismissible .close {
       top: 0px !important;
       right: 0px !important;
   }

   /* datepicker start */
   #datepicker_from,
   #datepicker_to {
       width: 90%;
       margin: 20px 0px 0px;
   }

   #datepicker_from>span:hover,
   #datepicker_to>span:hover {
       cursor: pointer;
   }

   #datepicker_from span.input-group-addon {
       display: flex;
       position: absolute;
       top: 0px;
       right: -21px;
   }

   .date_picker_s {
       position: relative !important;
   }

   /* datepicker End */
   div#collapseExample ul.nav.active {
       background: #fff;
       /*    width: 60%;*/
       margin: 0 auto;
       box-shadow: 0px 0px 5px 5px #efefef;
   }

   .edit_profile_photo a {
       margin-left: 10px;
   }

   .add_store:hover {
       color: #fff;
   }

   .add_store {
       background: #fc9306;
       color: #fff;
       width: 150px;
       text-align: center;
       padding: 8px;
       border-radius: 55px;
       margin-bottom: 21px;
       font-size: 14px;
   }

   .submit_btn {
       /* background: #fc9306 !important;*/
       border-radius: 3px;
   }

   .fileinput-preview.fileinput-exists.thumbnail.img-circle img {
       height: 100px !important;
   }

   .add_btn:hover {
       color: #fff;
   }

   table#datatables tr th {
       font-size: 14px !important;
       font-weight: 600 !important;
       border: 1px solid aliceblue;
       text-wrap: nowrap;
       padding: 8px 10px !important;
   }

   .fileinput-new.thumbnail.img-circle {
       height: 100px !important;
       width: 100px !important;
   }

   button.btn.btn-rose.lets_go_btn {
       background: #e40016;
       box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgb(19 19 43 / 35%) !important;
   }

   .card-content.main_dashboard_login label.control-label {
       font-size: 14px;
       margin-bottom: 7px;
   }




   .card.order_list {
       padding: 10px;
   }

   .card.order_list tr th {
       min-width: 120px;
       text-align: left;
   }

   .card.order_list .table tr td:first-child {
       padding-left: 40px !important;
   }


   .btn,
   .btn:hover,
   .btn:focus,
   .btn:active,
   .btn.active,
   .btn:active:focus,
   .btn:active:hover,
   .btn.active:focus,
   .btn.active:hover,
   .open>.btn.dropdown-toggle,
   .open>.btn.dropdown-toggle:focus,
   .open>.btn.dropdown-toggle:hover,
   .btn.btn-default,
   .btn.btn-default:hover,
   .btn.btn-default:focus,
   .btn.btn-default:active,
   .btn.btn-default.active,
   .btn.btn-default:active:focus,
   .btn.btn-default:active:hover,
   .btn.btn-default.active:focus,
   .btn.btn-default.active:hover,
   .open>.btn.btn-default.dropdown-toggle,
   .open>.btn.btn-default.dropdown-toggle:focus,
   .open>.btn.btn-default.dropdown-toggle:hover,
   .navbar .navbar-nav>li>a.btn,
   .navbar .navbar-nav>li>a.btn:hover,
   .navbar .navbar-nav>li>a.btn:focus,
   .navbar .navbar-nav>li>a.btn:active,
   .navbar .navbar-nav>li>a.btn.active,
   .navbar .navbar-nav>li>a.btn:active:focus,
   .navbar .navbar-nav>li>a.btn:active:hover,
   .navbar .navbar-nav>li>a.btn.active:focus,
   .navbar .navbar-nav>li>a.btn.active:hover,
   .open>.navbar .navbar-nav>li>a.btn.dropdown-toggle,
   .open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:focus,
   .open>.navbar .navbar-nav>li>a.btn.dropdown-toggle:hover,
   .navbar .navbar-nav>li>a.btn.btn-default,
   .navbar .navbar-nav>li>a.btn.btn-default:hover,
   .navbar .navbar-nav>li>a.btn.btn-default:focus,
   .navbar .navbar-nav>li>a.btn.btn-default:active,
   .navbar .navbar-nav>li>a.btn.btn-default.active,
   .navbar .navbar-nav>li>a.btn.btn-default:active:focus,
   .navbar .navbar-nav>li>a.btn.btn-default:active:hover,
   .navbar .navbar-nav>li>a.btn.btn-default.active:focus,
   .navbar .navbar-nav>li>a.btn.btn-default.active:hover,
   .open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle,
   .open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:focus,
   .open>.navbar .navbar-nav>li>a.btn.btn-default.dropdown-toggle:hover {
       background-color: #e40016;
   }

   input.radio2 {
       margin-right: 5px;
       vertical-align: top;
   }

   button.pull-right.btn.btn-fill.btn-rose {
       background: #e40016;
   }

   table.table th {
       font-size: 15px !important;
   }

   a.add_button {
       color: #fff;
       padding: 12px 0px;
       height: 42px !important;
       border-radius: 4px;
       margin-bottom: 0px !important;
       display: inline-block;
   }

   button.btn.btn-success.btn-round.edit-btn {
       width: 27px;
       height: 27px;
       padding: 0;
   }

   table td {
       font-size: 14px;
   }

   a.text-right.add-btn {
       background: #e40016;
       color: #fff;
       padding: 8px 12px;
       border-radius: 4px;
   }

   .col-md-12.add-outer {
       margin-bottom: 20px;
   }

   button.btn.btn-danger.btn-round.close-btn {
       width: 30px;
       height: 30px;
       padding: 0;
   }

   .col-md-12.btn-outer {
       padding-right: 0px;
   }

   .card [data-background-color="orange"] {
       background: #e40016;
   }

   .card [data-background-color="rose"] {
       background: linear-gradient(60deg, #e40016, #e40016);
       box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(238 125 69 / 50%);
   }

   .card [data-background-color="green"] {
       background: linear-gradient(60deg, #e40016, #e40016);
       box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(238 125 69);
   }

   .card [data-background-color="blue"] {
       background: linear-gradient(60deg, #e40016, #e40016);
       box-shadow: 0 4px 20px 0px rgb(0 0 0 / 14%), 0 7px 10px -5px rgb(238 125 69 / 40%);
   }

   div#datatables_filter input {
       border: 1px solid #dcdcdc !important;
       box-shadow: 0 0 5px #e8e8e8 !important;
       background: #fff !important;
       border-radius: 5px;
   }

   a.btn.btn-fill.btn-rose {
       background: #e40016;
   }

   select.text-input.form-control.citySelect {
       border: 1px solid #dcdcdc !important;
       box-shadow: 0 0 5px #e8e8e8 !important;
       background: #fff !important;
       position: relative;

   }

   span.arrow {
       position: absolute;
       top: 30px;
       right: 12px;
   }

   span.arrow i {
       color: #a9a6a6;
   }

   .btn.btn-rose,
   .btn.btn-rose:hover,
   .btn.btn-rose:focus,
   .btn.btn-rose:active,
   .btn.btn-rose.active,
   .btn.btn-rose:active:focus,
   .btn.btn-rose:active:hover,
   .btn.btn-rose.active:focus,
   .btn.btn-rose.active:hover,
   .open>.btn.btn-rose.dropdown-toggle,
   .open>.btn.btn-rose.dropdown-toggle:focus,
   .open>.btn.btn-rose.dropdown-toggle:hover,
   .navbar .navbar-nav>li>a.btn.btn-rose,
   .navbar .navbar-nav>li>a.btn.btn-rose:hover,
   .navbar .navbar-nav>li>a.btn.btn-rose:focus,
   .navbar .navbar-nav>li>a.btn.btn-rose:active,
   .navbar .navbar-nav>li>a.btn.btn-rose.active,
   .navbar .navbar-nav>li>a.btn.btn-rose:active:focus,
   .navbar .navbar-nav>li>a.btn.btn-rose:active:hover,
   .navbar .navbar-nav>li>a.btn.btn-rose.active:focus,
   .navbar .navbar-nav>li>a.btn.btn-rose.active:hover,
   .open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle,
   .open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:focus,
   .open>.navbar .navbar-nav>li>a.btn.btn-rose.dropdown-toggle:hover {
       background: #e40016;
   }

   .sidebar .nav,
   .off-canvas-sidebar .nav {
       margin-top: 0px;
   }

   .btn.btn-fill.btn-rose {
       background: #e40016;
   }

   .add_icon {
       text-align: left;
       padding-left: 15px;
       margin-top: 30px;
   }

   .add_icon.custom-add {
       margin-top: 0px;
   }

   .add_icon.col-md-2 {
       margin-top: 0;
       text-align: right;
       padding-right: 75px;
       margin-bottom: 2px;
   }


   ul.nav.cus-menu li a {
       padding-left: 27px !important;
   }

   span.side-icon img {
       width: 22px;
       display: inline-block;
   }

   span.side-icon img {
       width: 20px;
       display: inline-block;
       vertical-align: top;
       margin-right: 10px;
       vertical-align: middle;
   }


   span.side-icon2 img {
       width: 20px;
       display: inline-block;
       margin-right: 10px;
   }

   .fileinput-new.thumbnail img {
       width: 100px;
       height: 100px !important;
   }

   span.side-icon2 {
       display: none;
   }

   .sidebar .nav li.active>a,
   .sidebar .nav li.active>a i,
   .off-canvas-sidebar .nav li.active>a,
   .off-canvas-sidebar .nav li.active>a i {
       color: #fff !important;
   }

   .sidebar .nav li.active>a span.side-icon2 {
       display: inline-block;
       /* vertical-align: middle; */
   }

   .sidebar .nav li.active>a span.side-icon {
       display: none;
       vertical-align: middle;
   }

   .sidebar-mini span.text-s {
       display: none;
   }

   .sidebar-mini b.caret {
       display: none;
   }

   span.side-icon2.coupons-icon img {
       padding-top: 8px;
   }

   span.side-icon.cus-menu img {
       margin-top: 8px !important;
   }


   /* span.side-icon.cc-p img {
    padding-top: 8px !important;
   } */
   button.btn.btn-success.btn-round {
       background: #66cc00;
   }

   /* button.btn.btn-danger.btn-round {
    width: 54px;
    height: 27px;
    display: flex;
    align-items: center;
} */
   .homeAnimationLogo img {
       width: 200px;
       height: auto;
       object-fit: contain;
   }

   h1.welcome-message {
       height: 82vh;
       display: flex;
       align-items: center;
       justify-content: center;
       line-height: normal;
       font-size: 70px;
       font-weight: 600;
       gap: 15px;
       letter-spacing: 1px;
       color: #e40016;
       background: url('https://second-phase.pickport.in/uploads/homeDashBg.png');
       background-position: center;
       background-repeat: no-repeat;
       background-size: cover;
       position: relative;
       z-index: 0;
   }

   .homeAnimationLogo {
       position: absolute;
       z-index: 99;
       display: flex;
       justify-content: center;
       width: 100%;
       animation: homeLogoImg 5s;
       transform: translateY(165px);
   }

   .welcomeText {
       animation: welcomeAnimation 10s;
       transform: translateX(0);
       opacity: 1;
   }

   @keyframes welcomeAnimation {
       5% {
           opacity: .5;
           transform: translateX(-300px);
       }

       40% {
           opacity: 1;
           transform: translateX(0);
       }

       100% {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @keyframes homeLogoImg {
       5% {
           opacity: .5;
           transform: translateY(0);
       }

       100% {
           opacity: 1;
           transform: translateY(165px);
       }
   }

   .pickportText {
       animation: pickportAnimation 10s;
       transform: translateX(0);
       opacity: 1;
   }

   @keyframes pickportAnimation {
       5% {
           opacity: .5;
           transform: translateX(300px);
       }

       40% {
           opacity: 1;
           transform: translateX(0);
       }

       100% {
           opacity: 1;
           transform: translateX(0);
       }
   }

   @media only screen and (max-width: 1700px) {
       .homeAnimationLogo {
           transform: translateY(165px);
       }
   }

   @media only screen and (max-height: 850px) {
       .homeAnimationLogo {
           transform: translateY(100px);
       }

       @keyframes homeLogoImg {
           5% {
               opacity: .5;
               transform: translateY(0);
           }

           100% {
               opacity: 1;
               transform: translateY(100px);
           }
       }
   }

   @media only screen and (max-height: 700px) {
       .homeAnimationLogo {
           transform: translateY(70px);
       }

       @keyframes homeLogoImg {
           5% {
               opacity: .5;
               transform: translateY(0);
           }

           100% {
               opacity: 1;
               transform: translateY(70px);
           }
       }
   }

   h1.welcome-message:after {
       content: "";
       display: block;
       width: 100%;
       height: 100%;
       position: absolute;
       left: 0;
       top: 0;
       background: #ffffffbf;
       z-index: -1;
       opacity: 0.9;
   }

   h1.welcome-message span {
       color: #66CC00;
   }

   button.btn.btn-success.btn-round i {
       font-size: 14px;
       line-height: 20px;
       color: #fff;
   }

   .btn .material-icons {
       vertical-align: middle;
       font-size: 14px;
       top: 0px;
       position: relative;
       line-height: 19px;
   }

   button.btn.btn-success.btn-round {
       background: #66cc00;
       width: 27px;
       height: 27px;
       /* display: flex;
    align-items: center;
    justify-content: center; */
       border-radius: 50%;
   }


   @media(max-width:1367px) {
       button.btn.btn-success.btn-round {
           background: #66cc00;
           width: 27px !important;
           height: 27px !important;
           border-radius: 50%;
           display: flex;
           align-items: center;
           justify-content: center;
       }
   }

   img.ui-datepicker-trigger {
       float: right;
       position: relative;
       top: -39px;
       right: 5px;
   }

   td.ui-datepicker-today {
       background: #e40016;
   }

   td.ui-datepicker-today a {
       color: #fff !important;
   }

   .sidebar .nav li:first-child>a,
   .off-canvas-sidebar .nav li:first-child>a {
       margin: 0;
   }

   div.dataTables_wrapper div.dataTables_length select {
       width: 100%;
       display: inline-block;
   }

   .btn,
   .navbar .navbar-nav>li>a.btn {
       padding: 5px;
   }

   .stats {
       width: 100%;
   }

   span.left-dir {
       float: right;
       display: inline-block;
   }

   .custom-table {
       width: 100%;
       overflow-x: scroll;
   }

   div#datatables_wrapper .row {
       margin: 0px auto;
   }

   .custom-table {
       width: 100%;
       overflow-x: scroll;
       padding: 12px 0px;
   }

   .sidebar .sidebar-wrapper,
   .off-canvas-sidebar .sidebar-wrapper {
       position: fixed;
   }