/*
    Table of Contents

    Name                 : JOBICK
    Author               : DexignZone
    Author Portfolio     : https://themeforest.net/user/dexignzone/portfolio
    


    Table of Sass Contents

    1. Abstracts
        _bs-custom
        _inheritance
        _maps
        _mixin
        _variable

    2. bootstrap 
        -Here goes all official bootstrap scss files

    3. Global/Base
        _color
        _custom-grid
        _fonts
        _helper
        _reset

    4. layout
        +footer
        +header
        +rtl
        +sidebar
        +tables
        +theme
        +version-dark

    5. Conponents
        +app
        +charts
        +forms
        +map
        +uc
        +ui
        +widget

    6. Page
        _index-1
        _page-error
        _page-register
        _page-signin
        _page-user-lock
        _page-user-lock

*/
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
@import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700");
@import url("./../icons/simple-line-icons/css/simple-line-icons.css");
@import url("./../icons/material-design-iconic-font/css/materialdesignicons.min.css");
@import url("./../icons/themify-icons/css/themify-icons.css");
@import url("./../icons/line-awesome/css/line-awesome.min.css");
@import url("./../icons/avasta/css/style.css");
@import url("./../icons/flaticon/flaticon.css");
@import url("./../icons/flaticon_1/flaticon_1.css");
@import url("./../icons/icomoon/icomoon.css");
@import url("./../icons/bootstrap-icons/font/bootstrap-icons.css");
@import url(./../vendor/animate/animate.min.css);
@import url(./../vendor/aos/css/aos.min.css);
@import url(./../vendor/perfect-scrollbar/css/perfect-scrollbar.css);
@import url(./../vendor/metismenu/css/metisMenu.min.css);
:root {
  --primary: #F93A0B;
  --secondary: #145650;
  --primary-hover: #cc2c05;
  --primary-dark: #681703;
  --rgba-primary-1: rgba(249, 58, 11, 0.1);
  --rgba-primary-2: rgba(249, 58, 11, 0.2);
  --rgba-primary-3: rgba(249, 58, 11, 0.3);
  --rgba-primary-4: rgba(249, 58, 11, 0.4);
  --rgba-primary-5: rgba(249, 58, 11, 0.5);
  --rgba-primary-6: rgba(249, 58, 11, 0.6);
  --rgba-primary-7: rgba(249, 58, 11, 0.7);
  --rgba-primary-8: rgba(249, 58, 11, 0.8);
  --rgba-primary-9: rgba(249, 58, 11, 0.9);
  --font-family-base: Roboto, sans-serif;
  --font-family-title: Roboto, sans-serif;
  --title: #000; }

:root {
  --width: 17.5rem;
  --height: 5rem; }

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }
  .btn-check[disabled] + .btn, .btn-check:disabled + .btn {
    pointer-events: none;
    filter: none;
    opacity: 0.65; }

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #393939;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.75rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: #393939; }
  .btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(249, 58, 11, 0.25); }
  .btn:disabled, .btn.disabled,
  fieldset:disabled .btn {
    pointer-events: none;
    opacity: 0.65; }

