@font-face {
    font-family: "Avenir Next";
    src: url("../fonts/AvenirNext.ttf") format("truetype");
}

img {
    object-fit: cover;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.container-center-horizontal {

  justify-content: center;
  pointer-events: none;
  width: 100%;
}

.container-center-horizontal > * {
  flex-shrink: 0;
  pointer-events: auto;
}

* {
  box-sizing: border-box;
}

body {
    font-family: "Avenir Next"!important;
    overflow:unset!important;
}

.lowercase {
    text-transform: lowercase;
}

.form-control:focus, .form-control:active {
    outline: none !important;
    box-shadow: none !important;
}

.ico-required {
    font-size: 0.4rem;
    color: red;
    vertical-align: top;
}

.divider {
    position: relative;
    height: 1px;
}

.div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    width: 90%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);
}

.noti-nob {
    position: relative;
    top: -9px;
    right: 4px;
    padding: 0px 2%;
    border-radius: 100%;
    background: #025ED7;
    color: #025ED7;
    font-size: 0.29rem;
}

.successContainer {
    width: 65%;
    height: 70%;
    position: fixed;
    top: 17%;
    left: 17%;
    border: 1px solid #D8D8D8;
}

#vanillatoasts-container {
    z-index: 10000 !important;
}

@media screen and (max-height: 555px) {
    .login-layout-container {
        overflow-y: scroll!important;
    }
}

@media screen and (max-width: 600px) {
    .nav-item .nav-link {
        padding: unset;
        padding-left: 0.5rem;
    }
}

@media screen and (max-width: 960px) {
    img {
        object-fit: scale-down!important;
    }
}


@media screen and (max-width: 576px) {
    .main {
        margin-left: 5%;
    }
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}