/*---------------------------------------------------------------------
Font
-----------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Questrial&display=swap");
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap");
@import url("https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap");

/*---------------------------------------------------------------------
import Css
-----------------------------------------------------------------------*/
@import url("owl.carousel.min.css");

/*---------------------------------------------------------------------
General
-----------------------------------------------------------------------*/
*::-moz-selection {
    background: #0084ff;
    color: #ffffff;
    text-shadow: none;
}
::-moz-selection {
    background: #0084ff;
    color: #ffffff;
    text-shadow: none;
}
::selection {
    background: #0084ff;
    color: #ffffff;
    text-shadow: none;
}
body {
    font-family: "Inter", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.8;
    padding: 0;
    margin: 0;
    color: #777d74;
    background: #f3f7fd;
}
a,
.btn {
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}
a,
button,
input,
btn {
    outline: medium none !important;
}
.uppercase {
    text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif;
    font-weight: 600;
    margin: 0px;
    line-height: 1.5;
    color: #374948;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
}
label {
    font-weight: normal;
}
h1 {
    font-size: 3.052em;
    font-weight: 900;
}
h2 {
    font-size: 2.3em;
    font-weight: 800;
}
h3 {
    font-size: 1.953em;
    font-weight: 700;
}
h4 {
    font-size: 1.4em;
    font-weight: 600;
}
h5 {
    font-size: 1.2em;
    font-weight: 500;
}
h6 {
    font-size: 1em;
    font-weight: 400;
}

/*----------------------------------------------
Input
------------------------------------------------*/
label {
    color: #374948;
}
.form-control {
    height: 45px;
    line-height: 45px;
    background: #e9edf4;
    border: 0px solid #d7dbda;
    font-size: 14px;
    color: #777d74;
}
.form-control:focus {
    color: #374948;
    background-color: #e5f2ff;
    box-shadow: none;
}

/* Definition Lists */
dl dd {
    margin-bottom: 15px;
}
dl dd:last-child {
    margin-bottom: 0px;
}
th {
    font-weight: 600;
}

/*----------------------------------------------
Background Color
------------------------------------------------*/
.bg-primary,
.badge-primary {
    background-color: #0084ff !important;
}
.bg-secondary,
.badge-secondary {
    background-color: #777d74 !important;
}
.bg-success,
.badge-success {
    background-color: #00ca00 !important;
}
.bg-danger,
.badge-danger {
    background-color: #e64141 !important;
}
.bg-warning,
.badge-warning {
    background-color: #ffd400 !important;
}
.bg-info,
.badge-info {
    background-color: #00d0ff !important;
}
.bg-light,
.badge-light {
    background-color: #e9edf4 !important;
}
.bg-dark,
.badge-dark {
    background-color: #374948 !important;
}

/*----------------------------------------------
Custom Background Color
------------------------------------------------*/
.bg-cyan,
.badge-cyan {
    background-color: #0cd2e3 !important;
    color: #ffffff !important;
}
.bg-cobalt-blue,
.badge-cobalt-blue {
    background-color: #3f79f1 !important;
    color: #ffffff !important;
}
.bg-spring-green,
.badge-spring-green {
    background-color: #1be1b3 !important;
    color: #ffffff !important;
}
.bg-amber,
.badge-amber {
    background-color: #f4b72a !important;
    color: #ffffff !important;
}
.bg-pink,
.badge-pink {
    background-color: #fd6c9e !important;
    color: #ffffff !important;
}

/*----------------------------------------------
Background Color Opacity
------------------------------------------------*/
.iq-bg-primary {
    background: #e5f2ff !important;
    color: #0084ff !important;
}
.iq-bg-secondary {
    background: #f1f2f1 !important;
    color: #777d74 !important;
}
.iq-bg-success {
    background: #e5fae5 !important;
    color: #00ca00 !important;
}
.iq-bg-danger {
    background: #fcecec !important;
    color: #e64141 !important;
}
.iq-bg-warning {
    background: #fffbe5 !important;
    color: #ffd400 !important;
}
.iq-bg-info {
    background: #e5faff !important;
    color: #00d0ff !important;
}
.iq-bg-dark {
    background: #ebecec !important;
    color: #374948 !important;
}

/*--------------*/
.iq-bg-primary-hover:hover {
    background: #e5f2ff !important;
}
.iq-bg-primary-secondary-hover:hover {
    background: #f1f2f1 !important;
}
.iq-bg-primary-success-hover:hover {
    background: #e5fae5 !important;
}
.iq-bg-primary-danger-hover:hover {
    background: #fcecec !important;
}
.iq-bg-primary-warning-hover:hover {
    background: #fffbe5 !important;
}
.iq-bg-primary-info-hover:hover {
    background: #e5faff !important;
}
.iq-bg-primary-dark-hover:hover {
    background: #ebecec !important;
}

/*----------------------------------------------
Text Color
------------------------------------------------*/
.text-primary {
    color: #0084ff !important;
}
.text-secondary {
    color: #777d74 !important;
}
.text-success {
    color: #00ca00 !important;
}
.text-danger {
    color: #e64141 !important;
}
.text-warning {
    color: #ffd400 !important;
}
.text-info {
    color: #00d0ff !important;
}
.text-light {
    color: #e9edf4 !important;
}
.text-dark {
    color: #374948 !important;
}
.text-white {
    color: #ffffff !important;
}
.text-black {
    color: #000000 !important;
}
.text-purple {
    color: #3bb54e !important;
}
.text-gray {
    color: #8a92a5 !important;
}
.text-dark-blue {
    color: #222d41 !important;
}