.btn-primary {
  color: #000;
  background-color: #F93A0B;
  border-color: #F93A0B; }
  .btn-primary:hover {
    color: #000;
    background-color: #fa5830;
    border-color: #fa4e23; }
  .btn-check:focus + .btn-primary, .btn-primary:focus {
    color: #000;
    background-color: #fa5830;
    border-color: #fa4e23;
    box-shadow: 0 0 0 0.25rem rgba(212, 49, 9, 0.5); }
  .btn-check:checked + .btn-primary,
  .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
  .show > .btn-primary.dropdown-toggle {
    color: #000;
    background-color: #fa613c;
    border-color: #fa4e23; }
    .btn-check:checked + .btn-primary:focus,
    .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(212, 49, 9, 0.5); }
  .btn-primary:disabled, .btn-primary.disabled {
    color: #000;
    background-color: #F93A0B;
    border-color: #F93A0B; }

.btn-secondary {
  color: #fff;
  background-color: #145650;
  border-color: #145650; }
  .btn-secondary:hover {
    color: #fff;
    background-color: #114944;
    border-color: #104540; }
  .btn-check:focus + .btn-secondary, .btn-secondary:focus {
    color: #fff;
    background-color: #114944;
    border-color: #104540;
    box-shadow: 0 0 0 0.25rem rgba(55, 111, 106, 0.5); }
  .btn-check:checked + .btn-secondary,
  .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
  .show > .btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #104540;
    border-color: #0f413c; }
    .btn-check:checked + .btn-secondary:focus,
    .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
    .show > .btn-secondary.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(55, 111, 106, 0.5); }
  .btn-secondary:disabled, .btn-secondary.disabled {
    color: #fff;
    background-color: #145650;
    border-color: #145650; }

.btn-success {
  color: #000;
  background-color: #68e365;
  border-color: #68e365; }
  .btn-success:hover {
    color: #000;
    background-color: #7fe77c;
    border-color: #77e674; }
  .btn-check:focus + .btn-success, .btn-success:focus {
    color: #000;
    background-color: #7fe77c;
    border-color: #77e674;
    box-shadow: 0 0 0 0.25rem rgba(88, 193, 86, 0.5); }
  .btn-check:checked + .btn-success,
  .btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
  .show > .btn-success.dropdown-toggle {
    color: #000;
    background-color: #86e984;
    border-color: #77e674; }
    .btn-check:checked + .btn-success:focus,
    .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
    .show > .btn-success.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(88, 193, 86, 0.5); }
  .btn-success:disabled, .btn-success.disabled {
    color: #000;
    background-color: #68e365;
    border-color: #68e365; }

.btn-info {
  color: #000;
  background-color: #D653C1;
  border-color: #D653C1; }
  .btn-info:hover {
    color: #000;
    background-color: #dc6dca;
    border-color: #da64c7; }
  .btn-check:focus + .btn-info, .btn-info:focus {
    color: #000;
    background-color: #dc6dca;
    border-color: #da64c7;
    box-shadow: 0 0 0 0.25rem rgba(182, 71, 164, 0.5); }
  .btn-check:checked + .btn-info,
  .btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
  .show > .btn-info.dropdown-toggle {
    color: #000;
    background-color: #de75cd;
    border-color: #da64c7; }
    .btn-check:checked + .btn-info:focus,
    .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
    .show > .btn-info.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(182, 71, 164, 0.5); }
  .btn-info:disabled, .btn-info.disabled {
    color: #000;
    background-color: #D653C1;
    border-color: #D653C1; }

.btn-warning {
  color: #000;
  background-color: #ffa755;
  border-color: #ffa755; }
  .btn-warning:hover {
    color: #000;
    background-color: #ffb46f;
    border-color: #ffb066; }
  .btn-check:focus + .btn-warning, .btn-warning:focus {
    color: #000;
    background-color: #ffb46f;
    border-color: #ffb066;
    box-shadow: 0 0 0 0.25rem rgba(217, 142, 72, 0.5); }
  .btn-check:checked + .btn-warning,
  .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
  .show > .btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffb977;
    border-color: #ffb066; }
    .btn-check:checked + .btn-warning:focus,
    .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
    .show > .btn-warning.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(217, 142, 72, 0.5); }
  .btn-warning:disabled, .btn-warning.disabled {
    color: #000;
    background-color: #ffa755;
    border-color: #ffa755; }

.btn-danger {
  color: #000;
  background-color: #f72b50;
  border-color: #f72b50; }
  .btn-danger:hover {
    color: #000;
    background-color: #f84b6a;
    border-color: #f84062; }
  .btn-check:focus + .btn-danger, .btn-danger:focus {
    color: #000;
    background-color: #f84b6a;
    border-color: #f84062;
    box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5); }
  .btn-check:checked + .btn-danger,
  .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
  .show > .btn-danger.dropdown-toggle {
    color: #000;
    background-color: #f95573;
    border-color: #f84062; }
    .btn-check:checked + .btn-danger:focus,
    .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
    .show > .btn-danger.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(210, 37, 68, 0.5); }
  .btn-danger:disabled, .btn-danger.disabled {
    color: #000;
    background-color: #f72b50;
    border-color: #f72b50; }

.btn-light {
  color: #000;
  background-color: #c8c8c8;
  border-color: #c8c8c8; }
  .btn-light:hover {
    color: #000;
    background-color: #d0d0d0;
    border-color: #cecece; }
  .btn-check:focus + .btn-light, .btn-light:focus {
    color: #000;
    background-color: #d0d0d0;
    border-color: #cecece;
    box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5); }
  .btn-check:checked + .btn-light,
  .btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
  .show > .btn-light.dropdown-toggle {
    color: #000;
    background-color: lightgray;
    border-color: #cecece; }
    .btn-check:checked + .btn-light:focus,
    .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
    .show > .btn-light.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(170, 170, 170, 0.5); }
  .btn-light:disabled, .btn-light.disabled {
    color: #000;
    background-color: #c8c8c8;
    border-color: #c8c8c8; }

.btn-dark {
  color: #fff;
  background-color: #6e6e6e;
  border-color: #6e6e6e; }
  .btn-dark:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #585858; }
  .btn-check:focus + .btn-dark, .btn-dark:focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #585858;
    box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5); }
  .btn-check:checked + .btn-dark,
  .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
  .show > .btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #585858;
    border-color: #535353; }
    .btn-check:checked + .btn-dark:focus,
    .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
    .show > .btn-dark.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.25rem rgba(132, 132, 132, 0.5); }
  .btn-dark:disabled, .btn-dark.disabled {
    color: #fff;
    background-color: #6e6e6e;
    border-color: #6e6e6e; }

.btn-outline-primary {
  color: #F93A0B;
  border-color: #F93A0B; }
  .btn-outline-primary:hover {
    color: #000;
    background-color: #F93A0B;
    border-color: #F93A0B; }
  .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(249, 58, 11, 0.5); }
  .btn-check:checked + .btn-outline-primary,
  .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #000;
    background-color: #F93A0B;
    border-color: #F93A0B; }
    .btn-check:checked + .btn-outline-primary:focus,
    .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(249, 58, 11, 0.5); }
  .btn-outline-primary:disabled, .btn-outline-primary.disabled {
    color: #F93A0B;
    background-color: transparent; }

.btn-outline-secondary {
  color: #145650;
  border-color: #145650; }
  .btn-outline-secondary:hover {
    color: #fff;
    background-color: #145650;
    border-color: #145650; }
  .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(20, 86, 80, 0.5); }
  .btn-check:checked + .btn-outline-secondary,
  .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #145650;
    border-color: #145650; }
    .btn-check:checked + .btn-outline-secondary:focus,
    .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(20, 86, 80, 0.5); }
  .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
    color: #145650;
    background-color: transparent; }

.btn-outline-success {
  color: #68e365;
  border-color: #68e365; }
  .btn-outline-success:hover {
    color: #000;
    background-color: #68e365;
    border-color: #68e365; }
  .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
    box-shadow: 0 0 0 0.25rem rgba(104, 227, 101, 0.5); }
  .btn-check:checked + .btn-outline-success,
  .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
    color: #000;
    background-color: #68e365;
    border-color: #68e365; }
    .btn-check:checked + .btn-outline-success:focus,
    .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(104, 227, 101, 0.5); }
  .btn-outline-success:disabled, .btn-outline-success.disabled {
    color: #68e365;
    background-color: transparent; }

.btn-outline-info {
  color: #D653C1;
  border-color: #D653C1; }
  .btn-outline-info:hover {
    color: #000;
    background-color: #D653C1;
    border-color: #D653C1; }
  .btn-check:focus + .btn-outline-info, .btn-outline-info:focus {
    box-shadow: 0 0 0 0.25rem rgba(214, 83, 193, 0.5); }
  .btn-check:checked + .btn-outline-info,
  .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #D653C1;
    border-color: #D653C1; }
    .btn-check:checked + .btn-outline-info:focus,
    .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(214, 83, 193, 0.5); }
  .btn-outline-info:disabled, .btn-outline-info.disabled {
    color: #D653C1;
    background-color: transparent; }

.btn-outline-warning {
  color: #ffa755;
  border-color: #ffa755; }
  .btn-outline-warning:hover {
    color: #000;
    background-color: #ffa755;
    border-color: #ffa755; }
  .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 167, 85, 0.5); }
  .btn-check:checked + .btn-outline-warning,
  .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffa755;
    border-color: #ffa755; }
    .btn-check:checked + .btn-outline-warning:focus,
    .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(255, 167, 85, 0.5); }
  .btn-outline-warning:disabled, .btn-outline-warning.disabled {
    color: #ffa755;
    background-color: transparent; }

.btn-outline-danger {
  color: #f72b50;
  border-color: #f72b50; }
  .btn-outline-danger:hover {
    color: #000;
    background-color: #f72b50;
    border-color: #f72b50; }
  .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {
    box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5); }
  .btn-check:checked + .btn-outline-danger,
  .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show {
    color: #000;
    background-color: #f72b50;
    border-color: #f72b50; }
    .btn-check:checked + .btn-outline-danger:focus,
    .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(247, 43, 80, 0.5); }
  .btn-outline-danger:disabled, .btn-outline-danger.disabled {
    color: #f72b50;
    background-color: transparent; }

.btn-outline-light {
  color: #c8c8c8;
  border-color: #c8c8c8; }
  .btn-outline-light:hover {
    color: #000;
    background-color: #c8c8c8;
    border-color: #c8c8c8; }
  .btn-check:focus + .btn-outline-light, .btn-outline-light:focus {
    box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5); }
  .btn-check:checked + .btn-outline-light,
  .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #c8c8c8;
    border-color: #c8c8c8; }
    .btn-check:checked + .btn-outline-light:focus,
    .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(200, 200, 200, 0.5); }
  .btn-outline-light:disabled, .btn-outline-light.disabled {
    color: #c8c8c8;
    background-color: transparent; }

.btn-outline-dark {
  color: #6e6e6e;
  border-color: #6e6e6e; }
  .btn-outline-dark:hover {
    color: #fff;
    background-color: #6e6e6e;
    border-color: #6e6e6e; }
  .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus {
    box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5); }
  .btn-check:checked + .btn-outline-dark,
  .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #6e6e6e;
    border-color: #6e6e6e; }
    .btn-check:checked + .btn-outline-dark:focus,
    .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus {
      box-shadow: 0 0 0 0.25rem rgba(110, 110, 110, 0.5); }
  .btn-outline-dark:disabled, .btn-outline-dark.disabled {
    color: #6e6e6e;
    background-color: transparent; }

.btn-link {
  font-weight: 400;
  color: #F93A0B;
  text-decoration: underline; }
  .btn-link:hover {
    color: #c72e09; }
  .btn-link:disabled, .btn-link.disabled {
    color: #6c757d; }

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.09375rem;
  border-radius: 0.3rem; }

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.76563rem;
  border-radius: 0.2rem; }

/*# sourceMappingURL=style.css.map */