:root {
  --brand-color: #de7f05;
  --brand-btn-color: #de7f05;
  --brand-btn-hover-color: #b65c09;
  --brand-btn-text-color: #fff;
  --brand-text-bg: #2800b82b;
}

body {
  font-family: "Roboto", sans-serif;
}

.btn-brand,
.btn-brand:hover,
.btn-brand:focus {
  background: var(--brand-btn-color) !important;
  color: var(--brand-btn-text-color) !important;
}
.brand-text{
  color: var(--brand-color);
}
.brand-text-bg{
  background: var(--brand-text-bg);
}

label.error {
  color: red;
  font-size: 14px;
}

/* =====================User Login Page Start =======================*/
.login-page .col-12 {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.login-page h2 {
  font-weight: 800;
  font-size: 30px;
}

.login-page img {
  max-width: 130px;
  width: 100%;
}

.login-page input,
.login-page .form-check label,
.login-page .forgot-password a {
  font-size: 14px;
}

.login-page .result label {
  font-size: 14px;
  font-weight: 500;
}

/*===================Media Section Start=================*/
.add-media .col-md-7 {
  padding: 50px;
}

.add-media input {
  padding: 70px 0 70px 130px;
  border: 2px dashed #ccc;
}

.add-media input {
  padding: 70px 0 70px 130px;
  border: 2px dashed #ccc;
}

/* ----------media all page-------- */
.media-all-page input,
.media-all-page .btn {
  font-size: 13px;
  height: 32px;
}

.media-all-page .image {
  margin: 0 0 15px 0;
  height: 110px;
}

.media-all-page .image img {
  height: 110px;
  max-height: 110px;
  cursor: pointer;
}

/* -----------Media details in Modal---------- */
.media-details p {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
}

.media-details span {
  font-size: 12px;
}

.media-details input,
.media-details textarea,
.media-details label {
  font-size: 13px;
}

/*===================Media Section End===================*/

/*===================User Role page Start================*/
.user-role-page .add-new {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.user-role-page .add-new label {
  font-weight: 500;
  font-size: 15px;
  margin: 0 0 5px 0;
}

.user-role-page .btn {
  font-size: 15px;
}

.user-role-page .add-new p {
  font-weight: 500;
  font-size: 14px;
}

.user-role-page .table th,
.user-role-page .table td {
  font-size: 14px;
}

/*===================User Role page End==================*/

/*===================User page Start=====================*/
.user-page .add-user .card-header,
.user-page .user-details .card-header {
  background: var(--brand-btn-color);
}

.user-page .add-user .card-header h5,
.user-page .user-details .card-header h5 {
  font-size: 18px;
  letter-spacing: 1px;
}

.user-page .add-user label {
  font-size: 14px;
  font-weight: 500;
}

.user-page .add-user label.error {
  font-size: 13px;
  font-weight: 400;
}

.user-page .add-user select {
  font-size: 14px;
}

.user-page .add-user .btn {
  min-width: 210px;
  font-size: 14px;
  font-weight: 500;
}

.user-page .add-user .readonly,
.user-page .add-user .readonly:focus {
  background: #ccc;
  cursor: not-allowed;
  border: none;
}

.user-page .user-list table th,
.user-page .user-list table td {
  font-size: 14px;
}

.user-page .user-list .status {
  font-size: 12px;
}

.user-page .user-details td {
  font-size: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
}

/*===================User page End=======================*/

/*===================Branch page Start====================*/
.branch-page .add-new .form-label{
  font-size: 14px;
  font-weight: 600;
}
.branch-page .add-new input,.branch-page .add-new select,.branch-page .add-new textarea{
  font-size: 14px;
}
.branch-page .add-new label.error{
  font-size: 14px;
  color: red;
  padding: 0 !important;
  margin: 0 !important;
}
.branch-page .add-new #slug{
  background: #e6e6e6;
  cursor: not-allowed;
}

.branch-page table th,.branch-page table td{
  font-size: 14px;
}
.branch-page .btn{
  background: var(--brand-btn-color);
  border: none;
  font-size: 14px;
}
.branch-page .btn:hover,.branch-page .btn:focus{
  background: var(--brand-btn-hover-color);
  border: none;
}
/*===================Branch page End======================*/

/*===================Category page Start==================*/
.category-page .add-new .form-label{
  font-size: 14px;
  font-weight: 600;
}
.category-page .add-new input,.category-page .add-new select,.category-page .add-new .form-check{
  font-size: 14px;
}
.category-page .add-new label.error{
  font-size: 14px;
  color: red;
  padding: 0 !important;
  margin: 0 !important;
}
.category-page .add-new #cat_slug{
  background: #e6e6e6;
  cursor: not-allowed;
}
.bg-light{
  background: #e6e6e6 !important;
}
.category-page .btn{
  background: var(--brand-btn-color);
  border: none;
  font-size: 14px;
}
.category-page .btn:hover,.category-page .btn:focus{
  background: var(--brand-btn-hover-color);
  border: none;
}

