/* (c) 2020-2023 by Simon Köhler
   simonkoehler.com */

/* Setting the font family for this example */
:root{
  --bs-navbar-toggler-icon-bg-white : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28225, 225, 225, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  
}
@font-face {
	font-family: 'uberNormal';
	src: url("../fonts/UberMoveMedium.otf");
}
@font-face {
	font-family: 'uberBold';
	src: url("../fonts/UberMoveBold.otf");
}

*{
    font-family: "Poppins", "Roboto", Arial, sans-serif;
    /* font-family: "uberNormal", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
  }

  body, html {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }
  select:disabled,
  textarea:disabled,
  input:disabled, 
  button:disabled {
    cursor: not-allowed;
  }

  /* INDEX PAGE */
  main{
    height: 100vh;
  }
  body.index_page_body{
    background-image: url('../images/login-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .content {
    flex: 1;
  }
  .index_page_body .content{
    height: 100%;
  }
  .index_page_body section{
    width: 100%;
  }
  .logo{
    max-width: 300px;
  }

  .login-card{
    /* height: 300px; */
    /* height: auto; */
    border-radius: 15px;
  }
  .login-card form label{
    margin-bottom: 7px;
    font-size: 20px;
  }
  .login-card form input{
    margin-bottom: 17px;
  }

  /* NAVBAR */
  .navbar-toggler-icon {
    background-image: var(--bs-navbar-toggler-icon-bg-white);
  }
  .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #303235;
    font-weight: 600;
    text-shadow: 2px 2px 2px #9999997a;
  }
  
  .dropdown-item.active, .dropdown-item:active {
    color: #191818;
    text-decoration: none;
    font-weight: 600;
    background-color: #f8f9fa;
    text-shadow: 2px 2px 2px #9999997e;
  }

  .dropdown-menu{
      border: 0.9px;
      box-shadow: 3px 3px 7px 0px #00000030;
  }

  /* FONT SIZE */
  .font-1{font-size:1px!important;}
  .font-2{font-size:2px!important;}
  .font-3{font-size:3px!important;}
  .font-4{font-size:4px!important;}
  .font-5{font-size:5px!important;}
  .font-6{font-size:6px!important;}
  .font-7{font-size:7px!important;}
  .font-8{font-size:8px!important;}
  .font-9{font-size:9px!important;}
  .font-10{font-size:10px!important;}
  .font-11{font-size:11px!important;}
  .font-12{font-size:12px!important;}
  .font-13{font-size:13px!important;}
  .font-14{font-size:14px!important;}
  .font-15{font-size:15px!important;}
  .font-16{font-size:16px!important;}
  .font-17{font-size:17px!important;}
  .font-18{font-size:18px!important;}
  .font-19{font-size:19px!important;}
  .font-20{font-size:20px!important;}
  .font-21{font-size:21px!important;}
  .font-22{font-size:22px!important;}
  .font-23{font-size:23px!important;}
  .font-24{font-size:24px!important;}
  .font-25{font-size:25px!important;}
  .font-26{font-size:26px!important;}
  .font-27{font-size:27px!important;}
  .font-28{font-size:28px!important;}
  .font-29{font-size:29px!important;}
  .font-30{font-size:30px!important;}

  .pointer{cursor: pointer!important;}

  .noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }


  /* FORM STYLE */
  .page-title{
    --bs-bg-opacity: 1;
    /* background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; */
    padding-top: .5rem !important;
    padding-bottom: .5rem !important;
    margin-bottom: 0 !important;
    text-transform: capitalize;
  }
  .card-form, .card-table{
    border-radius: 10px!important;
    border: 0 !important;
    box-shadow: var(--bs-box-shadow-sm) !important;
  }
  .card-form label b,.nocard-form label b{
    color:var(--bs-danger);
  }
  .card-form input,.card-form select,.card-form button,
  .nocard-form input,.nocard-form select,.nocard-form button{
    margin-bottom: 10px;
  }
  .custom-nav-pills{
    column-gap: 5px;
  }
  .custom-nav-pills.nav-pills .nav-link.active,.custom-nav-pills.nav-pills .show>.nav-link{
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-orange);
  }
  .custom-nav-link.nav-link {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    min-width: 12rem;
  }
  /* .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--bs-nav-pills-link-active-color);
    background-color: var(--bs-purple);
} */


input[type="number"].hide-arrow{  
  -moz-appearance: textfield; /* For Firefox */
}

input[type="number"].hide-arrow::-webkit-outer-spin-button,
input[type="number"].hide-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* ###### MODAL ####### */
.modal-header >.btn-close{
  --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.modal-header{
  background: indigo;
  background-image: var(--bs-gradient) !important; 
}
.modal-title{
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}


/* %%%%%%%%%%%%%%%%%% BLINK CLASS %%%%%%%%%%%%%%%%%% */
.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
/* %%%%%%%%%%%%%%%%%% BLINK CLASS %%%%%%%%%%%%%%%%%% */



/* %%%%%%%%%%%%%%%%%% MODAL %%%%%%%%%%%%%%%%%% */
@media (min-width: 1200px) {
  .modal-xxl {
      --bs-modal-width: 1300px;
  }
}
/* %%%%%%%%%%%%%%%%%% MODAL %%%%%%%%%%%%%%%%%% */