@font-face {
   font-family: WorkSans;
   src: url(/admin/assets/static/WorkSans-Medium.ttf);
   font-weight: 400;
}

@font-face {
   font-family: WorkSans;
   src: url(/admin/assets/static/WorkSans-Regular.ttf);
   font-weight: 500;
   /* This assumes that the WorkSans-SemiBold.ttf font file represents a weight of 500 */
}

@font-face {
   font-family: WorkSans;
   src: url(/admin/assets/static/WorkSans-SemiBold.ttf);
   font-weight: 600;
   /* This assumes that the WorkSans-SemiBold.ttf font file represents a weight of 600 */
}

div,
a {
   font-family: WorkSans;
   color: #4a4a4a;
}

main.content {
   padding: 30px 30px 30px 30px !important;
}

/*dashboard-start */

.dashboard_main {
   background-color: #f6f7fb !important;
}

.dashboard_main .cart {
   border-radius: 10px !important;
   background-color: #fff;
}

/*dashboard-end */
/*log start here */
.login {
   width: 100% !important;
   height: 100vh !important;
   position: relative;
   background-image: url('{{asset("admin/img/login_img/LoginBG1.png")}}');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   margin-top: -25px;
}

.login-sub {
   width: 370px;
   margin: 0px auto;
   position: relative;
   top: 15%;
   text-align: center;
}

.login .login_background {
   width: 100%;
   height: 100%;
}

.login_logo {
   width: 100%;
}

.login-sub form .form-lable,
.login-sub form button {
   height: 38px;
   border-radius: 5px;
}

.login-sub form .form-lable {
   color: #a2a2a2;
}

.login-sub form {
   margin-top: 25px;
   background-color: #ffffff;
   padding: 30px;
   border-radius: 5px;
}

.login-sub form a {
   color: #004b8f;
}

.login_submit_button {
   width: 100%;
   color: #ffffff;
   background-color: #004b8f;
   border: none;
}

@media  screen and (min-width:0px) and (max-width:550px) {
  main.content {
      padding: 30px 20px !important;
   }
   .col.dashboard_main {
      width: 100% !important;
      flex: auto;
      margin-top: 15px;
  }
  .col.dashboard_main:first-child {
      margin-top: 50px;
   }
}


@media  screen and (min-width:551px) and (max-width:767px) {
   main.content {
      padding: 30px 10px !important;
   }
   .dashboard_main {
      max-width: 650px !important;
      margin: 0px !important;
  }
  .col.dashboard_main {
      width: 50% !important;
      max-width: 50% !important;
      flex: 50% !important;
      margin-top: 15px !important;
   }
}