:root {
    --color_1: #F56600;
    --color_2: #FF7C1F;
    --color_3: #FFFFFF;
}
.login-page, .register-page {
    background: var(--color_1);
}

.text-orange{
    color: var(--color_1) !important;
}

.bg-orange{
    background: var(--color_1) !important;
    color: var(--color_3) !important;
}

.btn-orange{
    background: var(--color_1) !important;
    border-color: var(--color_1) !important;
    color: var(--color_3);
}

.btn-orange:hover{
    background: var(--color_2) !important;
    border-color: var(--color_2) !important;
    color: var(--color_3);
}

.card-primary.card-outline{
    border-top: 3px solid var(--color_1) !important;
}

.shadow{
    -webkit-box-shadow: 4px 7px 16px 0px rgba(54,54,54,0.5) !important;
-moz-box-shadow: 4px 7px 16px 0px rgba(54,54,54,0.5) !important;
box-shadow: 4px 7px 16px 0px rgba(54,54,54,0.5) !important;
}

.partcile-box{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
}

.opacity-100{
    opacity: 1 !important;
}

.active {
    background-color: var(--color_2) !important;
}

.border-orange{
    border: 1px solid var(--color_1);
}

.border-3-orange{
    border: 3px solid var(--color_1);
}

.border-3-orange-top{
    border-top: 3px solid var(--color_1) ;
}

.image-file{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.w-15{
    width: 15% !important;
}

.w-10{
    width: 10% !important;
}


.text-xs	{
    font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */
}
.text-sm	{
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
}
.text-base	{
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}
.text-lg	{
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
}
.text-xl	{
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}
.text-2xl	{
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}
.text-3xl	{
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
}
.text-4xl	{
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}
.text-5xl	{
    font-size: 3rem; /* 48px */
    line-height: 1;
}
.text-6xl	{
    font-size: 3.75rem; /* 60px */
    line-height: 1;
}
.text-7xl {
    font-size: 4.5rem; /* 72px */
    line-height: 1;
}
.text-8xl	{
    font-size: 6rem; /* 96px */
    line-height: 1;
}
.text-9xl	{
    font-size: 8rem; /* 128px */
    line-height: 1;
}

.rounded-card{
    border-radius: 15px;
}

.preloader{
    background: var(--color_1) !important;
}

div:where(.swal2-container) div:where(.swal2-loader){
    border-color:#fff rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) !important;
}