/*----------------------------------------------
Custom Text Color
------------------------------------------------*/
.text-cyan {
    color: #0cd2e3 !important;
}
.text-cobalt-blue {
    color: #3f79f1 !important;
}
.text-spring-green {
    color: #1be1b3 !important;
}
.text-amber {
    color: #f4b72a !important;
}
.text-pink {
    color: #fd6c9e !important;
}

/*----------------------------------------------
Line Height
------------------------------------------------*/
.line-height {
    line-height: normal;
}
.line-height-2 {
    line-height: 2;
}
.line-height-4 {
    line-height: 40px;
}
.line-height-6 {
    line-height: 60px;
}

/*----------------------------------------------
Font Size
------------------------------------------------*/
.font-size-12 {
    font-size: 12px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-size-16 {
    font-size: 16px !important;
}
.font-size-18 {
    font-size: 18px !important;
}
.font-size-32 {
    font-size: 32px !important;
}
.font-size-40 {
    font-size: 40px !important;
}

/*----------------------------------------------
Margin Bottom
------------------------------------------------*/
.iq-mb-3 {
    margin-bottom: 30px !important;
}

/*----------------------------------------------
Card
------------------------------------------------*/
.card {
    background: #ffffff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
    border: none;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    -moz-box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
    box-shadow: 0px 0px 12px 0px rgba(55, 73, 72, 0.06);
}
.card-body {
    padding: 20px;
}
.card .card-header {
    padding: 0 20px;
    min-height: 60px;
    border-bottom: 1px solid #f2edff;
    -ms-flex-align: center !important;
    align-items: center !important;
}
.card .card-header .iq-header-title {
    display: inline-block;
    align-self: center !important;
}
.card .card-header .iq-header-title .card-title {
    margin-bottom: 0;
}
.card-header-toolbar .nav-item a {
    color: #393c52;
    padding: 4px 12px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}
.card-header-toolbar .dropdown-toggle i {
    font-size: 22px;
    line-height: normal;
    color: #393c52;
}
.card-header-toolbar .dropdown-toggle::after {
    display: none;
}

/*--------------*/
.nav-pills .nav-item a {
    color: #393c52;
    font-weight: 600;
    font-family: "Inter", sans-serif;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #0084ff;
    background-color: #e5f2ff;
}
.nav-pills .nav-link:hover {
    color: #0084ff;
}

/*--------------*/
.nav-tabs {
    border-bottom: 2px solid #f2edff;
    margin-bottom: 15px;
}
.nav-tabs .nav-item {
    margin-bottom: -2px;
}
.nav-tabs .nav-item a {
    color: #393c52;
    font-weight: 600;
    font-family: "Inter", sans-serif;
    border: none;
    border-bottom: 2px solid transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid #0084ff;
    color: #0084ff;
}

/*---------------------------------------------------------------------
Background overlay color
-----------------------------------------------------------------------*/
.parallax {
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -ms-background-size: cover !important;
    position: relative;
    z-index: 0;
    background-origin: initial;
    background-position: center center !important;
    background-repeat: no-repeat;
    background-attachment: fixed !important;
}

/* Background Gradient BLACK */
.bg-over-black-10:before {
    background: rgba(5, 8, 9, 0.1);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-20:before {
    background: rgba(5, 8, 9, 0.2);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-30:before {
    background: rgba(5, 8, 9, 0.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-40:before {
    background: rgba(5, 8, 9, 0.4);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-50:before {
    background: rgba(5, 8, 9, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-60:before {
    background: rgba(5, 8, 9, 0.6);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-70:before {
    background: rgba(5, 8, 9, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-80:before {
    background: rgba(5, 8, 9, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-85:before {
    background: rgba(5, 8, 9, 0.85);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.bg-over-black-90:before {
    background: rgba(5, 8, 9, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

/*----------------------------------------------
Buttons
------------------------------------------------*/
.btn {
    font-size: 14px;
    font-family: "Inter", sans-serif;
}
.btn.focus,
.btn:focus {
    box-shadow: none !important;
}
.btn i {
    margin-right: 5px;
}
.iq-sign-btn {
    display: inline-block;
    text-align: center;
    border: 1px solid transparent;
    padding: 0.375rem 1rem;
    border-radius: 0.25rem;
}
.iq-sign-btn:hover {
    color: #ffffff !important;
    background: #e64141 !important;
}

/*--------------*/
.btn-primary {
    background: #0084ff;
    border-color: #0084ff;
}
.btn-secondary {
    background-color: #777d74;
    border-color: #777d74;
}
.btn-success {
    background-color: #00ca00;
    border-color: #00ca00;
}
.btn-danger {
    background-color: #e64141;
    border-color: #e64141;
}
.btn-warning {
    background-color: #ffd400;
    border-color: #ffd400;
}
.btn-info {
    background-color: #00d0ff;
    border-color: #00d0ff;
}
.btn-light {
    background-color: #e9edf4;
    border-color: #e9edf4;
}
.btn-dark {
    background-color: #374948;
    border-color: #374948;
}
.btn-purple {
    background-color: #3bb54e;
    border-color: #3bb54e;
    color: #fff;
}

/*--------------*/
.btn-outline-primary {
    color: #0084ff;
    border-color: #0084ff;
}
.btn-outline-secondary {
    color: #777d74;
    border-color: #777d74;
}
.btn-outline-success {
    color: #00ca00;
    border-color: #00ca00;
}
.btn-outline-danger {
    color: #e64141;
    border-color: #e64141;
}
.btn-outline-warning {
    color: #ffd400;
    border-color: #ffd400;
}
.btn-outline-info {
    color: #00d0ff;
    border-color: #00d0ff;
}
.btn-outline-light {
    color: #e9edf4;
    border-color: #e9edf4;
}
.btn-outline-dark {
    color: #374948;
    border-color: #374948;
}

.back-history {
    top: 2rem;
    z-index: 10;
}
.pointer {
    cursor: pointer;
}