.category-page .table td,.category-page .table th {
  font-size: 14px;
}
/*===================Category page End====================*/

/*===================Menu page Start======================*/
.menu-page .add-menu .form-label{
  font-size: 14px;
  font-weight: 600;
}
.menu-page .add-menu input,.menu-page .add-menu select,.menu-page .add-menu .form-check{
  font-size: 14px;
}
.menu-page .add-menu label.error{
  font-size: 14px;
  color: red;
  padding: 0 !important;
  margin: 0 !important;
}
.menu-page .add-menu #cat_slug{
  background: #e6e6e6;
  cursor: not-allowed;
}
.menu-page .add-menu .bg-light{
  background: #e6e6e6 !important;
}
.menu-page .add-menu .btn{
  background: var(--brand-btn-color);
  border: none;
  font-size: 14px;
}
.menu-page .add-menu .btn:hover,.menu-page .add-menu .btn:focus{
  background: var(--brand-btn-hover-color);
  border: none;
}

.menu-page .table td,.menu-page .table th {
  font-size: 14px;
}
.menu-page table img{
  max-width: 70px;
  width: 100%;
}
/*===================Menu page End========================*/

/*===================Coupons page Start===================*/
.coupons-page .table td,.coupons-page .table th {
  font-size: 13px;
}
.coupons-page .table i{
  font-size: 16px;
}
.coupons-page .brand-text-bg h2{
  font-size: 22px;
  margin: 0;
  padding: 7px 0;
  text-transform: uppercase;
  font-weight: 700;
}
.coupons-page form .label{
  font-size: 14px;
  font-weight: 600;
}
.coupons-page form input,.coupons-page form select,.coupons-page form .form-check-label{
  font-size: 14px;
}
.coupons-page form label.error{
  color: red;
  font-size: 13px;
}
.coupons-page form .btn{
  font-size: 14px;
  font-weight: 500;
  min-width: 200px;
  margin: 5px 0 25px 0;
}
/*===================Coupons page End=====================*/

/*===================Delivery charges page Start==========*/
.delivery-charges-page select,.delivery-charges-page input{
  font-size: 14px;
}
.delivery-charges-page #addRowBtn,.delivery-charges-page .removeRow{
  min-width: 35px;
}
.delivery-charges-page .alert{
  font-size: 14px;
  font-weight: 600;
}
.delivery-charges-page table th,.delivery-charges-page table td{
  font-size: 14px;
}
.delivery-charges-page table .btn{
  padding: 2px 10px;
  min-width: 50px;
  font-size: 13px !important;
  border-radius: 3px;
}
/*===================Delivery charges page End============*/



/*===================Data Table code=====================*/
.dt-container .pagination button{
  font-size: 14px !important;
  padding: 4px 10px;
}
.dt-info,.dt-length label,.dt-search label{
  font-size: 14px;
}
.table.dataTable td.dt-type-numeric,table.dataTable th.dt-type-numeric{
  text-align: left !important;
}