/*@import url("../fonts/TheSansArab.css");
@import url(../icons/font-awesome5pro/css/fontawesome.css);
@import url(../icons/font-awesome5pro/css/light.css);
@import url(../icons/font-awesome5pro/css/regular.css);
@import url(../icons/font-awesome5pro/css/solid.css);
@import url(../icons/font-awesome5pro/css/brands.css);
@import url(../icons/font-awesome5pro/css/duotone.css);*/
.ml-0 {
    margin-left: 0rem !important
}
.mr-0 {
    margin-right: 0rem !important
}
.mb-0 {
    margin-bottom: 0rem !important
}
.mt-0 {
    margin-top: 0rem !important
}
.mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important
}
.my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important
}
.m-0 {
    margin: 0rem !important
}
.ml-2 {
    margin-left: .2rem !important
}
.mr-2 {
    margin-right: .2rem !important
}
.mb-2 {
    margin-bottom: .2rem !important
}
.mt-2 {
    margin-top: .2rem !important
}
.mx-2 {
    margin-left: .2rem !important;
    margin-right: .2rem !important
}
.my-2 {
    margin-top: .2rem !important;
    margin-bottom: .2rem !important
}
.m-2 {
    margin: .2rem !important
}
.ml-4 {
    margin-left: .4rem !important
}
.mr-4 {
    margin-right: .4rem !important
}
.mb-4 {
    margin-bottom: .4rem !important
}
.mt-4 {
    margin-top: .4rem !important
}
.mx-4 {
    margin-left: .4rem !important;
    margin-right: .4rem !important
}
.my-4 {
    margin-top: .4rem !important;
    margin-bottom: .4rem !important
}
.m-4 {
    margin: .4rem !important
}
.ml-6 {
    margin-left: .6rem !important
}
.mr-6 {
    margin-right: .6rem !important
}
.mb-6 {
    margin-bottom: .6rem !important
}
.mt-6 {
    margin-top: .6rem !important
}
.mx-6 {
    margin-left: .6rem !important;
    margin-right: .6rem !important
}
.my-6 {
    margin-top: .6rem !important;
    margin-bottom: .6rem !important
}
.m-6 {
    margin: .6rem !important
}
.ml-8 {
    margin-left: .8rem !important
}
.mr-8 {
    margin-right: .8rem !important
}
.mb-8 {
    margin-bottom: .8rem !important
}
.mt-8 {
    margin-top: .8rem !important
}
.mx-8 {
    margin-left: .8rem !important;
    margin-right: .8rem !important
}
.my-8 {
    margin-top: .8rem !important;
    margin-bottom: .8rem !important
}
.m-8 {
    margin: .8rem !important
}
.ml-10 {
    margin-left: 1rem !important
}
.mr-10 {
    margin-right: 1rem !important
}
.mb-10 {
    margin-bottom: 1rem !important
}
.mt-10 {
    margin-top: 1rem !important
}
.mx-10 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}
.my-10 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}
.m-10 {
    margin: 1rem !important
}
.ml-12 {
    margin-left: 1.2rem !important
}
.mr-12 {
    margin-right: 1.2rem !important
}
.mb-12 {
    margin-bottom: 1.2rem !important
}
.mt-12 {
    margin-top: 1.2rem !important
}
.mx-12 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important
}
.my-12 {
    margin-top: 1.2rem !important;
    margin-bottom: 1.2rem !important
}
.m-12 {
    margin: 1.2rem !important
}
.ml-14 {
    margin-left: 1.4rem !important
}
.mr-14 {
    margin-right: 1.4rem !important
}
.mb-14 {
    margin-bottom: 1.4rem !important
}
.mt-14 {
    margin-top: 1.4rem !important
}
.mx-14 {
    margin-left: 1.4rem !important;
    margin-right: 1.4rem !important
}
.my-14 {
    margin-top: 1.4rem !important;
    margin-bottom: 1.4rem !important
}
.m-14 {
    margin: 1.4rem !important
}
.ml-16 {
    margin-left: 1.6rem !important
}
.mr-16 {
    margin-right: 1.6rem !important
}
.mb-16 {
    margin-bottom: 1.6rem !important
}
.mt-16 {
    margin-top: 1.6rem !important
}
.mx-16 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important
}
.my-16 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important
}
.m-16 {
    margin: 1.6rem !important
}
.ml-18 {
    margin-left: 1.8rem !important
}
.mr-18 {
    margin-right: 1.8rem !important
}
.mb-18 {
    margin-bottom: 1.8rem !important
}
.mt-18 {
    margin-top: 1.8rem !important
}
.mx-18 {
    margin-left: 1.8rem !important;
    margin-right: 1.8rem !important
}
.my-18 {
    margin-top: 1.8rem !important;
    margin-bottom: 1.8rem !important
}
.m-18 {
    margin: 1.8rem !important
}
.ml-20 {
    margin-left: 2rem !important
}
.mr-20 {
    margin-right: 2rem !important
}
.mb-20 {
    margin-bottom: 2rem !important
}
.mt-20 {
    margin-top: 2rem !important
}
.mx-20 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}
.my-20 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}
.m-20 {
    margin: 2rem !important
}
.ml-22 {
    margin-left: 2.2rem !important
}
.mr-22 {
    margin-right: 2.2rem !important
}
.mb-22 {
    margin-bottom: 2.2rem !important
}
.mt-22 {
    margin-top: 2.2rem !important
}
.mx-22 {
    margin-left: 2.2rem !important;
    margin-right: 2.2rem !important
}
.my-22 {
    margin-top: 2.2rem !important;
    margin-bottom: 2.2rem !important
}
.m-22 {
    margin: 2.2rem !important
}
.ml-24 {
    margin-left: 2.4rem !important
}
.mr-24 {
    margin-right: 2.4rem !important
}
.mb-24 {
    margin-bottom: 2.4rem !important
}
.mt-24 {
    margin-top: 2.4rem !important
}
.mx-24 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important
}
.my-24 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important
}
.m-24 {
    margin: 2.4rem !important
}
.ml-26 {
    margin-left: 2.6rem !important
}
.mr-26 {
    margin-right: 2.6rem !important
}
.mb-26 {
    margin-bottom: 2.6rem !important
}
.mt-26 {
    margin-top: 2.6rem !important
}
.mx-26 {
    margin-left: 2.6rem !important;
    margin-right: 2.6rem !important
}
.my-26 {
    margin-top: 2.6rem !important;
    margin-bottom: 2.6rem !important
}
.m-26 {
    margin: 2.6rem !important
}
.ml-28 {
    margin-left: 2.8rem !important
}
.mr-28 {
    margin-right: 2.8rem !important
}
.mb-28 {
    margin-bottom: 2.8rem !important
}
.mt-28 {
    margin-top: 2.8rem !important
}
.mx-28 {
    margin-left: 2.8rem !important;
    margin-right: 2.8rem !important
}
.my-28 {
    margin-top: 2.8rem !important;
    margin-bottom: 2.8rem !important
}
.m-28 {
    margin: 2.8rem !important
}
.ml-30 {
    margin-left: 3rem !important
}
.mr-30 {
    margin-right: 3rem !important
}
.mb-30 {
    margin-bottom: 3rem !important
}
.mt-30 {
    margin-top: 3rem !important
}
.mx-30 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}
.my-30 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}
.m-30 {
    margin: 3rem !important
}
.ml-32 {
    margin-left: 3.2rem !important
}
.mr-32 {
    margin-right: 3.2rem !important
}
.mb-32 {
    margin-bottom: 3.2rem !important
}
.mt-32 {
    margin-top: 3.2rem !important
}
.mx-32 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important
}
.my-32 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important
}
.m-32 {
    margin: 3.2rem !important
}
.ml-34 {
    margin-left: 3.4rem !important
}
.mr-34 {
    margin-right: 3.4rem !important
}
.mb-34 {
    margin-bottom: 3.4rem !important
}
.mt-34 {
    margin-top: 3.4rem !important
}
.mx-34 {
    margin-left: 3.4rem !important;
    margin-right: 3.4rem !important
}
.my-34 {
    margin-top: 3.4rem !important;
    margin-bottom: 3.4rem !important
}
.m-34 {
    margin: 3.4rem !important
}
.ml-36 {
    margin-left: 3.6rem !important
}
.mr-36 {
    margin-right: 3.6rem !important
}
.mb-36 {
    margin-bottom: 3.6rem !important
}
.mt-36 {
    margin-top: 3.6rem !important
}
.mx-36 {
    margin-left: 3.6rem !important;
    margin-right: 3.6rem !important
}
.my-36 {
    margin-top: 3.6rem !important;
    margin-bottom: 3.6rem !important
}
.m-36 {
    margin: 3.6rem !important
}
.ml-38 {
    margin-left: 3.8rem !important
}
.mr-38 {
    margin-right: 3.8rem !important
}
.mb-38 {
    margin-bottom: 3.8rem !important
}
.mt-38 {
    margin-top: 3.8rem !important
}
.mx-38 {
    margin-left: 3.8rem !important;
    margin-right: 3.8rem !important
}
.my-38 {
    margin-top: 3.8rem !important;
    margin-bottom: 3.8rem !important
}
.m-38 {
    margin: 3.8rem !important
}
.ml-40 {
    margin-left: 4rem !important
}
.mr-40 {
    margin-right: 4rem !important
}
.mb-40 {
    margin-bottom: 4rem !important
}
.mt-40 {
    margin-top: 4rem !important
}
.mx-40 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}
.my-40 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}
.m-40 {
    margin: 4rem !important
}
.ml-42 {
    margin-left: 4.2rem !important
}
.mr-42 {
    margin-right: 4.2rem !important
}
.mb-42 {
    margin-bottom: 4.2rem !important
}
.mt-42 {
    margin-top: 4.2rem !important
}
.mx-42 {
    margin-left: 4.2rem !important;
    margin-right: 4.2rem !important
}
.my-42 {
    margin-top: 4.2rem !important;
    margin-bottom: 4.2rem !important
}
.m-42 {
    margin: 4.2rem !important
}
.ml-44 {
    margin-left: 4.4rem !important
}
.mr-44 {
    margin-right: 4.4rem !important
}
.mb-44 {
    margin-bottom: 4.4rem !important
}
.mt-44 {
    margin-top: 4.4rem !important
}
.mx-44 {
    margin-left: 4.4rem !important;
    margin-right: 4.4rem !important
}
.my-44 {
    margin-top: 4.4rem !important;
    margin-bottom: 4.4rem !important
}
.m-44 {
    margin: 4.4rem !important
}
.ml-46 {
    margin-left: 4.6rem !important
}
.mr-46 {
    margin-right: 4.6rem !important
}
.mb-46 {
    margin-bottom: 4.6rem !important
}
.mt-46 {
    margin-top: 4.6rem !important
}
.mx-46 {
    margin-left: 4.6rem !important;
    margin-right: 4.6rem !important
}
.my-46 {
    margin-top: 4.6rem !important;
    margin-bottom: 4.6rem !important
}
.m-46 {
    margin: 4.6rem !important
}
.ml-48 {
    margin-left: 4.8rem !important
}
.mr-48 {
    margin-right: 4.8rem !important
}
.mb-48 {
    margin-bottom: 4.8rem !important
}
.mt-48 {
    margin-top: 4.8rem !important
}
.mx-48 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important
}
.my-48 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important
}
.m-48 {
    margin: 4.8rem !important
}
.ml-50 {
    margin-left: 5rem !important
}
.mr-50 {
    margin-right: 5rem !important
}
.mb-50 {
    margin-bottom: 5rem !important
}
.mt-50 {
    margin-top: 5rem !important
}
.mx-50 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
}
.my-50 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}
.m-50 {
    margin: 5rem !important
}
.ml-52 {
    margin-left: 5.2rem !important
}
.mr-52 {
    margin-right: 5.2rem !important
}
.mb-52 {
    margin-bottom: 5.2rem !important
}
.mt-52 {
    margin-top: 5.2rem !important
}
.mx-52 {
    margin-left: 5.2rem !important;
    margin-right: 5.2rem !important
}
.my-52 {
    margin-top: 5.2rem !important;
    margin-bottom: 5.2rem !important
}
.m-52 {
    margin: 5.2rem !important
}
.ml-54 {
    margin-left: 5.4rem !important
}
.mr-54 {
    margin-right: 5.4rem !important
}
.mb-54 {
    margin-bottom: 5.4rem !important
}
.mt-54 {
    margin-top: 5.4rem !important
}
.mx-54 {
    margin-left: 5.4rem !important;
    margin-right: 5.4rem !important
}
.my-54 {
    margin-top: 5.4rem !important;
    margin-bottom: 5.4rem !important
}
.m-54 {
    margin: 5.4rem !important
}
.ml-56 {
    margin-left: 5.6rem !important
}
.mr-56 {
    margin-right: 5.6rem !important
}
.mb-56 {
    margin-bottom: 5.6rem !important
}
.mt-56 {
    margin-top: 5.6rem !important
}
.mx-56 {
    margin-left: 5.6rem !important;
    margin-right: 5.6rem !important
}
.my-56 {
    margin-top: 5.6rem !important;
    margin-bottom: 5.6rem !important
}
.m-56 {
    margin: 5.6rem !important
}
.ml-58 {
    margin-left: 5.8rem !important
}
.mr-58 {
    margin-right: 5.8rem !important
}
.mb-58 {
    margin-bottom: 5.8rem !important
}
.mt-58 {
    margin-top: 5.8rem !important
}
.mx-58 {
    margin-left: 5.8rem !important;
    margin-right: 5.8rem !important
}
.my-58 {
    margin-top: 5.8rem !important;
    margin-bottom: 5.8rem !important
}
.m-58 {
    margin: 5.8rem !important
}
.ml-60 {
    margin-left: 6rem !important
}
.mr-60 {
    margin-right: 6rem !important
}
.mb-60 {
    margin-bottom: 6rem !important
}
.mt-60 {
    margin-top: 6rem !important
}
.mx-60 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}
.my-60 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}
.m-60 {
    margin: 6rem !important
}
.ml-62 {
    margin-left: 6.2rem !important
}
.mr-62 {
    margin-right: 6.2rem !important
}
.mb-62 {
    margin-bottom: 6.2rem !important
}
.mt-62 {
    margin-top: 6.2rem !important
}
.mx-62 {
    margin-left: 6.2rem !important;
    margin-right: 6.2rem !important
}
.my-62 {
    margin-top: 6.2rem !important;
    margin-bottom: 6.2rem !important
}
.m-62 {
    margin: 6.2rem !important
}
.ml-64 {
    margin-left: 6.4rem !important
}
.mr-64 {
    margin-right: 6.4rem !important
}
.mb-64 {
    margin-bottom: 6.4rem !important
}
.mt-64 {
    margin-top: 6.4rem !important
}
.mx-64 {
    margin-left: 6.4rem !important;
    margin-right: 6.4rem !important
}
.my-64 {
    margin-top: 6.4rem !important;
    margin-bottom: 6.4rem !important
}
.m-64 {
    margin: 6.4rem !important
}
.ml-66 {
    margin-left: 6.6rem !important
}
.mr-66 {
    margin-right: 6.6rem !important
}
.mb-66 {
    margin-bottom: 6.6rem !important
}
.mt-66 {
    margin-top: 6.6rem !important
}
.mx-66 {
    margin-left: 6.6rem !important;
    margin-right: 6.6rem !important
}
.my-66 {
    margin-top: 6.6rem !important;
    margin-bottom: 6.6rem !important
}
.m-66 {
    margin: 6.6rem !important
}
.ml-68 {
    margin-left: 6.8rem !important
}
.mr-68 {
    margin-right: 6.8rem !important
}
.mb-68 {
    margin-bottom: 6.8rem !important
}
.mt-68 {
    margin-top: 6.8rem !important
}
.mx-68 {
    margin-left: 6.8rem !important;
    margin-right: 6.8rem !important
}
.my-68 {
    margin-top: 6.8rem !important;
    margin-bottom: 6.8rem !important
}
.m-68 {
    margin: 6.8rem !important
}
.ml-70 {
    margin-left: 7rem !important
}
.mr-70 {
    margin-right: 7rem !important
}
.mb-70 {
    margin-bottom: 7rem !important
}
.mt-70 {
    margin-top: 7rem !important
}
.mx-70 {
    margin-left: 7rem !important;
    margin-right: 7rem !important
}
.my-70 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important
}
.m-70 {
    margin: 7rem !important
}
.ml-72 {
    margin-left: 7.2rem !important
}
.mr-72 {
    margin-right: 7.2rem !important
}
.mb-72 {
    margin-bottom: 7.2rem !important
}
.mt-72 {
    margin-top: 7.2rem !important
}
.mx-72 {
    margin-left: 7.2rem !important;
    margin-right: 7.2rem !important
}
.my-72 {
    margin-top: 7.2rem !important;
    margin-bottom: 7.2rem !important
}
.m-72 {
    margin: 7.2rem !important
}
.ml-74 {
    margin-left: 7.4rem !important
}
.mr-74 {
    margin-right: 7.4rem !important
}
.mb-74 {
    margin-bottom: 7.4rem !important
}
.mt-74 {
    margin-top: 7.4rem !important
}
.mx-74 {
    margin-left: 7.4rem !important;
    margin-right: 7.4rem !important
}
.my-74 {
    margin-top: 7.4rem !important;
    margin-bottom: 7.4rem !important
}
.m-74 {
    margin: 7.4rem !important
}
.ml-76 {
    margin-left: 7.6rem !important
}
.mr-76 {
    margin-right: 7.6rem !important
}
.mb-76 {
    margin-bottom: 7.6rem !important
}
.mt-76 {
    margin-top: 7.6rem !important
}
.mx-76 {
    margin-left: 7.6rem !important;
    margin-right: 7.6rem !important
}
.my-76 {
    margin-top: 7.6rem !important;
    margin-bottom: 7.6rem !important
}
.m-76 {
    margin: 7.6rem !important
}
.ml-78 {
    margin-left: 7.8rem !important
}
.mr-78 {
    margin-right: 7.8rem !important
}
.mb-78 {
    margin-bottom: 7.8rem !important
}
.mt-78 {
    margin-top: 7.8rem !important
}
.mx-78 {
    margin-left: 7.8rem !important;
    margin-right: 7.8rem !important
}
.my-78 {
    margin-top: 7.8rem !important;
    margin-bottom: 7.8rem !important
}
.m-78 {
    margin: 7.8rem !important
}
.ml-80 {
    margin-left: 8rem !important
}
.mr-80 {
    margin-right: 8rem !important
}
.mb-80 {
    margin-bottom: 8rem !important
}
.mt-80 {
    margin-top: 8rem !important
}
.mx-80 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
}
.my-80 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important
}
.m-80 {
    margin: 8rem !important
}
.ml-82 {
    margin-left: 8.2rem !important
}
.mr-82 {
    margin-right: 8.2rem !important
}
.mb-82 {
    margin-bottom: 8.2rem !important
}
.mt-82 {
    margin-top: 8.2rem !important
}
.mx-82 {
    margin-left: 8.2rem !important;
    margin-right: 8.2rem !important
}
.my-82 {
    margin-top: 8.2rem !important;
    margin-bottom: 8.2rem !important
}
.m-82 {
    margin: 8.2rem !important
}
.ml-84 {
    margin-left: 8.4rem !important
}
.mr-84 {
    margin-right: 8.4rem !important
}
.mb-84 {
    margin-bottom: 8.4rem !important
}
.mt-84 {
    margin-top: 8.4rem !important
}
.mx-84 {
    margin-left: 8.4rem !important;
    margin-right: 8.4rem !important
}
.my-84 {
    margin-top: 8.4rem !important;
    margin-bottom: 8.4rem !important
}
.m-84 {
    margin: 8.4rem !important
}
.ml-86 {
    margin-left: 8.6rem !important
}
.mr-86 {
    margin-right: 8.6rem !important
}
.mb-86 {
    margin-bottom: 8.6rem !important
}
.mt-86 {
    margin-top: 8.6rem !important
}
.mx-86 {
    margin-left: 8.6rem !important;
    margin-right: 8.6rem !important
}
.my-86 {
    margin-top: 8.6rem !important;
    margin-bottom: 8.6rem !important
}
.m-86 {
    margin: 8.6rem !important
}
.ml-88 {
    margin-left: 8.8rem !important
}
.mr-88 {
    margin-right: 8.8rem !important
}
.mb-88 {
    margin-bottom: 8.8rem !important
}
.mt-88 {
    margin-top: 8.8rem !important
}
.mx-88 {
    margin-left: 8.8rem !important;
    margin-right: 8.8rem !important
}
.my-88 {
    margin-top: 8.8rem !important;
    margin-bottom: 8.8rem !important
}
.m-88 {
    margin: 8.8rem !important
}
.ml-90 {
    margin-left: 9rem !important
}
.mr-90 {
    margin-right: 9rem !important
}
.mb-90 {
    margin-bottom: 9rem !important
}
.mt-90 {
    margin-top: 9rem !important
}
.mx-90 {
    margin-left: 9rem !important;
    margin-right: 9rem !important
}
.my-90 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important
}
.m-90 {
    margin: 9rem !important
}
.ml-92 {
    margin-left: 9.2rem !important
}
.mr-92 {
    margin-right: 9.2rem !important
}
.mb-92 {
    margin-bottom: 9.2rem !important
}
.mt-92 {
    margin-top: 9.2rem !important
}
.mx-92 {
    margin-left: 9.2rem !important;
    margin-right: 9.2rem !important
}
.my-92 {
    margin-top: 9.2rem !important;
    margin-bottom: 9.2rem !important
}
.m-92 {
    margin: 9.2rem !important
}
.ml-94 {
    margin-left: 9.4rem !important
}
.mr-94 {
    margin-right: 9.4rem !important
}
.mb-94 {
    margin-bottom: 9.4rem !important
}
.mt-94 {
    margin-top: 9.4rem !important
}
.mx-94 {
    margin-left: 9.4rem !important;
    margin-right: 9.4rem !important
}
.my-94 {
    margin-top: 9.4rem !important;
    margin-bottom: 9.4rem !important
}
.m-94 {
    margin: 9.4rem !important
}
.ml-96 {
    margin-left: 9.6rem !important
}
.mr-96 {
    margin-right: 9.6rem !important
}
.mb-96 {
    margin-bottom: 9.6rem !important
}
.mt-96 {
    margin-top: 9.6rem !important
}
.mx-96 {
    margin-left: 9.6rem !important;
    margin-right: 9.6rem !important
}
.my-96 {
    margin-top: 9.6rem !important;
    margin-bottom: 9.6rem !important
}
.m-96 {
    margin: 9.6rem !important
}
.ml-98 {
    margin-left: 9.8rem !important
}
.mr-98 {
    margin-right: 9.8rem !important
}
.mb-98 {
    margin-bottom: 9.8rem !important
}
.mt-98 {
    margin-top: 9.8rem !important
}
.mx-98 {
    margin-left: 9.8rem !important;
    margin-right: 9.8rem !important
}
.my-98 {
    margin-top: 9.8rem !important;
    margin-bottom: 9.8rem !important
}
.m-98 {
    margin: 9.8rem !important
}
.ml-100 {
    margin-left: 10rem !important
}
.mr-100 {
    margin-right: 10rem !important
}
.mb-100 {
    margin-bottom: 10rem !important
}
.mt-100 {
    margin-top: 10rem !important
}
.mx-100 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
}
.my-100 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important
}
.m-100 {
    margin: 10rem !important
}
.pl-0 {
    padding-left: 0rem !important
}
.pr-0 {
    padding-right: 0rem !important
}
.pb-0 {
    padding-bottom: 0rem !important
}
.pt-0 {
    padding-top: 0rem !important
}
.px-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important
}
.py-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important
}
.p-0 {
    padding: 0rem !important
}
.pl-2 {
    padding-left: .2rem !important
}
.pr-2 {
    padding-right: .2rem !important
}
.pb-2 {
    padding-bottom: .2rem !important
}
.pt-2 {
    padding-top: .2rem !important
}
.px-2 {
    padding-left: .2rem !important;
    padding-right: .2rem !important
}
.py-2 {
    padding-top: .2rem !important;
    padding-bottom: .2rem !important
}
.p-2 {
    padding: .2rem !important
}
.pl-4 {
    padding-left: .4rem !important
}
.pr-4 {
    padding-right: .4rem !important
}
.pb-4 {
    padding-bottom: .4rem !important
}
.pt-4 {
    padding-top: .4rem !important
}
.px-4 {
    padding-left: .4rem !important;
    padding-right: .4rem !important
}
.py-4 {
    padding-top: .4rem !important;
    padding-bottom: .4rem !important
}
.p-4 {
    padding: .4rem !important
}
.pl-6 {
    padding-left: .6rem !important
}
.pr-6 {
    padding-right: .6rem !important
}
.pb-6 {
    padding-bottom: .6rem !important
}
.pt-6 {
    padding-top: .6rem !important
}
.px-6 {
    padding-left: .6rem !important;
    padding-right: .6rem !important
}
.py-6 {
    padding-top: .6rem !important;
    padding-bottom: .6rem !important
}
.p-6 {
    padding: .6rem !important
}
.pl-8 {
    padding-left: .8rem !important
}
.pr-8 {
    padding-right: .8rem !important
}
.pb-8 {
    padding-bottom: .8rem !important
}
.pt-8 {
    padding-top: .8rem !important
}
.px-8 {
    padding-left: .8rem !important;
    padding-right: .8rem !important
}
.py-8 {
    padding-top: .8rem !important;
    padding-bottom: .8rem !important
}
.p-8 {
    padding: .8rem !important
}
.pl-10 {
    padding-left: 1rem !important
}
.pr-10 {
    padding-right: 1rem !important
}
.pb-10 {
    padding-bottom: 1rem !important
}
.pt-10 {
    padding-top: 1rem !important
}
.px-10 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
}
.py-10 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}
.p-10 {
    padding: 1rem !important
}
.pl-12 {
    padding-left: 1.2rem !important
}
.pr-12 {
    padding-right: 1.2rem !important
}
.pb-12 {
    padding-bottom: 1.2rem !important
}
.pt-12 {
    padding-top: 1.2rem !important
}
.px-12 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important
}
.py-12 {
    padding-top: 1.2rem !important;
    padding-bottom: 1.2rem !important
}
.p-12 {
    padding: 1.2rem !important
}
.pl-14 {
    padding-left: 1.4rem !important
}
.pr-14 {
    padding-right: 1.4rem !important
}
.pb-14 {
    padding-bottom: 1.4rem !important
}
.pt-14 {
    padding-top: 1.4rem !important
}
.px-14 {
    padding-left: 1.4rem !important;
    padding-right: 1.4rem !important
}
.py-14 {
    padding-top: 1.4rem !important;
    padding-bottom: 1.4rem !important
}
.p-14 {
    padding: 1.4rem !important
}
.pl-16 {
    padding-left: 1.6rem !important
}
.pr-16 {
    padding-right: 1.6rem !important
}
.pb-16 {
    padding-bottom: 1.6rem !important
}
.pt-16 {
    padding-top: 1.6rem !important
}
.px-16 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important
}
.py-16 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important
}
.p-16 {
    padding: 1.6rem !important
}
.pl-18 {
    padding-left: 1.8rem !important
}
.pr-18 {
    padding-right: 1.8rem !important
}
.pb-18 {
    padding-bottom: 1.8rem !important
}
.pt-18 {
    padding-top: 1.8rem !important
}
.px-18 {
    padding-left: 1.8rem !important;
    padding-right: 1.8rem !important
}
.py-18 {
    padding-top: 1.8rem !important;
    padding-bottom: 1.8rem !important
}
.p-18 {
    padding: 1.8rem !important
}
.pl-20 {
    padding-left: 2rem !important
}
.pr-20 {
    padding-right: 2rem !important
}
.pb-20 {
    padding-bottom: 2rem !important
}
.pt-20 {
    padding-top: 2rem !important
}
.px-20 {
    padding-left: 2rem !important;
    padding-right: 2rem !important
}
.py-20 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
}
.p-20 {
    padding: 2rem !important
}
.pl-22 {
    padding-left: 2.2rem !important
}
.pr-22 {
    padding-right: 2.2rem !important
}
.pb-22 {
    padding-bottom: 2.2rem !important
}
.pt-22 {
    padding-top: 2.2rem !important
}
.px-22 {
    padding-left: 2.2rem !important;
    padding-right: 2.2rem !important
}
.py-22 {
    padding-top: 2.2rem !important;
    padding-bottom: 2.2rem !important
}
.p-22 {
    padding: 2.2rem !important
}
.pl-24 {
    padding-left: 2.4rem !important
}
.pr-24 {
    padding-right: 2.4rem !important
}
.pb-24 {
    padding-bottom: 2.4rem !important
}
.pt-24 {
    padding-top: 2.4rem !important
}
.px-24 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important
}
.py-24 {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important
}
.p-24 {
    padding: 2.4rem !important
}
.pl-26 {
    padding-left: 2.6rem !important
}
.pr-26 {
    padding-right: 2.6rem !important
}
.pb-26 {
    padding-bottom: 2.6rem !important
}
.pt-26 {
    padding-top: 2.6rem !important
}
.px-26 {
    padding-left: 2.6rem !important;
    padding-right: 2.6rem !important
}
.py-26 {
    padding-top: 2.6rem !important;
    padding-bottom: 2.6rem !important
}
.p-26 {
    padding: 2.6rem !important
}
.pl-28 {
    padding-left: 2.8rem !important
}
.pr-28 {
    padding-right: 2.8rem !important
}
.pb-28 {
    padding-bottom: 2.8rem !important
}
.pt-28 {
    padding-top: 2.8rem !important
}
.px-28 {
    padding-left: 2.8rem !important;
    padding-right: 2.8rem !important
}
.py-28 {
    padding-top: 2.8rem !important;
    padding-bottom: 2.8rem !important
}
.p-28 {
    padding: 2.8rem !important
}
.pl-30 {
    padding-left: 3rem !important
}
.pr-30 {
    padding-right: 3rem !important
}
.pb-30 {
    padding-bottom: 3rem !important
}
.pt-30 {
    padding-top: 3rem !important
}
.px-30 {
    padding-left: 3rem !important;
    padding-right: 3rem !important
}
.py-30 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}
.p-30 {
    padding: 3rem !important
}
.pl-32 {
    padding-left: 3.2rem !important
}
.pr-32 {
    padding-right: 3.2rem !important
}
.pb-32 {
    padding-bottom: 3.2rem !important
}
.pt-32 {
    padding-top: 3.2rem !important
}
.px-32 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important
}
.py-32 {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important
}
.p-32 {
    padding: 3.2rem !important
}
.pl-34 {
    padding-left: 3.4rem !important
}
.pr-34 {
    padding-right: 3.4rem !important
}
.pb-34 {
    padding-bottom: 3.4rem !important
}
.pt-34 {
    padding-top: 3.4rem !important
}
.px-34 {
    padding-left: 3.4rem !important;
    padding-right: 3.4rem !important
}
.py-34 {
    padding-top: 3.4rem !important;
    padding-bottom: 3.4rem !important
}
.p-34 {
    padding: 3.4rem !important
}
.pl-36 {
    padding-left: 3.6rem !important
}
.pr-36 {
    padding-right: 3.6rem !important
}
.pb-36 {
    padding-bottom: 3.6rem !important
}
.pt-36 {
    padding-top: 3.6rem !important
}
.px-36 {
    padding-left: 3.6rem !important;
    padding-right: 3.6rem !important
}
.py-36 {
    padding-top: 3.6rem !important;
    padding-bottom: 3.6rem !important
}
.p-36 {
    padding: 3.6rem !important
}
.pl-38 {
    padding-left: 3.8rem !important
}
.pr-38 {
    padding-right: 3.8rem !important
}
.pb-38 {
    padding-bottom: 3.8rem !important
}
.pt-38 {
    padding-top: 3.8rem !important
}
.px-38 {
    padding-left: 3.8rem !important;
    padding-right: 3.8rem !important
}
.py-38 {
    padding-top: 3.8rem !important;
    padding-bottom: 3.8rem !important
}
.p-38 {
    padding: 3.8rem !important
}
.pl-40 {
    padding-left: 4rem !important
}
.pr-40 {
    padding-right: 4rem !important
}
.pb-40 {
    padding-bottom: 4rem !important
}
.pt-40 {
    padding-top: 4rem !important
}
.px-40 {
    padding-left: 4rem !important;
    padding-right: 4rem !important
}
.py-40 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important
}
.p-40 {
    padding: 4rem !important
}
.pl-42 {
    padding-left: 4.2rem !important
}
.pr-42 {
    padding-right: 4.2rem !important
}
.pb-42 {
    padding-bottom: 4.2rem !important
}
.pt-42 {
    padding-top: 4.2rem !important
}
.px-42 {
    padding-left: 4.2rem !important;
    padding-right: 4.2rem !important
}
.py-42 {
    padding-top: 4.2rem !important;
    padding-bottom: 4.2rem !important
}
.p-42 {
    padding: 4.2rem !important
}
.pl-44 {
    padding-left: 4.4rem !important
}
.pr-44 {
    padding-right: 4.4rem !important
}
.pb-44 {
    padding-bottom: 4.4rem !important
}
.pt-44 {
    padding-top: 4.4rem !important
}
.px-44 {
    padding-left: 4.4rem !important;
    padding-right: 4.4rem !important
}
.py-44 {
    padding-top: 4.4rem !important;
    padding-bottom: 4.4rem !important
}
.p-44 {
    padding: 4.4rem !important
}
.pl-46 {
    padding-left: 4.6rem !important
}
.pr-46 {
    padding-right: 4.6rem !important
}
.pb-46 {
    padding-bottom: 4.6rem !important
}
.pt-46 {
    padding-top: 4.6rem !important
}
.px-46 {
    padding-left: 4.6rem !important;
    padding-right: 4.6rem !important
}
.py-46 {
    padding-top: 4.6rem !important;
    padding-bottom: 4.6rem !important
}
.p-46 {
    padding: 4.6rem !important
}
.pl-48 {
    padding-left: 4.8rem !important
}
.pr-48 {
    padding-right: 4.8rem !important
}
.pb-48 {
    padding-bottom: 4.8rem !important
}
.pt-48 {
    padding-top: 4.8rem !important
}
.px-48 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important
}
.py-48 {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important
}
.p-48 {
    padding: 4.8rem !important
}
.pl-50 {
    padding-left: 5rem !important
}
.pr-50 {
    padding-right: 5rem !important
}
.pb-50 {
    padding-bottom: 5rem !important
}
.pt-50 {
    padding-top: 5rem !important
}
.px-50 {
    padding-left: 5rem !important;
    padding-right: 5rem !important
}
.py-50 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}
.p-50 {
    padding: 5rem !important
}
.pl-52 {
    padding-left: 5.2rem !important
}
.pr-52 {
    padding-right: 5.2rem !important
}
.pb-52 {
    padding-bottom: 5.2rem !important
}
.pt-52 {
    padding-top: 5.2rem !important
}
.px-52 {
    padding-left: 5.2rem !important;
    padding-right: 5.2rem !important
}
.py-52 {
    padding-top: 5.2rem !important;
    padding-bottom: 5.2rem !important
}
.p-52 {
    padding: 5.2rem !important
}
.pl-54 {
    padding-left: 5.4rem !important
}
.pr-54 {
    padding-right: 5.4rem !important
}
.pb-54 {
    padding-bottom: 5.4rem !important
}
.pt-54 {
    padding-top: 5.4rem !important
}
.px-54 {
    padding-left: 5.4rem !important;
    padding-right: 5.4rem !important
}
.py-54 {
    padding-top: 5.4rem !important;
    padding-bottom: 5.4rem !important
}
.p-54 {
    padding: 5.4rem !important
}
.pl-56 {
    padding-left: 5.6rem !important
}
.pr-56 {
    padding-right: 5.6rem !important
}
.pb-56 {
    padding-bottom: 5.6rem !important
}
.pt-56 {
    padding-top: 5.6rem !important
}
.px-56 {
    padding-left: 5.6rem !important;
    padding-right: 5.6rem !important
}
.py-56 {
    padding-top: 5.6rem !important;
    padding-bottom: 5.6rem !important
}
.p-56 {
    padding: 5.6rem !important
}
.pl-58 {
    padding-left: 5.8rem !important
}
.pr-58 {
    padding-right: 5.8rem !important
}
.pb-58 {
    padding-bottom: 5.8rem !important
}
.pt-58 {
    padding-top: 5.8rem !important
}
.px-58 {
    padding-left: 5.8rem !important;
    padding-right: 5.8rem !important
}
.py-58 {
    padding-top: 5.8rem !important;
    padding-bottom: 5.8rem !important
}
.p-58 {
    padding: 5.8rem !important
}
.pl-60 {
    padding-left: 6rem !important
}
.pr-60 {
    padding-right: 6rem !important
}
.pb-60 {
    padding-bottom: 6rem !important
}
.pt-60 {
    padding-top: 6rem !important
}
.px-60 {
    padding-left: 6rem !important;
    padding-right: 6rem !important
}
.py-60 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important
}
.p-60 {
    padding: 6rem !important
}
.pl-62 {
    padding-left: 6.2rem !important
}
.pr-62 {
    padding-right: 6.2rem !important
}
.pb-62 {
    padding-bottom: 6.2rem !important
}
.pt-62 {
    padding-top: 6.2rem !important
}
.px-62 {
    padding-left: 6.2rem !important;
    padding-right: 6.2rem !important
}
.py-62 {
    padding-top: 6.2rem !important;
    padding-bottom: 6.2rem !important
}
.p-62 {
    padding: 6.2rem !important
}
.pl-64 {
    padding-left: 6.4rem !important
}
.pr-64 {
    padding-right: 6.4rem !important
}
.pb-64 {
    padding-bottom: 6.4rem !important
}
.pt-64 {
    padding-top: 6.4rem !important
}
.px-64 {
    padding-left: 6.4rem !important;
    padding-right: 6.4rem !important
}
.py-64 {
    padding-top: 6.4rem !important;
    padding-bottom: 6.4rem !important
}
.p-64 {
    padding: 6.4rem !important
}
.pl-66 {
    padding-left: 6.6rem !important
}
.pr-66 {
    padding-right: 6.6rem !important
}
.pb-66 {
    padding-bottom: 6.6rem !important
}
.pt-66 {
    padding-top: 6.6rem !important
}
.px-66 {
    padding-left: 6.6rem !important;
    padding-right: 6.6rem !important
}
.py-66 {
    padding-top: 6.6rem !important;
    padding-bottom: 6.6rem !important
}
.p-66 {
    padding: 6.6rem !important
}
.pl-68 {
    padding-left: 6.8rem !important
}
.pr-68 {
    padding-right: 6.8rem !important
}
.pb-68 {
    padding-bottom: 6.8rem !important
}
.pt-68 {
    padding-top: 6.8rem !important
}
.px-68 {
    padding-left: 6.8rem !important;
    padding-right: 6.8rem !important
}
.py-68 {
    padding-top: 6.8rem !important;
    padding-bottom: 6.8rem !important
}
.p-68 {
    padding: 6.8rem !important
}
.pl-70 {
    padding-left: 7rem !important
}
.pr-70 {
    padding-right: 7rem !important
}
.pb-70 {
    padding-bottom: 7rem !important
}
.pt-70 {
    padding-top: 7rem !important
}
.px-70 {
    padding-left: 7rem !important;
    padding-right: 7rem !important
}
.py-70 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important
}
.p-70 {
    padding: 7rem !important
}
.pl-72 {
    padding-left: 7.2rem !important
}
.pr-72 {
    padding-right: 7.2rem !important
}
.pb-72 {
    padding-bottom: 7.2rem !important
}
.pt-72 {
    padding-top: 7.2rem !important
}
.px-72 {
    padding-left: 7.2rem !important;
    padding-right: 7.2rem !important
}
.py-72 {
    padding-top: 7.2rem !important;
    padding-bottom: 7.2rem !important
}
.p-72 {
    padding: 7.2rem !important
}
.pl-74 {
    padding-left: 7.4rem !important
}
.pr-74 {
    padding-right: 7.4rem !important
}
.pb-74 {
    padding-bottom: 7.4rem !important
}
.pt-74 {
    padding-top: 7.4rem !important
}
.px-74 {
    padding-left: 7.4rem !important;
    padding-right: 7.4rem !important
}
.py-74 {
    padding-top: 7.4rem !important;
    padding-bottom: 7.4rem !important
}
.p-74 {
    padding: 7.4rem !important
}
.pl-76 {
    padding-left: 7.6rem !important
}
.pr-76 {
    padding-right: 7.6rem !important
}
.pb-76 {
    padding-bottom: 7.6rem !important
}
.pt-76 {
    padding-top: 7.6rem !important
}
.px-76 {
    padding-left: 7.6rem !important;
    padding-right: 7.6rem !important
}
.py-76 {
    padding-top: 7.6rem !important;
    padding-bottom: 7.6rem !important
}
.p-76 {
    padding: 7.6rem !important
}
.pl-78 {
    padding-left: 7.8rem !important
}
.pr-78 {
    padding-right: 7.8rem !important
}
.pb-78 {
    padding-bottom: 7.8rem !important
}
.pt-78 {
    padding-top: 7.8rem !important
}
.px-78 {
    padding-left: 7.8rem !important;
    padding-right: 7.8rem !important
}
.py-78 {
    padding-top: 7.8rem !important;
    padding-bottom: 7.8rem !important
}
.p-78 {
    padding: 7.8rem !important
}
.pl-80 {
    padding-left: 8rem !important
}
.pr-80 {
    padding-right: 8rem !important
}
.pb-80 {
    padding-bottom: 8rem !important
}
.pt-80 {
    padding-top: 8rem !important
}
.px-80 {
    padding-left: 8rem !important;
    padding-right: 8rem !important
}
.py-80 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important
}
.p-80 {
    padding: 8rem !important
}
.pl-82 {
    padding-left: 8.2rem !important
}
.pr-82 {
    padding-right: 8.2rem !important
}
.pb-82 {
    padding-bottom: 8.2rem !important
}
.pt-82 {
    padding-top: 8.2rem !important
}
.px-82 {
    padding-left: 8.2rem !important;
    padding-right: 8.2rem !important
}
.py-82 {
    padding-top: 8.2rem !important;
    padding-bottom: 8.2rem !important
}
.p-82 {
    padding: 8.2rem !important
}
.pl-84 {
    padding-left: 8.4rem !important
}
.pr-84 {
    padding-right: 8.4rem !important
}
.pb-84 {
    padding-bottom: 8.4rem !important
}
.pt-84 {
    padding-top: 8.4rem !important
}
.px-84 {
    padding-left: 8.4rem !important;
    padding-right: 8.4rem !important
}
.py-84 {
    padding-top: 8.4rem !important;
    padding-bottom: 8.4rem !important
}
.p-84 {
    padding: 8.4rem !important
}
.pl-86 {
    padding-left: 8.6rem !important
}
.pr-86 {
    padding-right: 8.6rem !important
}
.pb-86 {
    padding-bottom: 8.6rem !important
}
.pt-86 {
    padding-top: 8.6rem !important
}
.px-86 {
    padding-left: 8.6rem !important;
    padding-right: 8.6rem !important
}
.py-86 {
    padding-top: 8.6rem !important;
    padding-bottom: 8.6rem !important
}
.p-86 {
    padding: 8.6rem !important
}
.pl-88 {
    padding-left: 8.8rem !important
}
.pr-88 {
    padding-right: 8.8rem !important
}
.pb-88 {
    padding-bottom: 8.8rem !important
}
.pt-88 {
    padding-top: 8.8rem !important
}
.px-88 {
    padding-left: 8.8rem !important;
    padding-right: 8.8rem !important
}
.py-88 {
    padding-top: 8.8rem !important;
    padding-bottom: 8.8rem !important
}
.p-88 {
    padding: 8.8rem !important
}
.pl-90 {
    padding-left: 9rem !important
}
.pr-90 {
    padding-right: 9rem !important
}
.pb-90 {
    padding-bottom: 9rem !important
}
.pt-90 {
    padding-top: 9rem !important
}
.px-90 {
    padding-left: 9rem !important;
    padding-right: 9rem !important
}
.py-90 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important
}
.p-90 {
    padding: 9rem !important
}
.pl-92 {
    padding-left: 9.2rem !important
}
.pr-92 {
    padding-right: 9.2rem !important
}
.pb-92 {
    padding-bottom: 9.2rem !important
}
.pt-92 {
    padding-top: 9.2rem !important
}
.px-92 {
    padding-left: 9.2rem !important;
    padding-right: 9.2rem !important
}
.py-92 {
    padding-top: 9.2rem !important;
    padding-bottom: 9.2rem !important
}
.p-92 {
    padding: 9.2rem !important
}
.pl-94 {
    padding-left: 9.4rem !important
}
.pr-94 {
    padding-right: 9.4rem !important
}
.pb-94 {
    padding-bottom: 9.4rem !important
}
.pt-94 {
    padding-top: 9.4rem !important
}
.px-94 {
    padding-left: 9.4rem !important;
    padding-right: 9.4rem !important
}
.py-94 {
    padding-top: 9.4rem !important;
    padding-bottom: 9.4rem !important
}
.p-94 {
    padding: 9.4rem !important
}
.pl-96 {
    padding-left: 9.6rem !important
}
.pr-96 {
    padding-right: 9.6rem !important
}
.pb-96 {
    padding-bottom: 9.6rem !important
}
.pt-96 {
    padding-top: 9.6rem !important
}
.px-96 {
    padding-left: 9.6rem !important;
    padding-right: 9.6rem !important
}
.py-96 {
    padding-top: 9.6rem !important;
    padding-bottom: 9.6rem !important
}
.p-96 {
    padding: 9.6rem !important
}
.pl-98 {
    padding-left: 9.8rem !important
}
.pr-98 {
    padding-right: 9.8rem !important
}
.pb-98 {
    padding-bottom: 9.8rem !important
}
.pt-98 {
    padding-top: 9.8rem !important
}
.px-98 {
    padding-left: 9.8rem !important;
    padding-right: 9.8rem !important
}
.py-98 {
    padding-top: 9.8rem !important;
    padding-bottom: 9.8rem !important
}
.p-98 {
    padding: 9.8rem !important
}
.pl-100 {
    padding-left: 10rem !important
}
.pr-100 {
    padding-right: 10rem !important
}
.pb-100 {
    padding-bottom: 10rem !important
}
.pt-100 {
    padding-top: 10rem !important
}
.px-100 {
    padding-left: 10rem !important;
    padding-right: 10rem !important
}
.py-100 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important
}
.p-100 {
    padding: 10rem !important
}
*, *:focus {
    outline: none !important
}
::-moz-selection {
    background-color: #63D9D0;
    color: #fff
}
::selection {
    background-color: #406877;
    color: #fff
}
::-webkit-scrollbar {
    width: 0.8rem;
    height: 0.8rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer
}
::-webkit-scrollbar-track {
    background: #f1f1f1
}
::-webkit-scrollbar-thumb {
    background-color: #204E60;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0.4rem
}
::-webkit-scrollbar-thumb:hover, .side-menu .sidebar-nav .sidebar-list__item.active .nav-link::-webkit-scrollbar-thumb {
    background-color: #204E60;
    cursor: pointer
}
.sm-scroll::-webkit-scrollbar {
    width: 0.4rem;
    height: 0.4rem
}
.inner-scroll::-webkit-scrollbar-thumb {
    background-color: #204E60;
}
html {
    font-size: 62.5%;
    overflow-y: auto
}
body {
    font-family: "TheSansArab", Sans-Serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #737373;
    background-color: #f0f0f0;
    text-align: start;
    letter-spacing: 0 !important
}
.tooltip{
    font-family: "TheSansArab", Sans-Serif;
}
#wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    min-height: 100vh;
    max-width: 1920px;
    margin: auto
}
#main-content {
    position: relative;
    margin-top: -31rem
}
#main-content.sticky {
    margin-top: 8.2rem
}
#main-content>.container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
#main-content>.container-fluid .side-menu {
    width: 34.5rem;
    /*z-index: 1000*/
}
#main-content>.container-fluid .page-content {
    width: calc(100% - (34.5rem + 2rem));
    padding-bottom: 3.4rem;
    /*z-index: 999*/
}
#main-content>.container-fluid .page-content.profile-page {
    width: calc(100% - (5rem + 2rem));
    margin: auto;
}
@media all and (min-width: 1401px) and (max-width: 1550px) {
    html {
        font-size: 53.5%
    }
    .filter-form {
        flex-wrap: wrap;
    }
    .card .card-head.filter-head {
        margin-bottom: 4.8rem !important;
    }
    #main-content>.container-fluid .side-menu {
        width: 28rem
    }
    #main-content>.container-fluid .page-content {
        width: calc(100% - (28rem + 1.5rem))
    }
}
@media all and (max-width: 1440px) {
    #main-content>.container-fluid .side-menu {
        width: 28rem
    }
    #main-content>.container-fluid .page-content {
        width: calc(100% - (28rem + 1.5rem))
    }
}
@media all and (max-width: 991.98px) {
    #main-content>.container-fluid .side-menu {
        position: relative;
        right: -100%;
        width: 0;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    #main-content>.container-fluid .page-content, #main-content>.container-fluid .page-content.profile-page {
        width: 100%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    #main-content.side-menu-open .side-menu {
        right: 0;
        width: 28rem
    }
    #main-content.side-menu-open .page-content {
        width: calc(100% - (28rem + 1.5rem))
    }
    #main-content>.container-fluid .side-menu {
        z-index: 1000
    }
    #main-content>.container-fluid .page-content {
        z-index: 999
    }

    #main-content>.container-fluid .side-menu {
        position: fixed;
        right: -100%;
        top: 6.6rem;
        width: 100%;
        max-height: calc(100vh - 6.6rem);
        overflow-y: auto;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    #main-content>.container-fluid .side-menu::-webkit-scrollbar {
        width: .3rem
    }
    #main-content.side-menu-open .side-menu {
        right: 0
    }
}
@media all and (max-width: 767px) {
    #main-content {
        margin-top: -15rem
    }
    #main-content>.container-fluid .side-menu {
        position: fixed;
        right: -100%;
        top: 6.6rem;
        width: 100%;
        max-height: calc(100vh - 6.6rem);
        overflow-y: auto;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    #main-content>.container-fluid .side-menu::-webkit-scrollbar {
        width: .3rem
    }
    #main-content>.container-fluid .page-content, #main-content>.container-fluid .page-content.profile-page {
        width: 100%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease
    }
    #main-content.side-menu-open .side-menu {
        right: 0
    }
}
#overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #ffffff45;
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    display: none;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
#overlay.show {
    display: block;
    opacity: 1;
    visibility: visible
}
#overlay.dark {
    background-color: rgba(0, 0, 0, 0.5)
}
.application-template #main-content {
    margin: 0
}
a, a:hover, .side-menu .sidebar-nav .sidebar-list__item.active a.nav-link, a:focus {
    text-decoration: none
}
a {
    color: #003449
}
img {
    max-width: 100%;
    height: auto
}
.container-fluid {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}
@media all and (max-width: 1440px) {
    .container-fluid {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}
@media all and (max-width: 991px) {
    .container-fluid {
        padding-left: 2rem;
        padding-right: 2rem
    }
}
@media all and (max-width: 767px) {
    .container-fluid {
        padding-left: 1.6rem;
        padding-right: 1.6rem
    }
}
.row {
    --bs-gutter-x: 1.2rem
}
.row.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0
}
.row.g-18 {
    --bs-gutter-x: 1.8rem
}
.row.g-24 {
    --bs-gutter-x: 2.4rem
}
.row.g-32 {
    --bs-gutter-x: 3.2rem
}
.row.g-62 {
    --bs-gutter-x: 6.2rem
}
.row.row-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.row.row-5 .col {
    width: calc(100% / 5);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
@media all and (max-width: 1199px) {
    .row.row-5 .col {
        width: calc(100% / 3)
    }
}
@media all and (max-width: 767.98px) {
    .row.row-5 .col {
        width: 50%
    }
}
@media all and (max-width: 991.98px) {
    .row.g-32 {
        --bs-gutter-x: 1.2rem
    }
    .row.g-62 {
        --bs-gutter-x: 3.2rem
    }
    .row.g-sm-12 {
        --bs-gutter-x: 1.2rem !important
    }
}
@media all and (min-width: 1351px) and (max-width: 1400px) {
    html {
        font-size: 55.5%
    }
    .card .card-head.filter-head {
        margin-bottom: 17rem !important;
    }
    biddings-page .card .card-head.filter-head {
        margin-bottom: 2.4rem !important;
    }
}
@media all and (min-width: 1200px) and (max-width: 1350px) {
    html {
        font-size: 52.5%
    }
    .card .card-head.filter-head {
        margin-bottom: 17rem !important;
    }
    biddings-page .card .card-head.filter-head {
        margin-bottom: 2.4rem !important;
    }
}
@media all and (min-width: 992px) and (max-width: 1199px) {
    html {
        font-size: 50.5%
    }
    .card .card-head.filter-head {
        margin-bottom: 17rem !important;
    }
    biddings-page .card .card-head.filter-head {
        margin-bottom: 2.4rem !important;
    }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: 700
}
p {
    font-size: 1.4rem;
    font-weight: 400;
    color: #737373
}
p.lead {
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #505050;
    font-weight: 530
}
p.has-polet {
    position: relative;
    font-size: 1.6rem;
    color: #404040;
    padding-right: 1.8rem
}
[dir="ltr"] p.has-polet {
    padding-right: 0;
    padding-left: 1.8rem
}
p.has-polet:before {
    content: "";
    position: absolute;
    top: 1rem;
    right: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 0.2rem;
    background-color: #9bd65c
}
[dir="ltr"] p.has-polet:before {
    right: auto;
    left: 0
}
p.send-done {
    color: #63D9D0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 2.8rem;
    margin: 0
}
p.send-done img {
    margin-left: 0.5rem;
    width: 2.4rem;
    height: 2.4rem
}
[dir="ltr"] p.send-done img {
    margin-left: 0;
    margin-right: 0.5rem
}
@media all and (max-width: 1440px) {
    p.lead {
        font-size: 1.2rem;
        line-height: 2.2rem
    }
    p.send-done {
        font-size: 1.4rem
    }
}
@media all and (max-width: 991.98px) {
    p.send-done img {
        width: 1.8rem;
        height: 1.8rem;
        margin: 0
    }
}
.title {
    font-size: 1.8rem;
    color: #003449;
}
.text-dark{
    color: #202020 !important;
}
.text-darkn{
    color: #505050 !important;
}
.title.title-sm {
    font-size: 1.5rem !important
}
.title.title-md {
    font-size: 2.1rem !important
}
.title.title-lg {
    font-size: 2.4rem !important
}
.title.title-36 {
    font-size: 3.6rem !important
}
.title.title-xl {
    font-size: 4.2rem !important
}
@media all and (max-width: 1440px) {
    .title {
        font-size: 1.6rem
    }
    .title.title-sm {
        font-size: 1.5rem !important
    }
    .title.title-md {
        font-size: 2.1rem !important
    }
    .title.title-lg {
        font-size: 2.4rem !important
    }
}
@media all and (max-width: 1440px) and (max-width: 767px) {
    .title.title-lg {
        font-size: 1.9rem !important
    }
}
@media all and (max-width: 1440px) {
    .title.title-36 {
        font-size: 3.2rem !important
    }
    .title.title-xl {
        font-size: 3.8rem !important
    }
}
.text-md {
    font-size: 2rem !important
}
@media all and (max-width: 1440px) {
    .text-md {
        font-size: 1.6rem !important
    }
}
.text-ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.text-ellipsis.two-line {
    -webkit-line-clamp: 2;
    height: 5.75rem;
}
.text-link {
    font-size: 1.4rem;
    color: #737373;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.text-link.font-16 {
    font-size: 1.6rem;
    color: #404040
}
.text-link:hover, .side-menu .sidebar-nav .sidebar-list__item.active .text-link.nav-link {
    color: #9bd65c !important
}
.content-item {
    margin-bottom: 3.2rem
}
.content-item>p {
    margin-bottom: 0
}
.text-bold {
    font-weight: bold !important
}
.text-black {
    font-weight: 900 !important
}
.text-normal {
    font-weight: 400 !important
}
.heading-row {
    position: relative;
    margin-bottom: 3.2rem
}
.heading-row .heading-title {
    position: relative;
    display: inline-block;
    font-size: 2.8rem;
    font-weight: bold;
    color: #003449;
    background-color: #fff;
    padding-left: 2.4rem;
    margin-bottom: 0;
    z-index: 1
}
[dir="ltr"] .heading-row .heading-title {
    padding-left: 0;
    padding-right: 2.4rem
}
.heading-row:after {
    position: absolute;
    content: "";
    bottom: 1rem;
    left: 0;
    width: 100%;
    height: 0.2rem;
    background-color: #f2f2f2;
    z-index: 0
}
[dir="ltr"] .heading-row:after {
    left: auto;
    right: 0
}
.tooltip {
    font-size: 1.2rem
}
@media all and (max-width: 1440px) {
    .heading-row {
        margin-bottom: 2.2rem
    }
    .heading-row .heading-title {
        font-size: 2rem;
        padding-left: 1.4rem
    }
    [dir="ltr"] .heading-row .heading-title {
        padding-left: 0;
        padding-right: 1.4rem
    }
}
.preloader {
    width: 100%;
    height: 100%;
    top: 0px;
    position: fixed;
    z-index: 99999;
    background: #fff;
    right: 0;
    left: 0;
    z-index: 9999999
}
.loader-logo img {
    display: block;
    margin: auto;
    width: 17rem;
}
.loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}
.preloader .cssload-speeding-wheel {
    position: absolute;
    top: calc(50% - 3.5px);
    left: calc(50% - 3.5px)
}
.loader, .loader-figure {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100px;
    width: 250px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.loader {
    overflow: visible;
    height: 100px;
    width: 250px
}
.loader-figure {
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 0 solid #f9f9f9;
    border-radius: 50%;
    -webkit-animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}
.loader-label {
    float: left;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 2em 0 0 50%;
    font-size: 1rem;
    letter-spacing: 0;
    line-height: 1.5em;
    color: #006f42;
    white-space: nowrap;
    -webkit-animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    font-weight: 600
}
.loader-status {
    -webkit-animation: loader-label 1.15s 5 cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-label 1.15s 5 cubic-bezier(0.215, 0.61, 0.355, 1);
    line-height: 2.25;
}
.preloader.checking {
    display: none
}
.preloader.checking .loader-logo img {
    width: 8rem;
    filter: brightness(0) invert(1);
}
.preloader.checking .loader-figure {
    height: 0;
    width: 0;
    box-sizing: border-box;
    border: 0 solid #f9f9f9;
    border-radius: 50%;
    -webkit-animation: loader-figure-check 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1);
    animation: loader-figure-check 1.15s infinite cubic-bezier(0.215, 0.61, 0.355, 1)
}
.preloader.checking {
    background: rgba(0, 0, 0, 0.5)
}
body.loaded-checking .preloader.checking {
    display: block !important
}
body.loaded-checking {
    overflow: hidden
}
@-webkit-keyframes loader-figure {
    0% {
        height: 100%;
        width: 100%
    }
    29% {}
    30% {
        height: 200%;
        width: 200%;
        background-color: transparent;
        border-width: 1em;
        opacity: 1
    }
    to {
        height: 300%;
        width: 300%;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}
@keyframes loader-figure {
    0% {
        height: 2em;
        width: 2em;
        background-color: #ffffff
    }
    29% {
        background-color: #fff
    }
    30% {
        height: 5em;
        width: 5em;
        background-color: transparent;
        border-width: 3em;
        opacity: 1
    }
    to {
        height: 5.5em;
        width: 5.5em;
        border-width: 0;
        opacity: 0;
        background-color: transparent
    }
}
@-webkit-keyframes loader-figure-check {
    0% {
        height: 2em;
        width: 2em;
        border: 10px solid #2c2a79
    }
    50% {
        height: 4em;
        width: 4em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
        border: 40px solid #fff
    }
    100% {
        height: 5em;
        width: 5em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
        border: 80px solid #2c2a79
    }
}
@keyframes loader-figure-check {
    0% {
        height: 2em;
        width: 2em;
        border: 10px solid #2c2a79
    }
    50% {
        height: 4em;
        width: 4em;
        background-color: transparent;
        border-width: 1em;
        opacity: 1;
        border: 40px solid #2c2a7969
    }
    100% {
        height: 5em;
        width: 5em;
        border-width: 0;
        opacity: 0;
        background-color: transparent;
        border: 80px solid #2c2a79
    }
}
@-webkit-keyframes loader-label {
    0% {
        opacity: 0.25
    }
    30% {
        opacity: 1
    }
    to {
        opacity: 0.25
    }
}
@keyframes loader-label {
    0% {
        opacity: 0.25
    }
    30% {
        opacity: 1
    }
    to {
        opacity: 0.25
    }
}
.bs-avatar {
    vertical-align: middle;
    width: 50px;
    height: 50px
}
.bs-avatar.size-1-by-2 {
    width: 20px;
    height: 20px
}
.bs-avatar.size-1 {
    width: 40px;
    height: 40px
}
.bs-avatar.size-2 {
    width: 70px;
    height: 70px
}
.bs-avatar.size-3 {
    width: 90px;
    height: 90px
}
.bs-avatar.size-4 {
    width: 110px;
    height: 110px
}
.text-success {
    color: #28a745 !important
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.badge-secondary {
    color: #fff
}
.m-h-100 {
    min-height: 100%;
    min-height: 100vh
}
.op-0 {
    opacity: 0
}
.op-1 {
    opacity: 1
}
.card {
    background-color: #ffffff;
    border-radius: .8rem;
    padding: 3.2rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border: none
}
.card.tbl-card {
    padding: .75rem 1.5rem;
    box-shadow: none;
    border: 1px solid #EBECED;
    margin-bottom: 1.5rem;
}
.card.prev-busn-card {
    padding: 0;
    overflow: hidden;
    border-radius: 0.5rem;
    border: 1px solid rgba(0, 0, 0, 0.10);
    background: #FDFFFF;
    margin-bottom: 2rem;
    height: 36.5rem;
}
.card.prev-busn-card .card-footer{
    min-height: 7rem;
}
.prev-busn-card .proj-icon {
    width: 100%;
    height: 200px;
}
.card .card-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3.2rem
}
.card.prev-busn-card .card-head{
    position: relative;
}
.card .card-head .title {
    margin-bottom: 0
}
.card .card-head .title .title-icon {
    display: inline-block;
    width: 4.8rem;
    height: 4.8rem;
    margin-left: 1.8rem
}
[dir="ltr"] .card .card-head .title .title-icon {
    margin-left: 0;
    margin-right: 1.8rem
}
.card .card-head .title .numbers-count {
    position: relative;
    display: inline-block;
    margin-right: 3rem;
    width: 3rem;
    height: 2.6rem;
    text-align: center;
    line-height: 2.6rem;
    border-radius: 0.4rem;
    background-color: #f2f2f2;
    color: #999;
    font-size: 1.8rem;
    font-weight: bold
}
[dir="ltr"] .card .card-head .title .numbers-count {
    margin-right: 0;
    margin-left: 3rem
}
.card .card-head .title .numbers-count:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1.8rem;
    width: 2px;
    height: 100%;
    background-color: #e6e6e6
}
[dir="ltr"] .card .card-head .title .numbers-count:before {
    right: auto;
    left: -1.8rem
}
.card .card-head .btn-link {
    color: #737373
}
.card .card-head .btn-link:hover, .card .card-head .side-menu .sidebar-nav .sidebar-list__item.active .btn-link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .card .card-head .btn-link.nav-link {
    color: #63D9D0
}
.card .card-head.filter-head {
    margin-bottom: 4.8rem
}
.card .card-head.filter-head .nav-tabs .nav-link .icon-svg {
    margin-left: 0
}
[dir="ltr"] .card .card-head.filter-head .nav-tabs .nav-link .icon-svg {
    margin-right: 0
}
.card .card-head.filter-head .search-form .lead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2rem
}
[dir="ltr"] .card .card-head.filter-head .search-form .lead {
    margin-left: 0;
    margin-right: 2rem
}
.card .card-head.filter-head .search-form .lead>span {
    margin: 0 .5rem
}
.card.tbl-card .action-div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card.tbl-card .action-div.to-end{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.card .card-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 0 0;
    border-top: 2px solid #f2f2f2;
    background-color: transparent;
    border-radius: 0
}
.card.prev-busn-card .card-footer {
    padding: 1.4rem 1rem !important;
    background: #F8F8F8;
}
.card .card-footer__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    font-size: 1.6rem;
    color: #141A20;
    font-weight: 530;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.card .card-footer__link i {
    font-size: 2.4rem
}
[dir="ltr"] .card .card-footer__link i:before {
    content: "\f178"
}
.card .card-footer__link:hover, .card .side-menu .sidebar-nav .sidebar-list__item.active .card-footer__link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .card .card-footer__link.nav-link {
    color: #003449
}
.card.card-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 3.4rem 4.2rem
}
.card.card-icon .card-icon__image {
    min-width: 5.8rem;
    max-width: 5.8rem;
    margin-left: 2.8rem
}
[dir="ltr"] .card.card-icon .card-icon__image {
    margin-left: 0;
    margin-right: 2.8rem
}
.card.card-icon .card-icon__content {
    width: calc(100% - 8.6rem)
}
.card.card-icon .card-icon__content .title {
    line-height: 4.8rem
}
.card.card-icon .card-icon__content p {
    font-size: 2.4rem;
    margin-bottom: 0;
    line-height: 4rem
}
.card.card-icon .card-icon__content p .btn-link {
    margin-right: 5%
}
[dir="ltr"] .card.card-icon .card-icon__content p .btn-link {
    margin-right: 0;
    margin-left: 5%
}
.card.statistics-card {
    padding: 2.4rem
}
.card.statistics-card .card-head {
    border-bottom: 0px solid #f2f2f2;
    padding-bottom: 1rem;
    margin-bottom: 0;
    align-items: start;
    z-index: 9;
}
.card.statistics-card.profile-card .card-head {
    align-items: center;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
}
.card.statistics-card.profile-card .card-head .card-head__text {
    -webkit-align-self: flex-start !important;
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}
.card.statistics-card .card-head .small-text {
    display: inline-block;
    font-size: 1.4rem;
    color: #999;
    margin-bottom: 0.5rem
}
.card.statistics-card .card-head .title {
    margin-bottom: 0
}
@media only screen and (max-width: 576px) {
    .card.statistics-card .card-head .pie-chart-container {
        display: flex;
        align-items: center;
        justify-content: end;
        width: 100%;
        margin-top: 2rem;
    }
}
.card.statistics-card .card-head .pie-chart{
    position: relative;
}
.card.statistics-card .card-head .pie-chart .pie-chart-total {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: .9rem;
    font-weight: 530;
    color: #5B6672;
    position: absolute;
    width: 99px;
    height: 99px;
    top: calc(100% - 74.4%);
    left: calc(100% - 74.3%);
    border: 2px solid rgb(69 68 89 / 5%);
    border-radius: 100%;
    z-index: -1;

}
.card.statistics-card .card-head .pie-chart .pie-chart-total.pie-chart-total-provider {
    width: 73px;
    height: 73px;
}
.card.statistics-card .card-head .pie-chart .pie-chart-total span:first-child{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
}
.card.statistics-card .card-content {
    padding-top: 3.5rem;
    display: block;
}
.card.statistics-card .card-content .pie-chart-legend {
    margin-top: -4rem;
    min-height: 12.25rem;
}
.card.statistics-card.profile-card .card-content a,
.card.statistics-card.profile-card .card-content span.title{
    margin: 0 -2.4rem;
    margin-bottom: -2.4rem;
    border-radius: 0 0 0.8rem 0.8rem;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003449;
    background: #F2F2F2;
    font-size: 1.5rem;
    font-weight: 500;
    transition: all 0.4s ease;
}
.card.services-card{
    padding: 2.4rem
}
.card.services-card .card-head{
    flex-direction: column;
    margin-bottom: 2rem;
}
.card.services-card .card-head .card-head__text {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card.services-card .card-head__image{
    width: 5rem;
    height: 5rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.card.services-card:hover .card-head__image{
    scale: 1.15;
}
.card.services-card .card-head__text .title{
    margin: 1.5rem 0rem;
    min-height: 5rem;
}
.card.services-card .card-content{
    padding-top: 3.5rem;
    display: block;
}
.card.services-card .card-content span.title{
    margin: 0 -2.4rem;
    margin-bottom: -2.4rem;
    border-radius: 0 0 0.8rem 0.8rem;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #003449;
    background: #F2F2F2;
    font-size: 1.4rem;
    transition: all 0.4s ease;
}
.card.card-table {
    padding: 3.2rem 4.2rem;
    overflow: hidden
}
.card.card-table .card.card-table {
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    border: none;
}
.card.card-table .card-footer {
    padding: 1.4rem 0 0;
    border-top: 0px solid #f2f2f2
}
.card.card-details {
    padding: 0;
    overflow: hidden
}
.card.card-details .main-info {
    padding: 4.2rem 3.2rem;
    background-color: #f8f8f8
}
.card.card-details .side-info {
    padding: 4.2rem 2.8rem;
    background-color: #fff;
    height: 100%
}
.card.side-info-box .heading-row .heading-title {
    background-color: #f8f8f8
}
.newTip {
    position: relative;
    overflow: hidden
}
.newTip>* {
    z-index: 1
}
.newTip:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 20.2rem;
    background-image: url(../images/icon-idea.png);
    background-position: center;
    background-size: cover;
    z-index: 0
}
[dir="ltr"] .newTip:after {
    left: auto;
    right: 0
}
.statistics-item {
    padding: 1rem;
    text-align: center;
    border-radius: .8rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 100%
}
.statistics-item:hover, .side-menu .sidebar-nav .sidebar-list__item.active .statistics-item.nav-link {
    background-color: #f2f2f2
}
.statistics-item .numbers {
    position: relative;
    display: inline-block;
    font-size: 3.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
    color: #595959;
    padding-right: 1.8rem;
    margin-bottom: 0
}
[dir="ltr"] .statistics-item .numbers {
    padding-right: 0;
    padding-left: 1.8rem
}
.statistics-item .numbers:before {
    content: "";
    position: absolute;
    bottom: 1.4rem;
    right: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 0.3rem;
    background-color: #63D9D0
}
[dir="ltr"] .statistics-item .numbers:before {
    right: auto;
    left: 0
}
.statistics-item .numbers small {
    font-size: 2.4rem;
    text-transform: uppercase
}
.statistics-item .text {
    font-size: 2rem;
    font-weight: 400;
    color: #999
}
.statistics-item.main-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3rem 1.4rem;
    background-color: #f2f2f2;
    text-align: center
}
.statistics-item.main-item .numbers {
    padding: 0;
    color: #003449;
    font-weight: 900;
    font-size: 8.2rem;
    line-height: 8.2rem;
    margin-bottom: 1.5rem
}
.statistics-item.main-item .numbers:before {
    display: none
}
.statistics-item.main-item .numbers small {
    font-weight: 900;
    font-size: 5.8rem
}
.statistics-item.main-item .text .icon-svg {
    width: 2rem;
    height: 2rem;
    fill: #bfbfbf
}
.icon-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.card.tbl-card .icon-item{
    padding: 0 1rem;
}
.icon-item__icon {
    width: 3.2rem;
    height: 3.2rem;
    margin-left: 2.4rem;
    min-width: 3.2rem
}
.card.tbl-card .icon-item .icon-item__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    min-width: 1.5rem;
}
.card.prev-busn-card .icon-item .icon-item__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 0.25rem;
    min-width: 1.5rem;
}
.icon-item__content a.title {
    display: block;
    color: #404040;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.icon-item__content a.title:hover, .icon-item__content .side-menu .sidebar-nav .sidebar-list__item.active a.title.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .icon-item__content a.title.nav-link {
    color: #63D9D0
}
.icon-item__content span {
    font-size: 1.6rem;
    color: #737373;
    letter-spacing: 1px;
    line-height: 2.6rem
}
@media all and (max-width: 1440px) {
    .card {
        padding: 2.4rem
    }
    .card.prev-busn-card {
        padding: 0;
    }
    .card .card-head {
        margin-bottom: 2.4rem
    }
    .card .card-head .title .title-icon {
        width: 3.8rem;
        height: 3.8rem;
        margin-left: 0
    }
    [dir="ltr"] .card .card-head .title .title-icon {
        margin-left: 0;
        margin-right: 0
    }
    .card .card-head .title .numbers-count {
        width: 2rem;
        height: 1.6rem;
        line-height: 1.6rem;
        margin-right: 1.5rem;
        font-size: 1.4rem
    }
    [dir="ltr"] .card .card-head .title .numbers-count {
        margin-right: 0;
        margin-left: 1.5rem
    }
    .card .card-head .title .numbers-count:before {
        right: -1rem
    }
    [dir="ltr"] .card .card-head .title .numbers-count:before {
        right: auto;
        left: -1rem
    }
    .card .card-footer {
        padding: 1rem 0 0
    }
    .card .card-footer .card-footer__link {
        font-size: 1.6rem
    }
    .card .card-footer .card-footer__link i {
        font-size: 1.8rem
    }
    .card.card-icon {
        padding: 2.4rem
    }
    .card.card-icon .card-icon__image {
        min-width: 4.8rem;
        max-width: 4.8rem;
        margin-left: 1.8rem
    }
    .card.card-icon .card-icon__content p {
        font-size: 2rem
    }
    .card.card-icon .card-icon__content p .btn-link {
        margin: 0
    }
    .card.statistics-card {
        padding: 2.4rem
    }
    .card.statistics-card .card-head {
        padding-bottom: 1rem
    }
    .card.statistics-card .card-head .small-text {
        font-size: 1.4rem
    }
    .card.statistics-card .card-head__icon {
        width: 3.8rem
    }
    .card.statistics-card .card-icon__content {
        padding-top: 2.5rem
    }
    .card.card-table {
        padding: 2.4rem
    }
    .card.card-table .card.card-table {
        padding: 0;
    }
    .card.card-table .card-footer {
        padding: 1.4rem 0 0
    }
    .statistics-item {
        padding: 0.5rem
    }
    .statistics-item .numbers {
        font-size: 2.6rem;
        padding-right: 1.2rem
    }
    [dir="ltr"] .statistics-item .numbers {
        padding-right: 0;
        padding-left: 1.2rem
    }
    .statistics-item .text {
        font-size: 1.4rem
    }
    .statistics-item.main-item {
        padding: 1.5rem 1rem
    }
    .statistics-item.main-item .numbers {
        font-size: 5.2rem;
        line-height: 5.2rem;
        margin-bottom: 0.5rem
    }
    .statistics-item.main-item .numbers small {
        font-size: 2.8rem
    }
    .statistics-item.main-item .text .icon-svg {
        display: block;
        margin: 0 auto 0.5rem
    }
    .icon-item .icon-item__icon {
        width: 2.8rem;
        height: 2.8rem;
        margin-left: 1.4rem;
        min-width: 2.8rem
    }
    [dir="ltr"] .icon-item .icon-item__icon {
        margin-left: 0;
        margin-right: 1.4rem
    }
    .card.tbl-card .icon-item .icon-item__icon{
        width: 1.5rem;
        height: 1.5rem;
        margin-left: 0.25rem;
        min-width: 1.5rem;
    }
}
@media all and (max-width: 991px) {
    .card {
        padding: 2.4rem 1.6rem
    }
    .card.prev-busn-card {
        padding: 0;
    }
    .card .card-head.filter-head {
        margin-bottom: 3.2rem
    }
    .card.card-icon {
        padding: 1.6rem 1.4rem
    }
    .card.card-icon .card-icon__image {
        min-width: 3.8rem;
        max-width: 3.8rem;
        margin-left: 0.8rem
    }
    [dir="ltr"] .card.card-icon .card-icon__image {
        margin-left: 0;
        margin-right: 0.8rem
    }
    .card.card-icon .card-icon__content {
        width: calc(100% - 4.6rem)
    }
    .card.card-icon .card-icon__content .title {
        line-height: 2.2rem;
        font-size: 1.4rem
    }
    .card.card-icon .card-icon__content .title.title-lg {
        font-size: 1.8rem !important;
        line-height: 3rem
    }
    .card.card-icon .card-icon__content p {
        line-height: 2.4rem;
        font-size: 1.4rem
    }
    .card.card-icon .card-icon__content p .btn-link {
        margin-top: 1.2rem;
        display: block
    }
    .card.card-table {
        padding: 2.4rem 1.6rem
    }
    .card.card-table .card.card-table {
        padding: 0;
    }
    .card.card-details .col-lg-8.card-mob {
        -webkit-box-ordinal-group: inherit;
        -webkit-order: inherit;
        -ms-flex-order: inherit;
        order: inherit
    }
    .card.card-details .side-info {
        padding: 2.4rem 1.8rem
    }
    .card.card-details .main-info {
        padding: 2.4rem 1.8rem
    }
}
@media all and (max-width: 767px) {
    .card .card-head.filter-head .search-form {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .card .card-head.filter-head .search-form .d-flex {
        width: 100%;
        margin-bottom: 1rem;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .card .card-head.filter-head .search-form .d-flex>p {
        margin: 0
    }
}
.box-item {
    position: relative;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    border-radius: .2rem;
    padding: 4.2rem 1.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.box-item__head {
    width: 6.8rem;
    height: 6.8rem;
    background-color: #f7f7f7;
    border-radius: .8rem;
    padding: 1rem;
    margin-bottom: 2rem
}
.box-item .title {
    font-size: 2rem;
    color: #262626;
    margin-bottom: 0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.box-item:hover, .side-menu .sidebar-nav .sidebar-list__item.active .box-item.nav-link {
    background-color: #F5FDFC;
    border-color: #63D9D0
}
.box-item:hover .title, .side-menu .sidebar-nav .sidebar-list__item.active .box-item.nav-link .title {
    color: #63D9D0
}
.calendar-box {
    padding: 1.8rem 0 2.4rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.calendar-box .calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.2rem;
    background-color: #f2f2f2;
    border-radius: .8rem;
    min-width: 16.4rem;
    margin-left: 2.4rem
}
[dir="ltr"] .calendar-box .calendar {
    margin-left: 0;
    margin-right: 2.4rem
}
.calendar-box .calendar .calendar-week {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #999;
    padding-bottom: .7rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem
}
.calendar-box .calendar .calendar-week i {
    margin-left: .6rem
}
[dir="ltr"] .calendar-box .calendar .calendar-week i {
    margin-left: 0;
    margin-right: .6rem
}
.calendar-box .calendar .calendar-day {
    font-size: 4.2rem;
    line-height: 6.2rem;
    font-weight: 900;
    color: #003449;
    margin-bottom: 1rem
}
.calendar-box .calendar .calendar-month {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #999
}
.calendar-box .calendar .calendar-month .dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background-color: #70c2c0;
    border-radius: 100%
}
.calendar-box .calendar-agenda p {
    font-size: 1.8rem;
    color: #404040;
    margin-bottom: 1.6rem
}
.calendar-box .calendar-agenda p i {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    margin-left: 1rem;
    color: #999
}
[dir="ltr"] .calendar-box .calendar-agenda p i {
    margin-left: 0;
    margin-right: 1rem
}
.content-box {
    margin-bottom: 2rem
}
.content-box__key {
    font-size: 1.8rem;
    font-weight: bold;
    color: #404040;
    line-height: 3.4rem;
    margin-bottom: 0
}
.content-box__value {
    font-size: 1.6rem;
    color: #999;
    margin-bottom: 0
}
.content-box__value i {
    margin-left: .8rem
}
[dir="ltr"] .content-box__value i {
    margin-left: 0;
    margin-right: .8rem
}
.content-info {
    position: relative;
    margin-bottom: 3.2rem;
    padding-right: 1.4rem
}
[dir="ltr"] .content-info {
    padding-right: 0;
    padding-left: 1.4rem
}
.content-info:before {
    position: absolute;
    /*content: "";commented*/
    top: 1rem;
    right: 0;
    width: .6rem;
    height: .6rem;
    background-color: #595959;
    border-radius: .2rem
}
[dir="ltr"] .content-info:before {
    right: auto;
    left: 0
}

.pie-chart-legend .content-info:before {
    position: absolute;
    content: "";
    top: 1rem;
    right: 0;
    width: .6rem;
    height: .6rem;
    background-color: #a4a2a2;
    border-radius: .2rem
}
[dir="ltr"] .pie-chart-legend .content-info:before {
    right: auto;
    left: 0
}
.pie-chart-legend .content-info.mb-12:last-child{
    margin-bottom: 0rem !important;
}
.pie-chart-legend .content-info span{
    font-weight: 530;
    font-size: 1.2rem;
    color: #5B6672;
}
.pie-chart-legend .content-info::before{
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 10rem;
    top: 0.5rem;
    right: -0.25rem;
}
.pie-chart-legend .content-info.Valid::before, .pie-chart-legend .content-info.New_Objectable::before, .pie-chart-legend .content-info.default::before{
    background-color: #003449;
}
.pie-chart-legend .content-info.warning::before {
    background-color: #fff780;
}
.pie-chart-legend .content-info.info::before, .pie-chart-legend .content-info.InProcedure::before, .pie-chart-legend .content-info.in-progress::before{
    background-color: #7DE0D8;
}
.pie-chart-legend .content-info.WaitingPayment::before, .pie-chart-legend .content-info.waiting-payment::before, .pie-chart-legend .content-info.suspended-by-provider::before,
.pie-chart-legend .content-info.suspended-by-site::before {

    background-color: #F9C880;
}
.pie-chart-legend .content-info.danger::before, .pie-chart-legend .content-info.Expired::before, .pie-chart-legend .content-info.Expire::before{
    background-color: #EB7D81;
}
.pie-chart-legend .content-info.canceled::before, .pie-chart-legend .content-info.Canceled::before, .pie-chart-legend .content-info.Canaceld_Request::before, .pie-chart-legend .content-info.Suspended::before,
.pie-chart-legend .content-info.canceled-by-site::before, .pie-chart-legend .content-info.expired::before{
    background-color: #EB7D81;
}
.pie-chart-legend .content-info.UnKnown::before, .pie-chart-legend .content-info.Draft::before,
.pie-chart-legend .content-info.unknown::before, .pie-chart-legend .content-info.draft::before{
    background-color: #809AA4;
}
.pie-chart-legend .content-info.ExpireSoon::before, .pie-chart-legend .content-info.ExpireSoon_Objectable::before, .pie-chart-legend .content-info.New::before {
    background-color: #ffc107;
}

.pie-chart-legend .content-info.Completed::before, .pie-chart-legend .content-info.completed::before,
.pie-chart-legend .content-info.Paid::before {
    background-color: #7CBB88;
}
.pie-chart-legend .content-info.success::before {
    background-color: #7CBB88;
}
.content-info__key {
    font-size: 1.6rem;
    font-weight: 530;
    color: #505050;
    margin-top: 1rem
}
.content-info__value {
    font-size: 1.4rem;
    font-weight: 500;
    color: #979797;
    margin-bottom: 0
}
.content-info__value.d-flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.content-info__value.d-flex span.date {
    color: #737373;
    font-weight: normal;
    font-size: 2rem
}
.content-info__value.d-flex span.date small {
    font-size: 1.6rem
}
.content-info.reversed-style .content-info__key {
    font-size: 1.6rem;
    font-weight: 400;
    color: #737373
}
.content-info.reversed-style .content-info__value {
    font-weight: bold;
    color: #404040
}
.content-info.polet-green::before {
    background-color: #63D9D0
}
.content-info.more-value::before {
    top: .9rem
}
.content-info.more-value .content-info__key {
    margin-bottom: 2rem
}
.content-info.more-value:last-child {
    margin-bottom: 0
}
.content-info.more-details {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.content-info.more-details::before {
    display: none
}
.content-info.more-details .content-info__main .content-info__key {
    font-size: 2rem
}
.content-info.more-details .content-info__main .content-info__value {
    color: #999;
    font-size: 1.4rem;
    font-weight: 400
}
.content-info.more-details .content-info__main .content-info__value.number-value {
    letter-spacing: 2px
}
.content-info.more-details .content-info__details {
    text-align: end
}
.content-info.more-details .content-info__details>span {
    display: block;
    font-size: 1.8rem;
    color: #404040;
    margin-bottom: 1rem
}
.content-info.more-details .content-info__details p.date {
    margin: 0
}
.content-info.more-details .content-info__details p.date span:first-child {
    font-size: 1.6rem;
    color: #404040
}
.content-info.more-details .content-info__details p.date>span:last-child {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.8rem;
    color: #737373;
    margin-right: 1rem
}
[dir="ltr"] .content-info.more-details .content-info__details p.date>span:last-child {
    margin-right: 0;
    margin-left: 0
}
.card.authorization-box .card-head {
    margin-bottom: 2.2rem
}
.card.authorization-box .card-content .lead {
    margin-bottom: 1.6rem
}
.card.authorization-box .card-content .content-box {
    padding-right: 1rem
}
[dir="ltr"] .card.authorization-box .card-content .content-box {
    padding-right: 0;
    padding-left: 1rem
}
.selected-rows {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.7rem 4.2rem;
    background-color: #f8f8f8;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0 0 .8rem .8rem;
    margin-top: -5px;
    z-index: 1;
    display: none
}
.selected-rows.show {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.selected-rows.fixed-style {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 -2px 20px 2px rgba(0, 0, 0, 0.11)
}
.selected-rows p {
    font-size: 2.4rem;
    font-weight: bold;
    color: #404040;
    margin-bottom: 0
}
.selected-rows p .icon-svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: 1.4rem
}
[dir="ltr"] .selected-rows p .icon-svg {
    margin-left: 0;
    margin-right: 1.4rem
}
.selected-rows p .items-numbers {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    border-radius: .2rem;
    font-size: 2rem;
    color: #63D9D0;
    background-color: #F5FDFC
}
.selected-rows__actions .btn:last-child {
    margin-right: 2.8rem
}
[dir="ltr"] .selected-rows__actions .btn:last-child {
    margin-right: 0;
    margin-left: 2.8rem
}
@media all and (max-width: 1440px) {
    .selected-rows {
        padding: 2.4rem
    }
    .selected-rows p {
        font-size: 1.6rem
    }
    .selected-rows p .icon-svg {
        margin-left: .5rem;
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9)
    }
    [dir="ltr"] .selected-rows p .icon-svg {
        margin-left: 0;
        margin-right: .5rem
    }
    .selected-rows p .items-numbers {
        width: 2rem;
        height: 2rem;
        line-height: 2rem;
        font-size: 1.6rem
    }
    .selected-rows__actions .btn:last-child {
        margin-right: 1.4rem
    }
    [dir="ltr"] .selected-rows__actions .btn:last-child {
        margin-right: 0;
        margin-left: 1.4rem
    }
}
.info-box {
    border-bottom: 2px solid #e6e6e6;
    padding-bottom: .8rem
}
.info-box__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.2rem
}
.info-box__head .title {
    margin: 0
}
.info-box__head .title .icon-svg {
    max-width: 4.2rem;
    max-height: 4.2rem;
    min-width: 4.2rem;
    margin-left: 1.4rem
}
[dir="ltr"] .info-box__head .title .icon-svg {
    margin-left: 0;
    margin-right: 1.4rem
}
.info-box__head .btn {
    font-size: 1.6rem;
    padding: 1.4rem;
    border: 0;
    border-radius: .2rem;
    min-width: 11.8rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.info-box__head .btn .icon-svg {
    stroke: #003449
}
.info-box__head .btn:hover .icon-svg, .info-box__head .side-menu .sidebar-nav .sidebar-list__item.active .btn.nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .info-box__head .btn.nav-link .icon-svg {
    stroke: #fff
}
.info-box__content {
    padding-right: 0rem
}
[dir="ltr"] .info-box__content {
    padding-right: 0;
    padding-left: 0rem
}
.overflow__box{
    max-height: 70rem;
    overflow-x: auto;
    padding-left: 1.5rem;
}
.mini-card-info {
    position: relative;
    padding: 2.4rem;
    margin-bottom: 3.2rem;
    border-radius: 15.5px;
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.11);
    background-image: url(../images/palm-bg-info.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    color: #fff;
    overflow: hidden
}
.mini-card-info .mini-card-labels {
    max-width: 80%
}
.mini-card-info .mini-card-labels .label {
    display: inline-block;
    padding: .6rem .7rem;
    border-radius: .27rem;
    color: #fff;
    font-size: 1.4rem;
    background-color: #034f4d;
    margin-left: 1rem;
    margin-bottom: 1rem;
}
[dir="ltr"] .mini-card-info .mini-card-labels .label {
    margin-left: 0;
    margin-right: 1rem
}
.mini-card-info .mini-card-labels .label:last-child {
    margin-left: 0
}
[dir="ltr"] .mini-card-info .mini-card-labels .label:last-child {
    margin-left: 0;
    margin-right: 0
}
.mini-card-info .mini-card-title {
    font-size: 3.2rem;
    color: #fff;
    margin-bottom: 2.7rem;
    font-weight: bold
}
.mini-card-info .item-info .key {
    color: #fff;
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: .8rem
}
.mini-card-info .item-info .value {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 0;
    letter-spacing: .2rem
}
.actions-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.8rem
}
.actions-box .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 48%;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    font-weight: bold
}
.media-object {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}
.media-object__head {
    margin-left: 1rem;
    margin-top: .5rem
}
[dir="ltr"] .media-object__head {
    margin-left: 0;
    margin-right: 1rem
}
.media-object__content .title {
    margin-bottom: .5rem
}
.gray-box {
    position: relative;
    padding: 2.8rem;
    border-radius: 2px;
    background-color: #f2f2f2
}
.gray-box .gray-box__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1rem
}
.gray-box .gray-box__head .svg-wrapper, .gray-box .gray-box__head img {
    width: 4.2rem;
    height: 4.2rem;
    margin-left: 1rem
}
[dir="ltr"] .gray-box .gray-box__head .svg-wrapper, [dir="ltr"] .gray-box .gray-box__head img {
    margin-left: 0;
    margin-right: 1rem
}
.gray-box .gray-box__head .title {
    font-size: 2rem
}
.gray-box .gray-box__head .title.title-warning {
    color: #c74b00
}
.gray-box .gray-box__content {
    padding-right: 5.2rem
}
[dir="ltr"] .gray-box .gray-box__content {
    padding-right: 0;
    padding-left: 5.2rem
}
.gray-box .gray-box__content p {
    font-size: 1.8rem;
    color: #737373
}
.gray-box.box-lg {
    padding: 2.8rem
}
.gray-box.box-lg .gray-box__head {
    margin-bottom: 2rem
}
.gray-box.license-sm {
    padding: 2.4rem
}
.gray-box.license-sm .license-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.gray-box.license-sm .license-info .title {
    font-size: 2rem;
    color: #404040;
    margin: 0
}
.gray-box.license-sm .license-info .title small {
    font-size: 1.8rem;
    color: #999;
    display: block;
    font-weight: 400;
    line-height: 2.8rem;
    letter-spacing: 2px;
    padding-right: 2rem;
    margin-top: 5px
}
[dir="ltr"] .gray-box.license-sm .license-info .title small {
    padding-right: 0;
    padding-left: 2rem
}
.gray-box.license-sm .license-info>p {
    font-size: 2rem;
    color: #404040;
    margin: 0
}
.gray-box.license-sm .license-info>p.date {
    font-size: 1.6rem
}
.gray-box.license-sm .license-info>p.date span {
    color: #737373;
    font-size: 1.8rem
}
.gray-box.license-sm .btn.close-btn {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    border-radius: 100%;
    border: 1.4px solid #003449;
    color: #003449;
    font-size: 1.6rem
}
.gray-box.license-sm .btn.close-btn:hover, .gray-box.license-sm .side-menu .sidebar-nav .sidebar-list__item.active .btn.close-btn.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .gray-box.license-sm .btn.close-btn.nav-link {
    border-color: #9a1111;
    color: #9a1111
}
@media all and (max-width: 1440px) {
    .calendar-box {
        padding: .6rem 0 1.6rem 0
    }
    .calendar-box .calendar {
        padding: .8rem;
        min-width: 10rem;
        margin-left: 1rem
    }
    .calendar-box .calendar .calendar-week {
        font-size: 1.4rem;
        line-height: 2rem
    }
    .calendar-box .calendar .calendar-day {
        font-size: 3.2rem;
        line-height: 4.2rem
    }
    .calendar-box .calendar .calendar-month {
        font-size: 1.4rem
    }
    .calendar-box .calendar-agenda p {
        font-size: 1.4rem;
        margin-bottom: .8rem
    }
    .calendar-box .calendar-agenda p i {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        margin-left: .5rem
    }
    .card.authorization-box .card-head {
        margin-bottom: 1.4rem
    }
    .card.authorization-box .card-content .lead {
        margin-bottom: 2rem;
        line-height: normal;
        font-size: 1.4rem
    }
    .card.authorization-box .card-content .content-box {
        padding: 0
    }
    .content-box {
        margin-bottom: .8rem
    }
    .content-box__value {
        font-size: 1.4rem;
        margin-bottom: .5rem
    }
    .content-box__key {
        font-size: 1.5rem;
        line-height: 2.0rem
    }
    .content-info {
        margin-bottom: 2rem;
        padding-right: 1.4rem
    }
    [dir="ltr"] .content-info {
        padding-right: 0;
        padding-left: 1.4rem
    }
    .content-info__key {
        font-size: 1.4rem;
        margin-bottom: .6rem
    }
    .content-info__value {
        font-size: 1.4rem
    }
    .content-info .content-info__value.d-flex span.date {
        font-size: 1.4rem
    }
    .content-info.more-details {
        margin: 0
    }
    .content-info.more-details .content-info__main .content-info__key {
        font-size: 1.6rem
    }
    .content-info.more-details .content-info__main .content-info__value {
        font-size: 1.4rem
    }
    .content-info.more-details .content-info__details>span {
        font-size: 1.4rem
    }
    .content-info.more-details .content-info__details p.date span:first-child {
        font-size: 1.4rem
    }
    .content-info.more-details .content-info__details p.date span:last-child {
        font-size: 1.6rem
    }
    .info-box {
        padding-bottom: .5rem
    }
    .info-box__head {
        margin-bottom: 2.2rem
    }
    .info-box__head .title .icon-svg {
        max-width: 4.2rem;
        max-height: 4.2rem;
        min-width: 4.2rem;
        margin-left: 1.4rem
    }
    [dir="ltr"] .info-box__head .title .icon-svg {
        margin-left: 0;
        margin-right: 1.4rem
    }
    .info-box__head .btn {
        font-size: 1.6rem;
        padding: 1rem 1.4rem;
        border: 0;
        border-radius: .2rem
    }
    .info-box__head .btn .icon-svg {
        stroke: #003449
    }
    .info-box__head .btn:hover .icon-svg, .info-box__head .side-menu .sidebar-nav .sidebar-list__item.active .btn.nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .info-box__head .btn.nav-link .icon-svg {
        stroke: #fff
    }
    .info-box__content {
        padding-right: 3.6rem
    }
    [dir="ltr"] .info-box__content {
        padding-right: 0;
        padding-left: 3.6rem
    }
    .mini-card-info {
        padding: 1.4rem;
        margin-bottom: 2.2rem;
        border-radius: 10.5px
    }
    .mini-card-info .mini-card-labels .label {
        font-size: 1.2rem;
        margin-left: .5rem
    }
    [dir="ltr"] .mini-card-info .mini-card-labels .label {
        margin-left: 0;
        margin-right: .5rem
    }
    .mini-card-info .mini-card-labels .label:last-child {
        margin-left: 0
    }
    [dir="ltr"] .mini-card-info .mini-card-labels .label:last-child {
        margin-left: 0;
        margin-right: 0
    }
    .mini-card-info .mini-card-title {
        font-size: 2.2rem;
        margin-bottom: 1.7rem
    }
    .mini-card-info .item-info .key {
        font-size: 1.2rem;
        margin-bottom: .5rem
    }
    .mini-card-info .item-info .value {
        font-size: 1.6rem;
        letter-spacing: .1rem
    }
    .actions-box {
        margin-bottom: 1.4rem
    }
    .actions-box .btn {
        width: 48%;
        margin-bottom: 1rem;
        font-size: 1.4rem;
        padding: 1.2rem .6rem
    }
    .actions-box .btn.has-icon-end .icon-svg {
        -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        margin: 0
    }
    .gray-box {
        padding: 1.2rem 1.8rem
    }
    .gray-box .gray-box__head {
        margin-bottom: .6rem
    }
    .gray-box .gray-box__head img {
        width: 3.2rem;
        height: 3.2rem;
        margin-left: .6rem
    }
    [dir="ltr"] .gray-box .gray-box__head img {
        margin-left: 0;
        margin-right: .6rem
    }
    .gray-box .gray-box__head .title {
        font-size: 1.6rem
    }
    .gray-box .gray-box__content {
        padding-right: 3.2rem
    }
    [dir="ltr"] .gray-box .gray-box__content {
        padding-right: 0;
        padding-left: 3.4rem
    }
    .gray-box .gray-box__content p {
        font-size: 1.4rem
    }
    .gray-box.box-lg {
        padding: 1.8rem
    }
    .gray-box.box-lg .gray-box__head {
        margin-bottom: 1rem
    }
    .gray-box.license-sm {
        padding: 1.8rem !important
    }
    .gray-box.license-sm .license-info .title, .gray-box.license-sm .license-info>p {
        font-size: 1.6rem
    }
    .gray-box.license-sm .license-info>p.date {
        font-size: 1.4rem
    }
    .gray-box.license-sm .license-info>p.date span {
        font-size: 1.6rem
    }
}
@media all and (max-width: 991.98px) {
    .content-info {
        margin-bottom: 1.5rem
    }
    .content-info.reversed-style .content-info__key {
        font-size: 1.4rem
    }
    .info-box .info-box__head .title.title-md {
        font-size: 1.8rem !important
    }
    .info-box .info-box__head .btn {
        font-size: 1.4rem;
        min-width: 10rem
    }
    .info-box .info-box__content {
        padding-right: 0
    }
    [dir="ltr"] .info-box .info-box__content {
        padding-right: 0;
        padding-left: 0
    }
}
@media all and (max-width: 576px) {
    .info-box .info-box__head .title.title-md {
        font-size: 1.6rem !important
    }
    .info-box .info-box__head .title.title-md .icon-svg {
        margin-left: 0
    }
    [dir="ltr"] .info-box .info-box__head .title.title-md .icon-svg {
        margin-right: 0
    }
    .info-box .info-box__head .btn {
        min-width: auto;
        padding: .8rem 1rem
    }
    .info-box .info-box__head .btn .icon-svg {
        margin-right: .8rem
    }
    [dir="ltr"] .info-box .info-box__head .btn .icon-svg {
        margin-right: 0;
        margin-left: .8rem
    }
    .calendar-box {
        padding: 1.6rem 0 1.6rem 0
    }
    .calendar-box .calendar .calendar-day {
        font-size: 3.8rem;
        line-height: 5.2rem
    }
    .content-info.more-value .content-info__value.d-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
        flex-flow: column
    }
    .content-info.more-value .content-info__value.d-flex span.date {
        margin-top: 1rem
    }
    .content-info.more-value.d-flex {
        display: block !important
    }
    .content-info.more-details {
        display: block
    }
    .content-info.more-details .content-info__main {
        margin-bottom: 1rem
    }
    .content-info.more-details .content-info__details {
        text-align: start
    }
    .gray-box.license-sm .license-info {
        display: block
    }
    .gray-box.license-sm .license-info .title {
        font-size: 1.6rem;
        margin-bottom: 1rem
    }
    .gray-box.license-sm .license-info .title small {
        font-size: 1.4rem;
        line-height: normal;
        padding: 0;
        margin-top: 5px
    }
    [dir="ltr"] .gray-box.license-sm .license-info .title small {
        padding: 0
    }
    .gray-box.license-sm .license-info>p {
        font-size: 1.6rem;
        color: #404040;
        margin: 0
    }
    .gray-box.license-sm .license-info>p.date {
        font-size: 1.4rem
    }
    .gray-box.license-sm .license-info>p.date span {
        color: #737373;
        font-size: 1.4rem
    }
    .gray-box.license-sm .btn.close-btn {
        position: absolute;
        top: 2.4rem;
        left: 2.4rem
    }
    [dir="ltr"] .gray-box.license-sm .btn.close-btn {
        left: auto;
        right: 2.4rem
    }
}
.form-group {
    position: relative;
    margin-bottom: 2.5rem
}
.advanced-filter-form .form-group{
    margin-bottom: 1.25rem
}
.form-group .label {
    font-weight: 530;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: .5rem;
    color: #595959;
    padding-right: .6rem
}
[dir="ltr"] .form-group .label {
    padding-right: 0;
    padding-left: .6rem
}
.form-group .icon-tooltip {
    padding: 0;
    border: 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 1rem
}
[dir="ltr"] .form-group .icon-tooltip {
    left: auto;
    right: 1rem
}
.form-group .error-message {
    text-align: start;
    padding: 1rem;
    color: red;
    background-color: #faebd7;
    margin-top: 0.5rem
}
.form-group.has-icon {
    position: relative
}
.form-group.has-icon i {
    position: absolute;
    width: 2rem;
    height: 2rem;
    text-align: center;
    top: 1.25rem;
    right: 1.5rem;
    font-size: 1.6rem;
    font-weight: 400;
    pointer-events: none;
    color: #A9A9A9
}
.form-group.has-icon label:not(.visually-hidden) ~ i {
    top: 4.25rem;
    font-size: 1.6rem;
}
[dir="rtl"] .form-group.has-icon i {
    right: auto;
    left: 1rem
}
.form-group.has-icon.icon-start i {
    right: auto;
    left: 1.5rem
}
[dir="rtl"] .form-group.has-icon.icon-start i {
    left: auto;
    right: 1.5rem
}
.form-group.has-icon.icon-start .form-control, .form-group.has-icon.icon-start .bootstrap-select>.dropdown-toggle {
    padding-left: 5rem
}
[dir="rtl"] .form-group.has-icon.icon-start .form-control, [dir="rtl"] .form-group.has-icon.icon-start .bootstrap-select>.dropdown-toggle {
    padding-left: 2rem;
    padding-right: 5rem
}
.form-group.has-icon .form-control:focus~.icon-svg svg, .form-group.has-icon .bootstrap-select>.dropdown-toggle:focus~.icon-svg svg {
    fill: #003449
}
.form-group.has-icon.with-label i {
    top: auto;
    bottom: 1.4rem
}
.form-group.inline-inputs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.form-group.inline-inputs .label {
    width: 100%
}
.form-group.inline-inputs .form-control, .form-group.inline-inputs .bootstrap-select>.dropdown-toggle {
    width: 49%
}
.form-group.sm-inputs .form-control, .form-group.sm-inputs .bootstrap-select>.dropdown-toggle {
    height: 3rem;
    padding: 0 1rem;
    min-width: 10rem
}
.form-group.sm-inputs.has-icon .icon-svg {
    width: 1.5rem;
    height: 1.5rem;
    bottom: .5rem;
    right: 1rem
}
[dir="rtl"] .form-group.sm-inputs.has-icon .icon-svg {
    right: auto;
    left: .5rem
}
.form-group.otp-inputs .label {
    display: block;
    text-align: center;
    color: #003449;
    text-align: center;
    margin-bottom: 3rem;
    font-size: 2.2rem
}
.form-group.otp-inputs .otp-inputs-feilds {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-flow: row-reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}
[dir="ltr"] .form-group.otp-inputs .otp-inputs-feilds {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -ms-flex-flow: row;
    flex-flow: row
}
.form-group.otp-inputs .form-control, .form-group.otp-inputs .bootstrap-select>.dropdown-toggle {
    height: 6.2rem;
    text-align: center;
    margin-right: 1.5rem;
    padding: 1rem !important;
    font-size: 3rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto
}
.form-group.otp-inputs .form-control:last-child, .form-group.otp-inputs .bootstrap-select>.dropdown-toggle:last-child {
    margin-right: 0
}
.form-group.input-addon {
    position: relative
}
.form-group.input-addon .form-control, .form-group.input-addon .bootstrap-select>.dropdown-toggle {
    padding-left: 4.8rem
}
[dir="ltr"] .form-group.input-addon .form-control, [dir="ltr"] .form-group.input-addon .bootstrap-select>.dropdown-toggle {
    padding-left: 1.6rem;
    padding-right: 4.8rem
}
.form-group.input-addon .text-addon {
    position: absolute;
    width: 2.4rem;
    bottom: 1.2rem;
    left: 1.2rem;
    color: #000;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 2.8rem
}
[dir="ltr"] .form-group.input-addon .text-addon {
    left: auto;
    right: 1.2rem
}
.form-control, .bootstrap-select>.dropdown-toggle {
    height: 4.2rem;
    padding: 1rem 1rem;
    background-color: #fff;
    border: 1px solid #D1D1D1;
    border-radius: .4rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #747474;
    box-shadow: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}
.filter-form .btn:not(.dropdown-toggle) {
    padding: 1.2rem .75rem;
}
.filter-form .form-control:not(.bootstrap-select) {
    max-width: 14rem;
}
@media all and (max-width: 767px) {
    .filter-form .form-control:not(.bootstrap-select) {
        max-width: 100%;
    }
}
.filter-head .form-control, .filter-head .bootstrap-select>.dropdown-toggle{
    min-width: 12rem;
}
.form-control:focus, .bootstrap-select>.dropdown-toggle:focus, .search-form .form-control:focus, .search-form .bootstrap-select>.dropdown-toggle:focus {
    border: 1px solid #003449;
    box-shadow: none
}
.form-control:disabled, .bootstrap-select>.dropdown-toggle:disabled, .form-control.disabled, .bootstrap-select>.disabled.dropdown-toggle {
    background-color: #f2f2f2;
    border-color: #e6e6e6;
    cursor: not-allowed;
}
.form-control:disabled+i, .bootstrap-select>.dropdown-toggle:disabled+i, .form-control.disabled+i, .bootstrap-select>.disabled.dropdown-toggle+i {
    color: #737373
}
.form-control::-webkit-input-placeholder, .bootstrap-select>.dropdown-toggle::-webkit-input-placeholder {
    color: #999
}
.form-control~.text-muted, .bootstrap-select>.dropdown-toggle~.text-muted {
    position: absolute;
    bottom: -3.2rem;
    right: 1.2rem;
    font-size: 1.4rem;
    color: #737373 !important
}
[dir="ltr"] .form-control~.text-muted, [dir="ltr"] .bootstrap-select>.dropdown-toggle~.text-muted {
    right: auto;
    left: 1.2rem
}
textarea.form-control, .bootstrap-select>textarea.dropdown-toggle {
    resize: none;
    min-height: 15rem
}
select.form-control, .bootstrap-select>select.dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    cursor: pointer;
    padding-left: 4.4rem
}
[dir="ltr"] select.form-control, [dir="ltr"] .bootstrap-select>select.dropdown-toggle {
    padding-left: 1.6rem;
    padding-right: 4.4rem
}
input:-webkit-autofill, input:-webkit-autofill:hover, .side-menu .sidebar-nav .sidebar-list__item.active input.nav-link:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important
}
.success-message {
    padding: 1rem;
    margin: 1rem 0;
    background-color: #4caf50;
    color: #fff
}
.input-file__item.input-group{
    height: 4.2rem;
    padding: 0rem;
    background: #E5F9F7;
    border: 1px solid #003449;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    color: #A9A9A9;
    box-shadow: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    justify-content: space-between;
}
.input-file__item {
    position: relative
}
.input-file__item input[type="file"] {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1
}
.input-file__item__label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 4.2rem;
    min-width: 8rem;
    align-items: center;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1.4rem;
    font-weight: 500;
    color: #141A20;
    background-color: #fff;
    border-radius: .4rem;
    padding: 0 1.4rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.input-file__item__label:hover, .side-menu .sidebar-nav .sidebar-list__item.active .input-file__item__label.nav-link {
    background-color: #CBF3EF;
    color: #003449
}
.input-file__item__label img {
    margin-left: 1rem
}
.input-file__item__label span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100px;
    white-space: nowrap;
    font-size: 1.15rem;
}
.input-file__item.style-2 .input-file__item__label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    color: #737373;
    border: 1px solid #f2f2f2;
    padding: 0 0 0 2.2rem;
    margin-bottom: 0
}
[dir="rtl"] .input-file__item.style-2 .input-file__item__label {
    padding: 0 2.2rem 0 0
}
.input-file__item.style-2 .input-file__item__label .input-btn {
    height: 100%;
    color: #242424;
    background-color: transparent;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0;
    margin-right: 1rem;
    margin-bottom: 0;
    font-weight: 500;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
[dir="rtl"] .input-file__item.style-2 .input-file__item__label .input-btn {
    margin-right: 0;
    margin-left: 1rem
}
.input-file__item.style-2 .input-file__item__label .input-text {
    width: calc(100% - 137px);
    min-height: 2em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.input-file__item.transparent-label .input-file__item__label {
    padding: 0 1rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: 1.4rem;
    font-weight: 500;
    min-width: auto;
    height: auto;
    background-color: transparent;
    color: #003449
}
.input-file__item.transparent-label .input-file__item__label:hover, .input-file__item.transparent-label .side-menu .sidebar-nav .sidebar-list__item.active .input-file__item__label.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .input-file__item.transparent-label .input-file__item__label.nav-link {
    color: #63D9D0
}
.input-file__item.transparent-label .input-file__item__label i {
    margin-left: 1rem
}
[dir="ltr"] .input-file__item.transparent-label .input-file__item__label i {
    margin-left: 0;
    margin-right: 1rem
}
.inputfile-1+label {
    color: #f1e5e6;
    background-color: #d3394c
}
.inputfile-1:focus+label, .inputfile-1.has-focus+label, .inputfile-1+label:hover, .side-menu .sidebar-nav .sidebar-list__item.active .inputfile-1+label.nav-link {
    background-color: #722040
}
.switch-toggle {
    position: relative;
    width: 4rem;
    height: 2.2rem;
    margin-bottom: -2px
}
.switch-toggle input {
    opacity: 0;
    width: 0;
    height: 0
}
.switch-toggle input:checked+.slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
    background: #003449
}
.switch-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border: .2rem solid #ddd
}
.switch-toggle .slider:before {
    position: absolute;
    content: "";
    height: 1.2rem;
    width: 1.2rem;
    left: .2rem;
    bottom: .3rem;
    background-color: #737373;
    -webkit-transition: .4s;
    transition: .4s
}
.switch-toggle .slider.round {
    border-radius: 10rem;
    border-radius: 10rem
}
.switch-toggle .slider.round:before {
    border-radius: 50%
}
.search-form {
    position: relative;
    min-width: 40.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: flex-end;
}
.search-form .form-control, .search-form .bootstrap-select>.dropdown-toggle {
    box-shadow: none;
    width: calc(100% - 5.4rem);
    border-radius: 0 .4rem .4rem 0;
    font-size: 1.4rem;
    background: #F9F9F9;
    border: 1px solid #D1D1D1;
    border-radius: 0 0.4rem 0.4rem 0;
    font-weight: 500;
    height: 4rem;
}
.form-inline .form-group.search-form .form-control{
    background: #ffffff;
}
[dir="ltr"] .search-form .form-control, [dir="ltr"] .search-form .bootstrap-select>.dropdown-toggle {
    border-radius: .4rem 0 0 .4rem
}
.search-form .search-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
    color: #fff;
    background-color: #003449;
    font-size: 1.6rem;
    font-weight: 530;
    padding: 0;
    box-shadow: none;
    border: 0;
    border-radius: .4rem 0 0 .4rem
}
[dir="ltr"] .search-form .search-btn {
    border-radius: 0 .4rem .4rem 0
}
.filter-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2.4rem
}
.filter-form .row.g-18 {
    --bs-gutter-x: .5rem;
    margin-bottom: 1rem;
}
.filter-form .label {
    font-weight: 900;
    font-size: 1.6rem;
    color: #141A20
}
.filter-form .seperator {
    position: relative;
    padding: 0 1rem;
    height: 5.4rem
}
.filter-form .seperator:after {
    position: absolute;
    content: "";
    top: 1.6rem;
    left: 1rem;
    width: 1px;
    height: 2rem;
    background-color: #e6e6e6
}
.filter-form .btn-reset {
    border: 0;
    padding: 0;
    background-color: transparent;
    text-decoration: underline;
    font-size: 1.6rem;
    color: #999;
    font-weight: bold;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.filter-form .btn-reset:hover, .filter-form .side-menu .sidebar-nav .sidebar-list__item.active .btn-reset.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .filter-form .btn-reset.nav-link {
    color: #9bd65c
}
.form-inline .form-group {
    margin-bottom: 0
}
.form-inline .form-group.search-form{
    min-width: auto;
}
.check-items-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.check-items-wrap .check-radio-item {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem
}
.check-items-wrap .check-radio-item:last-child {
    margin-right: 0
}
[dir="rtl"] .check-items-wrap .check-radio-item:last-child {
    margin-right: 0;
    margin-left: 0
}
[dir="rtl"] .check-items-wrap .check-radio-item {
    margin-right: 0;
    margin-left: 1.5rem
}
.check-radio-item {
    position: relative
}
.check-radio-item input[type="radio"], .check-radio-item input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}
.check-radio-item input[type="radio"]:checked+.check-radio-label, .check-radio-item input[type="checkbox"]:checked+.check-radio-label {
    color: #003449
}
.check-radio-item input[type="radio"]:checked+.check-radio-label::before, .check-radio-item input[type="checkbox"]:checked+.check-radio-label::before {
    background-color: rgba(37, 65, 135, 0.2);
}
.check-radio-item input[type="radio"]:checked+.check-radio-label:after, .check-radio-item input[type="checkbox"]:checked+.check-radio-label:after {
    opacity: 1
}
.check-radio-item .check-radio-label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    line-height: 2rem;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 1.4rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}
.check-radio-item .check-radio-label:before {
    content: "";
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: 1.8rem;
    min-width: 1.8rem;
    height: 1.8rem;
    border: 0.15rem solid #003449;
    border-radius: .2rem;
    margin-right: 2.5rem;
    z-index: 1
}
[dir="rtl"] .check-radio-item .check-radio-label:before {
    margin-right: 0;
    margin-left: 1rem
}
[dir="rtl"] .filter-form .check-radio-item .check-radio-label:before{
    margin-left: 0.5rem
}
.check-radio-item .check-radio-label:after {
    content: "\f00c";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.5rem;
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    background-color: #003449;
    border: 0.15rem solid #003449;
    border-radius: .2rem;
    font-family: "Font Awesome 5 Pro";
    font-weight: 530;
    z-index: 2;
    opacity: 0
}
[dir="rtl"] .check-radio-item .check-radio-label:after {
    left: auto;
    right: 0
}
.check-radio-item.inline {
    display: inline-block;
    vertical-align: middle
}
.check-radio-item.no-text .check-radio-label {
    height: 1.8rem
}
.check-radio-item.label-gray .check-radio-label::before {
    border-color: #bfbfbf
}
.check-radio-item.label-gray input[disabled] ~ .check-radio-label {
    cursor: not-allowed;
}
.check-radio-item.label-gray input[disabled] ~ .check-radio-label::before {
    border-color: #e1e1e1;
    background: #f3f3f3;
}
.form-control-check input[type="radio"], .form-control-check input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
    visibility: hidden
}
.form-control-check input[type="radio"]:checked+.form-control-label, .form-control-check input[type="checkbox"]:checked+.form-control-label {
    border-color: #003449;
    color: #003449
}
.form-control-check input[type="radio"]:checked+.form-control-label .text:before, .form-control-check input[type="checkbox"]:checked+.form-control-label .text:before {
    content: "\f192";
    color: #003449;
    border: 0
}
.form-control-check input[type="radio"]:disabled+.form-control-label, .form-control-check input[type="radio"].disabled+.form-control-label, .form-control-check input[type="checkbox"]:disabled+.form-control-label, .form-control-check input[type="checkbox"].disabled+.form-control-label {
    background-color: #f2f2f2;
    border-color: #e6e6e6;
    color: #999
}
.form-control-check input[type="radio"]:disabled+.form-control-label .text:before, .form-control-check input[type="radio"].disabled+.form-control-label .text:before, .form-control-check input[type="checkbox"]:disabled+.form-control-label .text:before, .form-control-check input[type="checkbox"].disabled+.form-control-label .text:before {
    color: #737373
}
.form-control-check .form-control-label {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .7rem 1rem;
    border-radius: .8rem;
    background-color: #fff;
    border: 1px solid #EBECED;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: #595959;
    cursor: pointer
}
.form-control-check .form-control-label .text {
    position: relative;
    padding-right: 2.8rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
[dir="ltr"] .form-control-check .form-control-label .text {
    padding-right: 0;
    padding-left: 2.8rem
}
.form-control-check .form-control-label .text::before {
    content: "";
    position: absolute;
    top: calc(50% - .9rem);
    right: 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    font-size: 1.8rem;
    border: 2px solid #bfbfbf;
    border-radius: 100%;
    font-family: "Font Awesome 5 Pro"
}
[dir="ltr"] .form-control-check .form-control-label .text::before {
    right: auto;
    left: 0
}
.form-control-check.branches .form-control-label .text::before{
    right: auto;
    left: 0
}
[dir="ltr"] .form-control-check.branches .form-control-label .text::before{
    left: auto;
    right: 0
}
.form-control-check input[type="checkbox"]:checked+.form-control-label .text:before {
    content: "\f14a";
    color: #003449;
    font-size: 1.7rem
}
.form-control-check input[type="checkbox"]:disabled+.form-control-label, .form-control-check input[type="checkbox"].disabled+.form-control-label {
    background-color: #f2f2f2;
    border-color: #e6e6e6;
    color: #999
}
.form-control-check input[type="checkbox"]:disabled+.form-control-label .text:before, .form-control-check input[type="checkbox"].disabled+.form-control-label .text:before {
    color: #737373
}
.form-control-check input[type="checkbox"]+.form-control-label .text::before {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 1.5rem;
    border-radius: .2rem;
    top: calc(50% - .8rem)
}
.form-control-check input[disabled] ~ .form-control-label, *[disabled]{
    cursor: not-allowed;
}
.form-control-check.with-icon-svg .icon-svg {
    width: 2.4rem;
    height: 2.4rem;
    stroke: #595959;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.form-control-check.with-icon-svg input[type="radio"]:checked+.form-control-label .icon-svg, .form-control-check.with-icon-svg input[type="checkbox"]:checked+.form-control-label .icon-svg {
    stroke: #389492
}
.form-control-check.with-icon-svg input[type="radio"]:disabled+.form-control-label .icon-svg, .form-control-check.with-icon-svg input[type="radio"].disabled+.form-control-label .icon-svg, .form-control-check.with-icon-svg input[type="checkbox"]:disabled+.form-control-label .icon-svg, .form-control-check.with-icon-svg input[type="checkbox"].disabled+.form-control-label .icon-svg {
    stroke: #999
}
.form-control-check.with-details .form-control-label {
    padding: 2.4rem 2.7rem 1.8rem;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.form-control-check.with-details .form-control-label .title .text {
    font-size: 2rem;
    margin: 0;
    line-height: 3.8rem
}
.form-control-check.with-details .form-control-label .title .small-text {
    padding-right: 2.8rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #737373
}
[dir="ltr"] .form-control-check.with-details .form-control-label .title .small-text {
    padding-right: 0;
    padding-left: 2.8rem
}
.form-control-check.with-details .form-control-label .date span {
    font-size: 1.4rem;
    color: #404040;
    margin-left: 1rem
}
[dir="ltr"] .form-control-check.with-details .form-control-label .date span {
    margin-left: 0;
    margin-right: 1rem
}
.form-control-check.with-details .form-control-label .date span:last-child {
    margin-left: 0
}
.form-control-check.with-details input[type="radio"]:checked+.form-control-label .title .text, .form-control-check.with-details input[type="checkbox"]:checked+.form-control-label .title .text {
    color: #003449
}
.form-control-check.with-details input[type="radio"]:disabled+.form-control-label .title .text, .form-control-check.with-details input[type="radio"].disabled+.form-control-label .title .text, .form-control-check.with-details input[type="checkbox"]:disabled+.form-control-label .title .text, .form-control-check.with-details input[type="checkbox"].disabled+.form-control-label .title .text {
    color: #737373
}
.form-control-check.check-box-icon {
    height: 100%
}
.form-control-check.check-box-icon input[type="radio"]:checked+.form-control-label span.text, .form-control-check.check-box-icon input[type="checkbox"]:checked+.form-control-label span.text {
    color: #003449
}
.form-control-check.check-box-icon .form-control-label {
    padding: 3.2rem 3.2rem 3.2rem 2rem;
    display: block;
    text-align: start;
    height: 100%
}
.form-control-check.check-box-icon .form-control-label span.text {
    display: block;
    padding: 0;
    position: static;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: .8rem;
    color: #262626
}
.form-control-check.check-box-icon .form-control-label span.text::before {
    width: 2.2rem;
    height: 2.2rem;
    line-height: 2.2rem;
    font-size: 2.2rem;
    top: 3rem;
    left: 2.5rem;
    right: auto
}
[dir="ltr"] .form-control-check.check-box-icon .form-control-label span.text::before {
    right: 2.5rem;
    left: auto
}
.form-control-check.check-box-icon .form-control-label p {
    font-size: 1.6rem;
    color: #595959
}
.form-control-check.check-box-icon.with-icon-svg .icon-svg {
    width: 4.8rem;
    height: 4.8rem;
    max-height: 4.8rem;
    max-width: 4.8rem;
    margin-bottom: 1.4rem
}
.form-control-check.size-lg .form-control-label {
    padding: 3.2rem 2.4rem
}
.form-control-check.size-lg .form-control-label span.text {
    font-size: 2rem
}
.form-control-check.size-lg .form-control-label .icon-svg {
    width: auto;
    height: auto;
    max-width: 9rem;
    max-height: 3.2rem
}
.form-control-check.size-lg #sadadpayment+.form-control-label .icon-svg {
    fill: #737373;
    stroke: none
}
.form-control-check.size-lg #sadadpayment:checked+.form-control-label .icon-svg {
    fill: #003449
}
.form-control-check.size-lg.creditcard-method .form-control-label {
    padding: 0;
    display: block;
    overflow: hidden;
    max-height: 9.6rem;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.form-control-check.size-lg.creditcard-method .form-control-label .label-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 3.2rem 2.4rem
}
.form-control-check.size-lg.creditcard-method .form-control-label .icon-svg {
    max-width: 4.2rem
}
.form-control-check.size-lg.creditcard-method .form-control-label .creditcard-details {
    padding: 3.2rem;
    background-color: #f8f8f8
}
.form-control-check.size-lg.creditcard-method .form-control-label .creditcard-details .check-radio-item {
    padding: 0
}
.form-control-check.size-lg.creditcard-method .form-control-label .creditcard-details .check-radio-item .check-radio-label {
    font-weight: 400
}
.form-control-check.size-lg.creditcard-method .form-control-label .creditcard-details .check-radio-item .check-radio-label:before {
    border-color: #bfbfbf
}
.form-control-check.size-lg.creditcard-method #creditcard:checked+.form-control-label {
    max-height: 800px
}
@media all and (max-width: 1440px) {
    .form-control-check .form-control-label {
        padding: 1rem;
        font-size: 1.4rem;
        line-height: 2.4rem
    }
    .form-control-check .form-control-label .text {
        padding-right: 2.5rem
    }
    [dir="ltr"] .form-control-check .form-control-label .text {
        padding-right: 0;
        padding-left: 2.5rem
    }
    .form-control-check .form-control-label .text:before {
        top: .5rem;
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 1.5rem
    }
    .form-control-check input[type="checkbox"]+.form-control-label .text::before {
        top: .5rem
    }
    .form-control-check.with-icon-svg .icon-svg {
        -webkit-transform: scale(0.85);
        -ms-transform: scale(0.85);
        transform: scale(0.85)
    }
    .form-control-check.with-details .form-control-label {
        padding: 1.8rem 2rem 1.4rem
    }
    .form-control-check.with-details .form-control-label .title .text {
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: .5rem
    }
    .form-control-check.with-details .form-control-label .title .small-text {
        font-size: 1.4rem
    }
    .form-control-check.check-box-icon .form-control-label {
        padding: 2.2rem 2.2rem 2.2rem 1rem
    }
    .form-control-check.check-box-icon .form-control-label span.text {
        font-size: 1.8rem
    }
    .form-control-check.check-box-icon .form-control-label span.text:before {
        width: 1.5rem;
        height: 1.5rem;
        line-height: 1.5rem;
        font-size: 1.5rem
    }
    .form-control-check.check-box-icon .form-control-label .icon-svg {
        margin-bottom: .8rem;
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }
    .form-control-check.size-lg .form-control-label {
        padding: 2.2rem 1.4rem
    }
    .form-control-check.size-lg .form-control-label span.text {
        font-size: 1.6rem
    }
    .form-control-check.size-lg .form-control-label .icon-svg {
        width: auto;
        height: auto;
        max-width: 9rem;
        max-height: 3.2rem
    }
    .form-control-check.size-lg.creditcard-method .form-control-label {
        max-height: 7.6rem
    }
    .form-control-check.size-lg.creditcard-method .form-control-label .label-head {
        padding: 2.2rem 1.4rem
    }
    .form-control-check.size-lg.creditcard-method .form-control-label .creditcard-details {
        padding: 2.2rem
    }
}
@media (max-width: 576px){
    .check-radio-item .check-radio-label{
        align-items: self-start;
        height: auto;
    }
}
.datepicker {
    direction: rtl
}
[dir="ltr"] .datepicker {
    direction: ltr
}
.datepicker.dropdown-menu {
    font-family: "TheSansArab", Sans-Serif;
    padding: 1.2rem;
    background-color: #f8f8f8;
    border-radius: .8rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border: 0;
    min-width: 28.8rem
}
.datepicker table {
    border-spacing: .3rem
}
.datepicker table tbody>tr:not(:last-child) {
    border: 0
}
.datepicker.dropdown-menu td {
    padding: 0
}
.datepicker table tr td, .datepicker table tr th {
    border-radius: 0;
    line-height: 4rem;
    font-size: 1.4rem;
    font-weight: 400;
    background-color: #f8f8f8;
    color: #161616;
    max-width: 4rem;
    max-height: 4rem
}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #adadad
}
.datepicker.dropdown-menu table tr th {
    font-weight: bold;
    font-size: 1.2rem;
    color: #292929;
    padding: 0 5px;
    min-width: 4rem;
    max-width: none
}
.datepicker thead tr:first-child th {
    padding: 0;
    width: 4rem;
    height: 4rem;
    line-height: 4rem
}
.datepicker thead tr:first-child th.prev {
    position: relative;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.datepicker thead tr:first-child th.prev:after {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    opacity: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #292929
}
.datepicker thead tr:first-child th.next {
    position: relative;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.datepicker thead tr:first-child th.next:after {
    content: "\f104";
    font-family: "Font Awesome 5 Pro";
    width: 100%;
    height: 100%;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    color: #292929
}
.datepicker table tr td.day:hover, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.day.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.day.nav-link, .datepicker table tr td.day.focused {
    background: #003449;
    color: #fff
}
.datepicker thead tr:first-child th:hover, .datepicker thead tr:first-child .side-menu .sidebar-nav .sidebar-list__item.active th.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker thead tr:first-child th.nav-link, .datepicker tfoot tr th:hover, .datepicker tfoot tr .side-menu .sidebar-nav .sidebar-list__item.active th.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker tfoot tr th.nav-link {
    background-color: #f2f2f2
}
.datepicker table tr td.active:hover, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link, .datepicker table tr td.active:hover:hover, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link, .datepicker table tr td.active.disabled:hover, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link, .datepicker table tr td.active:focus, .datepicker table tr td.active:hover:focus, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link:focus, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link:focus, .datepicker table tr td.active.disabled:focus, .datepicker table tr td.active.disabled:hover:focus, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link:focus, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link:focus, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link:active, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link:active, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.active.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.active.nav-link, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.active.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.active.nav-link, .open .dropdown-toggle.datepicker table tr td.active, .open .dropdown-toggle.datepicker table tr td.active:hover, .open .dropdown-toggle.datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .open .dropdown-toggle.datepicker table tr td.active.nav-link, .open .dropdown-toggle.datepicker table tr td.active.disabled, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover, .open .dropdown-toggle.datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .open .dropdown-toggle.datepicker table tr td.active.disabled.nav-link {
    background-color: transparent;
    color: #63D9D0
}
.datepicker table tr td.active:hover::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link::after, .datepicker table tr td.active:hover:hover::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link::after, .datepicker table tr td.active.disabled:hover::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link::after, .datepicker table tr td.active.disabled:hover:hover::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link::after, .datepicker table tr td.active:focus::after, .datepicker table tr td.active:hover:focus::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link:focus::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link:focus::after, .datepicker table tr td.active.disabled:focus::after, .datepicker table tr td.active.disabled:hover:focus::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link:focus::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link:focus::after, .datepicker table tr td.active:active::after, .datepicker table tr td.active:hover:active::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link:active::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.nav-link:active::after, .datepicker table tr td.active.disabled:active::after, .datepicker table tr td.active.disabled:hover:active::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link:active::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.nav-link:active::after, .datepicker table tr td.active.active::after, .datepicker table tr td.active:hover.active::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.active.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.active.nav-link::after, .datepicker table tr td.active.disabled.active::after, .datepicker table tr td.active.disabled:hover.active::after, .datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.active.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .datepicker table tr td.active.disabled.active.nav-link::after, .open .dropdown-toggle.datepicker table tr td.active::after, .open .dropdown-toggle.datepicker table tr td.active:hover::after, .open .dropdown-toggle.datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .open .dropdown-toggle.datepicker table tr td.active.nav-link::after, .open .dropdown-toggle.datepicker table tr td.active.disabled::after, .open .dropdown-toggle.datepicker table tr td.active.disabled:hover::after, .open .dropdown-toggle.datepicker table tr .side-menu .sidebar-nav .sidebar-list__item.active td.active.disabled.nav-link::after, .side-menu .sidebar-nav .sidebar-list__item.active .open .dropdown-toggle.datepicker table tr td.active.disabled.nav-link::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    width: .4rem;
    height: .4rem;
    background-color: #63D9D0
}
.datepicker table tfoot {
    display: none
}
@media all and (max-width: 1440px) {
    .form-group.has-icon i {
        top: 1.25rem;
        font-size: 1.6rem
    }
    .form-group.has-icon label:not(.visually-hidden) ~ i {
        top: 4.25rem;
        font-size: 1.6rem;
    }
    .form-control, .bootstrap-select>.dropdown-toggle {
        height: 4.2rem;
        padding: 1rem;
        font-size: 1.4rem
    }
    .form-control~.text-muted, .bootstrap-select>.dropdown-toggle~.text-muted {
        bottom: -2.2rem;
        right: .5rem;
        font-size: 1.2rem
    }
    .filter-form .form-control.datepicker, .filter-form .bootstrap-select>.datepicker.dropdown-toggle {
        max-width: 15rem;
        font-size: 1.3rem
    }
    select.form-control, .bootstrap-select>select.dropdown-toggle {
        padding-left: 3.4rem
    }
    [dir="ltr"] select.form-control, [dir="ltr"] .bootstrap-select>select.dropdown-toggle {
        padding-left: 1rem;
        padding-right: 3.4rem
    }
    .search-form {
        min-width: 35.4rem
    }
    .search-form .form-control, .search-form .bootstrap-select>.dropdown-toggle {
        width: calc(100% - 5rem);
        font-size: 1.4rem
    }
    .search-form .search-btn {
        width: 4rem;
        height: 4rem;
        min-width: 4rem;
        font-size: 1.6rem
    }
    .filter-form {
        margin-bottom: 2rem
    }
    .filter-form .row.g-18 {
        --bs-gutter-x: .9rem
    }
    .filter-form .label {
        font-size: 1.6rem
    }
    .filter-form .seberator {
        padding: 0 .5rem
    }
    .filter-form .seberator::after {
        left: .5rem
    }
    [dir="ltr"] .filter-form .seberator::after {
        left: auto;
        right: .5rem
    }
    .input-file__item__label {
        height: 4.2rem;
        min-width: 8rem;
        max-width: 90%;
        font-size: 1.6rem;
        padding: 0 1rem
    }
    .input-file__item.transparent-label .input-file__item__label {
        font-size: 1.4rem
    }
}
@media all and (max-width: 991.98px) {
    .form-group {
        margin-bottom: 1.6rem
    }
    .form-control-check.with-details .form-control-label {
        padding: 1.4rem
    }
    .form-control-check.with-details .form-control-label .title .text {
        font-size: 1.6rem
    }
    .check-radio-item .check-radio-label:before {
        margin-right: 1.4rem
    }
    [dir="rtl"] .check-radio-item .check-radio-label:before {
        margin-right: 0;
        margin-left: 1.4rem
    }
}
@media all and (max-width: 576px) {
    .search-form {
        min-width: 100%
    }
}
.btn {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.5rem;
    border: 1px solid #f2f2f2;
    border-radius: .4rem;
    box-shadow: none;
    background-color: #fff;
    color: #003449;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.btn:focus {
    box-shadow: none
}
.btn .icon-svg {
    width: 2.8rem;
    height: 2.8rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.btn.btn-primary {
    background-color: #003449;
    color: #fff
}
.btn.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #63D9D0;
    box-shadow: none
}
.btn.btn-primary:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-primary.nav-link {
    background-color: #63D9D0;
    border-color: #63D9D0
}
.btn.btn-text-default {
    color: #404040
}
.btn.btn-text-default:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-default.nav-link {
    background-color: #F5FDFC;
    color: #63D9D0;
    border-color: #63D9D0
}
.btn.btn-text-default:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-default.nav-link .icon-svg {
    fill: #fff
}
.btn.btn-text-danger {
    color: #9a1111
}
.btn.btn-text-danger:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-danger.nav-link {
    background-color: #fce8e8;
    border-color: #9a1111
}
.btn.btn-text-success {
    color: #63D9D0
}
.btn.btn-text-success:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-success.nav-link {
    background-color: #F5FDFC;
    border-color: #63D9D0
}
.btn.btn-text-primary {
    color: #003449
}
.btn.btn-text-primary:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-primary.nav-link {
    background-color: #003449;
    color: #fff
}
.btn.btn-text-primary:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-text-primary.nav-link .icon-svg {
    fill: #fff
}
.btn.btn-white {
    background-color: #fff;
    border: 1px solid #003449;
    border-radius: 4px;
}
.btn.btn-white:hover {
    background-color: #63D9D0;
    border-color: #63D9D0;
    color: #fff
}
.btn.btn-white:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(273deg) brightness(103%) contrast(103%);
}
.side-menu .sidebar-nav .sidebar-list__item.active .btn.btn-white.nav-link {
    background-color: #003449;
    color: #fff
}
.btn.icon-btn {
    padding: 0;
    width: 3.2rem;
    height: 3.2rem;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #003449;
    color: #ffffff;
    font-size: 1.75rem;
    box-shadow: none;
}
.btn.icon-btn:has(.fa-file-import) {
    background-color: #63D9D0;
}
.btn.icon-btn:has(.fa-toggle-on) {
    background-color: #28A745;
}
.btn.icon-btn:has(.fa-toggle-on):hover {
    color: #0f5132 !important;
    background-color: #d1e7dd !important;
    border-color: #badbcc !important;
}
.btn.icon-btn:has(.fa-toggle-off){
    background-color: #dc3545;
}
.btn.icon-btn:has(.fa-toggle-off):hover{
    color: #842029 !important;
    background-color: #f8d7da !important;
    border-color: #f5c2c7 !important;
}
.info-box__head .btn.icon-btn {
    min-width: auto;
    border-radius: 0.4rem;
    margin-right: 1rem;
    width: 4.2rem;
    height: 4.2rem;
}
.to-end .btn.icon-btn{
        /*width: 2.7rem;
        height: 2.4rem;
        margin-bottom: 0.25rem;*/
        font-size: 1.65rem;
}
.btn.icon-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.icon-btn.nav-link, .btn.icon-btn:active {
    background-color: #CBF3EF !important;
    color: #003449 !important;
}
.btn.icon-btn.bg-danger:hover, .btn.icon-btn.bg-danger:active {
    background-color: #f5c2c7 !important;
    color: #dc3545 !important;
}
.btn.has-icon-end .icon-svg {
    margin-right: 1rem
}
[dir="ltr"] .btn.has-icon-end .icon-svg {
    margin-right: 0;
    margin-left: 1rem
}
.btn.close-btn {
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    padding: 0;
    color: #262626;
    background-color: transparent;
    border: none;
    font-size: 2rem
}
.btn.close-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.close-btn.nav-link {
    color: #63D9D0
}
.custom-btn {
    background-color: #003449;
    border-radius: .3rem;
    padding: 1.2rem 1.8rem;
    font-size: 1.8rem;
    font-weight: bold;
    min-width: 18rem;
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    box-shadow: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.custom-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.nav-link, .custom-btn:active {
    background-color: #63D9D0;
    border-color: #63D9D0;
    color: #fff
}
.custom-btn.attach-preview {
    background-color: #63D9D0;
    cursor: pointer;
}
.custom-btn.attach-preview:hover {
    background-color: #003449;
    border-color: #003449;
}
.custom-btn.btn-white {
    background-color: #fff;
    color: #003449
}
.custom-btn.btn-white:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.btn-white.nav-link {
    background-color: #63D9D0;
    color: #fff
}
.custom-btn.btn-transparent {
    background-color: transparent;
    color: #003449;
    border: 1px solid #003449
}
.custom-btn.btn-transparent:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.btn-transparent.nav-link {
    background-color: #63D9D0;
    border: 1px solid #63D9D0;
    color: #fff
}
.custom-btn.btn-danger {
    background-color: #dc3545;
}
.custom-btn.btn-danger:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.btn-danger.nav-link {
    background-color: #f5c2c7;
    border: 1px solid #f5c2c7;
    color: #842029
}
.custom-btn.btn-success {
    background-color: #28A745;
}
.custom-btn.btn-success:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.btn-success.nav-link {
    color: #0f5132;
    background-color: #d1e7dd;
    border: 1px solid #badbcc;
}
.custom-btn.custom-btn--md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: center;
    -ms-flex-pack: justify;
    justify-content: center;
    padding: 1.2rem;
    font-size: 1.6rem;
    line-height: 2rem;
    height: 4.75rem;
    min-width: 12rem
}
.custom-btn.custom-btn--md i {
    font-size: 2rem;
    margin-right: 2rem
}
[dir="ltr"] .custom-btn.custom-btn--md i {
    margin-right: 0;
    margin-left: 2rem
}
.custom-btn.custom-btn--sm {
    min-width: auto;
    font-size: 1.3rem;
    padding: .5rem 1.2rem
}
.custom-btn.custom-btn--sm.disabeld {
    background-color: #bfbfbf;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}
.custom-btn.btn-link {
    background-color: transparent;
    border-color: transparent;
    text-align: center;
    color: #003449
}
.custom-btn:disabled, .custom-btn.disabled {
    background-color: #bfbfbf;
    color: #fff;
    border-color: #bfbfbf
}
.custom-btn:disabled:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.nav-link:disabled, .custom-btn.disabled:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.disabled.nav-link {
    background-color: #bfbfbf;
    color: #fff
}
.loading-btn, .verfyBtn {
    position: relative;
    text-align: center
}
.loading-btn:after, .verfyBtn:after {
    position: relative;
    display: none;
    margin: auto;
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 100%;
    border: 3px solid rgba(255, 255, 255, 0.5);
    border-left-color: #fff;
    -webkit-animation: loader 1s linear infinite;
    animation: loader 1s linear infinite
}
.loading-btn.loading, .verfyBtn.loading {
    background-color: #63D9D0
}
.loading-btn.loading:after, .verfyBtn.loading:after {
    display: block
}
.btn-link {
    display: inline-block;
    color: #389492;
    text-decoration: none;
    font-size: 2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.btn-link:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn-link.nav-link {
    color: #63D9D0
}
.btn-link i {
    margin-right: 1rem;
    font-size: 2.4rem;
    vertical-align: middle
}
[dir="ltr"] .btn-link i {
    margin-right: 0;
    margin-left: 1rem
}
.callToAction-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.4rem;
    font-family: var(--bs-font-sans-serif);
    font-weight: 500;
    color: #63D9D0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.callToAction-btn .icon-svg {
    stroke: #63D9D0;
    height: 2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-right: .5rem
}
[dir="ltr"] .callToAction-btn .icon-svg {
    margin-right: 0;
    margin-left: .5rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.callToAction-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .callToAction-btn.nav-link {
    color: #003449
}
.callToAction-btn:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .callToAction-btn.nav-link .icon-svg {
    stroke: #003449;
    -webkit-animation: moveLeftRight .5s linear infinite;
    animation: moveLeftRight .5s linear infinite;
    animation-direction: alternate-reverse;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}
[dir="ltr"] .callToAction-btn:hover .icon-svg, [dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item.active .callToAction-btn.nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active [dir="ltr"] .callToAction-btn.nav-link .icon-svg {
    -webkit-animation: none;
    animation: none
}
@media all and (max-width: 485px) {
    .callToAction-btn {
        font-size: 2rem
    }
}
.icon-action-btn {
    padding: .5rem 1rem;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    color: #262626;
    font-size: 1.6rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.icon-action-btn .icon-svg {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: .5rem;
    fill: #262626;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
[dir="ltr"] .icon-action-btn .icon-svg {
    margin-left: 0;
    margin-right: .5rem
}
.icon-action-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .icon-action-btn.nav-link {
    color: #003449
}
.icon-action-btn:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .icon-action-btn.nav-link .icon-svg {
    fill: #003449
}
.icon-action-btn.remove-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .icon-action-btn.remove-btn.nav-link {
    color: #9a1111
}
.icon-action-btn.remove-btn:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .icon-action-btn.remove-btn.nav-link .icon-svg {
    fill: #9a1111
}
@media all and (max-width: 1440px) {
    .btn {
        font-size: 1.4rem;
        padding: 1.5rem
    }
    .btn.icon-btn {
        width: 3.2rem;
        height: 3.2rem;
        font-size: 1.75rem
    }
    .btn-link {
        font-size: 1.6rem
    }
    .btn-link i {
        font-size: 2rem;
        margin-right: .6rem
    }
    [dir="ltr"] .btn-link i {
        margin-right: 0;
        margin-left: .6rem
    }
}
@media all and (max-width: 991.98px) {
    .icon-action-btn {
        padding: .5rem;
        font-size: 1.4rem
    }
}
.nav-tabs {
    border: none;
    padding: 0
}
.nav-tabs .nav-link {
    position: relative;
    padding: .8rem;
    border-radius: 4px;
    color: #5B6672;
    font-size: 1.4rem;
    font-weight: 530;
    border: none;
    border-bottom: 0px solid transparent;
    cursor: pointer;
    background-color: #F2F2F2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    margin-left: 1.2rem
}
[dir="ltr"] .nav-tabs .nav-link {
    margin-left: 0;
    margin-right: 2.2rem
}
.nav-tabs .nav-link:after {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: -1.1rem;
    width: 2px;
    height: 2.5rem;
    background-color: #e6e6e6;
    display: none;
}
[dir="ltr"] .nav-tabs .nav-link:after {
    left: auto;
    right: -1.1rem
}
.nav-tabs .nav-link .icon-svg {
    width: 2rem;
    height: 2rem;
    fill: #BFBFBF;
    margin-left: .6rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
[dir="ltr"] .nav-tabs .nav-link .icon-svg {
    margin-left: 0;
    margin-right: .6rem
}
.nav-tabs .nav-link:hover, .nav-tabs .side-menu .sidebar-nav .sidebar-list__item.active .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .nav-tabs .nav-link {
    border-color: transparent
}
.nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #003449;
}
.nav-tabs .nav-link.active .icon-svg {
    fill: #389492
}
.nav-tabs .nav-item:last-child .nav-link {
    margin-left: 0
}
[dir="ltr"] .nav-tabs .nav-item:last-child .nav-link {
    margin-right: 0
}
.nav-tabs .nav-item:last-child .nav-link:after {
    display: none
}
.nav-tabs .nav-link:hover {
    background-color: #CBF3EF;
    color: #003449;
}
.nav-tabs.second-style {
    position: relative;
    margin-bottom: 4.8rem;
    z-index: 0
}
.nav-tabs.second-style::after {
    position: absolute;
    display: block !important;
    content: "";
    bottom: 0;
    top: auto;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e6e6e6;
    z-index: -1
}
.nav-tabs.second-style .nav-link {
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 2rem;
    color: #999;
    margin: 0;
    padding: 1.6rem;
    border-bottom: 2px solid #e6e6e6
}
.nav-tabs.second-style .nav-link.active {
    color: #63D9D0;
    border-bottom: 2px solid #63D9D0
}
.nav-tabs.second-style .nav-link:after {
    display: none
}
@media all and (max-width: 1440px) {
    .nav-tabs .nav-link {
        font-size: 1.6rem;
        padding: .8rem
    }
    .nav-tabs .nav-item:last-child .nav-link {
        margin-left: 0
    }
    .nav-tabs .nav-item:last-child .nav-link::after {
        display: none
    }
}
@media all and (max-width: 576px) {
    .nav-tabs .nav-link {
        font-size: 1.2rem;
        margin-left: 1rem;
        padding: .4rem
    }
    [dir="ltr"] .nav-tabs .nav-link {
        margin-left: 0;
        margin-right: 1rem
    }
    .nav-tabs .nav-link::after {
        top: .8rem;
        width: 1px;
        height: 1.5rem;
        left: -1rem
    }
    [dir="ltr"] .nav-tabs .nav-link::after {
        left: auto;
        right: -1rem
    }
    .nav-tabs.second-style .nav-link {
        font-size: 1.6rem
    }
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInTop {
    -webkit-animation-name: fadeInTop;
    animation-name: fadeInTop
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes moveLineX {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@keyframes moveLineX {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}
@-webkit-keyframes moveLine-X {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@keyframes moveLine-X {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
@-webkit-keyframes moveLineY {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@keyframes moveLineY {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}
@-webkit-keyframes moveLine-Y {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@keyframes moveLine-Y {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@-webkit-keyframes moveLeftRight {
    0% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0rem);
        transform: translateX(0rem)
    }
}
@keyframes moveLeftRight {
    0% {
        -webkit-transform: translateX(-1rem);
        transform: translateX(-1rem)
    }
    100% {
        -webkit-transform: translateX(0rem);
        transform: translateX(0rem)
    }
}
@-webkit-keyframes moveRightLeft {
    0% {
        margin-left: 1rem
    }
    100% {
        margin-left: 0rem
    }
}
@keyframes moveRightLeft {
    0% {
        margin-left: 1rem
    }
    100% {
        margin-left: 0rem
    }
}
@-webkit-keyframes fixedHeader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6rem);
        transform: translateY(-6rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes fixedHeader {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-6rem);
        transform: translateY(-6rem)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes swing-in-top-fwd {
    0% {
      -webkit-transform: rotateX(-100deg);
              transform: rotateX(-100deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 1;
    }
  }
  @keyframes swing-in-top-fwd {
    0% {
      -webkit-transform: rotateX(-100deg);
              transform: rotateX(-100deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 0;
    }
    100% {
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
      -webkit-transform-origin: top;
              transform-origin: top;
      opacity: 1;
    }
  }
  .swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes fade-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  @keyframes fade-in-top {
    0% {
      -webkit-transform: translateY(-50px);
              transform: translateY(-50px);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0);
              transform: translateY(0);
      opacity: 1;
    }
  }
  .fade-in-top {
	-webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.add-activity {
    margin: 2.7rem 0 6.8rem
}
.add-activity .title {
    font-size: 2.4rem;
    line-height: 4rem;
    margin-bottom: 1.4rem;
    color: #404040;
    font-weight: 400
}
.add-activity .send-request {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2rem 2.4rem;
    background-color: #f2f2f2
}
.add-activity .send-request>p {
    font-size: 2rem;
    margin: 0
}
.add-activity .send-request>p img {
    width: 2rem;
    height: 2rem;
    margin-left: 1rem
}
[dir="ltr"] .add-activity .send-request>p img {
    margin-left: 0;
    margin-right: 1rem
}
.add-activity .send-request .btn {
    padding: 1.4rem 1.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: bold;
    color: #003449;
    min-width: 12.8rem;
    border-radius: .2rem;
    border: 0
}
.add-activity .send-request .btn:hover, .add-activity .send-request .side-menu .sidebar-nav .sidebar-list__item.active .btn.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .add-activity .send-request .btn.nav-link {
    background-color: #63D9D0;
    color: #fff
}
.add-activity .send-request .send-done {
    margin: 1.2rem 0
}
.add-activity+.text-center .custom-btn {
    min-width: 296px
}
.dropdown.inline-dropdown-btn {
    display: inline-block
}
.dropdown-btn {
    position: relative;
    padding: 1rem;
    border-radius: .6rem;
    background-color: #31CDC2;
    border: 1px solid #31CDC2;
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 3rem;
    height: 5.2rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
[dir="ltr"] .dropdown-btn {
    padding: 1.5rem 1.8rem 1.5rem 2.4rem
}
.dropdown-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-btn.nav-link {
    color: #003449
}
.dropdown-btn:hover {
    background: #CBF3EF;
}
.dropdown-btn .dropdown-toggle-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2rem;
    padding-right: 1.8rem;
    position: relative
}
[dir="ltr"] .dropdown-btn .dropdown-toggle-icon {
    margin-right: 0;
    margin-left: 2rem;
    padding-right: 0;
    padding-left: 1.8rem
}
.dropdown-btn .dropdown-toggle-icon:after {
    content: "";
    position: absolute;
    top: -1rem;
    right: 0;
    background-color: #e6e6e6;
    width: 1px;
    height: 4.3rem
}
[dir="ltr"] .dropdown-btn .dropdown-toggle-icon:after {
    right: auto;
    left: 0
}
.dropdown-btn .dropdown-toggle-icon i {
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    border-radius: 100%;
    background-color: #63D9D0;
    color: #fff;
    padding-top: 2px
}
.dropdown-btn.dropdown-toggle::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    border: 0;
    font-weight: 300;
    width: 2.4rem;
    height: 2.4rem;
    line-height: 2.4rem;
    text-align: center;
    padding-top: 2px;
    border-radius: 100%;
    background-color: #63D9D0;
    color: #fff;
    margin: 0
}
.dropdown-btn.btn-link {
    padding: 0;
    height: auto;
    background-color: transparent;
    color: #003449;
    font-size: inherit;
    border-radius: 0
}
.dropdown-btn.btn-link .text {
    display: inline-block;
    padding-bottom: 1rem;
    border-bottom: 2px solid #003449
}
.dropdown-btn.btn-link.show i:before {
    content: "\f106"
}
.dropdown-btn.btn-icon {
    background: linear-gradient(90deg, #4971D4 28%, #31CDC2 28%);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.dropdown-btn.btn-icon i{
    font-size: 2.5rem;
}
.dropdown-btn.btn-icon:hover i{
    color: #fff;
}
.dropdown-menu {
    padding: 2rem 2.2rem;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    text-align: start;
    min-width: 45rem;
    border-radius: .8rem;
    border: 0
}
.dropdown-menu.dropdown-action {
    padding: 1rem;
    min-width: 17rem;
    border-radius: .8rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border: 1px solid #E6E6E6;
}
.dropdown-menu.dropdown-action .dropdown-item {
    padding: 1.4rem 1rem;
    font-size: 1.2rem;
    font-weight: 700;
    color: #003449;
    border-bottom: 1px solid #DEE2E6;
    background-color: #ffffff
}
.dropdown-menu.dropdown-action .dropdown-item>img {
    margin-left: 1rem
}
[dir="ltr"] .dropdown-menu.dropdown-action .dropdown-item>img {
    margin-left: 0;
    margin-right: 1rem
}
.dropdown-menu.dropdown-action .dropdown-item .svg-wrapper {
    display: inline-block;
    width: 2.0rem;
    height: 2.0rem;
    margin-left: 1rem
}
[dir="ltr"] .dropdown-menu.dropdown-action .dropdown-item .svg-wrapper {
    margin-left: 0;
    margin-right: 1rem
}
.dropdown-menu.dropdown-action .dropdown-item.cancel-btn:hover, .dropdown-menu.dropdown-action .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.cancel-btn.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu.dropdown-action .dropdown-item.cancel-btn.nav-link {
    background-color: #fce8e8;
    color: #9a1111
}
.dropdown-menu .dropdown-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    padding: 1.6rem 1rem;
    background-color: #fff;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    white-space: normal
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu .dropdown-item.nav-link {
    background-color: #CBF3EF;
    color: #003449
}
.dropdown-menu .dropdown-item:hover .dropdown-item__icon .icon-svg, .dropdown-menu .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.nav-link .dropdown-item__icon .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu .dropdown-item.nav-link .dropdown-item__icon .icon-svg {
    fill: #003449
}
.dropdown-menu .dropdown-item:hover .dropdown-item__icon .icon-svg.icon-calendar, .dropdown-menu .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.nav-link .dropdown-item__icon .icon-svg.icon-calendar, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu .dropdown-item.nav-link .dropdown-item__icon .icon-svg.icon-calendar {
    stroke: #003449
}
.dropdown-menu .dropdown-item:hover .dropdown-item__content .title, .dropdown-menu .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.nav-link .dropdown-item__content .title, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu .dropdown-item.nav-link .dropdown-item__content .title {
    color: #003449
}
.dropdown-menu .dropdown-item__icon {
    min-width: 2.4rem;
    height: 2.4rem;
    margin-left: 1rem
}
[dir="ltr"] .dropdown-menu .dropdown-item__icon {
    margin-left: 0;
    margin-right: 1rem
}
.dropdown-menu .dropdown-item__icon .icon-svg {
    max-width: 2.5rem;
    max-height: 2.5rem;
    fill: #404040;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.dropdown-menu .dropdown-item__icon .icon-svg.icon-calendar {
    stroke: #404040
}
.dropdown-menu .dropdown-item__content .title {
    color: #404040;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 1.2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.dropdown-menu .dropdown-item__content p {
    margin-bottom: 0;
    color: #999;
    font-size: 1.6rem
}
.dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0;
}
.dropdown-menu .dropdown-menu__footer {
    padding-top: 2.4rem;
    border-top: 2px solid #f2f2f2
}
.dropdown-menu .dropdown-menu__footer .dropdown-footer--link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.6rem;
    font-weight: 530;
    color: #404040;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.dropdown-menu .dropdown-menu__footer .dropdown-footer--link i {
    font-size: 2.2rem
}
.dropdown-menu .dropdown-menu__footer .dropdown-footer--link:hover, .dropdown-menu .dropdown-menu__footer .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-footer--link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-menu .dropdown-menu__footer .dropdown-footer--link.nav-link {
    color: #003449
}
.dropdown-menu.choose-account-dropdown-menu {
    padding: 3.2rem 3.2rem 2.4rem;
    top: 11rem !important;
    right: 0rem !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    min-width: 64.6rem;
    max-width: 64.6rem;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21)
}
.dropdown-menu.choose-account-dropdown-menu>.lead {
    font-weight: bold;
    margin-bottom: 1.6rem
}
.dropdown-menu.choose-account-dropdown-menu .col-4, .dropdown-menu.choose-account-dropdown-menu .col-12 {
    margin-bottom: 1rem;
}
.user-box {
    display: flex;
    align-items: center;
    text-align: center;
    border: 0px solid #f2f2f2;
    background-color: #fff;
    padding: 1rem .5rem .8rem;
    border-radius: .8rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.user-box__head {
    margin-bottom: .8rem
}
.user-box__head .user-box-image {
    width: 4.8rem;
    height: 4.8rem;
    line-height: 3.8rem;
    text-align: center;
    margin: 0 1rem;
    border-radius: 50%;
    background-color: #f7f7f7;
    font-size: 1.8rem;
    font-weight: 900;
    color: #63D9D0;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.user-box__content .user-box--name {
    font-size: 1.8rem;
    font-weight: 530;
    color: #292929;
    margin-bottom: 1rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.user-box__content .user-box--id {
    color: #ADB3B9;
    font-size: 1.4rem;
    text-align: right;
    font-weight: 530;
    margin: 0;
    line-height: 1;
}
.user-box:hover, .side-menu .sidebar-nav .sidebar-list__item.active .user-box.nav-link {
    background-color: #F5FDFC;
    border-color: #63D9D0
}
.user-box:hover .user-box__head .user-box-image, .side-menu .sidebar-nav .sidebar-list__item.active .user-box.nav-link .user-box__head .user-box-image {
    background-color: #fff
}
.user-box:hover .user-box__content .user-box--name, .side-menu .sidebar-nav .sidebar-list__item.active .user-box.nav-link .user-box__content .user-box--name {
    color: #63D9D0
}
.user-box.has-notification .user-box__head .user-box-image {
    position: relative
}
.user-box.has-notification .user-box__head .user-box-image::before {
    position: absolute;
    display: none;
    content: "";
    top: -0.3rem;
    right: -0.3rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 100%;
    background-color: #c33
}
[dir="ltr"] .user-box.has-notification .user-box__head .user-box-image::before {
    right: auto;
    left: -.5rem
}
.user-box.personal-account {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 3.8rem;
    padding: 1.6rem 2.4rem
}
.user-box.personal-account .user-box__head {
    margin-bottom: 0;
    margin-left: 2rem
}
[dir="ltr"] .user-box.personal-account .user-box__head {
    margin-left: 0;
    margin-right: 2rem
}
.user-box.personal-account .user-box__head .user-box-image {
    background-color: transparent
}
@media all and (max-width: 1440px) {
    .dropdown-btn {
        padding: 1rem;
        font-size: 1.8rem;
        line-height: 3rem;
        height: 5.2rem
    }
    .dropdown-btn .dropdown-toggle-icon {
        margin-right: 1.2rem;
        padding-right: 1.2rem
    }
    [dir="ltr"] .dropdown-btn .dropdown-toggle-icon {
        margin-right: 0;
        margin-left: 1.2rem;
        padding-right: 0;
        padding-left: 1.2rem
    }
    .dropdown-btn .dropdown-toggle-icon i {
        padding-top: 1px
    }
    .dropdown-menu {
        min-width: 36rem;
        padding: 1.4rem
    }
    .dropdown-menu .dropdown-item {
        padding: 1.2rem .6rem
    }
    .dropdown-menu .dropdown-menu__footer {
        padding-top: 1.4rem
    }
    .dropdown-menu .dropdown-menu__footer .dropdown-footer--link {
        font-size: 1.6rem
    }
    .dropdown-menu .dropdown-menu__footer .dropdown-footer--link i {
        font-size: 1.8rem
    }
    .user-box {
        padding: 1rem .5rem .8rem
    }
    .user-box__head {
        margin-bottom: .8rem
    }
    .user-box__head .user-box-image {
        width: 4.8rem;
        height: 4.8rem;
        line-height: 3.8rem;
        font-size: 1.8rem
    }
    .user-box .user-box__content .user-box--name {
        font-size: 1.8rem
    }
    .user-box .user-box__content .user-box--id {
        font-size: 1.4rem
    }
    .user-box.has-notification .user-box__head .user-box-image::before {
        top: -.3rem;
        right: -.3rem;
        width: .8rem;
        height: .8rem
    }
    [dir="ltr"] .user-box.has-notification .user-box__head .user-box-image::before {
        right: auto;
        left: -.3rem
    }
}
@media all and (max-width: 1199px) {
    .dropdown-btn {
        padding: .6rem 1rem .6rem 1rem;
        font-size: 1.6rem;
        height: 5.2rem
    }
}
@media all and (max-width: 1024px) {
    .dropdown-btn {
        min-width: 15rem
    }
}
@media all and (max-width: 767px) {
    .dropdown-btn {
        font-size: 1.4rem;
        height: 4.2rem;
        min-width: auto;
        border-radius: .4rem
    }
    .dropdown-btn .dropdown-toggle-icon {
        margin-right: .8rem;
        padding-right: 1rem
    }
    [dir="ltr"] .dropdown-btn .dropdown-toggle-icon {
        margin-right: 0;
        margin-left: .8rem;
        padding-right: 0;
        padding-left: 1rem
    }
    .dropdown-btn .dropdown-toggle-icon i {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        padding-top: 1px
    }
    .dropdown-btn .dropdown-toggle-icon::after {
        height: 2.3rem;
        top: 0
    }
}
@media all and (max-width: 576px) {
    .dropdown-menu .dropdown-item__content .title {
        font-size: 1.6rem;
        margin-bottom: .8rem
    }
    .dropdown-menu .dropdown-item__content p {
        font-size: 1.4rem
    }
}
@media all and (max-width: 365px) {
    .dropdown-menu {
        min-width: 30rem
    }
}
.table, table.dataTable {
    width: 100% !important;
    border-collapse: collapse
}
.table thead th, table.dataTable thead th {
    position: relative;
    border-bottom: 1px solid #e6e6e6;
    font-size: 1.4rem;
    font-weight: 530;
    color: #404040;
    padding: 1.6rem 1.2rem;
    background-color: #f2f2f2;
    z-index: 1
}
.table>:not(:last-child)>:last-child>*, table.dataTable>:not(:last-child)>:last-child>* {
    border-bottom-color: #e6e6e6;
    width: auto !important
}
.form-items .table .w-10-rem {
    width: 10rem !important;
    text-align: left;
}
.table>:not(caption)>*>*, table.dataTable>:not(caption)>*>* {
    background-color: transparent;
    box-shadow: none
}
.table tbody tr, table.dataTable tbody tr {
    background-color: transparent
}
.table tbody tr.even, table.dataTable tbody tr.even, .table tbody tr:nth-child(even) td {
    background-color: rgba(132, 140, 149, 0.09);
}
.table:not(.dataTable) tbody tr td{
    border-bottom: 1px solid #fff;
}
.table:not(.dataTable) tbody tr:last-child td{
    border-bottom: 0px solid transparent;
    vertical-align: top;
}
.table tbody tr td:not(.action-td)>*, table.dataTable tbody tr td:not(.action-td)>* {
    position: relative;
    z-index: 1
}
.table tbody tr td .d-flex.align-items-center, .table tbody tr td > .btn.icon-btn{
    position: unset !important;
    z-index: unset !important;
}
.table tbody tr.child, table.dataTable tbody tr.child {
    padding: 0
}
.table tbody tr.child td.child, table.dataTable tbody tr.child td.child {
    padding: 3.2rem 7rem 0 0;
    width: 100%
}
[dir="ltr"] .table tbody tr.child td.child, [dir="ltr"] table.dataTable tbody tr.child td.child {
    padding-right: 0;
    padding-left: 7rem
}
.table tbody tr.child ul.dtr-details, table.dataTable tbody tr.child ul.dtr-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}
.table tbody tr.child ul.dtr-details li, table.dataTable tbody tr.child ul.dtr-details li {
    position: relative;
    padding: 0;
    margin-bottom: 3.2rem;
    padding-right: 1.4rem;
    border-bottom: none;
    width: 33.3%
}
[dir="ltr"] .table tbody tr.child ul.dtr-details li, [dir="ltr"] table.dataTable tbody tr.child ul.dtr-details li {
    padding-right: 0;
    padding-left: 1.4rem
}
.table tbody tr.child ul.dtr-details li:before, table.dataTable tbody tr.child ul.dtr-details li:before {
    position: absolute;
    content: "";
    top: 1rem;
    right: 0;
    width: .6rem;
    height: .6rem;
    background-color: #63D9D0;
    border-radius: .2rem
}
[dir="ltr"] .table tbody tr.child ul.dtr-details li:before, [dir="ltr"] table.dataTable tbody tr.child ul.dtr-details li:before {
    right: auto;
    left: 0
}
.table tbody tr.child ul.dtr-details li span.dtr-title, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title {
    position: relative;
    display: block;
    font-size: 1.4rem;
    color: #737373;
    font-weight: 400;
    margin-bottom: 1rem
}
.table tbody tr.child ul.dtr-details li span.dtr-data, table.dataTable tbody tr.child ul.dtr-details li span.dtr-data {
    font-weight: bold;
    color: #404040;
    font-size: 1.4rem
}
.table tbody>tr:not(:last-child), table.dataTable tbody>tr:not(:last-child) {
    border: none;
}
.table tbody>tr.row-details tr, .table tbody>tr.parent tr, table.dataTable tbody>tr.row-details tr, table.dataTable tbody>tr.parent tr {
    border: none
}
.table tbody ul.dtr-details, table.dataTable tbody ul.dtr-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}
.table tbody ul.dtr-details li, table.dataTable tbody ul.dtr-details li {
    position: relative;
    padding: 0;
    margin-bottom: 3.2rem;
    padding-right: 1.4rem;
    border-bottom: none;
    width: 33.3%
}
[dir="ltr"] .table tbody ul.dtr-details li, [dir="ltr"] table.dataTable tbody ul.dtr-details li {
    padding-right: 0;
    padding-left: 1.4rem
}
.table tbody ul.dtr-details li:before, table.dataTable tbody ul.dtr-details li:before {
    position: absolute;
    content: "";
    top: 1rem;
    right: 0;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #63D9D0;
    border-radius: 0.2rem
}
[dir="ltr"] .table tbody ul.dtr-details li:before, [dir="ltr"] table.dataTable tbody ul.dtr-details li:before {
    right: auto;
    left: 0
}
.table tbody ul.dtr-details li span.dtr-title, table.dataTable tbody ul.dtr-details li span.dtr-title {
    position: relative;
    display: block;
    font-size: 1.6rem;
    color: #737373;
    font-weight: 400;
    margin-bottom: 1rem
}
.table tbody ul.dtr-details li span.dtr-data, table.dataTable tbody ul.dtr-details li span.dtr-data {
    font-weight: bold;
    color: #404040;
    font-size: 1.8rem
}
.table tbody td, table.dataTable tbody td {
    padding: 1.2rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #292929;
    border-bottom: 0;
    vertical-align: middle;
}
.table tbody td .collapse-btn, table.dataTable tbody td .collapse-btn {
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: #e6e6e6;
    color: #262626;
    border: none;
    line-height: 2rem
}
.table tbody td .collapse-btn.collapsed i:before, table.dataTable tbody td .collapse-btn.collapsed i:before {
    content: "\f107"
}
.table tbody td p, table.dataTable tbody td p {
    font-size: 1.8rem;
    font-weight: bold;
    color: #404040;
    margin-bottom: 0.6rem
}
.table tbody td span, table.dataTable tbody td span, .text-details {
    color: #656565;
    font-size: 1.5rem;
    font-weight: 530;
}
.text-details-sm {
    font-size: 1.2rem;
    font-weight: 530;
}
p.text-details{
    margin-bottom: 0;
}
.table tbody td .amount small, table.dataTable tbody td .amount small {
    font-size: 1.4rem;
    color: #999
}
.table tbody td .has-before, table.dataTable tbody td .has-before {
    display: inline-block;
    position: relative;
    padding-right: 1.2rem;
    margin-bottom: 0.8rem
}
[dir="ltr"] .table tbody td .has-before, [dir="ltr"] table.dataTable tbody td .has-before {
    padding-right: 0;
    padding-left: 1.2rem
}
.table tbody td .has-before::before, table.dataTable tbody td .has-before::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 0.6rem;
    height: 0.6rem;
    background-color: #63D9D0;
    border-radius: 0.2rem
}
[dir="ltr"] .table tbody td .has-before::before, [dir="ltr"] table.dataTable tbody td .has-before::before {
    right: auto;
    left: 0
}
.table tbody td.collapse, .table tbody td.collapsing, .table tbody td.collapsedRow, table.dataTable tbody td.collapse, table.dataTable tbody td.collapsing, table.dataTable tbody td.collapsedRow {
    padding: 0;
    background-color: #f2f2f2
}
.table tbody .row-details td .has-before+p, .table tbody .child td .has-before+p, table.dataTable tbody .row-details td .has-before+p, table.dataTable tbody .child td .has-before+p {
    padding-right: 1.2rem;
    margin-bottom: 0
}
[dir="ltr"] .table tbody .row-details td .has-before+p, [dir="ltr"] .table tbody .child td .has-before+p, [dir="ltr"] table.dataTable tbody .row-details td .has-before+p, [dir="ltr"] table.dataTable tbody .child td .has-before+p {
    padding-right: 0;
    padding-left: 1.2rem
}
.table tfoot tr, table.dataTable tfoot tr {
    border: 0
}
.table tfoot tr td, table.dataTable tfoot tr td {
    padding: 0;
    border: 0
}
.table .table, table.dataTable .table {
    margin-bottom: 0
}
.table.no-footer, table.dataTable.no-footer {
    border-bottom: 0
}
.table.dtr-inline.collapsed>tbody>tr>td.dtr-control, .table.dtr-inline.collapsed>tbody>tr>th.dtr-control, .table.dtr-inline.collapsed>tbody>tr>td.dtr-control, .table.dtr-inline.collapsed>tbody>tr>th.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control {
    padding: 0
}
.table.dtr-inline.collapsed>tbody>tr>td.dtr-control::before, .table.dtr-inline.collapsed>tbody>tr>th.dtr-control::before, .table.dtr-inline.collapsed>tbody>tr>td.dtr-control::before, .table.dtr-inline.collapsed>tbody>tr>th.dtr-control::before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -10%);
    -ms-transform: translate(-50%, -10%);
    transform: translate(-50%, -10%);
    content: "\f067";
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 700;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background-color: transparent;
    color: #262626;
    border: none;
    box-shadow: none;
    line-height: 2rem;
    z-index: 1
}
.table.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, .table.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before, .table.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, .table.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
    content: "\f068";
    background-color: transparent
}
.table.details-width-lg tbody tr.child td.child, table.dataTable.details-width-lg tbody tr.child td.child {
    padding-right: 7rem;
    border: 1px solid #f4f5f5;
}
[dir="ltr"] .table.details-width-lg tbody tr.child td.child, [dir="ltr"] table.dataTable.details-width-lg tbody tr.child td.child {
    padding-right: 0;
    padding-left: 8rem
}
.table.details-width-lg tbody tr.child td.child ul.dtr-details li, table.dataTable.details-width-lg tbody tr.child td.child ul.dtr-details li {
    width: auto;
    min-width: 24%
}
/*table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
    display: none;
}*/
.card.tbl-card .card-item__content a{
    line-height: 1;
}
.card.tbl-card .card-item__content a:hover p{
    color: #003449;
}
.card.tbl-card .card-item__content p {
    font-size: 1.4rem;
    font-weight: 530;
    color: #292929;
    line-height: 3rem;
    margin-top: 1rem;
    margin-bottom: 0rem
}
.card.tbl-card .card-item__content span {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75;
    color: #999999;
    margin-top: 0.6rem
}
.card-table .table thead {
    position: relative
}
/*.card-table .table after*/
/*.card-table .table thead::after {
    content: "";
    position: absolute;
    top: -.2rem;
    left: -4.2rem;
    background-color: #f2f2f2;
    width: calc(100% + 8.4rem);
    height: 100%;
    z-index: 0
}
[dir="ltr"] .card-table .table thead::after {
    left: auto;
    right: -4.2rem
}
.card-table .table .row-details, .card-table .table>tbody tr {
    position: relative
}
.card-table .table .row-details::after, .card-table .table>tbody tr::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    border: 1px solid #EBECED;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}*/
.card-table .table .row-details td:not(.action-td)>*, .card-table .table>tbody tr td:not(.action-td)>* {
    position: relative;
    z-index: 1
}
.card-table .table .row-details.parent td.action-td, .card-table .table>tbody tr.parent td.action-td {
    position: relative;
    z-index: 2
}
.card-table .table .row-details.show-after:after, .card-table .table .row-details.parent:after, .card-table .table .row-details.child:after, .card-table .table>tbody tr.show-after:after, .card-table .table>tbody tr.parent:after, .card-table .table>tbody tr.child:after {
    opacity: 1;
    visibility: visible
}
.card-table .table .row-details.show-after .icon-btn, .card-table .table .row-details.parent .icon-btn, .card-table .table .row-details.child .icon-btn, .card-table .table>tbody tr.show-after .icon-btn, .card-table .table>tbody tr.parent .icon-btn, .card-table .table>tbody tr.child .icon-btn {
    background-color: #003449
}
.card-table .table .row-details:after {
    opacity: 1;
    visibility: visible
}
.card-table .table .row-details .table tbody td {
    padding: 2.4rem 2rem 3.2rem
}
.card-table .table .row-details .table tbody td .content-info:last-child {
    margin-bottom: 0
}
.card-table .table .row-details .table tbody tr:after {
    display: none
}
.card-table.no-footer {
    padding-bottom: 0
}
.companies-card .filter-form .label {
    color: #737373
}
.companies-card .delete-all {
    font-size: 1.3rem;
    color: #999;
    text-decoration: underline;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.companies-card .delete-all:hover, .companies-card .side-menu .sidebar-nav .sidebar-list__item.active .delete-all.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .companies-card .delete-all.nav-link {
    color: #003449;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.companies-card .icon-item__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}
.companies-card .icon-item__icon .comp-icon {
    background: #f2f2f2;
    height: 35px;
    width: 35px;
    position: relative;
    border-radius: 4px;
    margin-left: 10px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.companies-card .icon-item__icon .comp-icon span {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #63D9D0;
    text-align: center;
    line-height: normal
}
.companies-card #companiesTable tr.parent .icon-item__icon .comp-icon {
    background: white;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
@media all and (max-width: 1440px) {
    .table thead th, table.dataTable thead th {
        font-size: 1.4rem;
        padding: 1rem
    }
    .table tbody tr.child td.child, table.dataTable tbody tr.child td.child {
        padding: 2rem 3rem 0 0;
        width: 100%
    }
    [dir="ltr"] .table tbody tr.child td.child, [dir="ltr"] table.dataTable tbody tr.child td.child {
        padding-right: 0;
        padding-left: 3rem
    }
    .table tbody tr.child ul.dtr-details li, table.dataTable tbody tr.child ul.dtr-details li {
        margin-bottom: 1.6rem
    }
    .table tbody tr.child ul.dtr-details li span.dtr-title, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title {
        font-size: 1.4rem;
        margin-bottom: 0.6rem
    }
    .table tbody td, table.dataTable tbody td {
        padding: 2.5rem 1rem 1.8rem;
        font-size: 1.4rem
    }
    .table tbody td span, table.dataTable tbody td span {
        font-size: 1.4rem
    }
    .table tbody td p, table.dataTable tbody td p {
        font-size: 1.6rem
    }
    .table tbody td .collapse-btn, table.dataTable tbody td .collapse-btn {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem
    }
}
@media all and (max-width: 767px) {
    .table tbody tr.child td.child, table.dataTable tbody tr.child td.child, .table.details-width-lg tbody tr.child td.child, table.dataTable.details-width-lg tbody tr.child td.child {
        padding: 0
    }
    [dir="ltr"] .table tbody tr.child td.child, [dir="ltr"] table.dataTable tbody tr.child td.child, [dir="ltr"] .table.details-width-lg tbody tr.child td.child, [dir="ltr"] table.dataTable.details-width-lg tbody tr.child td.child {
        padding: 0
    }
    .table tbody tr.child ul.dtr-details, table.dataTable tbody tr.child ul.dtr-details {
        display: block
    }
    .table tbody tr.child ul.dtr-details li, table.dataTable tbody tr.child ul.dtr-details li {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 2rem 4rem 2rem 2rem !important;
        margin-bottom: 0;
        border-radius: 2px
    }
    .table tbody tr.child ul.dtr-details li:before, table.dataTable tbody tr.child ul.dtr-details li:before {
        display: none
    }
    .table tbody tr.child ul.dtr-details li:nth-child(odd), table.dataTable tbody tr.child ul.dtr-details li:nth-child(odd) {
        background-color: #f8f8f8
    }
    .table tbody tr.child ul.dtr-details li span.dtr-title, .table tbody tr.child ul.dtr-details li span.dtr-details, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title, table.dataTable tbody tr.child ul.dtr-details li span.dtr-details {
        width: 50%;
        margin: 0
    }
    .table tbody tr.child ul.dtr-details li span.dtr-title, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title {
        padding-right: 1.2rem
    }
    [dir="ltr"] .table tbody tr.child ul.dtr-details li span.dtr-title, [dir="ltr"] table.dataTable tbody tr.child ul.dtr-details li span.dtr-title {
        padding-right: 0;
        padding-left: 1.2rem
    }
    .table tbody tr.child ul.dtr-details li span.dtr-title::before, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title::before {
        position: absolute;
        content: "";
        top: 1rem;
        right: 0;
        width: 0.6rem;
        height: 0.6rem;
        background-color: #63D9D0;
        border-radius: 0.2rem
    }
    [dir="ltr"] .table tbody tr.child ul.dtr-details li span.dtr-title::before, [dir="ltr"] table.dataTable tbody tr.child ul.dtr-details li span.dtr-title::before {
        right: auto;
        left: 0
    }
    #invoiceTableParent table th:nth-child(4), #invoiceTableParent table th:nth-child(5), #invoiceTableParent table td:nth-child(4), #invoiceTableParent table td:nth-child(5) {
        display: none
    }
    #warningsTableParent table th:nth-child(4), #warningsTableParent table th:nth-child(5), #warningsTableParent table td:nth-child(4), #warningsTableParent table td:nth-child(5) {
        display: none
    }
    #orders table th:nth-child(3), #orders table th:nth-child(4), #orders table th:nth-child(5), #orders table th:nth-child(6), #orders table td:nth-child(3), #orders table td:nth-child(4), #orders table td:nth-child(5), #orders table td:nth-child(6), #orders table .icon-item__icon, #licenses table th:nth-child(3), #licenses table th:nth-child(4), #licenses table th:nth-child(5), #licenses table th:nth-child(6), #licenses table td:nth-child(3), #licenses table td:nth-child(4), #licenses table td:nth-child(5), #licenses table td:nth-child(6), #licenses table .icon-item__icon {
        display: none
    }
}
@media all and (max-width: 576px) {
    .table tbody td p, table.dataTable tbody td p {
        font-size: 1.4rem
    }
    .table tbody td .title, table.dataTable tbody td .title {
        font-size: 1.4rem !important;
        line-height: 2.4rem !important
    }
    .table tbody td .custom-btn.custom-btn--sm, table.dataTable tbody td .custom-btn.custom-btn--sm {
        font-size: 1.2rem;
        padding: 0.8rem 0.5rem;
        white-space: nowrap
    }
    .table tbody td .icon-item .check-radio-item.inline, table.dataTable tbody td .icon-item .check-radio-item.inline {
        margin-top: 1rem
    }
    .table tbody td .icon-item .icon-item__icon, table.dataTable tbody td .icon-item .icon-item__icon {
        margin-top: 0.5rem
    }
    .table tbody tr.child ul.dtr-details, table.dataTable tbody tr.child ul.dtr-details {
        display: block
    }
    .table tbody tr.child ul.dtr-details li, table.dataTable tbody tr.child ul.dtr-details li {
        padding: 1.2rem 4rem 1.2rem 2rem !important
    }
    .table tbody tr.child ul.dtr-details li span.dtr-title, table.dataTable tbody tr.child ul.dtr-details li span.dtr-title {
        font-size: 1.2rem
    }
    .table tbody tr.child ul.dtr-details li span.dtr-data, table.dataTable tbody tr.child ul.dtr-details li span.dtr-data {
        font-size: 1.4rem
    }
    #licensesTable_wrapper table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control::before {
        top: 45%
    }
    span.text-details.text-gray.pe-5 {
        padding-right: 0rem !important;
    }
}
.modal .modal-content {
    background-color: #fff;
    border: 0;
    border-radius: .8rem
}
.modal .modal-content .modal-body {
    padding: 3.2rem 4.2rem
}
.modal .modal-content .modal-footer, .modal-footer {
    background-color: #f8f8f8;
    border: 0;
    padding: 1.8rem 4.2rem;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: start;
    justify-content: flex-end
}
.modal .modal-content .modal-footer .custom-btn {
    font-size: 1.6rem;
    padding: 1rem 1.5rem;
    min-width: 10rem
}
.modal-footer{
    margin-top: 3rem;
}
.modal .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 2.5rem;
    background: rgba(217, 217, 217, 0.15);
    border-radius: .8rem .8rem 0 0;
    border:0;
}
.modal .modal-header .modal-title{
    color: #505050;
    font-size: 1.6rem;
    font-weight: 530;
}
.modal .modal-header img {
    width: 6.8rem;
    height: 6.8rem;
    display: inline-block;
    margin-bottom: .6rem
}
.modal .modal-header .title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #404040;
    margin-bottom: 1rem
}
.modal .modal-header p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-bottom: 0
}
.modal-header .btn-close{
    margin: -0.5rem auto -0.5rem -0.5rem ;
    opacity: .3;
    background-color: #9797975e;
}
html[dir="ltr"].modal-header .btn-close{
    margin: -0.5rem 1.5rem -0.5rem auto;
}
.modal .modal-dialog.modal-md {
    max-width: 64rem
}
.modal.modal-video .modal-content .modal-body {
    padding: 0
}
.modal.modal-video .embed-responsive-16by9 {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    max-height: 90vh
}
.modal.modal-video .embed-responsive-16by9::before {
    display: block;
    content: "";
    padding-top: 56.25%
}
.modal.modal-video .embed-responsive-16by9 iframe, .modal.modal-video .embed-responsive-16by9 .embed-responsive-item {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}
.modal-backdrop.show {
    opacity: .16
}
@media all and (max-width: 1600px) {
    .modal .modal-content .modal-header img {
        width: 4.8rem;
        height: 4.8rem
    }
    .modal .modal-content .modal-header .title {
        font-size: 2rem;
        margin-bottom: .5rem
    }
    .modal .modal-content .modal-header p {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
    .modal .modal-content .modal-body {
        padding: 2.4rem
    }
    .modal .modal-content .modal-footer {
        padding: 1.2rem 2.4rem
    }
    .modal .modal-content .modal-footer .custom-btn {
        font-size: 1.4rem;
        padding: 1rem 1.5rem;
        min-width: 10rem
    }
}
@media all and (max-width: 576px) {
    .modal .modal-dialog {
        margin: 0 1.6rem
    }
}
.status-label {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .2rem 1.4rem;
    background-color: #EBECED;
    border-radius: .4rem;
    color: #292929 !important;
    font-size: 1.3rem !important;
    font-weight: 500 !important;
    text-align: center;
    letter-spacing: -0.12px;
}
.status-label.label-info {
    background-color: #CBF3EF;
    color: #124D48 !important;
}
.status-label.label-success {
    background-color: #CDE5D1;
    color: #1B4C24 !important;
}
.status-label.label-active {
    background-color: #9ACBA4;
    color: #153C1D !important;
}
.status-label.label-warning {
    background-color: #FFFBCF;
    color: #3F3B00 !important;
}
.status-label.label-comments {
    background-color: #FCE4BF;
    color: #613A00 !important;
}
.status-label.label-danger {
    background: #F7CDCF;
    color: #4E1315 !important;
}
.status-label.label-open {
    background-color: #003449;
    color: #ffffff !important;
}
.status-label.label-close {
    background-color: #ffffff;
    color: #003449 !important;
    border: 1px solid #003449;
    border-radius: 4px;
}
.status-label.status-notefication{
    background: #003449;
    border-radius: 3px;
    color: #ffffff !important;
    font-size: 1rem !important;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.status-label.status-time {
    position: absolute;
    top: -14px;
    z-index: 9;
    background: #f5d6d6;
    border-radius: 10rem;
}
@media all and (max-width: 1440px) {
    .status-label {
        padding: .2rem 1rem;
        font-size: 1.3rem !important
    }
}
.most-used-services .service-box {
    display: flex;
    align-items: center;
    background: #F9F9F9;
    font-weight: 700;
    border-radius: 4px;
    padding: 1.5rem;
    margin-bottom: 1rem;
}
.most-used-services .service-box .icon-item{
    width: 33px;
    height: 23px;
    background: rgba(214, 217, 220, 0.3);
    border-radius: 4px;
    margin-left: 1rem;
    align-items: center;
    justify-content: center;
    padding: 0.25rem;
}
.most-used-services .service-box .icon-item .icon-item__icon{
    width: auto;
    height: auto;
    margin-left: 0.25rem;
    min-width: auto;
}
.most-used-services .service-box:nth-child(1) .icon-item .icon-item__icon, .most-used-services .service-box:nth-child(2) .icon-item .icon-item__icon{
    background: url(../icons/icon-arrow-up.svg) no-repeat center;
    background-size: cover;
    width: 11px;
    height: 11px;
}
.most-used-services .service-box:nth-child(3) .icon-item .icon-item__icon{
    background: none;
    width: 0px;
    height: 0px;
}
.most-used-services .service-box:nth-child(4) .icon-item .icon-item__icon, .most-used-services .service-box:nth-child(5) .icon-item .icon-item__icon{
    background: url(../icons/icon-arrow-down.svg) no-repeat center;
    background-size: cover;
    width: 11px;
    height: 11px;
}
.text-serv-up, .text-serv-no, .text-serv-down{
    font-weight: 700;
    font-size: 1.4rem;
}
.text-serv-up{
    color: #93BA69;
}
.text-serv-no{
    color: #69A7BA;
}
.text-serv-down{
    color: #FCB949;
}

.most-used-services .service-box:nth-child(1) .text-serv-no, .most-used-services .service-box:nth-child(2) .text-serv-no {
    color: #93BA69;
}
.most-used-services .service-box:nth-child(4) .text-serv-no, .most-used-services .service-box:nth-child(5) .text-serv-no {
    color: #FCB949;
}
.owl-carousel .owl-stage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.owl-carousel .owl-item {
    opacity: 1 !important
}
.owl-carousel .owl-item .box-item img {
    width: auto
}
.owl-carousel .owl-nav {
    position: absolute;
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 3.2rem;
    height: 3.2rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f2f2f2;
    border-radius: 100%;
    padding: 0;
    color: #63D9D0;
    font-size: 2.2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.owl-carousel.owl-theme .owl-dots {
    margin-top: 2rem;
    margin-bottom: 1.4rem
}
.owl-carousel.owl-theme .owl-dots button.owl-dot span {
    width: .8rem;
    height: .8rem;
    margin: 5px 3px;
    background: #e6e6e6;
    border-radius: 2px
}
.owl-carousel.owl-theme .owl-dots button.owl-dot.active span {
    background: #9bd65c;
    width: 1.6rem
}
.nav-tabs.owl-carousel {
    position: relative
}
.nav-tabs.owl-carousel .owl-nav {
    top: 2rem;
    width: calc(100% + 10.4rem);
    height: 3.2rem;
    left: 50%;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}
.nav-tabs.owl-carousel .owl-nav .owl-prev, .nav-tabs.owl-carousel .owl-nav .owl-next {
    position: absolute;
    pointer-events: auto
}
.nav-tabs.owl-carousel .owl-nav .owl-prev.disabled, .nav-tabs.owl-carousel .owl-nav .owl-next.disabled {
    display: none
}
.nav-tabs.owl-carousel .owl-nav .owl-prev {
    right: 0
}
.nav-tabs.owl-carousel .owl-nav .owl-next {
    left: 0
}
@media all and (max-width: 576px) {
    .owl-carousel .owl-stage-outer {
        margin: 0 -1.6rem;
        padding: 0 1.8rem
    }
}
.breadcrumb {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    background-color: transparent;
    margin-bottom: 3rem
}
.breadcrumb .breadcrumb-item {
    font-size: 1.6rem;
    color: #82ABDB;
    font-weight: 530
}
.breadcrumb .breadcrumb-item>a {
    color: #82ABDB;
    opacity: .62
}
.breadcrumb .breadcrumb-item>a:hover{
    color: #CBF3EF;
}
.breadcrumb .breadcrumb-item.active {
    font-weight: 400
}
.breadcrumb .breadcrumb-item.active:hover a, .breadcrumb .side-menu .sidebar-nav .sidebar-list__item.active .breadcrumb-item.active.nav-link a, .side-menu .sidebar-nav .sidebar-list__item.active .breadcrumb .breadcrumb-item.active.nav-link a {
    color: #63D9D0
}
.breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-right: .5rem
}
.breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: "/";
    padding-left: .5rem;
    padding-right: .5rem;
    font-size: 2rem;
    float: none;
    color: #82ABDB
}
.new-application .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    content: ">";
    padding-left: .15rem;
    padding-right: .15rem;
}
@media all and (max-width: 1440px) {
    .breadcrumb {
        margin-bottom: 1rem
    }
    .breadcrumb .breadcrumb-item {
        font-size: 1.6rem
    }
}
@media all and (max-width: 991px) {
    .breadcrumb .breadcrumb-item {
        font-size: 1.4rem
    }
    .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
        font-size: inherit
    }
}
@media all and (max-width: 767px) {
    .breadcrumb .breadcrumb-item {
        font-size: 1.2rem
    }
}
.site-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.site-pagination .pagination {
    margin: 0
}
.site-pagination .pagination .page-item .page-link {
    padding: 0rem .5rem;
    font-size: 20px;
    font-family: 'cairo';
    color: #405667;
    border: 0;
    background-color: transparent
}
.site-pagination .pagination .page-item .page-link .icon-svg {
    stroke: #003449;
    height: 1.2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.site-pagination .pagination .page-item .page-link>span {
    position: relative
}
.site-pagination .pagination .page-item .page-link>span:after {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    border: 1px solid #003449;
    top: 1rem;
    left: 1rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0
}
.site-pagination .pagination .page-item .page-link:hover, .site-pagination .pagination .page-item .side-menu .sidebar-nav .sidebar-list__item.active .page-link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .site-pagination .pagination .page-item .page-link.nav-link, .site-pagination .pagination .page-item .page-link:active {
    color: #63D9D0
}
.site-pagination .pagination .page-item .page-link:hover>span:after, .site-pagination .pagination .page-item .side-menu .sidebar-nav .sidebar-list__item.active .page-link.nav-link>span:after, .side-menu .sidebar-nav .sidebar-list__item.active .site-pagination .pagination .page-item .page-link.nav-link>span:after, .site-pagination .pagination .page-item .page-link:active>span:after {
    opacity: 1;
    border-color: #63D9D0
}
.site-pagination .pagination .page-item .page-link:hover .icon-svg, .site-pagination .pagination .page-item .side-menu .sidebar-nav .sidebar-list__item.active .page-link.nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .site-pagination .pagination .page-item .page-link.nav-link .icon-svg, .site-pagination .pagination .page-item .page-link:active .icon-svg {
    stroke: #63D9D0
}
.site-pagination .pagination .page-item .page-link.active {
    font-weight: bold
}
.site-pagination .pagination .page-item .page-link:focus {
    box-shadow: none
}
.site-pagination .pagination .page-item:first-child .page-link {
    margin-left: 1.5rem
}
[dir="ltr"] .site-pagination .pagination .page-item:first-child .page-link {
    margin-left: 0;
    margin-right: 1.5rem
}
.site-pagination .pagination .page-item:last-child .page-link {
    margin-right: 1.5rem
}
[dir="ltr"] .site-pagination .pagination .page-item:last-child .page-link {
    margin-right: 0;
    margin-left: 1.5rem
}
.site-pagination .pagination .page-item:last-child .page-link>span:after {
    left: -.8rem
}
.card-footer.table-pagination{
    border: 0 !important;
    margin-top: 4rem;
}
.table-pagination .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0
}
.table-pagination .form-group .label {
    font-size: 1.6rem;
    margin: 0;
    margin-left: .6rem;
    color: #161616;
    white-space: nowrap
}
[dir="ltr"] .table-pagination .form-group .label {
    margin-left: 0;
    margin-right: .6rem
}
.table-pagination .form-group select.form-control, .table-pagination .form-group .bootstrap-select>select.dropdown-toggle {
    padding: 0 1rem 0 2.5rem;
    height: auto;
    width: auto;
    min-width: 5rem;
    background-color: transparent;
    border: 0;
    color: #161616
}
[dir="ltr"] .table-pagination .form-group select.form-control, [dir="ltr"] .table-pagination .form-group .bootstrap-select>select.dropdown-toggle {
    padding: 0 2.5rem 0 1rem
}
.table-pagination .form-group.has-icon i {
    top: .4rem;
    left: 0
}
.table-pagination .form-group .dropdown.bootstrap-select {
    background-color: transparent;
    max-width: 6rem;
}
.table-pagination .form-group .bootstrap-select>.dropdown-toggle:disabled, .table-pagination .form-group .bootstrap-select>.dropdown-toggle:-moz-read-only {
    background-color: transparent;
    border: 0;
    padding: 0 1rem
}
.table-pagination .form-group .bootstrap-select>.dropdown-toggle:disabled, .table-pagination .form-group .bootstrap-select>.dropdown-toggle:read-only {
    background-color: transparent;
    border: 1px solid #D1D1D1;
    height: 2.8rem;
    width: auto;
    padding: 0 1rem
}
.table-pagination .form-group .bootstrap-select.border>.dropdown-toggle:disabled, .table-pagination .form-group .bootstrap-select.border>.dropdown-toggle:read-only{
    border: 0px solid #D1D1D1;
}
.table-pagination .pager {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.6rem;
    color: #595959
}
.table-pagination .pager>span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 .5rem
}
.table-pagination .pager .form-group {
    margin: 0 1rem
}
.table-pagination .pager .pagination {
    margin: 0;
    padding-right: 3rem;
    position: relative
}
[dir="ltr"] .table-pagination .pager .pagination {
    padding-right: 0;
    padding-left: 3rem
}
/*.table-pagination .pager .pagination:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1.4rem;
    width: 1px;
    height: 100%;
    background-color: #e6e6e6
}
[dir="ltr"] .table-pagination .pager .pagination:before {
    right: auto;
    left: 1.4rem
}*/
.table-pagination .pager .pagination .page-link {
    padding: 0;
    margin: 0 .25rem;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 530;
    color: #292929;
    border: 0;
    background-color: transparent;
    box-shadow: none
}
.table-pagination .pager .pagination .page-link.previous, .table-pagination .pager .pagination .page-link.next{
    font-size: 2.25rem;
}
.table-pagination .pager .pagination .page-link.active, .table-pagination .pager .pagination .page-link.page:hover, .table-pagination .pager .pagination .page-link:not(.disabled):hover{
    background: #003449;
    border: 1px solid #003449;
    border-radius: .4rem;
    color: #ffffff !important;
    cursor: default;
}
.table-pagination .pager .pagination .page-link.page:hover{
    cursor: pointer;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none;
}
/*.table-pagination .pager .pagination .page-item:last-child {
    margin-right: 1rem
}*/
.accordion.default-style .accordion-item {
    border: 1px solid #e6e6e6
}
.form-item .accordion.default-style .accordion-item {
    margin-bottom: 1rem;
}
.accordion.default-style .accordion-item:first-of-type {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem
}
.accordion.default-style .accordion-item:last-of-type,
.accordion.default-style .accordion-item:last-of-type .accordion-body {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem
}
.accordion.default-style .accordion-item .accordion-header .accordion-button {
    padding: 1.5rem 2.2rem;
    background-color: transparent;
    box-shadow: none
}
.accordion.default-style .accordion-item .accordion-header .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
    background-image: url(../icons/icon-collaps-expand.svg);
    width: 2.7rem;
    height: 1.5rem;
    background-size: 2.4rem
}
[dir="ltr"] .accordion.default-style .accordion-item .accordion-header .accordion-button::after {
    margin-left: auto;
    margin-right: 0
}
.form-item .accordion.default-style .accordion-item .accordion-header .accordion-button::after {
    margin-left: 0;
    margin-right: auto;
    background-image: url(../icons/icon-collaps-expand.svg);
    width: 2.7rem;
    height: 1.5rem;
    background-size: 2.4rem;
    background-color: #d6def4;
    border-radius: 50%;
    height: 2.7rem;
    background-position: center;
    background-size: 50%;
}
[dir="ltr"] .form-item .accordion.default-style .accordion-item .accordion-header .accordion-button::after {
    margin-left: auto;
    margin-right: 0
}
.accordion.default-style .accordion-item .accordion-header .icon-image {
    margin-left: 1rem
}
[dir="ltr"] .accordion.default-style .accordion-item .accordion-header .icon-image {
    margin-left: 0;
    margin-right: 1rem
}
.accordion.default-style .accordion-item .accordion-header .number, .accordion.default-style .accordion-item .number {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #d6def4;
    color: #003449;
    border-radius: 100%;
    margin-left: 1.2rem;
    font-size: 1.4rem
}
[dir="ltr"] .accordion.default-style .accordion-item .accordion-header .number, [dir="ltr"] .accordion.default-style .accordion-item .number {
    margin-left: 0;
    margin-right: 1.2rem
}
.accordion.default-style .accordion-item .accordion-header .title {
    font-weight: bold;
    font-size: 2rem;
    color: #262626;
    text-align: right;
    margin-left: 1rem;
}
.accordion.default-style .accordion-item .accordion-body {
    padding: 2rem;
    border-top: 2px solid #e6e6e6;
    background-color: #f2f2f2
}
.accordion.default-style .accordion-item.samiller-with .accordion-header .accordion-button::after {
    display: none
}
.accordion.default-style .accordion-item.samiller-with .samiller-with__text {
    position: absolute;
    left: 3.2rem;
    top: 3.2rem;
    color: #389492;
    font-size: 1.8rem;
    font-weight: bold
}
[dir="ltr"] .accordion.default-style .accordion-item.samiller-with .samiller-with__text {
    left: auto;
    right: 3.2rem
}
.accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 100%;
    background-color: #389492;
    color: #fff;
    font-size: 1.4rem;
    margin-right: 1rem
}
[dir="ltr"] .accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
    margin-right: 0;
    margin-left: 1rem
}
.accordion.default-style .accordion-item.samiller-with .accordion-body {
    display: none !important
}
.accordion.default-style .accordion-item .form-item {
    border-bottom-color: #e6e6e6
}
@media all and (max-width: 1440px) {
    .accordion.default-style .accordion-item .accordion-header .accordion-button {
        padding: 2.2rem
    }
    .accordion.default-style .accordion-item .accordion-header .accordion-button::after {
        width: 2rem;
        height: 2rem;
        background-size: 2rem
    }
    .accordion.default-style .accordion-item .accordion-header .icon-image {
        width: 2rem
    }
    .accordion.default-style .accordion-item .accordion-header .title {
        font-size: 1.6rem
    }
    .accordion.default-style .accordion-item .accordion-body {
        padding: 2.2rem
    }
    .accordion.default-style .accordion-item.samiller-with .samiller-with__text {
        left: 2.2rem;
        top: 2.2rem;
        font-size: 1.6rem
    }
    .accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
        width: 1.8rem;
        height: 1.8rem;
        font-size: 1.2rem;
        margin-right: .5rem
    }
    [dir="ltr"] .accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
        margin-right: 0;
        margin-left: .5rem
    }
}
@media all and (max-width: 991px) {
    .accordion .accordion-item__head .title.title-md {
        font-size: 1.8rem !important
    }
    .accordion .accordion-item__content {
        padding-right: 0
    }
    [dir="ltr"] .accordion .accordion-item__content {
        padding-right: 0;
        padding-left: 0
    }
    .accordion.default-style .accordion-item .accordion-header .accordion-button {
        padding: 1.6rem
    }
    .accordion.default-style .accordion-item .accordion-header .title {
        font-size: 1.4rem
    }
    .accordion.default-style .accordion-item.samiller-with .samiller-with__text {
        left: 1.6rem;
        top: 2rem;
        font-size: 1.2rem
    }
    [dir="ltr"] .accordion.default-style .accordion-item.samiller-with .samiller-with__text {
        left: auto;
        right: 1.6rem
    }
    .accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
        width: 1.4rem;
        height: 1.4rem;
        font-size: 1rem;
        margin-right: 0rem
    }
    [dir="ltr"] .accordion.default-style .accordion-item.samiller-with .samiller-with__text i {
        margin-left: 0
    }
    .accordion.default-style .accordion-item .accordion-body {
        padding: 1.2rem
    }
}
.accordion-item {
    border: 0;
    border-bottom: 2px solid #f2f2f2;
    background-color: transparent
}
.accordion-item__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}
.accordion-item__head .title {
    margin: 0
}
.accordion-item__head .title .icon-svg {
    max-width: 4.2rem;
    max-height: 4.2rem;
    min-width: 4.2rem;
    margin-left: 1.4rem
}
[dir="ltr"] .accordion-item__head .title .icon-svg {
    margin-left: 0;
    margin-right: 1.4rem
}
.accordion-item__head .collapse-btn {
    width: 2.8rem;
    height: 2.8rem;
    line-height: 2.6rem;
    background-color: #e6e6e6;
    border-radius: 100%;
    border: 0;
    padding: 0;
    font-size: 2.4rem;
    color: #262626
}
.accordion-item__head .collapse-btn:after {
    display: none
}
.accordion-item__head .collapse-btn.collapsed i:before {
    content: "\f107"
}
.accordion-item__head.details--heading {
    position: relative;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}
.accordion-item__head.details--heading .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.accordion-item__head.details--heading .title .icon-svg {
    max-width: 6.8rem;
    max-height: 6.8rem;
    min-width: 6.8rem
}
.accordion-item__head.details--heading .title .text {
    font-size: 2rem;
    font-weight: bold;
    color: #404040;
    margin: 0
}
.accordion-item__head.details--heading .title .date {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
    color: #737373;
    margin-bottom: .6rem
}
.accordion-item__head.details--heading .collapse-btn {
    background-color: transparent
}
.accordion-item__head.details--heading .collapse-btn.collapsed i:before {
    content: "\f104"
}
.accordion-item__head.details--heading .status {
    position: absolute;
    display: inline-block;
    top: 3.2rem;
    left: 0;
    padding-right: 1.6rem;
    color: #404040;
    font-weight: bold;
    font-size: 1.6rem
}
[dir="ltr"] .accordion-item__head.details--heading .status {
    padding-right: 0;
    padding-left: 1.6rem
}
.accordion-item__head.details--heading .status:before {
    content: "";
    position: absolute;
    top: 40%;
    right: 0;
    width: .8rem;
    height: .8rem;
    border-radius: 100%;
    background-color: #404040
}
[dir="ltr"] .accordion-item__head.details--heading .status:before {
    right: auto;
    left: 0
}
.accordion-item__head.details--heading .status.status-warning {
    color: #c74b00
}
.accordion-item__head.details--heading .status.status-warning:before {
    background-color: #c74b00
}
.accordion-item__content {
    padding-right: 5.6rem
}
[dir="ltr"] .accordion-item__content {
    padding-right: 0;
    padding-left: 5.6rem
}
.accordion-item:last-child {
    border-bottom: 0
}
.accordion-item.view-item .accordion-item__content {
    padding: 0
}
@media all and (max-width: 1440px) {
    .accordion-item__head {
        padding-top: 2.2rem;
        padding-bottom: 2.2rem
    }
    .accordion-item__head .title .icon-svg {
        max-width: 4.2rem;
        max-height: 4.2rem;
        min-width: 4.2rem;
        margin-left: .8rem
    }
    [dir="ltr"] .accordion-item__head .title .icon-svg {
        margin-left: 0;
        margin-right: .8rem
    }
    .accordion-item__head .collapse-btn {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.6rem;
        font-size: 1.8rem
    }
    .accordion-item__head.details--heading .title .icon-svg {
        max-width: 4.8rem;
        max-height: 4.8rem;
        min-width: 4.8rem
    }
    .accordion-item__head.details--heading .title .text {
        font-size: 1.6rem
    }
    .accordion-item__head.details--heading .title .date {
        font-size: 1.4rem;
        margin-bottom: .3rem
    }
    .accordion-item__head.details--heading .status {
        top: 2.2rem;
        padding-right: .8rem;
        font-size: 1.2rem
    }
    [dir="ltr"] .accordion-item__head.details--heading .status {
        padding-right: 0;
        padding-left: .8rem
    }
    .accordion-item__head.details--heading .status:before {
        width: .5rem;
        height: .5rem
    }
    .accordion-item__content {
        padding-right: 3.6rem
    }
    [dir="ltr"] .accordion-item__content {
        padding-right: 0;
        padding-left: 3.6rem
    }
}
.map-wrapper, .map-box {
    display: block;
    padding: 1rem;
    background-color: #fff;
    border-radius: .4rem;
    margin-bottom: 3.2rem
}
.map-wrapper img, .map-box img {
    border-radius: .4rem;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.activity-item .title {
    padding-right: 2rem;
    font-size: 2rem;
    font-weight: 400;
    color: #63D9D0;
    margin-bottom: 1.4rem;
    line-height: 4rem
}
.activity-item .title i {
    width: 1.7rem;
    height: 1.7rem;
    line-height: 1.7rem;
    background-color: #63D9D0;
    border-radius: 100%;
    text-align: center;
    font-size: 1.2rem;
    margin-left: .5rem;
    color: #fff;
    vertical-align: middle
}
[dir="ltr"] .activity-item .title i {
    margin-left: 0;
    margin-right: .5rem
}
.activity-item.activity--danger .title {
    color: #790606
}
.activity-item.activity--danger .title i {
    background-color: #790606
}
.polet-list {
    padding: 1rem 2.4rem 2.4rem;
    margin: 0;
    background-color: #f2f2f2
}
.polet-list__item {
    position: relative;
    margin-bottom: .8rem;
    font-size: 2rem;
    line-height: 3.8rem;
    color: #737373;
    padding-right: 2rem;
    list-style: none
}
[dir="ltr"] .polet-list__item {
    padding-right: 0;
    padding-left: 2rem
}
.polet-list__item:before {
    position: absolute;
    content: "";
    width: .8rem;
    height: .8rem;
    top: 1.6rem;
    right: 0;
    border-radius: .2rem;
    background-color: #63D9D0
}
[dir="ltr"] .polet-list__item:before {
    right: auto;
    left: 0
}
.polet-list.polet--danger .polet-list__item:before {
    background-color: #9a1111
}
.steps-list {
    padding: 0 5.8rem 0 0;
    margin: 0 5rem 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    width: 100%
}
.steps-list__item {
    position: relative;
    padding: 3.8rem 2.4rem 3rem 4rem;
    color: #999
}
.steps-list__item .steps-list__link {
    display: block;
    color: #999
}
.steps-list__item .number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 100%;
    border: 1px solid #999;
    font-weight: bold;
    margin-bottom: .9rem
}
.steps-list__item .text {
    display: block;
    font-size: 2rem;
    line-height: 4rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.steps-list__item:not(:first-child):before {
    content: "";
    position: absolute;
    bottom: 3.7rem;
    right: 0;
    width: 2px;
    height: 2rem;
    background-color: #e6e6e6
}
[dir="ltr"] .steps-list__item:not(:first-child):before {
    right: auto;
    left: 0
}
.steps-list__item:after {
    content: "";
    position: absolute;
    bottom: -.2rem;
    right: 0;
    width: calc(100% - 4rem);
    height: 2px;
    background-color: #63D9D0;
    opacity: 0
}
[dir="ltr"] .steps-list__item:after {
    right: auto;
    left: 0
}
.steps-list__item.active .number {
    background-color: #63D9D0;
    border-color: #63D9D0;
    color: #fff;
    font-weight: 400
}
.steps-list__item.active .text {
    font-weight: bold;
    color: #63D9D0
}
.steps-list__item.active:after {
    opacity: 1
}
.steps-list__item.done .number {
    position: relative;
    border-color: #63D9D0
}
.steps-list__item.done .number::before {
    content: "\f00c";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-family: "Font Awesome 5 Pro";
    background-color: #63D9D0;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 400
}
.steps-list__item.done .text {
    color: #595959;
    font-weight: 400
}
.steps-list__item.done .text:hover, .steps-list__item.done .side-menu .sidebar-nav .sidebar-list__item.active .text.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .steps-list__item.done .text.nav-link {
    color: #63D9D0
}
.steps-list__item.done:after {
    width: 100%;
    opacity: 1
}
.steps-list__item.disabled .number {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #f8f8f8;
    font-weight: 400
}
.steps-list__item.disabled .number::before {
    background-color: #bfbfbf;
    color: #f8f8f8
}
.steps-list__item.disabled .text {
    font-weight: bold;
    color: #bfbfbf
}
.steps-list__item.disabled:after {
    opacity: 0
}
.keyValue-list {
    padding: 0;
    margin: 0;
    margin-bottom: 3rem;
    list-style: none
}
.keyValue-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem
}
.keyValue-list__item .key {
    position: relative;
    padding-right: 1.6rem;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    color: #737373;
    margin: 0
}
[dir="ltr"] .keyValue-list__item .key {
    padding-right: 0;
    padding-left: 1.6rem
}
.keyValue-list__item .key::before {
    position: absolute;
    content: "";
    top: calc(50% - .4rem);
    right: 0;
    width: .8rem;
    height: .8rem;
    background-color: #9bd65c;
    border-radius: .2rem
}
[dir="ltr"] .keyValue-list__item .key::before {
    right: auto;
    left: 0
}
.keyValue-list__item .value {
    margin: 0;
    font-size: 2rem;
    font-weight: bold;
    color: #262626
}
.keyValue-list__item .value small {
    font-size: 1.6rem;
    color: #999;
    font-weight: 400
}
.keyValue-list.reversed-style .keyValue-list__item {
    margin-bottom: 4.2rem
}
.keyValue-list.reversed-style .keyValue-list__item .key {
    font-size: 1.8rem;
    color: #404040
}
.keyValue-list.reversed-style .keyValue-list__item .key::before {
    background-color: #404040
}
.keyValue-list.reversed-style .keyValue-list__item .value {
    color: #999;
    font-weight: 400
}
.keyValue-list.reversed-style .keyValue-list__item .value small {
    color: #404040;
    font-size: 1.4rem;
    font-weight: bold
}
.keyValue-list.reversed-style .keyValue-list__item.total {
    border-top: 2px solid #f2f2f2;
    padding-top: 2rem
}
.keyValue-list.reversed-style .keyValue-list__item.total .key::before {
    display: none
}
@media all and (max-width: 1600px) {
    .steps-list {
        padding: 0rem;
        width: auto
    }
    .steps-list .steps-list__item {
        padding: 2.8rem 1.4rem 2rem
    }
    .steps-list .steps-list__item .text {
        font-size: 1.6rem
    }
    .steps-list .steps-list__item:not(:first-child):before {
        bottom: 3rem
    }
    .keyValue-list__item {
        margin-bottom: 1rem
    }
    .keyValue-list__item .key {
        padding-right: 1.4rem;
        font-size: 1.4rem
    }
    .keyValue-list__item .key::before {
        width: .6rem;
        height: .6rem;
        top: calc(50% - .3rem)
    }
    .keyValue-list__item .value {
        font-size: 1.6rem
    }
}
@media all and (max-width: 1440px) {
    .steps-list .steps-list__item {
        padding: 2rem 1.2rem 1.5rem
    }
    .steps-list .steps-list__item .text {
        font-size: 1.4rem;
        line-height: 2.6rem
    }
    .steps-list .steps-list__item:not(:first-child):before {
        bottom: 2rem
    }
    .keyValue-list.reversed-style .keyValue-list__item {
        margin-bottom: 3.2rem
    }
    .keyValue-list.reversed-style .keyValue-list__item .key {
        font-size: 1.4rem
    }
    .keyValue-list.reversed-style .keyValue-list__item .key::before {
        width: .5rem;
        height: .5rem
    }
}
.bootstrap-select>.dropdown-toggle:focus, .bootstrap-select>.dropdown-toggle:active, .bootstrap-select>.dropdown-toggle select.mobile-device:focus+.dropdown-toggle {
    outline: none !important
}
.bootstrap-select>.dropdown-toggle:disabled, .bootstrap-select>.dropdown-toggle.disabled {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    color: #999
}
.bootstrap-select>.dropdown-toggle:disabled::after, .bootstrap-select>.dropdown-toggle.disabled::after {
    color: #bfbfbf
}
.bootstrap-select>.dropdown-toggle.show {
    border: 1px solid #003449
}
.bootstrap-select>.dropdown-toggle::after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    vertical-align: middle;
    border: 0;
    font-weight: 400;
    font-size: 2rem;
    color: #151515;
    margin: 0;
    margin-right: 1rem;
    position: relative;
    top: 3px
}
[dir="ltr"] .bootstrap-select>.dropdown-toggle::after {
    margin-right: 0;
    margin-left: 1rem
}
.bootstrap-select>.dropdown-toggle .filter-option {
    text-align: start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.bootstrap-select .dropdown-menu {
    padding: 0;
    min-height: auto !important;
    border-radius: 0;
}
.bootstrap-select .dropdown-menu .inner {
    min-height: auto !important
}
.bootstrap-select .dropdown-menu .dropdown-item {
    font-size: 1.4rem;
    padding: 1.4rem 1.6rem
}
.bootstrap-select .dropdown-menu .dropdown-item.active {
    background-color: #003449;
    color: #fff
}
.bootstrap-select .dropdown-menu .dropdown-item:hover, .bootstrap-select .dropdown-menu .side-menu .sidebar-nav .sidebar-list__item.active .dropdown-item.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .bootstrap-select .dropdown-menu .dropdown-item.nav-link {
    background-color: #F5FDFC;
    color: #63D9D0
}
.svg-icon .filled-color {
    fill: #CDEBAD
}
.svg-icon .filled-color.color--secondary {
    fill: #9bd65c
}
@media only screen and (max-width: 480px) {
    .calendar-card .bottom-sec {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .calendar-card .bottom-sec .display-filteration {
        width: 100%
    }
    .calendar-card .bottom-sec .form-check {
        margin-left: 2rem
    }
    .calendar-card .middle-sec {
        text-align: center
    }
    .calendar-card .middle-sec img {
        width: 120px
    }
    .calendar-card .middle-sec .event-details {
        text-align: initial
    }
    .calendar-card .fc-v-event {
        display: block;
        border: 1px solid #f2f2f2;
        background-color: #f2f2f2
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .calendar-card .fc-v-event {
        display: block;
        border: 1px solid #f2f2f2;
        background-color: #f2f2f2
    }
}
.calendar-card.card {
    padding: 0
}
.calendar-card.card .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (max-width: 480px) {
    .calendar-card.card .card-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}
.calendar-card.card .card-content #calendar {
    width: 80%;
    padding: 2.4rem
}
@media only screen and (max-width: 480px) {
    .calendar-card.card .card-content #calendar {
        width: 100%
    }
}
.calendar-card.card .card-content #calendar .fc-button-primary {
    background: none;
    border: none;
    color: #003449
}
.calendar-card.card .card-content #calendar .fc-icon-chevron-right, .calendar-card.card .card-content #calendar .fc-icon-chevron-left {
    background: #f2f2f2;
    border-radius: 10px
}
.calendar-card.card .card-content #calendar .fc-icon-chevron-right:before, .calendar-card.card .card-content #calendar .fc-icon-chevron-left:before {
    color: #63D9D0
}
.calendar-card.card .card-content #calendar .fc-col-header-cell-cushion {
    color: #595959
}
.calendar-card.card .card-content #calendar .fc-col-header-cell-cushion:hover, .calendar-card.card .card-content #calendar .side-menu .sidebar-nav .sidebar-list__item.active .fc-col-header-cell-cushion.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .calendar-card.card .card-content #calendar .fc-col-header-cell-cushion.nav-link {
    color: #595959
}
.calendar-card.card .card-content #calendar .fc-daygrid-day-number:hover, .calendar-card.card .card-content #calendar .side-menu .sidebar-nav .sidebar-list__item.active .fc-daygrid-day-number.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .calendar-card.card .card-content #calendar .fc-daygrid-day-number.nav-link {
    color: inherit
}
.calendar-card.card .card-content #calendar.fc .fc-daygrid-day-top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
.calendar-card.card .card-content #calendar .fc-h-event {
    background: none;
    border: none
}
.calendar-card.card .card-content #calendar .permit {
    color: #fc7422
}
.calendar-card.card .card-content #calendar .permit:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #fc7422;
    margin: 0.5rem 0.3rem 0;
    float: right
}
.calendar-card.card .card-content #calendar .permit div {
    color: #fc7422
}
.calendar-card.card .card-content #calendar .appointment {
    color: #ef678b
}
.calendar-card.card .card-content #calendar .appointment:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #ef678b;
    margin: 0.5rem 0.3rem 0;
    float: right
}
.calendar-card.card .card-content #calendar .appointment div {
    color: #ef678b
}
.calendar-card.card .card-content #calendar .draft {
    color: #737373
}
.calendar-card.card .card-content #calendar .draft:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #737373;
    margin: 0.5rem 0.3rem 0;
    float: right
}
.calendar-card.card .card-content #calendar .draft div {
    color: #737373
}
.calendar-card.card .card-content #calendar .license {
    color: #389492
}
.calendar-card.card .card-content #calendar .license:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #389492;
    margin: 0.5rem 0.3rem 0;
    float: right
}
.calendar-card.card .card-content #calendar .license div {
    color: #389492
}
.calendar-card.card .card-content #calendar .invoice {
    color: #ffb61a
}
.calendar-card.card .card-content #calendar .invoice:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    border-radius: 2px;
    background-color: #ffb61a;
    margin: 0.5rem 0.3rem 0;
    float: right
}
.calendar-card.card .card-content #calendar .invoice div {
    color: #ffb61a
}
.calendar-card.card .card-content #calendar .fc-daygrid-more-link {
    color: #999999
}
.calendar-card.card .card-content #calendar .fc-daygrid-more-link:hover, .calendar-card.card .card-content #calendar .side-menu .sidebar-nav .sidebar-list__item.active .fc-daygrid-more-link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .calendar-card.card .card-content #calendar .fc-daygrid-more-link.nav-link {
    color: #999999
}
.calendar-card.card .card-content #calendar .fc-day-today .fc-daygrid-day-number {
    background-color: #63D9D0;
    border-radius: 40px;
    padding: 3px 10px;
    color: white
}
.calendar-card.card .card-content #calendar .fc-daygrid-day {
    padding: 1.1rem
}
.calendar-card.card .card-content #calendar .fc-daygrid-event-dot {
    display: none
}
.calendar-card.card .card-content #calendar .fc-daygrid-dot-event {
    display: inline-block
}
.calendar-card.card .card-content #calendar .fc-daygrid-dot-event:hover, .calendar-card.card .card-content #calendar .side-menu .sidebar-nav .sidebar-list__item.active .fc-daygrid-dot-event.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .calendar-card.card .card-content #calendar .fc-daygrid-dot-event.nav-link {
    background-color: transparent
}
.calendar-card.card .card-content #calendar .fc-daygrid-dot-event .fc-event-title {
    padding-right: 1.4rem;
    font-weight: inherit
}
.calendar-card.card .card-content #calendar.fc-theme-standard .fc-scrollgrid {
    border: none
}
.calendar-card.card .card-content #calendar.fc-theme-standard table td {
    border: 4px solid #f8f8f8
}
.calendar-card.card .card-content #calendar.fc-theme-standard table th {
    border: 4px solid #f8f8f8;
    text-align: right
}
.calendar-card.card .card-content #calendar .fc-toolbar-title {
    color: #404040
}
.calendar-card.card .card-content #calendar table tbody tr td {
    background: #f2f2f2
}
.calendar-card.card .card-content .side-calendar {
    background: white;
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 20%;
    border-radius: 0.8rem 0 0 0.8rem
}
@media only screen and (max-width: 480px) {
    .calendar-card.card .card-content .side-calendar {
        width: 100%
    }
}
.calendar-card.card .card-content .side-calendar .top-sec .date-month {
    font-size: 1.25rem;
    margin: 0
}
.calendar-card.card .card-content .side-calendar .top-sec .day {
    color: #404040;
    font-size: 1.75rem
}
.calendar-card.card .card-content .side-calendar .grey-line {
    width: 100%;
    height: 1px;
    background: #f2f2f2
}
.calendar-card.card .card-content .side-calendar .middle-sec {
    padding: 3.813rem 0
}
.calendar-card.card .card-content .side-calendar .middle-sec.events {
    padding: 1.813rem 0
}
.calendar-card.card .card-content .side-calendar .middle-sec .status {
    color: #999999;
    text-align: center;
    font-size: 1.125rem;
    padding: 2rem 0 0 0;
    margin: 0
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details {
    padding-bottom: 1rem;
    padding-top: 1.4rem
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details:nth-child(1) {
    padding-top: 0
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .event-info {
    position: relative;
    margin-top: 2rem
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .event-info:first-child {
    margin-top: 0
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .event-info:before {
    content: "";
    height: 100%;
    width: 3px;
    position: absolute;
    top: 3px;
    border-radius: 2px
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .event-num {
    color: #999999;
    font-weight: 300
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details p {
    margin: 0;
    padding-right: 1rem;
    font-size: 1.2rem
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .event-title {
    font-weight: 600
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.permit .event-title, .calendar-card.card .card-content .side-calendar .middle-sec .event-details.permit .event-sub-title {
    color: #fc7422
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.permit .event-info:before {
    background: #fc7322
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.appointment .event-title, .calendar-card.card .card-content .side-calendar .middle-sec .event-details.appointment .event-sub-title {
    color: #ef678b
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.appointment .event-info:before {
    background: #ef678b
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.draft .event-title, .calendar-card.card .card-content .side-calendar .middle-sec .event-details.draft .event-sub-title {
    color: #737373
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.draft .event-info:before {
    background: #737373
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.license .event-title, .calendar-card.card .card-content .side-calendar .middle-sec .event-details.license .event-sub-title {
    color: #389492
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.license .event-info:before {
    background: #389492
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.invoice .event-title, .calendar-card.card .card-content .side-calendar .middle-sec .event-details.invoice .event-sub-title {
    color: #ffb61a
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details.invoice .event-info:before {
    background: #ffb61a
}
.calendar-card.card .card-content .side-calendar .middle-sec .event-details .status-events {
    color: #404040;
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1rem 0
}
.calendar-card.card .card-content .side-calendar .bottom-sec {
    color: #595959;
    font-size: 1rem;
    padding-top: 1.938rem
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check {
    padding: 1rem 0
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check label {
    padding-right: 0.5rem;
    font-size: 1.25rem;
    color: #262626
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.appointment label:before {
    border: 1px solid #ef678b
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.appointment input[type="checkbox"]:checked+label:before {
    border-color: #ef678b;
    border-width: 7.5px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.license label:before {
    border: 1px solid #389492
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.license input[type="checkbox"]:checked+label:before {
    border-color: #389492;
    border-width: 7.5px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.draft label:before {
    border: 1px solid #737373
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.draft input[type="checkbox"]:checked+label:before {
    border-color: #737373;
    border-width: 7.5px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.invoice label:before {
    border: 1px solid #ffb61a
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.invoice input[type="checkbox"]:checked+label:before {
    border-color: #ffb61a;
    border-width: 7.5px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.permit label:before {
    border: 1px solid #fc7422
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check.permit input[type="checkbox"]:checked+label:before {
    border-color: #fc7422;
    border-width: 7.5px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check input[type="checkbox"] {
    opacity: 0;
    width: 0;
    height: 0;
    position: relative
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check label {
    position: relative;
    cursor: pointer;
    padding-right: 2rem
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check label:before {
    box-sizing: border-box;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 10px;
    position: absolute;
    right: 0px;
    background-color: #fff;
    border-radius: 3px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check label:after {
    font-family: "Font Awesome 5 Pro";
    content: "\F00C";
    color: #fff;
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 2.5px;
    top: 0px;
    font-size: 11px
}
.calendar-card.card .card-content .side-calendar .bottom-sec .form-check input[type="checkbox"]:checked+label:before {
    border-color: #ef678b;
    border-width: 7.5px
}
.progress-status {
    padding: 0;
    margin: 0;
    list-style: none
}
.progress-status__item {
    position: relative;
    margin-bottom: 3.2rem;
    padding-right: 2.6rem
}
.progress-status__item::after {
    content: "";
    position: absolute;
    top: 5.5rem;
    right: 3px;
    width: 1px;
    height: 100%;
    border-style: dashed;
    border-width: 1px;
    border-color: #bfbfbf
}
[dir="ltr"] .progress-status__item::after {
    right: auto;
    left: 3px
}
[dir="ltr"] .progress-status__item {
    padding-right: 0;
    padding-left: 2.6rem
}
.progress-status__item:last-child {
    margin-bottom: 2.8rem
}
.progress-status__item:last-child::after {
    height: 40%
}
.progress-status__item .title {
    position: relative;
    font-size: 2rem;
    color: #000;
    line-height: 3.8rem;
    margin-bottom: 0
}
.progress-status__item .title::before {
    content: "";
    position: absolute;
    right: -2.6rem;
    top: 1.4rem;
    width: 1rem;
    height: 1rem;
    border-radius: 2px;
    background-color: #63D9D0
}
[dir="ltr"] .progress-status__item .title::before {
    right: auto;
    left: -2.6rem
}
.progress-status__item .description {
    font-size: 1.6rem;
    color: #999
}
.message-box {
    position: relative;
    padding: 2.4rem;
    border-radius: .4rem;
    background-color: #fbfbfb;
    margin-bottom: 1.6rem
}
.message-box__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 2.2rem
}
.message-box__head .message-info {
    color: #999;
    font-size: 1.8rem
}
.message-box__head .message-info span.date {
    padding-left: 1rem;
    border-left: 1px solid #bfbfbf;
    line-height: 1.4rem;
    display: inline-block;
    margin-left: 1rem
}
[dir="ltr"] .message-box__head .message-info span.date {
    padding-left: 0;
    padding-left: 1rem;
    margin-left: 0;
    margin-right: 1rem
}
.message-box .message-box__content {
    padding-bottom: 1.8rem;
    min-height: 6.5rem
}
.message-box .message-box__content p {
    color: #404040;
    font-size: 2rem
}
.message-box .message-box__footer {
    padding-top: 1.8rem;
    padding-bottom: .4rem;
    border-top: 1px solid #e6e6e6
}
.message-box .message-box__footer .box-footer-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 1.8rem;
    font-weight: bold;
    color: #003449;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.message-box .message-box__footer .box-footer-link:hover, .message-box .message-box__footer .side-menu .sidebar-nav .sidebar-list__item.active .box-footer-link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .message-box .message-box__footer .box-footer-link.nav-link {
    color: #63D9D0
}
.message-box .message-box__footer .box-footer-link i {
    font-size: 2.4rem
}
[dir="ltr"] .message-box .message-box__footer .box-footer-link i.fa-long-arrow-left::before {
    content: "\f178"
}
.message-box.replay-box .message-box__head .title {
    color: #000
}
.message-box.replay-box .message-box__head .btn.btn-close {
    color: #262626
}
.message-box .inner-box-form .form-control, .message-box .inner-box-form .bootstrap-select>.dropdown-toggle {
    background-color: #f2f2f2;
    min-height: 9rem
}
.message-box .inner-box-form .inner-form-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.message-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.message-author img {
    margin-left: 1rem
}
[dir="ltr"] .message-author img {
    margin-left: 0;
    margin-right: 1rem
}
.message-author .title {
    margin: 0;
    color: #999;
    font-weight: 400;
    font-size: 2rem;
    line-height: 3.8rem
}
.account-box {
    background-color: #fbfbfb;
    padding: 1.8rem 2.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.account-box .custom-btn {
    min-width: 12rem
}
.attached-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.8rem;
    border-radius: .4rem;
    background-color: #f2f2f2
}
.attached-item__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.attached-item__icon img {
    min-width: 3.8rem;
    margin-left: 1rem
}
[dir="ltr"] .attached-item__icon img {
    margin-left: 0;
    margin-right: 1rem
}
.attached-item__icon .item-title {
    font-size: 2rem;
    font-weight: 400;
    color: #000
}
.attached-item.icon-display {
    padding: 0;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1rem
}
[dir="ltr"] .attached-item.icon-display {
    margin-left: 0;
    margin-right: 1rem
}
@media all and (max-width: 1440px) {
    .message-box {
        padding: 1.8rem
    }
    .message-box .message-box__head .message-info {
        font-size: 1.4rem
    }
    .message-box .message-box__head .message-info span.date {
        padding-left: .6rem;
        margin-left: .6rem
    }
    [dir="ltr"] .message-box .message-box__head .message-info span.date {
        padding-left: 0;
        padding-left: .6rem;
        margin-left: 0;
        margin-right: .6rem
    }
    .message-box .message-box__content {
        min-height: 5.5rem;
        padding-bottom: 1rem
    }
    .message-box .message-box__content p {
        font-size: 1.6rem
    }
    .message-box .message-box__footer .box-footer-link {
        font-size: 1.4rem
    }
    .message-box .message-box__footer .box-footer-link i {
        font-size: 2rem
    }
    .message-author .title {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
    .account-box {
        padding: 1.2rem 1.8rem
    }
    .account-box .custom-btn {
        min-width: 10rem;
        padding: .6rem 1.2rem
    }
    .attached-item {
        padding: 1.2rem
    }
    .attached-item .attached-item__icon img {
        width: 3.2rem;
        min-width: 3.2rem
    }
    .attached-item .attached-item__icon .item-title {
        font-size: 1.6rem
    }
    .attached-item.icon-display img {
        width: 4.2rem
    }
}
.video-item {
    position: relative;
    height: 25rem
}
.video-item .video-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.video-item .video-button {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.video-item .video-button .btn-play {
    padding: 0;
    border: none;
    box-shadow: none;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 100%;
    background-color: transparent
}
.video-item .video-button .btn-play i {
    font-size: 2em;
    color: #003449
}
@media all and (max-width: 1440px) {
    .video-item {
        height: 20rem
    }
}
@media all and (max-width: 767px) {
    .video-item {
        height: auto
    }
}
.header {
    position: relative;
    height: 41.13rem;
    /*z-index: 1;*/
    background-image: -webkit-linear-gradient(81.32deg, #00ABC5 -80.71%, #2C2A79 60.24%);
    background-image: linear-gradient(81.32deg, #00ABC5 -80.71%, #2C2A79 60.24%)
}
@media all and (max-width: 991.8px) {
    .header {
        z-index: 1;
    }
}
.header:after {
    content: "";
    background-image: url(../images/balady-palm-Vector.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 105px;
    left: 0;
    width: 149px;
    height: 100%;
    z-index: 0
}
.header.sticky::after{
    display:none;
}
.header .navbar {
    padding: 1.2rem 0 1.3rem;
    background: rgba(255, 255, 255, 0.1)
}
.header .navbar .container-fluid {
    max-width: 1920px
}
.header .navbar .navbar-toggler {
    padding: 0;
    border: 0;
    box-shadow: none;
    background-color: transparent;
    width: 3.2rem;
    height: 3.2rem
}
.header .navbar .navbar-toggler svg {
    width: 100%;
    height: 100%;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.header .navbar .navbar-toggler path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 40px;
    stroke-linecap: round;
    stroke: #fff;
    stroke-dashoffset: 0px
}
.header .navbar .navbar-toggler path#top, .header .navbar .navbar-toggler path#bottom {
    stroke-dasharray: 240px 950px
}
.header .navbar .navbar-toggler path#middle {
    stroke-dasharray: 240px 240px
}
.header .navbar .navbar-toggler .cross path#top, .header .navbar .navbar-toggler .cross path#bottom {
    stroke-dashoffset: -650px;
    stroke-dashoffset: -650px
}
.header .navbar .navbar-toggler .cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px
}
.header .navbar .navbar-brand {
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: 2.5rem;
    padding-left: 3.1rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: .9;
    line-height: normal
}
[dir="ltr"] .header .navbar .navbar-brand {
    margin-left: 0;
    margin-right: 2.5rem;
    padding-left: 0;
    padding-right: 3.1rem
}
.header .navbar .navbar-brand>img {
    display: inline-block;
    width: 3.2rem;
    height: 3.2rem;
    margin-left: 1.2rem
}
[dir="ltr"] .header .navbar .navbar-brand>img {
    margin-left: 0;
    margin-right: 1.2rem
}
.header .navbar .navbar-brand .logo-text {
    color: #fff;
    font-size: 1.6rem;
    text-decoration: underline;
    text-decoration-thickness: from-font
}
.header .navbar .navbar-brand:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 2.7rem;
    background-color: #145d4d;
    bottom: 3px;
    left: 0
}
[dir="ltr"] .header .navbar .navbar-brand:after {
    left: auto;
    right: 0
}
.header .navbar .navbar-brand.logo-mobile {
    display: none
}
.header .navbar .navbar-brand.logo-mobile>img {
    width: 10rem;
    height: auto;
    margin-left: 2rem
}
[dir="ltr"] .header .navbar .navbar-brand.logo-mobile>img {
    margin-left: 0;
    margin-right: 2rem
}
.header .navbar .navbar-brand.logo-mobile .logo-text {
    font-size: 1.3rem;
    font-weight: 700;
    text-decoration: none;
    vertical-align: middle;
    color: #003449;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 0.5rem 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.header .navbar .navbar-brand.logo-mobile::after {
    right: 10rem;
    left: auto;
    bottom: .8rem;
    height: 1.6rem
}
[dir="ltr"] .header .navbar .navbar-brand.logo-mobile::after {
    right: auto;
    left: 10rem
}
.header .navbar .notification-btn-mobile {
    display: none
}
.header .navbar-nav {
    padding: 0
}
.header .navbar-nav .nav-item .nav-link {
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    padding: 0 1.6rem;
    font-weight: 530;
    text-align: center;
    background-color: transparent;
    border: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.header .navbar-nav .nav-item .nav-link:hover, .header .navbar-nav .nav-item .side-menu .sidebar-nav .sidebar-list__item.active .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .header .navbar-nav .nav-item .nav-link {
    color: #63D9D0
}
.header .navbar-nav .nav-item.active .nav-link {
    color: #63D9D0
}
.header .navbar-nav.nav-btns {
    position: relative;
    margin-right: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 99
}
[dir="ltr"] .header .navbar-nav.nav-btns {
    margin-right: 0;
    margin-left: auto
}
.header .navbar-nav.nav-btns .nav-item {
    margin-left: 2.4rem;
    position: relative
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item {
    margin-left: 0;
    margin-right: 2.4rem
}
.header .navbar-nav.nav-btns .nav-item .nav-link {
    padding: 0;
    width: 3.8rem;
    height: 3.8rem;
    background-color: transparent;
    border-radius: .2rem;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.header .navbar-nav.nav-btns .nav-item .nav-link i[class*="fa"] {
    font-size: 2.2rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #fff
}
.header .navbar-nav.nav-btns .nav-item .nav-link i[class*="fa"].fa-bell {
    position: relative
}
.header .navbar-nav.nav-btns .nav-item .nav-link i[class*="fa"].fa-bell:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: .9rem;
    height: .9rem;
    background-color: #c33;
    border-radius: 100%
}
.header .navbar-nav.nav-btns .nav-item .nav-link .icon-svg {
    max-width: 2.4rem;
    max-height: 2.4rem
}
.header .navbar-nav.nav-btns .nav-item .nav-link:hover, .header .navbar-nav.nav-btns .nav-item .side-menu .sidebar-nav .sidebar-list__item.active .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .header .navbar-nav.nav-btns .nav-item .nav-link {
    color: #63D9D0
}
.header .navbar-nav.nav-btns .nav-item:last-child, .header .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-left: 0
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item:last-child, [dir="ltr"] .header .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-right: 0
}
.header .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-left: 2.4rem
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-right: 2.4rem
}
.header .navbar-nav.nav-btns .nav-item .nav-link.loader-label {
    margin-top: 0;
    float: none;
}
.header .support-menu .dropdown-menu{
    min-width: max-content;
}
.header .support-menu .dropdown-menu span{
    font-size: 1.4rem;
    font-weight: 530;
    color: #204E60;
}
.header .support-menu .dropdown-menu span i{
    font-size: 1.8rem;
    font-weight: 500;
}
.header .support-menu .dropdown-menu svg {
    fill: #BFBFBF;
    max-width: 2rem;
    max-height: 2rem;
    margin-left: 0.5rem;
    margin-top: 0.25rem;
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn {
    display: none;
    position: relative;
    margin-right: 2.4rem
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item.appyNew-btn {
    margin-right: 0;
    margin-left: 2.4rem
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn:before {
    position: absolute;
    content: "";
    top: 1.5rem;
    right: -2.35rem;
    width: 1px;
    height: 2.4rem;
    background-color: #0e6d65
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item.appyNew-btn:before {
    right: auto;
    left: -2.35rem
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn .dropdown-btn {
    height: 5.2rem;
    font-size: 1.8rem;
    line-height: 3.5rem;
    padding: .7rem 1.8rem 1rem;
    border-radius: .4rem
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn .dropdown-btn .dropdown-toggle-icon i {
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.6rem
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn .dropdown-btn .dropdown-toggle-icon::after {
    top: 0rem;
    height: 3rem
}
.header .navbar-nav.nav-btns .nav-item.appyNew-btn .dropdown-menu {
    left: 0;
    right: auto;
    top: 6.5rem !important
}
[dir="ltr"] .header .navbar-nav.nav-btns .nav-item.appyNew-btn .dropdown-menu {
    left: auto;
    right: 0
}
.header.sticky {
    height: auto;
    z-index: 1040;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-animation: fixedHeader .4s ease-in-out;
    animation: fixedHeader .4s ease-in-out
}
.header.sticky .navbar-nav.nav-btns .appyNew-btn {
    display: block
}
.header.sticky .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-left: 2.4rem
}
[dir="ltr"] .header.sticky .navbar-nav.nav-btns .nav-item:nth-last-child(2) {
    margin-right: 2.4rem;
    margin-left: 0
}
@media all and (max-width: 1440px) {
    .header {
        height: 41.13rem
    }
    .header .navbar {
        padding: 1.2rem 0 1.3rem
    }
    .header .navbar .navbar-brand {
        margin-left: 1.5rem;
        padding-left: 2.1rem
    }
    [dir="ltr"] .header .navbar .navbar-brand {
        margin-left: 0;
        margin-right: 1.5rem;
        padding-left: 0;
        padding-right: 2.1rem
    }
    .header .navbar .navbar-brand .logo-text {
        font-size: 1.6rem
    }
    .header .navbar-nav:not(.nav-btns) .nav-item .nav-link {
        font-size: 1.6rem;
        padding-right: .8rem
    }
    .header .navbar-nav.nav-btns .nav-item {
        margin-left: 1.4rem
    }
    [dir="ltr"] .header .navbar-nav.nav-btns .nav-item {
        margin-left: 0;
        margin-right: 1.4rem
    }
    .header .navbar-nav.nav-btns .nav-item .nav-link {
        width: 3.8rem;
        height: 3.8rem
    }
    .header .navbar-nav.nav-btns .nav-item .nav-link i[class*="fa"] {
        font-size: 2rem
    }
}
@media all and (max-width: 1200px) {
    .header.sticky .navbar-nav .nav-item .nav-link {
        font-size: 1.4rem
    }
}
@media all and (max-width: 991.98px) {
    .header {
        overflow: hidden
    }
    .header .container-fluid {
        padding: 0 1.6rem
    }
    .header .navbar {
        position: static;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0;
        background-image: none
    }
    .header .navbar .navbar-brand {
        margin: 0.5rem 0;
        padding: 0
    }
    .header .navbar .navbar-brand.logo {
        display: none
    }
    .header .navbar .navbar-brand.logo-mobile {
        display: block
    }
    .header .navbar .mobile-btns {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        z-index: 1
    }
    .header .navbar .mobile-btns .notification-btn-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: transparent;
        box-shadow: none;
        border: none;
        width: 3.2rem;
        height: 3.2rem;
        padding: 0;
        margin-left: 1.6rem
    }
    [dir="ltr"] .header .navbar .mobile-btns .notification-btn-mobile {
        margin-left: 0;
        margin-right: 1.6rem
    }
    .header .navbar .navbar-collapse {
        display: block;
        position: fixed;
        background-color: #fff;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
        width: 100%;
        max-width: 32rem;
        top: 9.6rem;
        right: -100%;
        padding: 1rem;
        height: calc(100% - 9.6rem) !important;
        overflow-y: auto;
        -webkit-transition: right .3s ease-in-out, top .3s ease-in-out;
        transition: right .3s ease-in-out, top .3s ease-in-out
    }
    /*.header .navbar .navbar-collapse.show {
        right: 0
    }*/
    .header .navbar .navbar-collapse .navbar-nav .nav-item {
        display: block;
        margin-bottom: 1.2rem;
        position: static
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item:after {
        display: none
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown>.nav-link {
        padding-right: 3rem
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown>.nav-link:before, .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown>.nav-link:after {
        display: none
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown>.nav-link:before {
        content: "";
        position: absolute;
        display: inline-block;
        top: 3px;
        bottom: auto;
        right: 5px;
        width: 2px;
        height: 80%;
        background-color: #003449;
        opacity: 1;
        visibility: visible
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        background-color: #fff;
        padding: 1rem 3rem 0 0;
        min-width: auto;
        width: auto;
        box-shadow: none
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-title {
        display: none
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-content ul.dropdown-menu-links {
        display: block
    }
    .header .navbar .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-content ul.dropdown-menu-links li {
        width: 100%;
        padding: 0
    }
    .header .navbar .navbar-collapse .navbar-nav.nav-btns {
        padding: 2rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .header .navbar .navbar-collapse .navbar-nav.nav-btns:before {
        display: none
    }
    .header .navbar .navbar-collapse .navbar-nav.nav-btns .nav-item {
        margin: 0 1rem
    }
    .header.sticky .navbar .navbar-collapse {
        top: 8rem;
        height: calc(100% - 8rem) !important
    }
    .header::after {
        left: -5rem;
        width: 23rem
    }
    [dir="ltr"] .header::after {
        left: auto;
        right: -5rem
    }
    .form-items>.row>.col-lg-6:first-child>.card.card-body.pb-10 {
        margin-bottom: 3rem;
    }
}
@media all and (max-width: 767px) {
    .header {
        height: 25rem
    }
    .header::after {
        display: none
    }
}
@media all and (max-width: 375px) {
    .header .navbar .navbar-brand.logo-mobile .logo-text {
        font-size: 1.2rem
    }
    .header .navbar .navbar-brand.logo-mobile>img {
        margin-left: 1rem
    }
    .header .navbar .navbar-brand.logo-mobile::after {
        right: 9.4rem
    }
    [dir="ltr"] .header .navbar .navbar-brand.logo-mobile::after {
        right: auto;
        left: 9.4rem
    }
    .header .navbar .mobile-btns .notification-btn-mobile {
        margin-left: .8rem
    }
    [dir="ltr"] .header .navbar .mobile-btns .notification-btn-mobile {
        margin-left: 0;
        margin-right: .8rem
    }
}
.side-menu__head {
    position: relative;
    text-align: center;
    margin-bottom: 4rem;
    height: 9.2rem;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.profile-page .side-menu__head{
    align-items: start;
}
.side-menu__head .logo-image {
    width: 100%;
    height: 100%;
    margin-bottom: 0.8rem
}
.side-menu__head .logo-text {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 3.4rem;
    margin: 0;
    color: #003449;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 4px;
    padding: 0.5rem 2.5rem;
    margin-right: 6rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.side-menu__head:after {
    display: none;
    content: "";
    position: absolute;
    bottom: .4rem;
    left: .8rem;
    width: 1px;
    height: 2.7rem;
    background-color: #166456
}
[dir="ltr"] .side-menu__head:after {
    left: auto;
    right: .8rem
}
.side-menu__head .mobile-bg {
    display: none
}
.side-menu__content {
    background-color: #ffffff;
    border-radius: .8rem;
    padding: 2rem 2.4rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1)
}
.side-menu__footer {
    display: none
}
.side-menu .choose-account {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.95rem
}
.side-menu .choose-account .label {
    font-size: 1.4rem;
    font-weight: 400;
    color: #737373;
    margin-bottom: 1.2rem
}
.side-menu .choose-account .choose-account__box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #F5FDFC;
    border: 0.612864px solid #003449;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 4px;
    padding: 2rem;
    cursor: pointer
}
.side-menu .choose-account .choose-account__box:hover{
    background-color: #CBF3EF;
}
.side-menu .choose-account .choose-account__box .account-avatar {
    width: 4.6rem;
    height: 4.6rem;
    min-width: 4.6rem;
    margin-left: 1.4rem;
    background: #FFFFFF;
    border: 1px solid #ADB3B9;
    border-radius: 4px;
}
[dir="ltr"] .side-menu .choose-account .choose-account__box .account-avatar {
    margin-left: 0;
    margin-right: 1.4rem
}
.side-menu .choose-account .choose-account__box .account-avatar .icon-svg {
    max-width: 100%;
    max-height: 100%
}
.side-menu .choose-account .choose-account__box .account-avatar.letter--icon {
    text-align: center;
    background-color: #f5f5f5;
    font-size: 2.4rem;
    font-weight: 900;
    color: #999;
    border-radius: .8rem
}
.side-menu .choose-account .choose-account__box .account-info .user-name {
    font-size: 1.8rem;
    font-weight: bold;
    color: #003449;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.side-menu .choose-account .choose-account__box .account-info .user-id {
    font-size: 1.2rem;
    font-weight: 500;
    color: #292929
}
.side-menu .choose-account .choose-account__box .account-info i {
    position: absolute;
    top: 2.5rem;
    left: 1.5rem;
    font-size: 2.2rem;
}
[dir="ltr"] .side-menu .choose-account .choose-account__box .account-info i {
    left: auto;
    right: 2rem
}
.side-menu .choose-account .choose-account__box.show .account-info i.fa-angle-down:before {
    content: "\f106"
}
.side-menu .choose-account .choose-account__box .account-info .loader-status i {
    position: relative;
    top: auto;
    left: auto;
    font-size: 1.3rem;
}
.side-menu .choose-account .dropdown-menu {
    padding: 2.2rem 1.5rem 2.4rem;
    top: 9rem !important;
    right: 0rem !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    min-width: 41.4rem;
    max-width: 41.4rem;
    border: none;
    /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.21);*/
    background: rgba(244, 244, 244, 0.9);
    border: 0.75px solid rgba(216, 216, 216, 0.6);
    backdrop-filter: blur(7px);
    border-radius: 4px;
}
.side-menu .choose-account .dropdown-menu>.lead {
    font-weight: bold;
    margin-bottom: 1.6rem
}
.side-menu .choose-account .dropdown-menu .col-4, .side-menu .choose-account .dropdown-menu .col-12 {
    margin-bottom: 1rem
}
.side-menu .choose-account .dropdown-menu > .d-flex.justify-content-between {
    align-items: center;
    margin-bottom: 0.75rem;
}
.side-menu .choose-account .dropdown-menu > .d-flex.justify-content-between .title.title-sm {
    margin-bottom: 0rem;
}
.side-menu .sidebar-nav {
    padding-top: 2.35rem;
    padding-bottom: 5rem;
    border-bottom: 1px solid #e6e6e6
}
.side-menu .sidebar-nav .sidebar-list {
    padding: 0;
    margin: 0;
    list-style-type: none
}
.side-menu .sidebar-nav .sidebar-list.sub__menu {
    padding-right: 2.4rem;
    position: relative;
}
.side-menu .sidebar-nav .sidebar-list.sub__menu::before {
    content: "";
    width: 1px;
    height: calc(100% - 2.4rem);
    position: absolute;
    background: #63D9D0;
    top: 0rem;
    right: 2.4rem;
}
.side-menu .sidebar-nav .sidebar-list__item {
    margin-bottom: .8rem
}
.side-menu .sidebar-nav .sub__menu .sidebar-list__item {
    position: relative;
    margin-bottom: 0;
}
.side-menu .sidebar-nav .sub__menu .sidebar-list__item::before{
    content: "";
    width: 1.4rem;
    height: 0.1rem;
    position: absolute;
    background: #63D9D0;
    top: 2.4rem;
    right: 0;
}
.side-menu .sidebar-nav .sub__menu .sidebar-list__item::after{
    content: "";
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 10rem;
    position: absolute;
    background: #63D9D0;
    top: 2.15rem;
    right: -0.28rem;
    border: 1px solid #fff;
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    border-radius: .6rem;
    padding: 1.2rem 1rem;
    color: #757575;
    font-size: 1.6rem;
    font-weight: 400;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link span.text{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link .icon-svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: #BFBFBF;
    padding-top: 0.4rem;
    margin-left: 1.6rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
[dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item .nav-link .icon-svg {
    margin-left: 0;
    margin-right: 1.6rem
}
.side-menu .sidebar-nav .sidebar-list__item .sub__menu .nav-link .icon-svg{
    margin-left: 1rem !important;
}
[dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item .sub__menu .nav-link .icon-svg{
    margin-left: 0;
    margin-right: 1rem
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link .notification-number {
    position: absolute;
    top: 1.8rem;
    left: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    text-align: center;
    line-height: 2.4rem;
    font-size: 1.2rem;
    font-weight: 530;
    padding: 2px 10px;
    background-color: rgba(216, 219, 221, 0.4);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #292929;
}
[dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item .nav-link .notification-number {
    left: auto;
    right: 2rem
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link:hover, .side-menu .sidebar-nav .sidebar-list__item.active .nav-link,
.side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"], .side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"]:hover,
.side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .active .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link:hover {
    background-color: transparent;
    color: #63D9D0
}
.side-menu .sidebar-nav .sidebar-list__item.active .nav-link {
    padding-left: 0;
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .nav-link .icon-svg,
.side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"] .icon-svg, .side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"]:hover .icon-svg,
.side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .active .nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link:hover .icon-svg {
    fill: #63D9D0;
}
.side-menu .sidebar-nav .sidebar-list__item.active .nav-link, .side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"], .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .active .nav-link {
    font-weight: bold
}
.side-menu .sidebar-logout {
    padding-top: 2.4rem
}
.side-menu .sidebar-logout .logout-btn {
    font-size: 1.6rem;
    color: #cc3333;
    padding-right: 1.4rem;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.side-menu .sidebar-logout .logout-btn:hover{
    color: #e16767;
    padding-right: 1rem;
}
.side-menu .sidebar-logout .logout-btn .icon-logout {
    width: 24px;
    height: 24px;
    padding-top: .5rem;
}
.side-menu .sidebar-logout .logout-btn .btn-text {
    display: inline-block;
    margin: 0 1rem 0 0.5rem
}
.side-menu .sidebar-logout .logout-btn .icon-info {
    width: 1.6rem;
    height: 1.6rem
}
@media all and (max-width: 1440px) {
    .side-menu__head {
        margin-bottom: 4rem;
        height: 9.2rem
    }
    .side-menu__head .logo-image {
        max-width: 15rem
    }
    .side-menu__head .logo-text {
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 3.4rem
    }
    .side-menu__content {
        padding: 2rem 2.4rem
    }
    .side-menu .choose-account .choose-account__box {
        padding: 2rem
    }
    .side-menu .choose-account .choose-account__box .account-info .user-name {
        font-size: 1.8rem
    }
    .side-menu .choose-account .choose-account__box .account-info i {
        top: 2.5rem;
        left: 1.5rem;
        font-size: 2.2rem
    }
    [dir="ltr"] .side-menu .choose-account .choose-account__box .account-info i {
        left: auto;
        right: 1.5rem
    }
    .side-menu .choose-account .dropdown-menu {
        top: 9rem !important;
        min-width: 41.4rem
    }
    .side-menu .choose-account .dropdown-menu .row.g-24 {
        --bs-gutter-x: .8rem
    }
    .side-menu .choose-account .dropdown-menu .col-4, .side-menu .choose-account .dropdown-menu .col-12 {
        margin-bottom: .8rem
    }
    .side-menu .sidebar-nav {
        padding-top: 2rem;
        padding-bottom: 3rem
    }
    .side-menu .sidebar-nav .sidebar-list__item {
        margin-bottom: .5rem
    }
    .side-menu .sidebar-nav .sidebar-list__item .nav-link {
        padding: 1.2rem 1rem;
        font-size: 1.6rem
    }
    .side-menu .sidebar-nav .sidebar-list__item .nav-link .icon-svg {
        margin-left: 1.4rem
    }
    [dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item .nav-link .icon-svg {
        margin-left: 0;
        margin-right: 1.4rem
    }
    .side-menu .sidebar-nav .sidebar-list__item .nav-link .notification-number {
        top: 1.5rem;
        left: 1.8rem;
        width: 2.2rem;
        height: 2.2rem;
        line-height: 2.2rem
    }
    [dir="ltr"] .side-menu .sidebar-nav .sidebar-list__item .nav-link .notification-number {
        left: auto;
        right: 1.8rem
    }
    .side-menu .sidebar-logout {
        padding-top: 2rem
    }
    .side-menu .sidebar-logout .logout-btn {
        font-size: 1.8rem;
        padding-right: 1rem
    }
}
@media all and (max-width: 991px) {
    .side-menu {
        height: 100%;
        background-color: #f8f8f8
    }
    .side-menu__head {
        display: block;
        height: 12.2rem;
        margin-bottom: 0;
        background-color: #0d473f;
        background-image: -webkit-linear-gradient(81.32deg, #00ABC5 -80.71%, #2C2A79 60.24%);
        background-image: linear-gradient(81.32deg, #00ABC5 -80.71%, #2C2A79 60.24%)
    }
    .side-menu__head * {
        display: none !important;
    }
    .side-menu__head .mobile-bg, .side-menu__head .mobile-bg * {
        display: block
    }
    .side-menu__head .mobile-bg {
        position: fixed;
        left: 0;
        top: 0;
        pointer-events: none;
        z-index: 0
    }
    .side-menu__head::after {
        display: none
    }
    .side-menu__content {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
        box-shadow: none;
        width: calc(100% - 3.2rem);
        margin: auto;
        margin-top: -10rem;
        position: relative;
        z-index: 1
    }
    .side-menu__content .sidebar-nav {
        border-bottom: 0;
        padding: 3rem 2px
    }
    .side-menu__footer {
        display: block;
        background-color: #f8f8f8;
        padding: 3.8rem 1.6rem 0
    }
    .side-menu__footer .main-link {
        display: block;
        padding: 3rem 1.6rem;
        border-top: 1px solid #e6e6e6;
        border-bottom: 1px solid #e6e6e6
    }
    .side-menu__footer .main-link .text {
        font-size: 1.4rem;
        font-weight: bold;
        line-height: 2.8rem;
        color: #262626;
        margin-right: 1rem
    }
    [dir="ltr"] .side-menu__footer .main-link .text {
        margin-left: 0;
        margin-right: 1rem
    }
    .side-menu__footer .main-link i {
        margin-right: auto;
        color: #262626;
        font-size: 2rem;
        line-height: 28px;
        width: 1.6rem;
        text-align: center;
        float: left
    }
    [dir="ltr"] .side-menu__footer .main-link i {
        float: right
    }
    .side-menu__footer .footer-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 2.8rem 2rem 2.8rem 1.4rem
    }
    .side-menu__footer .footer-nav .footer-nav__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.4rem;
        font-weight: bold;
        color: #003449;
        /*width: 48%*/
    }
    .side-menu__footer .footer-nav .footer-nav__link .svg-icon, .side-menu__footer .footer-nav .footer-nav__link .svg-icon path {
        fill: #003449
    }
    .side-menu__footer .footer-nav .footer-nav__link .text {
        margin-right: .5rem
    }
    [dir="ltr"] .side-menu__footer .footer-nav .footer-nav__link .text {
        margin-right: 0;
        margin-left: 1rem
    }
    .side-menu__footer .footer-nav .footer-nav__link:first-child {
        position: relative
    }
    .side-menu__footer .footer-nav .footer-nav__link:first-child:after {
        display: none;
        position: absolute;
        content: "";
        top: .6rem;
        left: -2rem;
        width: 1px;
        height: 1.2rem;
        background-color: #bfbfbf
    }
    .side-menu__footer .footer-nav .footer-nav__link:last-child {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .side-menu .choose-account {
        border-bottom: 0;
        padding-bottom: 0
    }
    .side-menu .choose-account .label {
        color: #fff;
        font-weight: bold;
        font-size: 1.4rem;
        margin-bottom: 1.2rem
    }
    .side-menu .choose-account .choose-account__box {
        border-radius: .4rem;
        border: 1px solid #f2f2f2
    }
    .side-menu .choose-account .choose-account__box .account-info i::before {
        content: "\f104"
    }
}
@media all and (max-width: 485px) {
    .side-menu .choose-account .dropdown-menu {
        padding: 2.2rem 1.5rem 2.4rem;
        min-width: 100%
    }
    .side-menu .choose-account .dropdown-menu .col-4 {
        width: 50%
    }
}
.page-content__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-start;
    -ms-flex-align: end;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 4.2rem;
    height: 9.2rem;
}
.page-content__head .head-content {
    padding-right: .5rem
}
[dir="ltr"] .page-content__head .head-content {
    padding-right: 0;
    padding-left: .5rem
}
.page-content__head .dropdown-btn {
    min-width: 16rem
}
.page-content__head .user-welcome {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0rem
}
.page-content__head .user-welcome .user-icon {
    width: 4.8rem;
    height: 4.7rem;
    margin-left: 1.2rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
}
.print-icon{
    width: 1.8rem;
    height: 1.8rem;
    margin-right: 1.2rem;
}
[dir="ltr"] .page-content__head .user-welcome .user-icon {
    margin-left: 0;
    margin-right: 1.8rem
}
.page-content__head .user-welcome span.user-icon {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 900;
    background-color: rgba(223, 223, 223, 0.22);
    border: .2rem solid #fff;
    color: #fff;
    border-radius: 100%
}
.page-content__head .user-welcome span.user-icon:before {
    content: "";
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    width: calc(100% + 1rem);
    height: calc(100% + 1rem);
    border-radius: 100%;
    background-color: rgba(223, 223, 223, 0.22)
}
.page-content__head .user-welcome .user-name {
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff;
    line-height: 3.5rem
}
.page-content__head .welcome-text {
    font-size: 1.8rem;
    margin: 0;
    color: #f7f8f8;
    line-height: 3.4rem
}
@media all and (max-width: 1440px) {
    .page-content__head {
        margin-bottom: 4.2rem;
        height: 9.2rem
    }
    .page-content__head .head-content {
        padding-right: .5rem
    }
    [dir="ltr"] .page-content__head .head-content {
        padding-right: 0;
        padding-left: .5rem
    }
    .page-content__head .dropdown-btn {
        min-width: 16rem
    }
    .page-content__head .user-welcome {
        margin-bottom: 1.4rem
    }
    .page-content__head .user-welcome .user-icon {
        width: 4.8rem;
    height: 4.7rem;
    margin-left: 1.2rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    padding: 0.5rem 0.75rem;
    }
    [dir="ltr"] .page-content__head .user-welcome .user-icon {
        margin-left: 0;
        margin-right: 1.2rem
    }
    .page-content__head .user-welcome .user-name {
        font-size: 3.2rem;
        line-height: 4.2rem
    }
    .page-content__head .welcome-text {
        font-size: 1.8rem;
        line-height: 3.4rem
    }
}
@media all and (max-width: 991.98px) {
    .page-content__head .head-content {
        padding-right: 0;
        max-width: 100%
    }
    [dir="ltr"] .page-content__head .head-content {
        padding-left: 0;
        padding-right: 0
    }
    .page-content__head .dropdown-btn {
        min-width: 13rem
    }
    .page-content__head .welcome-text {
        font-size: 1.4rem;
        line-height: 2.4rem
    }
    .page-content__head .user-welcome {
        margin-bottom: .8rem
    }
    .page-content__head .user-welcome .user-icon {
        width: 3.8rem;
        height: 3.8rem;
        line-height: 2.5rem;
        margin-left: .8rem
    }
    [dir="ltr"] .page-content__head .user-welcome .user-icon {
        margin-left: 0;
        margin-right: .8rem
    }
    .page-content__head .user-welcome .user-name {
        font-size: 2.2rem;
        line-height: 3.2rem
    }
}
@media all and (max-width: 767px) {
    .profile-page .page-content__head {
        display: none;
    }
    .page-content__head {
        margin-bottom: 1.8rem;
        height: auto
    }
    .page-content__head .user-welcome {
        margin-bottom: 0
    }
    .page-content__head .user-welcome .user-name {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
    .page-content__head .user-welcome .user-name>span {
        display: block;
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2rem
    }
    .page-content__head .welcome-text {
        display: none
    }
}
.page-head__small {
    font-size: 2rem;
    color: #f7f8f8;
    line-height: 4rem;
    opacity: .62;
    margin-bottom: 1.8rem
}
.page-welcome {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.page-welcome__icon {
    margin-left: 1.8rem
}
[dir="ltr"] .page-welcome__icon {
    margin-left: 0;
    margin-right: 1.8rem
}
.page-welcome__icon .icon-svg {
    max-width: 5.2rem;
    max-height: 5.2rem
}
.page-welcome__name {
    font-size: 4.2rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0
}
@media all and (max-width: 991px) {
    .page-welcome .page-welcome__icon img {
        width: 4.2rem;
        height: 4.2rem
    }
    .page-welcome .page-welcome__name {
        font-size: 2.4rem;
        margin-bottom: 0
    }
}
@media all and (max-width: 767px) {
    .page-welcome .page-welcome__name {
        font-size: 2rem
    }
}
@media all and (max-width: 1440px) {
    .page-head__small {
        font-size: 1.6rem;
        line-height: 3.5rem;
        margin-bottom: .9rem
    }
    .page-welcome__icon {
        margin-left: .9rem
    }
    .page-welcome__icon .icon-svg {
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8)
    }
    .page-welcome__name {
        font-size: 3.2rem
    }
}
.notification-menu {
    position: fixed;
    top: 23rem;
    right: -100%;
    z-index: 9999;
    background-color: transparent;
    width: 34.5rem;
    height: 100vh;
    padding: 3.2rem;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
[dir="ltr"] .notification-menu {
    right: auto;
    left: -100%
}
.notification-menu__head {
    padding-bottom: 1.8rem;
    border-bottom: 1px solid #003449;
    margin-bottom: 3rem
}
.notification-menu__head img {
    max-width: 10rem
}
.notification-menu__content .title {
    color: #fff;
    margin-bottom: 1.6rem
}
.notification-menu__content>p {
    font-size: 1.6rem;
    color: #d9f2f2
}
.notification-menu__content .accounts-title {
    position: relative;
    margin-top: 5.2rem;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    margin-bottom: 1.6rem;
    padding-right: 2rem
}
[dir="ltr"] .notification-menu__content .accounts-title {
    padding-right: 0;
    padding-left: 2rem
}
.notification-menu__content .accounts-title::before {
    position: absolute;
    content: "";
    top: .7rem;
    right: 0;
    width: .8rem;
    height: .8rem;
    border-radius: 2px;
    background-color: #f2f2f2
}
[dir="ltr"] .notification-menu__content .accounts-title::before {
    right: auto;
    left: 0
}
.notification-menu__content .accounts-list {
    padding: 0;
    margin: 0;
    list-style: none;
    max-height: calc(100vh - 35rem);
    overflow: hidden;
    overflow-y: auto
}
.notification-menu__content .accounts-list::-webkit-scrollbar-track {
    background-color: #204E60;
}
.notification-menu__content .accounts-list::-webkit-scrollbar-thumb {
    background-color: #204E60;
}
.notification-menu__content .accounts-list__item {
    margin-bottom: 1.6rem
}
.notification-menu__content .accounts-list__item .accounts-list__button {
    position: relative;
    display: block;
    font-size: 2rem;
    font-weight: bold;
    padding: 1.2rem 1.6rem;
    background-color: transparent;
    border-radius: .6rem;
    width: 100%;
    text-align: start;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 0;
    box-shadow: none;
    color: #fff
}
.notification-menu__content .accounts-list__item .accounts-list__button:hover, .notification-menu__content .accounts-list__item .side-menu .sidebar-nav .sidebar-list__item.active .accounts-list__button.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .notification-menu__content .accounts-list__item .accounts-list__button.nav-link, .notification-menu__content .accounts-list__item .accounts-list__button.active {
    background-color: #0f5c56
}
.notification-menu__content .accounts-list__item .accounts-list__button .number {
    position: absolute;
    top: 1.6rem;
    left: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    background-color: #fff;
    color: #003449;
    font-size: 1.4rem;
    font-weight: bold
}
[dir="ltr"] .notification-menu__content .accounts-list__item .accounts-list__button .number {
    left: auto;
    right: 2rem
}
.notification-menu.show {
    right: 2.5rem
}
[dir="ltr"] .notification-menu.show {
    right: auto;
    left: 2.5rem
}
.notification-menu .notifiaction-account {
    position: absolute;
    top: 0;
    left: 0rem;
    width: 34.5rem;
    background-color: #fff;
    border-radius: 0.8rem;
    height: 100vh;
    display: none
}
[dir="ltr"] .notification-menu .notifiaction-account {
    left: auto;
    right: 0rem
}
.notification-menu .notifiaction-account.show {
    display: block
}
.notification-menu .notifiaction-account .notification-account__head {
    padding: 3.2rem 2rem 1rem
}
.notification-menu .notifiaction-account .account-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.1rem 1.2rem 1.1rem;
    background: #FFFFFF;
    border: 0.612864px solid #C2C6CA;
    border-radius: 4px;
}
.notification-menu .notifiaction-account .account-info .account-info__image {
    width: 4.2rem;
    height: 4.2rem;
    margin-left: 1.4rem;
    border-radius: .4rem;
    overflow: hidden;
    background: #003449;
    border: 1px solid #ADB3B9;
    display: flex;
    align-items: center;
    justify-content: center;
}
[dir="ltr"] .notification-menu .notifiaction-account .account-info .account-info__image {
    margin-left: 0;
    margin-right: 1.4rem
}
.notification-menu .notifiaction-account .account-info .account-info__image .icon-svg {
    max-width: 2.3rem;
    max-height: 2.6rem
}
.notification-menu .notifiaction-account .account-info .account-info__image .letter-icon {
    display: block;
    height: 100%;
    text-align: center;
    background-color: #f5f5f5;
    font-size: 2.4rem;
    font-weight: 900;
    color: #999
}
.notification-menu .notifiaction-account .account-info .account-info__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 4.2rem);
}
.notification-menu .notifiaction-account .account-info .account-info__content .user-name {
    font-size: 1.6rem;
    color: #003449
}
.notification-menu .notifiaction-account .account-info .account-info__content .user-id {
    font-size: 1.4rem;
    color: #979797
}
.notification-menu .notifiaction-account .account-info .account-info__content .account-info__content__count {
    background: #31CDC2;
    border-radius: 4px;
    padding: 1rem;
    color: #003449;
    font-size: 1.6rem;
    font-weight: 530;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notification-menu .notifiaction-account .notifiaction-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
    max-height: calc(100% - 10rem);
    overflow-x: hidden;
    overflow-y: auto
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item {
    padding: 2rem 3.2rem 2rem 2rem
}
[dir="ltr"] .notification-menu .notifiaction-account .notifiaction-list .notification-list__item {
    padding: 2rem 2rem 2rem 3.2rem
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item:nth-child(odd) {
    background-color: #f8f8f8
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item .time {
    color: #999;
    display: block;
    padding-right: 1.6rem;
    margin-bottom: .7rem
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item p {
    color: #979797;
    font-size: 1.2rem;
    line-height: 1.9rem;
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item a {
    color: #003449;
    text-decoration: underline;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item a:hover, .notification-menu .notifiaction-account .notifiaction-list .notification-list__item .side-menu .sidebar-nav .sidebar-list__item.active a.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .notification-menu .notifiaction-account .notifiaction-list .notification-list__item a.nav-link {
    color: #63D9D0
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item.read p.has-polet::before {
    background-color: #bfbfbf
}
.notification-menu .notifiaction-account .notifiaction-list .notification-list__item.empty p {
    margin: 0;
    font-size: 2.2rem
}
.notification-menu .close-btn {
    position: absolute;
    top: 3rem;
    left: -5.2rem;
    padding: 0;
    border: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 100%;
    background-color: #fff;
    font-size: 2.6rem
}
[dir="ltr"] .notification-menu .close-btn {
    left: auto;
    right: -5.2rem
}
@media all and (max-width: 1600px) {
    .notification-menu .notification-menu__content .title {
        font-size: 2.6rem !important
    }
    .notification-menu .notification-menu__content .accounts-list__item .accounts-list__button {
        font-size: 1.6rem
    }
    .notification-menu .notification-menu__content .accounts-list__item .accounts-list__button .number {
        top: 1.2rem
    }
    .notification-menu .close-btn {
        top: 2rem;
        left: -5.2rem
    }
    [dir="ltr"] .notification-menu .close-btn {
        left: auto;
        right: -5.2rem
    }
}
@media all and (max-width: 991px) {
    .notification-menu .close-btn {
        top: 2rem;
        left: -5.2rem;
        width: 3.2rem;
        height: 3.2rem;
        font-size: 2.2rem
    }
    [dir="ltr"] .notification-menu .close-btn {
        left: auto;
        right: -5.2rem
    }
}
@media all and (max-width: 767px) {
    .notification-menu {
        padding: 2.2rem;
        width: 37.5rem
    }
    .notification-menu .notification-menu__content .accounts-list {
        padding-left: 1rem;
        margin-left: -1rem
    }
    [dir="ltr"] .notification-menu .notification-menu__content .accounts-list {
        padding-left: 0;
        margin-left: 0;
        padding-right: 1rem;
        margin-right: -1rem
    }
    .notification-menu .notification-menu__content .accounts-list__item {
        position: relative;
        margin-bottom: 0
    }
    .notification-menu .notification-menu__content .accounts-list__item .accounts-list__button {
        font-size: 1.6rem;
        margin-bottom: 1rem
    }
    .notification-menu .notification-menu__content .accounts-list__item .accounts-list__button .number {
        top: 1.2rem
    }
    .notification-menu .notifiaction-account {
        position: static;
        width: 100%;
        height: auto;
        display: none;
        background-color: transparent
    }
    .notification-menu .notifiaction-account.show {
        display: none
    }
    .notification-menu .notifiaction-account .notification-account__head {
        display: none
    }
    .notification-menu .notifiaction-account .notifiaction-list {
        max-height: 100%
    }
    .notification-menu .notifiaction-account .notifiaction-list::-webkit-scrollbar-track, .notification-menu .notifiaction-account .notifiaction-list::-webkit-scrollbar-thumb {
        background-color: transparent
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item {
        padding: 1rem 2.2rem 1rem 1rem;
        border-radius: .4rem;
        margin-bottom: 1.6rem;
        background-color: #2a5d57 !important
    }
    [dir="ltr"] .notification-menu .notifiaction-account .notifiaction-list .notification-list__item {
        padding: 1rem 1rem 1rem 2.2rem
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item .time {
        color: #fff;
        margin-bottom: 0
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item p {
        color: #fff;
        font-size: 1.4rem
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item p a {
        color: #a3c7c5
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item.empty-item {
        margin-bottom: 0
    }
    .notification-menu .notifiaction-account .notifiaction-list .notification-list__item.empty-item p {
        margin-bottom: 0
    }
    .notification-menu .close-btn {
        left: -4rem
    }
    [dir="ltr"] .notification-menu .close-btn {
        left: auto;
        right: -4rem
    }
}
@media all and (max-width: 500px) {
    .notification-menu {
        width: 100%
    }
    .notification-menu .notification-menu__head {
        margin-bottom: 1.6rem
    }
    .notification-menu .notification-menu__content .title {
        margin-bottom: 1rem;
        font-size: 1.6rem !important
    }
    .notification-menu .notification-menu__content>p {
        font-size: 1.4rem
    }
    .notification-menu .notification-menu__content .accounts-title {
        margin-bottom: 1.6rem;
        margin-top: 2.2rem
    }
    .notification-menu .close-btn {
        left: 1rem;
        width: 2.4rem;
        height: 2.4rem;
        font-size: 1.6rem
    }
    [dir="ltr"] .notification-menu .close-btn {
        left: auto;
        right: 1rem
    }
}
.new-application {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 50vh;
    width: 100%
}
.new-application .side-bar {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 46.4rem;
    height: 100vh;
    min-height: 100%;
    background-image: url(../images/palm-pattern-lg.png);
    background-size: cover;
    background-color: #f0f0f0
}
.new-application .main-area {
    width: calc(100% - 46.4rem);
    min-height: 50vh;
    background-color: #f8f8f8
}
.new-application .main-area__navigation {
    position: relative;
    padding: 5.2rem 15.2rem 0 3.8rem;
    margin-bottom: 9.6rem
}
[dir="ltr"] .new-application .main-area__navigation {
    padding: 5.2rem 3.8rem 0 15.2rem
}
.new-application .main-area__navigation .exit-btn {
    display: block;
    float: left;
    width: 3rem;
    height: 3rem;
    font-size: 2.8rem;
    background-color: transparent;
    border: none;
    font-weight: 500
}
.new-application .main-area__navigation .exit-btn:hover, .new-application .main-area__navigation .side-menu .sidebar-nav .sidebar-list__item.active .exit-btn.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .new-application .main-area__navigation .exit-btn.nav-link {
    color: inherit
}
[dir="ltr"] .new-application .main-area__navigation .exit-btn {
    float: right
}
.new-application .main-area__navigation .back-btn {
    float: right;
    font-size: 2.4rem;
    line-height: 4rem;
    color: #262626
}
.new-application .main-area__navigation .back-btn:hover, .new-application .main-area__navigation .side-menu .sidebar-nav .sidebar-list__item.active .back-btn.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .new-application .main-area__navigation .back-btn.nav-link {
    color: #003449
}
[dir="ltr"] .new-application .main-area__navigation .back-btn {
    float: left
}
.new-application .main-area__navigation .back-btn i {
    margin-left: .5rem;
    margin-right: 0
}
[dir="ltr"] .new-application .main-area__navigation .back-btn i {
    margin-left: 0;
    margin-right: .5rem
}
[dir="ltr"] .new-application .main-area__navigation .back-btn i:before {
    content: "\f177"
}
.new-application .main-area__navigation:after {
    display: table;
    content: " ";
    clear: both
}
.new-application .main-area__content {
    padding: 0 15.2rem 5.7rem 18.2rem
}
.new-application .main-area .box__content {
    padding-right: 14.9rem
}
[dir="ltr"] .new-application .main-area .box__content {
    padding-right: 0;
    padding-left: 14.9rem
}
.new-application .box-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 4.2rem
}
.new-application .box-icon__head {
    margin-left: 2.8rem;
    width: 12.1rem;
    min-width: 12.1rem;
    height: 11.4rem;
    background-color: #f2f2f2;
    border-radius: .4rem;
    padding: 1.2rem 1.4rem
}
[dir="ltr"] .new-application .box-icon__head {
    margin-left: 0;
    margin-right: 2.8rem
}
.new-application .box-icon__content>.title {
    margin-top: 1rem;
    line-height: 4.8rem;
    margin-bottom: 1.2rem
}
.new-application .box-icon__content>p {
    font-size: 2.4rem;
    line-height: 4rem;
    color: #737373
}
.new-application .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
    top: 5.5rem !important
}
.new-application p.send-done img {
    margin-left: 2px
}
[dir="ltr"] .new-application p.send-done img {
    margin-left: 0;
    margin-right: 2px
}
.new-application .service-details .service-details__title {
    color: #003449;
    font-size: 2.4rem;
    margin-bottom: 2.4rem
}
.new-application .service-details .service-details__steps {
    margin-bottom: 4.2rem;
    padding-top: 1rem
}
.new-application .service-details .video-wrapper {
    background-color: #fff;
    padding: 1.4rem 1.6rem;
    margin-bottom: 4.2rem
}
.new-application .service-details>.hr-2 {
    margin-bottom: 3.2rem
}
.new-application .service-details .gray-box {
    margin-bottom: 6.8rem;
    padding: 2.4rem;
    border-radius: 0
}
.new-application .service-details .gray-box .check-radio-item .check-radio-label {
    font-size: 2rem;
    height: auto;
    line-height: normal
}
.new-application .service-details .gray-box .check-radio-item .check-radio-label::before, .new-application .service-details .gray-box .check-radio-item .check-radio-label::after {
    margin-left: 1.2rem;
    top: 5px
}
[dir="ltr"] .new-application .service-details .gray-box .check-radio-item .check-radio-label::before, [dir="ltr"] .new-application .service-details .gray-box .check-radio-item .check-radio-label::after {
    margin-left: 0;
    margin-right: 1.2rem
}
.new-application .service-details .gray-box .check-radio-item .check-radio-label::after {
    top: 1.3rem
}
.new-application .service-details .custom-btn {
    min-width: 30rem
}
.new-application .service-details.button-bottom {
    min-height: 50vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.new-application .service-details__requirments {
    padding: 1.4rem 0 0;
    margin: 0 0 4.2rem
}
.new-application .service-details__requirments .requirment-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #f2f2f2;
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    padding-right: 3rem
}
[dir="ltr"] .new-application .service-details__requirments .requirment-item {
    padding-right: 0;
    padding-left: 3rem
}
.new-application .service-details__requirments .requirment-item::before {
    position: absolute;
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    color: #fff;
    top: .7rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    background-color: #63D9D0;
    border-radius: 100%
}
[dir="ltr"] .new-application .service-details__requirments .requirment-item::before {
    right: auto;
    left: 0
}
.new-application .service-details__requirments .requirment-item>p {
    font-size: 2rem;
    color: #404040;
    margin: 0
}
.new-application .service-details__requirments .requirment-item .requirment-item__link {
    font-size: 2rem;
    color: #404040;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.new-application .service-details__requirments .requirment-item .requirment-item__link:hover, .new-application .service-details__requirments .requirment-item .side-menu .sidebar-nav .sidebar-list__item.active .requirment-item__link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .new-application .service-details__requirments .requirment-item .requirment-item__link.nav-link {
    color: #63D9D0
}
.new-application .service-details__requirments .requirment-item .requirment-item__link i.fa-chevron-left {
    margin-right: 1rem;
    display: inline-block;
    vertical-align: middle
}
[dir="ltr"] .new-application .service-details__requirments .requirment-item .requirment-item__link i.fa-chevron-left {
    margin-right: 0;
    margin-left: 1rem
}
[dir="ltr"] .new-application .service-details__requirments .requirment-item .requirment-item__link i.fa-chevron-left::before {
    content: "\f054"
}
@media all and (max-width: 1600px) {
    .new-application .side-bar {
        width: 36.4rem
    }
    .new-application .main-area {
        width: calc(100% - 36.4rem)
    }
    .new-application .main-area__content {
        padding: 0 10rem 5.7rem
    }
}
@media all and (max-width: 1440px) {
    .new-application .side-bar {
        width: 28.4rem
    }
    .new-application .main-area {
        width: calc(100% - 28.4rem)
    }
    .new-application .main-area__navigation {
        padding: 4.2rem 10.2rem 0 3.8rem;
        margin-bottom: 5.6rem
    }
    [dir="ltr"] .new-application .main-area__navigation {
        padding: 4.2rem 3.8rem 0 10.2rem
    }
    .new-application .main-area__content {
        padding: 0 10.2rem 6rem 12.2rem
    }
    .new-application .main-area__content .row.g-24 {
        --bs-gutter-x: 1rem
    }
    .new-application .main-area__content .row.g-24 .col.mb-20 {
        margin-bottom: 1.2rem !important
    }
    .new-application .main-area__content .box-item {
        padding: 2.2rem 1rem
    }
    .new-application .main-area__content .box-item .title {
        font-size: 1.8rem
    }
    .new-application .main-area .box__content {
        padding-right: 9.8rem
    }
    [dir="ltr"] .new-application .main-area .box__content {
        padding-right: 0;
        padding-left: 9.8rem
    }
    .new-application .main-area .box__content .row.g-62 {
        --bs-gutter-x: 2.4rem
    }
    .new-application .main-area .service-details .service-details__title {
        font-size: 2rem
    }
    .new-application .main-area .service-details .polet-list .polet-list__item {
        font-size: 1.6rem;
        line-height: normal
    }
    .new-application .main-area .service-details .gray-box .check-radio-item .check-radio-label {
        font-size: 1.6rem
    }
    .new-application .main-area .service-details__requirments .requirment-item::before {
        width: 1.8rem;
        height: 1.8rem;
        line-height: 1.8rem;
        font-size: .8em
    }
    .new-application .main-area .service-details__requirments .requirment-item>p, .new-application .main-area .service-details__requirments .requirment-item .requirment-item__link {
        font-size: 1.6rem
    }
    .new-application .box-icon__head {
        margin-left: 1.8rem;
        width: 8rem;
        min-width: 8rem;
        height: 8rem
    }
    .new-application .box-icon__content>.title {
        margin-top: 0
    }
    .new-application .box-icon__content>p {
        font-size: 1.8rem
    }
}
@media all and (max-width: 1024px) {
    .new-application .side-bar {
        display: none
    }
    .new-application .main-area {
        width: 100%
    }
}
@media all and (max-width: 991.98px) {
    .new-application .main-area__navigation {
        padding: 4.2rem;
        margin-bottom: 0
    }
    .new-application .main-area__content {
        padding: 2.4rem
    }
    .new-application .main-area__content .box__content {
        padding-right: 0;
        position: relative
    }
    [dir="ltr"] .new-application .main-area__content .box__content {
        padding-right: 0;
        padding-left: 0
    }
    .new-application .main-area__content .box-icon__content {
        position: relative
    }
    .new-application .main-area__content .box-icon__content .dropdown {
        position: static
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
        left: auto !important
    }
    [dir="ltr"] .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
        left: 0 !important;
        right: auto !important
    }
}
@media all and (max-width: 767.98px) {
    .new-application .main-area__navigation {
        padding: 1.6rem
    }
    .new-application .main-area__content {
        padding: 1.6rem
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
        min-width: 80%
    }
    .new-application .box-icon__head {
        margin-left: 1rem;
        width: 5rem;
        min-width: 5rem;
        height: 5rem;
        padding: .5rem
    }
    .new-application .box-icon__content>p {
        font-size: 1.6rem;
        line-height: inherit;
        margin-bottom: 1.5rem !important
    }
    .new-application .activity-item .title {
        font-size: 1.6rem;
        margin-bottom: .8rem
    }
    .new-application .activity-item .title i {
        width: 1.4rem;
        height: 1.4rem;
        line-height: 1.4rem;
        font-size: 1rem
    }
    .new-application .activity-item .polet-list .polet-list__item {
        margin-bottom: 0;
        font-size: 1.6rem;
        line-height: 2.8rem
    }
    .new-application .activity-item .polet-list .polet-list__item::before {
        width: .6rem;
        height: .6rem
    }
    .new-application .add-activity .title {
        font-size: 1.8rem
    }
    .new-application .add-activity .send-request {
        padding: 1.5rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .new-application .add-activity .send-request>p {
        font-size: 1.6rem;
        margin-bottom: 1.5rem
    }
    .new-application .add-activity .send-request>p img {
        margin-right: 2px
    }
    [dir="ltr"] .new-application .add-activity .send-request>p img {
        margin-right: 0;
        margin-left: 2px
    }
    .new-application .add-activity .send-request>p.send-done {
        margin: 0
    }
    .new-application .add-activity+.text-center .custom-btn {
        min-width: 60%
    }
    .new-application .service-details .custom-btn {
        min-width: 60%
    }
}
@media all and (max-width: 576px) {
    .new-application .box-icon {
        margin-bottom: 2.4rem
    }
    .new-application .box-icon .box-icon__content>.title {
        font-size: 1.8rem !important
    }
    .new-application .main-area .service-details .service-details__title {
        font-size: 1.6rem;
        margin-bottom: 1.4rem
    }
    .new-application .main-area .service-details .service-details__steps {
        padding-top: 0;
        margin-bottom: 2.4rem
    }
    .new-application .main-area .service-details .polet-list .polet-list__item {
        font-size: 1.4rem
    }
    .new-application .main-area .service-details .polet-list .polet-list__item::before {
        width: .6rem;
        height: .6rem
    }
    .new-application .main-area .service-details .gray-box {
        margin-bottom: 3.8rem
    }
    .new-application .main-area .service-details.button-bottom {
        min-height: auto;
        display: block
    }
    .new-application .main-area .service-details__requirments {
        margin-bottom: 2.4rem
    }
    .new-application .main-area .service-details__requirments .requirment-item {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .new-application .main-area .service-details__requirments .requirment-item>p, .new-application .main-area .service-details__requirments .requirment-item .requirment-item__link {
        font-size: 1.4rem
    }
    .new-application .main-area .service-details__requirments .requirment-item .requirment-item__link {
        min-width: 35%
    }
    .new-application .main-area .service-details__requirments .requirment-item .requirment-item__link i {
        margin-left: .5rem
    }
    [dir="ltr"] .new-application .main-area .service-details__requirments .requirment-item .requirment-item__link i {
        margin-left: 0;
        margin-right: .5rem
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
        min-width: 32rem;
        padding: 2rem;
        right: auto !important;
        left: 0 !important
    }
    [dir="ltr"] .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu {
        left: auto !important;
        right: 0 !important
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .user-box.personal-account {
        margin-bottom: 1.8rem;
        padding: 0.6rem 1.4rem
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .user-box.personal-account .user-box__head {
        margin-left: 1rem
    }
    [dir="ltr"] .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .user-box.personal-account .user-box__head {
        margin-left: 0;
        margin-right: 1rem
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .user-box .user-box__content .user-box--id {
        line-height: normal
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .col-4 {
        margin-bottom: 1.4rem;
        width: 50%
    }
    .new-application .main-area__content .box-icon__content .dropdown-menu.choose-account-dropdown-menu .dropdown-menu__footer .dropdown-footer--link {
        line-height: 2.4rem
    }
    .table thead th, .table tbody td{
        white-space: nowrap;
    }
}
.application-form {
    --sideMenuWidth: 46.4rem
}
.application-form .application-form__header {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #f8f8f8;
    border-bottom: 2px solid #f0f0f0;
    z-index: 100
}
.application-form .application-form__header .container-fluid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 6.2rem
}
.application-form .application-form__header .application-header__info {
    position: relative;
    width: calc(var(--sideMenuWidth) - 6.2rem)
}
.application-form .application-form__header .application-header__info:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0rem;
    width: 2px;
    height: 10rem;
    background-color: #e6e6e6
}
[dir="ltr"] .application-form .application-form__header .application-header__info:after {
    left: auto;
    right: 0
}
.application-form .application-form__header .application-header__info .info-item {
    margin-bottom: 0
}
.application-form .application-form__header .application-header__info .info-item .key {
    font-size: 1.6rem;
    color: #737373;
    margin-left: 2.6rem
}
[dir="ltr"] .application-form .application-form__header .application-header__info .info-item .key {
    margin-left: 0;
    margin-right: 2.6rem
}
.application-form .application-form__header .application-header__info .info-item .value {
    font-size: 2rem;
    line-height: 3.8rem;
    color: #262626
}
.application-form .application-form__header .application-header__info .info-item .value.number {
    font-weight: bold;
    letter-spacing: .2rem
}
.application-form .application-form__header .application-header__progress {
    width: calc(100% - (var(--sideMenuWidth) - 6.2rem));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.application-form .application-form__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: calc(100vh - 14rem)
}
.application-form .application-form__content .side-area {
    width: var(--sideMenuWidth);
    min-height: 100%;
    background-color: #f0f0f0
}
.application-form .application-form__content .main-area {
    width: calc(100% - var(--sideMenuWidth));
    min-height: 100%;
    background-color: #f8f8f8;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.application-form .application-form__content .main-area__content {
    padding: 4.2rem 21.6rem
}
.application-form .application-form__content .main-area__footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    width: 100%;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.05);
    background-color: #f8f8f8;
    margin-top: 2rem;
    z-index: 98
}
.application-form .application-form__content .main-area__footer .footer-main {
    padding: 0rem 21.6rem 2rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn {
    position: absolute;
    top: -5.2rem;
    left: 7rem;
    padding: 1.4rem 1.8rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #63D9D0;
    background-color: #f8f8f8;
    border: 0;
    border-radius: .6rem .6rem 0 0;
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, 0.05)
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn {
    left: auto;
    right: 7rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    background-color: #63D9D0;
    color: #fff;
    border-radius: 100%;
    margin-right: 2.6rem
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
    margin-right: 0;
    margin-left: 2.6rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn.collapsed .hide {
    display: none
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn.collapsed .show {
    display: inline-block
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn.collapsed i:before {
    content: "\f106"
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn:not(.collapsed) .hide {
    display: inline-block
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn:not(.collapsed) .show {
    display: none
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn:not(.collapsed) i:before {
    content: "\f107"
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box {
    padding: 0px 12rem 0 7rem;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box .keyValue-list {
    padding-top: 3rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__total {
    padding: 2rem 4.8rem 0 6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid #f2f2f2
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__total {
    padding: 2rem 6rem 0 4.8rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title {
    font-size: 2.4rem;
    color: #737373;
    margin: 0
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title img {
    margin-left: 1.2rem
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title img {
    margin-left: 0;
    margin-right: 1.2rem
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__total .total-number {
    font-size: 2.4rem;
    color: #262626;
    font-weight: bold;
    margin: 0
}
.application-form .application-form__content .main-area__footer .footer-main .footer-main__total .total-number small {
    font-weight: 400;
    font-size: 1.6rem;
    color: #999
}
.application-form .application-form__content .main-area__footer .footer-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 2.4rem 6.2rem 2.4rem;
    border-top: 2px solid #f0f0f0
}
.application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link {
    font-size: 2.4rem;
    font-weight: bold
}
.application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link i {
    margin: 0;
    margin-left: 1.2rem;
    font-size: 3rem
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link i {
    margin-left: 0;
    margin-right: 1.2rem
}
.application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.next, .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.submit {
    margin-right: auto
}
[dir="ltr"] .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.next, [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.submit {
    margin-right: 0;
    margin-left: auto
}
.application-form .mobile-view__header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 101;
    background-color: #f8f8f8;
    border-bottom: 2px solid #f0f0f0;
    display: none
}
.application-form .mobile-view__header .mobile-view__header--nav {
    padding: 2.2rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.application-form .mobile-view__header .mobile-view__header--nav .step .step-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.7rem;
    height: 1.7rem;
    border-radius: 100%;
    background-color: #63D9D0;
    color: #fff;
    font-size: 1.4rem;
    margin-bottom: .5rem
}
.application-form .mobile-view__header .mobile-view__header--nav .step .step-text {
    font-size: 1.8rem;
    font-weight: bold;
    color: #63D9D0;
    margin: 0;
    line-height: 3rem
}
.application-form .mobile-view__header .mobile-view__header--nav .custom-btn {
    min-width: auto;
    padding: 1.2rem 2.4rem;
    font-size: 1.4rem;
    line-height: 2.8rem
}
.application-form .mobile-view__header .progress-line {
    position: absolute;
    bottom: -2px;
    right: 0;
    height: 2px;
    width: 20%;
    background-color: #63D9D0
}
[dir="ltr"] .application-form .mobile-view__header .progress-line {
    right: auto;
    left: 0
}
.application-form .mobile-view__button {
    position: relative;
    width: 100%;
    padding: 1.8rem 2.4rem;
    background-origin: padding-box;
    border-radius: 4px;
    box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.02);
    border: solid 2px #f2f2f2;
    background-color: #f8f8f8;
    font-size: 1.4rem;
    font-weight: bold;
    color: #404040;
    z-index: 99;
    display: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.application-form .mobile-view__button:hover, .application-form .side-menu .sidebar-nav .sidebar-list__item.active .mobile-view__button.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .application-form .mobile-view__button.nav-link {
    color: #63D9D0
}
.application-form .mobile-view__button.collapsed .text.hide {
    display: none
}
.application-form .mobile-view__button:not(.collapsed) .text.show {
    display: none
}
.application-form .mobile-view__button:not(.collapsed) i::before {
    content: "\f106"
}
.application-form .mobile-view__button i {
    font-size: 1.8rem
}
.application-form .overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 98;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}
.application-form.edit-application .mobile-view__header .mobile-view__header--nav .step .step-text {
    color: #595959
}
.application-form.edit-application .mobile-view__header .progress-line {
    display: none
}
.application-form.edit-application .steps-list .steps-list__item .steps-list__link {
    color: #595959
}
.application-form.edit-application .steps-list .steps-list__item.active::after {
    opacity: 0
}
.application-form.edit-application .steps-list .steps-list__item.active .text {
    color: #595959
}
.application-form.edit-application .steps-list .steps-list__item.done::after {
    opacity: 0
}
.application-form.edit-application .steps-list .steps-list__item.done .text {
    color: #595959;
    font-weight: bold
}
.application-form.edit-application .steps-list .steps-list__item.disabled .number {
    background-color: #bfbfbf;
    border-color: #bfbfbf;
    color: #f8f8f8;
    font-weight: 400
}
.application-form.edit-application .steps-list .steps-list__item.disabled .number::before {
    background-color: #bfbfbf;
    color: #f8f8f8
}
.application-form.edit-application .steps-list .steps-list__item.disabled .text {
    font-weight: bold;
    color: #bfbfbf
}
.application-form.edit-application .steps-list .steps-list__item.disabled:after {
    opacity: 0
}
.form-item {
    padding: 0 4.8rem 4.2rem;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 4.2rem
}
.form-item:last-child {
    border-bottom: 0;
    padding-bottom: 0
}
.form-item__title {
    font-size: 2.8rem;
    line-height: 4.8rem;
    font-weight: bold;
    color: #003449;
    margin-bottom: 0
}
.form-item__title small {
    display: inline-block;
    font-size: 2rem;
    font-weight: 400;
    color: #999;
    margin-right: .5rem
}
[dir="ltr"] .form-item__title small {
    margin-right: 0;
    margin-left: .5rem
}
.form-item__title.sub-title {
    position: relative;
    font-size: 2rem;
    padding-right: 1.8rem;
    color: #262626
}
[dir="ltr"] .form-item__title.sub-title {
    padding-right: 0;
    padding-left: 1.8rem
}
.form-item__title.sub-title:before {
    content: "";
    position: absolute;
    top: calc(50% - .4rem);
    right: 0;
    width: .8rem;
    height: .8rem;
    border-radius: .2rem;
    background-color: #9bd65c
}
[dir="ltr"] .form-item__title.sub-title:before {
    right: auto;
    left: 0
}
.form-item__description {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    color: #5B6672;
    margin-bottom: 1rem
}
.form-item__description.sub-describtion {
    font-size: 1.6rem
}
.form-item .map-wrapper {
    padding: 0;
    border: 0.2rem solid #e6e6e6;
    border-radius: .4rem;
    margin-bottom: 1.2rem
}
.form-item .inner-box {
    padding: 2.4rem;
    border-radius: .4rem;
    border: 2px solid #f2f2f2;
    background-color: #f2f2f2
}
.form-item .inner-box.bg-white {
    background-color: #fbfbfb !important
}
.form-item .accordion-body .inner-box.bg-white .row{
    margin-bottom: 1rem;
}
.form-item .inner-box .image-icon {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .5rem
}
[dir="ltr"] .form-item .inner-box .image-icon {
    margin-left: 0;
    margin-right: .5rem
}
.form-item .inner-box .title {
    font-size: 2rem;
    font-weight: bold;
    color: #262626
}
.form-item .inner-box p.title {
    margin: 0;
    font-weight: 400;
    color: #999
}
.form-item .inner-box .inner-collapse {
    background-color: #f2f2f2
}
.form-item .inner-box.location-details .inner-box__head {
    padding-bottom: 1.2rem;
    border-bottom: 2px solid #e6e6e6
}
.form-item .inner-box.location-details .inner-box__content {
    padding: 2.4rem 5.8rem 0
}
.form-item .inner-box.inner-form .inner-box__head {
    padding-bottom: 1.8rem;
    border-bottom: 2px solid #e6e6e6
}
.form-item .inner-box.inner-form .inner-box__content {
    padding: 2.4rem 0
}
.form-item .inner-box.inner-form .inner-box__footer {
    padding-top: 1.7rem;
    border-top: 1px solid #e6e6e6;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
.form-item .inner-box.inner-form .inner-box__footer .btn-delete {
    margin-left: 2.4rem
}
[dir="ltr"] .form-item .inner-box.inner-form .inner-box__footer .btn-delete {
    margin-left: 0;
    margin-right: 2.4rem
}
.form-item .inner-box.extra-added-item {
    background-color: transparent
}
.form-item .inner-box.extra-added-item .inner-box__head {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.8rem;
    padding-right: 2.8rem
}
[dir="ltr"] .form-item .inner-box.extra-added-item .inner-box__head {
    padding-right: 0;
    padding-left: 2.8rem
}
.form-item .inner-box.extra-added-item .inner-box__head .title {
    font-size: 2rem;
    font-weight: bold
}
.form-item .inner-box.extra-added-item .inner-box__content {
    padding-top: 2.3rem;
    padding-right: 2.8rem
}
[dir="ltr"] .form-item .inner-box.extra-added-item .inner-box__content {
    padding-right: 0;
    padding-left: 2.8rem
}
.form-item .inner-box.content-wrapper {
    padding: 0;
    border: 0;
    max-height: 40vh;
    overflow-y: auto;
    padding-right: .5rem;
    direction: ltr
}
[dir="ltr"] .form-item .inner-box.content-wrapper {
    padding-right: 0;
    padding-left: .5rem;
    direction: rtl
}
.form-item .inner-box.content-wrapper .content-wrapper__box {
    padding: 2.4rem 3.2rem;
    border: 2px solid #f2f2f2;
    background-color: #fff;
    direction: rtl
}
[dir="ltr"] .form-item .inner-box.content-wrapper .content-wrapper__box {
    direction: ltr
}
.form-item .inner-box.flex-between-style {
    overflow: hidden
}
.form-item .inner-box.flex-between-style .inner-box__head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2rem;
    padding: 2.4rem
}
.form-item .inner-box.flex-between-style .inner-box__head .title {
    color: #63D9D0;
    font-size: 2rem
}
.form-item .inner-box.flex-between-style .inner-box__content {
    padding: 0 2.4rem;
    border-bottom: 1px solid #e6e6e6
}
.form-item .inner-box.flex-between-style .inner-box__footer {
    padding: 2.4rem
}
.form-item .inner-box.flex-between-style .inner-box__footer .collapsed-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 0;
    background-color: transparent;
    font-size: 2rem;
    padding: 0
}
.form-item .inner-box.flex-between-style .inner-box__footer .collapsed-btn>span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}
.form-item .inner-box.flex-between-style .inner-box__footer .collapsed-btn:not(.collapsed) .show-text {
    display: none
}
.form-item .inner-box.flex-between-style .inner-box__footer .collapsed-btn.collapsed .hide-text {
    display: none
}
.form-item .check-radio-item {
    padding: 1rem 0rem
}
.form-item .check-radio-item .check-radio-label {
    font-size: 1.6rem;
    color: #262626
}
.form-item .check-radio-item .check-radio-label::before, .form-item .check-radio-item .check-radio-label::after {
    border-radius: .2rem;
    margin-left: 1.3rem
}
[dir="ltr"] .form-item .check-radio-item .check-radio-label::before, [dir="ltr"] .form-item .check-radio-item .check-radio-label::after {
    margin-left: 0;
    margin-right: 1.3rem
}

.form-items {
    padding: 0rem;
    border-bottom: 0px solid #f2f2f2;
    margin-bottom: 3rem
}
.form-items:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0rem
}
.form-items__heading {
    position: relative;
    margin-bottom: 2rem;
}
.form-items__heading__title{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.form-items__title {
    font-size: 1.75rem;
    font-weight: 530;
    color: #000;
    margin-bottom: 0;
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-left: 2rem;
}
.form-items__heading__title .form-items__checkbox{
    background: #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0rem 1rem;
    margin-left: 1rem;
}
.form-items__heading::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 0.1rem;
    background-color: #999999;
    top: 50%;
}
.form-items__title small {
    display: inline-block;
    font-size: 2rem;
    font-weight: 400;
    color: #999;
    margin-right: .5rem
}
[dir="ltr"] .form-items__title small {
    margin-right: 0;
    margin-left: .5rem
}
.form-items__title.sub-title {
    position: relative;
    font-size: 2rem;
    padding-right: 1.8rem;
    color: #262626
}
[dir="ltr"] .form-items__title.sub-title {
    padding-right: 0;
    padding-left: 1.8rem
}
.form-items__title.sub-title:before {
    content: "";
    position: absolute;
    top: calc(50% - .4rem);
    right: 0;
    width: .8rem;
    height: .8rem;
    border-radius: .2rem;
    background-color: #9bd65c
}
[dir="ltr"] .form-items__title.sub-title:before {
    right: auto;
    left: 0
}
.form-items__description {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2rem;
    color: #5B6672;
    margin-bottom: 1rem
}
.form-items__description.sub-describtion {
    font-size: 1.6rem
}
.form-group .btn.icon-btn{
    padding: 0 2rem;
    height: 4.2rem;
}
.form-group.d-flex .icon-btn{
    padding-top: 21px;
    padding-bottom: 21px;
    margin-right: -5px;
}
.shifts-wrapper {
    padding-bottom: 2.8rem;
    margin-bottom: 2.8rem;
    border-bottom: .2rem solid #e6e6e6
}
.shifts-wrapper .add-itemButton {
    padding: 0;
    border: 0;
    background-color: transparent
}
.shifts-wrapper .add-itemButton i {
    width: 1.8rem;
    height: 1.8rem;
    background-color: #003449;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1000%;
    margin-left: .6rem
}
[dir="ltr"] .shifts-wrapper .add-itemButton i {
    margin-left: 0;
    margin-right: .6rem
}
.shifts-wrapper .add-itemButton .text {
    color: #003449;
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-decoration: underline
}
.shift-range {
    position: relative
}
.shift-range .title {
    font-weight: 400
}
.shift-range .remove-btn {
    padding: 0;
    border: 0;
    width: 1.7rem;
    height: 1.7rem;
    background-color: #389492;
    color: #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1000%
}
.creditcard-details {
    padding: 3.2rem
}
.pledge-content .pledge-description {
    padding-right: 3.8rem
}
.pledge-content .pledge-description p {
    font-size: 2rem
}
.confirmation-popUp {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    background-color: #f8f8f8
}
.confirmation-popUp .close-page {
    position: absolute;
    top: 6.2rem;
    left: 4.8rem;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 2rem;
    color: #262626
}
[dir="ltr"] .confirmation-popUp .close-page {
    left: auto;
    right: 4.8rem
}
.confirmation-popUp .confirmation-content {
    text-align: center
}
.confirmation-popUp .confirmation-content .confirmation-image {
    margin-bottom: 4.8rem
}
.confirmation-popUp .confirmation-content .title {
    line-height: 4.8rem;
    margin-bottom: 1.2rem
}
.confirmation-popUp .confirmation-content .confirmation-text {
    font-size: 2.4rem;
    margin-bottom: 6.8rem;
    max-width: 59rem
}
.confirmation-popUp .confirmation-content .custom-btn {
    display: inline-block;
    min-width: 29.5rem
}
@media all and (max-width: 1600px) {
    .application-form {
        --sideMenuWidth: 32rem
    }
    .application-form .application-form__header .container-fluid {
        padding: 0 2.4rem
    }
    .application-form .application-form__header .application-header__info {
        width: calc(var(--sideMenuWidth) - 2.4rem)
    }
    .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: 1.6rem
    }
    [dir="ltr"] .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: 0;
        margin-right: 1.6rem
    }
    .application-form .application-form__header .application-header__info::after {
        height: 8rem
    }
    .application-form .application-form__header .application-header__progress {
        width: calc(100% - (var(--sideMenuWidth) - 2.4rem))
    }
    .application-form .application-form__header .custom-btn {
        min-width: 13rem;
        padding: 1rem;
        font-size: 1.6rem
    }
    .application-form .application-form__content {
        min-height: calc(100vh - 12rem)
    }
    .application-form .application-form__content .side-area {
        width: var(--sideMenuWidth)
    }
    .application-form .application-form__content .main-area {
        width: calc(100% - var(--sideMenuWidth))
    }
    .application-form .application-form__content .main-area .main-area__content {
        padding: 4.2rem 7.6rem;
        max-width: 90%
    }
    .application-form .application-form__content .main-area__footer .footer-main {
        padding: 0rem 12.6rem 2rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn {
        top: -4.2rem;
        padding: 1rem 1.5rem;
        font-size: 1.6rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
        margin-right: 1.6rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
        margin-right: 0;
        margin-left: 1.6rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box {
        padding: 0 10rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total {
        padding: 2rem 3.8rem 0 6rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__total {
        padding: 2rem 6rem 0 3.8rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title {
        font-size: 2rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title img {
        width: 3.8rem;
        margin-left: .6rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title img {
        margin-left: 0;
        margin-right: .6rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .total-number {
        font-size: 2rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn {
        padding: 1rem 1.2rem;
        font-size: 1.6rem;
        min-width: 15rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link {
        font-size: 1.8rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link i {
        margin-left: .6rem;
        font-size: 2rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link i {
        margin-left: 0;
        margin-right: .6rem
    }
}
@media all and (max-width: 1440px) {
    .application-form .application-form__header .container-fluid {
        padding: 0 1.4rem
    }
    .application-form .application-form__header .application-header__info {
        width: calc(var(--sideMenuWidth) - 1.4rem)
    }
    .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: 1rem;
        font-size: 1.4rem
    }
    [dir="ltr"] .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: 0;
        margin-right: 1rem
    }
    .application-form .application-form__header .application-header__info .info-item .value {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
    .application-form .application-form__header .application-header__info::after {
        height: 5rem
    }
    .application-form .application-form__header .application-header__progress {
        width: calc(100% - (var(--sideMenuWidth) - 1.4rem))
    }
    .application-form .application-form__content {
        min-height: calc(100vh - 9.2rem)
    }
    .form-item {
        padding: 0 3.2rem 2.8rem;
        margin-bottom: 3.2rem
    }
    .form-item__title {
        font-size: 2rem;
        line-height: 3.8rem
    }
    .form-item__title small {
        font-size: 1.6rem
    }
    .form-item__title.sub-title {
        font-size: 1.6rem
    }
    .form-item__description {
        font-size: 1.4rem;
        line-height: 2.8rem;
        margin-bottom: 2.4rem
    }
    .form-item__description.sub-description {
        font-size: 1.4rem
    }
    .form-item .form-group .label {
        font-size: 1.4rem;
        line-height: 2.2rem
    }
    .form-item .inner-box {
        padding: 1.8rem
    }
    .form-item .inner-box .title {
        font-size: 1.6rem
    }
    .form-item .inner-box.flex-between-style .inner-box__head {
        padding: 1.8rem
    }
    .form-item .inner-box.flex-between-style .inner-box__head .title {
        font-size: 1.6rem
    }
    .form-item .inner-box.flex-between-style .inner-box__content {
        padding: 1.8rem
    }
    .form-item .inner-box.flex-between-style .inner-box__footer {
        padding: 1.8rem
    }
    .form-item .inner-box.flex-between-style .inner-box__footer .collapsed-btn {
        font-size: 1.6rem
    }
    .form-item .custom-btn.custom-btn--md {
        padding: 1.2rem;
        height: 4.5rem;
        min-width: 12rem;
        font-size: 1.4rem
    }
    .form-item .check-radio-item .check-radio-label {
        font-size: 1.6rem
    }
    .confirmation-popUp .close-page {
        top: 3.2rem;
        left: 2.8rem
    }
    [dir="ltr"] .confirmation-popUp .close-page {
        left: auto;
        right: 2.8rem
    }
    .confirmation-popUp .confirmation-content .confirmation-image {
        width: 28.5rem;
        margin-bottom: 3rem
    }
    .confirmation-popUp .confirmation-content .confirmation-text {
        font-size: 2rem;
        margin-bottom: 3rem;
        max-width: 49rem
    }
    .confirmation-popUp .confirmation-content .custom-btn {
        min-width: 18.5rem
    }
}
@media all and (max-width: 991.98px) {
    .application-form {
        --sideMenuWidth: 20rem
    }
    .application-form .application-form__header {
        position: relative
    }
    .application-form .application-form__header.collapse:not(.show) {
        display: none
    }
    .application-form .application-form__header.collapsing~.overlay, .application-form .application-form__header.show~.overlay {
        opacity: 1;
        visibility: visible
    }
    .application-form .application-form__header .container-fluid {
        display: block;
        padding: 0 2.4rem
    }
    .application-form .application-form__header .application-header__info {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
        padding: 1.8rem 0
    }
    .application-form .application-form__header .application-header__info::after {
        display: none
    }
    .application-form .application-form__header .application-header__info .info-item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
    .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: .5rem;
        font-size: 1.2rem
    }
    [dir="ltr"] .application-form .application-form__header .application-header__info .info-item .key {
        margin-left: 0;
        margin-right: .5rem
    }
    .application-form .application-form__header .application-header__info .info-item .value {
        display: block;
        font-size: 1.4rem;
        font-weight: bold
    }
    .application-form .application-form__header .application-header__progress {
        width: 100%
    }
    .application-form .application-form__header .application-header__progress .steps-list {
        display: block;
        margin: 0
    }
    .application-form .application-form__header .application-header__progress .steps-list .steps-list__item {
        padding: 0;
        margin-bottom: 2rem
    }
    .application-form .application-form__header .application-header__progress .steps-list .steps-list__item::after, .application-form .application-form__header .application-header__progress .steps-list .steps-list__item:not(:first-child)::before {
        display: none
    }
    .application-form .application-form__header .application-header__progress .steps-list .steps-list__item .steps-list__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .application-form .application-form__header .application-header__progress .steps-list .steps-list__item .number {
        margin-left: 1rem;
        margin-bottom: 0
    }
    [dir="ltr"] .application-form .application-form__header .application-header__progress .steps-list .steps-list__item .number {
        margin-left: 0;
        margin-right: 1rem
    }
    .application-form .application-form__header .application-header__progress .steps-list .steps-list__item .text {
        font-size: 1.8rem
    }
    .application-form .application-form__header .custom-btn {
        display: none
    }
    .application-form .application-form__content {
        min-height: calc(100vh - 16rem)
    }
    .application-form .application-form__content .side-area {
        display: none
    }
    .application-form .application-form__content .main-area {
        width: 100%
    }
    .application-form .application-form__content .main-area .main-area__content {
        padding: 0;
        max-width: 100%
    }
    .application-form .application-form__content .main-area__footer {
        margin-top: 8rem
    }
    .application-form .application-form__content .main-area__footer .footer-main {
        padding: 0
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total {
        padding: 1.6rem 3.2rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title {
        font-size: 1.6rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .title img {
        width: 3rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__total .total-number {
        font-size: 1.8rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn {
        font-size: 1.2rem;
        top: -3.5rem;
        left: 2.4rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn {
        left: auto;
        right: 2.4rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
        width: 1.4rem;
        height: 1.4rem;
        margin-right: .6rem
    }
    [dir="ltr"] .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-btn i {
        margin-right: 0;
        margin-left: .6rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box {
        padding: 0 4rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box .keyValue-list {
        padding-top: 2rem;
        margin-bottom: 2rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box .keyValue-list__item .value {
        font-size: 1.4rem
    }
    .application-form .application-form__content .main-area__footer .footer-main .footer-main__details .details-box .keyValue-list__item .value small {
        font-size: 1.2rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation {
        padding: 2rem 2.4rem 1.2rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn {
        font-size: 1.4rem;
        line-height: 2.8rem;
        padding: 1.2rem 3.23rem;
        min-width: 11.6rem
    }
    .application-form .application-form__content .main-area__footer .footer-navigation .custom-btn.btn-link {
        font-size: 1.6rem;
        padding: 0;
        text-align: start
    }
    .application-form .mobile-view__header {
        display: block
    }
    .application-form .mobile-view__button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-item {
        padding: 0 2.4rem 2.4rem;
        margin-bottom: 2.8rem
    }
    .form-item__title {
        font-size: 1.8rem
    }
    .form-item__title small {
        font-size: 1.4rem
    }
    .form-item__title.sub-title {
        font-size: 1.4rem
    }
    .form-item__title.sub-title:before {
        top: calc(50% - .3rem);
        width: .6rem;
        height: .6rem
    }
    .form-item__description {
        margin-bottom: 1.4rem
    }
    .form-item .inner-box {
        padding: 1.4rem
    }
    .form-item .inner-box .title {
        font-size: 1.6rem
    }
    .form-item .inner-box .image-icon {
        margin: 0
    }
    .form-item .inner-box .inner-box__head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .form-item .inner-box .inner-box__head .custom-btn {
        margin-top: 1.5rem
    }
    .form-item .inner-box .media-object {
        margin-bottom: 1.4rem
    }
    .form-item .inner-box.location-details .inner-box__content {
        padding: 2.4rem 2.8rem 0
    }
    .form-item .inner-box.content-wrapper .content-wrapper__box {
        padding: 2.4rem 1.4rem
    }
    .form-item .inner-box.content-wrapper .content-wrapper__box p.has-polet {
        font-size: 1.4rem
    }
    .form-item .inner-box.extra-added-item .inner-box__head {
        padding-bottom: 1.4rem;
        padding-right: 0
    }
    [dir="ltr"] .form-item .inner-box.extra-added-item .inner-box__head {
        padding-left: 0
    }
    .form-item .inner-box.extra-added-item .inner-box__head .title {
        font-size: 1.6rem
    }
    .form-item .inner-box.extra-added-item .inner-box__content {
        padding-right: 0
    }
    [dir="ltr"] .form-item .inner-box.extra-added-item .inner-box__content {
        padding-left: 0
    }
    .form-item .inner-box.inner-form .inner-box__footer .btn-delete {
        margin-left: 1rem
    }
    [dir="ltr"] .form-item .inner-box.inner-form .inner-box__footer .btn-delete {
        margin-left: 0;
        margin-right: 1rem
    }
    .form-item .custom-btn.custom-btn--md {
        height: 5.2rem;
        min-width: 7rem
    }
    .form-item .check-radio-item {
        padding: 2rem
    }
    .pledge-content .check-radio-item .check-radio-label {
        font-size: 1.8rem
    }
    .pledge-content .pledge-description {
        padding-right: 1.8rem
    }
    [dir="ltr"] .pledge-content .pledge-description {
        padding-right: 0;
        padding-left: 1.8rem
    }
    .pledge-content .pledge-description p.has-polet {
        font-size: 1.4rem
    }
    .confirmation-popUp .close-page {
        top: 2.2rem;
        left: 1.4rem
    }
    [dir="ltr"] .confirmation-popUp .close-page {
        left: auto;
        right: 1.4rem
    }
    .confirmation-popUp .confirmation-content {
        padding: 0 1.4rem
    }
    .confirmation-popUp .confirmation-content .confirmation-image {
        width: 22.5rem;
        margin-bottom: 1rem
    }
    .confirmation-popUp .confirmation-content .title {
        font-size: 2.2rem !important;
        line-height: 3.8rem;
        margin-bottom: 1.2rem
    }
    .confirmation-popUp .confirmation-content .confirmation-text {
        font-size: 1.6rem;
        margin-bottom: 2rem;
        max-width: none
    }
    .confirmation-popUp .confirmation-content .custom-btn {
        min-width: 16.5rem;
        font-size: 1.6rem
    }
}
@media all and (max-width: 991px) {
    #main-content.side-menu-open .page-content .short-cuts .col-md-6 {
        width: 100%
    }
}
@media all and (max-width: 767px) {
    #main-content .page-content .short-cuts {
        display: none
    }
}
.filter-btn {
    padding: .6rem 1rem;
    box-shadow: none;
    border: 1px solid #63D9D0;
    background-color: #63D9D0;
    color: #fff;
    border-radius: 3px;
    display: none
}
.filter-btn i {
    width: 1.4rem
}
.filter-btn.open i:before {
    content: "\f00d"
}
@media all and (max-width: 767px) {
    .filter-head {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .filter-head .filter-btn {
        display: block
    }
    .filter-head .search-form {
        min-width: 100%;
        margin-top: 2rem
    }
    .filter-form {
        display: none
    }
    .filter-form.form-inline .form-group {
        margin-bottom: 1rem
    }
    .filter-form .label {
        margin-bottom: 1rem
    }
    .filter-form .row .col-auto:nth-child(1) {
        width: 100% !important;
        margin-top: 0.5rem
    }
    .filter-form .row .col-auto {
        width: 100%
    }
    .filter-form .row .col-auto.seperator {
        display: none
    }
    .filter-form .row .col-auto .form-group .dropdown {
        width: 100%
    }
    .filter-form .row .col-auto .form-group .form-control.datepicker, .filter-form .row .col-auto .form-group .bootstrap-select>.datepicker.dropdown-toggle {
        width: 100%;
        max-width: 100%
    }
    .filter-form .row .col-auto .input-file__item__label {
        width: 100%;
        max-width: 100%;
        margin-top: 0.5rem
    }
    .filter-form.show {
        display: block
    }
}
.invoice-details .keyValue-list {
    padding: 0 3rem
}
.invoice-details .actions-box {
    display: block;
    margin-top: 10rem;
    margin-bottom: 0
}
.invoice-details .actions-box .custom-btn {
    display: block;
    width: 80%;
    margin: auto
}
@media all and (max-width: 991px) {
    .invoice-details .keyValue-list {
        padding: 0 1rem
    }
}
.invoice-done {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 3.2rem;
    background-color: #f7f7f7;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .4rem
}
.invoice-done__image {
    margin-left: 3.2rem
}
[dir="ltr"] .invoice-done__image {
    margin-left: 0;
    margin-right: 3.2rem
}
.invoice-done__image img {
    min-width: 6.8rem
}
.invoice-done__content .title {
    font-size: 2rem;
    line-height: 2.8rem;
    color: #63D9D0;
    margin-bottom: 1.2rem
}
.invoice-done__content p {
    font-size: 1.8rem;
    color: #999
}
@media all and (max-width: 991.98px) {
    .invoice-done {
        padding: 2rem;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .invoice-done .invoice-done__image {
        margin-left: 1.6rem
    }
    [dir="ltr"] .invoice-done .invoice-done__image {
        margin-left: 0;
        margin-right: 1.6rem
    }
    .invoice-done .invoice-done__image img {
        min-width: 0;
        width: 5rem
    }
    .invoice-done .invoice-done__content .title {
        font-size: 1.6rem
    }
    .invoice-done .invoice-done__content p {
        font-size: 1.4rem
    }
}
.profile .profile-first {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}
@media all and (max-width: 375px) {
    .profile .profile-first {
        display: block
    }
}
.profile .profile-first .user-avatar {
    margin-left: 5rem;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
    padding-right: 3.3rem
}
@media all and (max-width: 375px) {
    .profile .profile-first .user-avatar {
        margin: auto;
        text-align: center;
        padding-right: 0
    }
}
.profile .profile-first .user-avatar .user-img {
    width: 130px;
    position: relative
}
.profile .profile-first .user-avatar .upload-btn-wrapper {
    position: absolute;
    position: absolute;
    right: 51px;
    top: 27px;
    width: 25px
}
@media all and (max-width: 375px) {
    .profile .profile-first .user-avatar .upload-btn-wrapper {
        right: 100px
    }
}
.profile .profile-first .user-avatar .upload-btn-wrapper .btn-upload.picture {
    border-radius: 4px;
    background: transparent;
    border: none;
    padding: 0;
    width: 25px;
    cursor: pointer
}
.profile .profile-first .user-avatar .upload-btn-wrapper input {
    font-size: 100px;
    position: absolute;
    left: 0;
    opacity: 0;
    width: 25px;
    right: 0;
    margin: auto;
    height: -webkit-fill-available;
    cursor: pointer
}
.profile .profile-first .main-info {
    width: 100%
}
.profile .profile-first .main-info .row:first-child {
    padding-bottom: 1.5rem
}
.profile .profile-first .main-info .row .container-info:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background-color: #595959;
    display: inline-block
}
.profile .profile-first .main-info .row .container-info label {
    font-size: 1.4rem;
    color: #404040;
    font-weight: bold;
    margin-bottom: 0.8rem
}
.profile .profile-first .main-info .row .container-info p {
    color: #999;
    font-size: 1.4rem;
    padding-right: 1rem
}
.profile .contact-card .main-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile .contact-card .main-container .container-info:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background-color: #595959;
    display: inline-block
}
.profile .contact-card .main-container .container-info label {
    font-size: 1.4rem;
    color: #404040;
    font-weight: bold;
    margin-bottom: 0.8rem
}
.profile .contact-card .main-container .container-info p {
    color: #999;
    font-size: 1.4rem;
    padding-right: 1rem
}
.profile .contact-card .main-container .button-save {
    color: #003449;
    text-decoration: underline;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.profile .contact-card .main-container .button-save:hover, .profile .contact-card .main-container .side-menu .sidebar-nav .sidebar-list__item.active .button-save.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .profile .contact-card .main-container .button-save.nav-link {
    color: #63D9D0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}
.profile .contact-card .form-group.input-addon label {
    font-size: 1.2rem;
    color: #595959;
    margin-bottom: 0.8rem
}
.profile .payment-info {
    height: 100%
}
@media all and (max-width: 375px) {
    .profile .payment-info .card-head {
        display: block
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .profile .payment-info .card-head {
        display: block
    }
}
.profile .payment-info .card-content {
    padding-right: 4rem
}
.profile .payment-info .card-info img {
    margin-left: 1rem;
    display: inline-block;
    vertical-align: top
}
.profile .payment-info .card-info .card-name {
    display: inline-block
}
.profile .payment-info label {
    font-size: 1.4rem;
    color: #404040;
    font-weight: bold;
    margin-bottom: 0.8rem
}
.profile .payment-info p {
    color: #999;
    font-size: 1.4rem
}
.profile .payment-info .pay-info-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile .companies-card .comp-text {
    padding-right: 4rem;
    font-size: 1.5rem;
    color: #737373
}
.profile .companies-card .table tr:last-child {
    border-bottom: 1px solid #e6e6e6
}
.profile .companies-card .btn-link {
    color: #404040;
    margin-top: 2rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.profile .companies-card .btn-link:hover, .profile .companies-card .side-menu .sidebar-nav .sidebar-list__item.active .btn-link.nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .profile .companies-card .btn-link.nav-link {
    color: #63D9D0
}

.profile-card {
    padding: 0rem;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0.8rem;
    transition: all 0.4s ease;
}
.profile-card .card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.profile-card .profile-image, .fileuploader_container .profile-image {
    min-width: 16rem;
    margin-left: 4.8rem
}
[dir="ltr"] .profile-card .profile-image, [dir="ltr"] .fileuploader_container .profile-image {
    margin-left: 0;
    margin-right: 4.8rem
}
.profile-card .profile-image .fileuploader-theme-avatar, .fileuploader_container .profile-image .fileuploader-theme-avatar  {
    position: relative;
    width: 16rem;
    height: 16rem;
    border-radius: 2.8rem;
    background-color: #f0f0f0;
    margin-bottom: 2rem
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-items-list, .fileuploader_container .profile-image .fileuploader-items-list {
    margin: 0
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-thumbnails-input i, .fileuploader_container .profile-image .fileuploader-thumbnails-input i {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -.4rem;
    right: -.4rem;
    width: 3.2rem;
    height: 3.2rem;
    background-color: #003449;
    color: #fff;
    border-radius: .4rem;
    padding: .6rem;
    cursor: pointer
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item+.fileuploader-thumbnails-input, .fileuploader_container .profile-image .fileuploader-item+.fileuploader-thumbnails-input {
    display: none !important
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-image, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-image {
    background-color: #f0f0f0
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-image img, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-image img {
    position: static;
    max-width: 100%;
    height: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner .actions-holder, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner .actions-holder {
    position: absolute
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner .actions-holder .fileuploader-action.fileuploader-action-remove, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner .actions-holder .fileuploader-action.fileuploader-action-remove {
    z-index: 1;
    opacity: 0
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner:hover .actions-holder, .profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader-item-inner.nav-link .actions-holder, .side-menu .sidebar-nav .sidebar-list__item.active .profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner.nav-link .actions-holder,
.fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner:hover .actions-holder, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader-item-inner.nav-link .actions-holder, .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner.nav-link .actions-holder {
    position: absolute
}
.profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner:hover .actions-holder .fileuploader-action.fileuploader-action-remove, .profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader-item-inner.nav-link .actions-holder .fileuploader-action.fileuploader-action-remove, .side-menu .sidebar-nav .sidebar-list__item.active .profile-card .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner.nav-link .actions-holder .fileuploader-action.fileuploader-action-remove,
.fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner:hover .actions-holder .fileuploader-action.fileuploader-action-remove, .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader-item-inner.nav-link .actions-holder .fileuploader-action.fileuploader-action-remove, .side-menu .sidebar-nav .sidebar-list__item.active .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-inner.nav-link .actions-holder .fileuploader-action.fileuploader-action-remove {
    opacity: 1
}
.profile-card .profile-info {
    width: calc(100% - 16rem)
}
::-webkit-file-upload-button {
    cursor: pointer
}
.profile-card .company-data{
    padding: 2rem;
    border-radius: 0.8rem;
    background: url(../images/balady-palm-Vector.svg) left 2rem no-repeat #204E60;
    background-size: contain;
    flex-wrap: wrap;
}
.fileuploader_container .profile-image .fileuploader-theme-avatar {
    width: 8rem;
    height: 8rem;
}
.fileuploader_container .profile-image {
    min-width: 8rem;
    margin-left: 1.5rem;
}
.fileuploader_container .fileuploader-items .fileuploader-item{
    border-bottom: 0;
}
.profile-card .company-data .profile-image .fileuploader-theme-avatar {
    width: 8rem;
    height: 8rem;
}
.profile-card .company-data .profile-image {
    min-width: 10rem;
    max-width: 10rem;
    margin-left: 1.5rem;
}
.profile-card .company-data .fileuploader-items .fileuploader-item{
    border-bottom: 0;
}
.profile-card .company-data .profile-main-info{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.profile-card .company-data .profile-main-info .content-info__key{
    font-size: 2rem;
    font-weight: 530;
}
.profile-card .company-data .profile-main-info .content-info__value{
    color: #BFBFBF;
    font-size: 1.625rem;
}
.profile-card .company-data .profile-info{
    width: 100%;
}
.profile-card .content-info{
    margin-bottom: 0rem;
}
.profile-card .company-data .content-info__key{
    color: #ffffff;
}
.profile-card .company-data .profile-info:not(.mb-30) .content-info__key{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    direction: ltr;
    text-align: right;
}
.profile-card .company-data .content-info__value{
    color: #e4e4e4;
}
.profile-card .company-calssfication{
    padding: 2rem;
    border-radius: 0.8rem 0rem 0rem 0.8rem;
    background: url(../images/calssfication.svg) 1rem 10rem no-repeat #ffffff;
}
.profile-card .company-calssfication .calssfication-card-info{
    position: relative;
    padding-top: 2rem;
    padding-left: 5rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
    box-shadow: none;
    background: none;
    color: #232D37;
    width: 100%;
    height: 100%;
}
.profile-card .company-calssfication .calssfication-card-info .title{
    color: #232D37;
    margin-bottom: 2rem;
}
.profile-card .company-calssfication .calssfication-card-info .title.title-md{
    font-weight: 500;
}
.profile-card .company-calssfication .calssfication-card-info .item-info .content-info__value{
    color: #232D37;
}
.actions-divbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: justify;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: .8rem;
}
.actions-divbox .btn.icon-btn.btn-white{
    background-color: #fff;
    margin-right: .25rem;
}
.actions-divbox .btn.icon-btn.btn-white:hover{
    background-color: #CBF3EF;
    color: #003449;
}
.actions-divbox .btn-white i{
    color: #003449;
}
.company-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.75rem;
    width: 4.875rem;
    height: 4.875rem;
    border-radius: 0.25rem;
    border: 1px solid #003449;
    background: #31CDC280;
}
.comp-card{
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid #003449;
    background: #31CDC280;
}
.project__image{
    border-radius: 0.5rem;
    border: 1px solid #003449;
    box-shadow: 0px 1px 5px #a9a9a9;
    width: 100%;
    height: 240px;
    max-height: 240px;
    overflow: hidden;
    background: url(../icons/Icon-com-defualt.svg) #fff no-repeat center;
}
.project__image img {
    width: 100%;
    max-width: 100%;
    height: 240px;
    max-height: 240px;
}
@media all and (max-width: 1440px) {
    .profile-card .profile-image {
        min-width: 14rem;
        margin-left: 3.8rem
    }
    [dir="ltr"] .profile-card .profile-image {
        margin-left: 0;
        margin-right: 3.8rem
    }
    .profile-card .profile-image .fileuploader-theme-avatar, .fileuploader_container .profile-image .fileuploader-theme-avatar {
        width: 14rem;
        height: 14rem
    }
}
@media all and (max-width: 991.98px) {
    .profile-card {
        padding: 0rem
    }
    .profile-card .card-content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
@media all and (max-width: 576.98px) {
    .profile-card {
        padding: 0rem
    }
    .profile-card .card-content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .profile-card .company-data{
        border-radius: 0.8rem 0.8rem 0rem 0rem;
        background-position: left bottom;
    }
    .profile-card .company-data .col-6 {
        width: 100%;
    }
    .profile-card .company-data>.row:first-of-type{
        flex-direction: column-reverse;
    }
    .profile-card .company-calssfication{
        border-radius: 0rem 0rem 0.8rem 0.8rem;
    }
    .profile-card .profile-image, .fileuploader_container .profile-image {
        min-width: 12rem;
        margin-left: 2.8rem
    }
    [dir="ltr"] .profile-card .profile-image, [dir="ltr"] .fileuploader_container .profile-image {
        margin-left: 0;
        margin-right: 2.8rem
    }
    .profile-card .profile-image .fileuploader-theme-avatar, .fileuploader_container .profile-image .fileuploader-theme-avatar {
        width: 12rem;
        height: 12rem
    }
    .profile-card .profile-info {
        width: calc(100% - 12rem)
    }
}
@media all and (max-width: 500px) {
    .profile-card .card-content {
        display: block
    }
    .profile-card .profile-image, .fileuploader_container .profile-image {
        margin-left: 0
    }
    [dir="ltr"] .profile-card .profile-image, [dir="ltr"] .fileuploader_container .profile-image {
        margin-left: 0;
        margin-right: 0
    }
    .profile-card .profile-image .fileuploader, .fileuploader_container .profile-image .fileuploader {
        margin: 0 0 2rem
    }
    .profile-card .profile-info {
        width: 100%
    }
}
.grey-line {
    background: #f2f2f2;
    height: 1px;
    width: 100%;
    margin-bottom: 2rem
}
::-webkit-file-upload-button {
    cursor: pointer
}
body.invert-active {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
body.invert-active img {
    -webkit-filter: invert(100%);
    filter: invert(100%)
}
.ar-text {
    font-family: 'cairo'
}
.text-end {
    text-align: end
}
.text-start {
    text-align: start
}
.bold {
    font-weight: bold !important
}
.text-color {
    color: #737373 !important
}
.text-color-bold {
    color: #404040 !important
}
.text-primary {
    color: #003449 !important
}
.text-secondary {
    color: #63D9D0 !important
}
.text-gray{
    color: #959595;
}
.bg-primary {
    background-color: #003449 !important
}
.bg-secondary {
    background-color: #63D9D0 !important
}
.bg-ofWhite {
    background-color: #fbfbfb !important
}
hr {
    border-top: 1px solid #f2f2f2;
    opacity: 1
}
hr.hr-2 {
    border-top: 2px solid #f2f2f2;
    height: 2px
}
.has-error {
    position: relative
}
.has-error::after {
    content: "";
    position: absolute;
    top: 5px;
    left: -1rem;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    background-color: #cc3333
}
.width-50 {
    width: 50% !important
}
.width-30 {
    width: 30% !important
}
.cursor-pointer {
    cursor: pointer
}
.icon-svg {
    max-width: 3.5rem;
    max-height: 3.5rem
}
.border-bottom-0 {
    border-bottom: 0 !important
}
@media all and (max-width: 767px) {
    .d-mobile-none {
        display: none !important
    }
}
@media only screen and (max-width: 480px) {
    #latestRequests .accordion-item__head .collapse-btn {
        height: 3.8rem
    }
    .statistics-card .statistics-item .text {
        font-size: 1.2rem
    }
    .statistics-card .statistics-item.main-item .text .icon-svg {
        display: inline-block
    }
    .statistics-card .card-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .title.title-md {
        font-size: 1.7rem !important;
    }
    .dis-mob {
        display: block !important
    }
    .dis-mob-none {
        display: none !important
    }
    .user-name-mob {
        font-weight: bolder;
        font-size: 1.8rem
    }
    .user-box--id {
        font-size: 1rem
    }
    .calendar-box .calendar {
        min-width: 12rem !important
    }
    .card .card-head {
        flex-wrap: wrap;
    }
    .card .card-head .nav-tabs {
        margin-top: 2rem;
    }
    .card-footer.table-pagination {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1rem;
    }
    .card-footer.table-pagination .form-group.shown-number {
        width: 100%;
        margin-bottom: 2rem;
    }
    .card-footer.table-pagination .form-group.shown-number label {
        width: auto
    }
    .card-footer.table-pagination .form-group.shown-number .dropdown {
        width: 45%
    }
    .card-footer.table-pagination .pager {
        font-size: 1.3rem
    }
    .card-footer.table-pagination .pager .pagination {
        padding-right: 0rem
    }
    .card-footer.table-pagination .pager .form-group label {
        font-size: 1.3rem
    }
    .selected-rows.show {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }
    .selected-rows.show .selected-rows__actions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 1rem
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    .card-icon__content p {
        font-size: 1.7rem !important
    }
    .statistics-card .card-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .dis-mob {
        display: block !important
    }
    .dis-mob-none {
        display: none !important
    }
    .user-name-mob {
        font-weight: bolder;
        font-size: 1.8rem
    }
    .user-box--id {
        font-size: 1rem
    }
    .head-content.dis-mob {
        padding-right: 0 !important;
        display: inline-block !important
    }
    .head-content .user-welcome {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
    .head-content .user-welcome .user-icon {
        width: 3.4rem !important;
        height: 3.4rem !important;
        margin-left: 1rem
    }
    .card .card-head {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
@media only screen and (device-width: 375px) and (device-height: 812px) {
    .filter-form {
        display: block
    }
    .filter-form .row .col-auto:nth-child(1) {
        width: 100% !important
    }
    .filter-form .row .col-auto {
        width: 50%
    }
    .filter-form .row .col-auto.seperator {
        display: none
    }
    .filter-form .row .col-auto .form-group .dropdown {
        width: 100%
    }
    .filter-form .row .col-auto .form-group .form-control.datepicker, .filter-form .row .col-auto .form-group .bootstrap-select>.datepicker.dropdown-toggle {
        width: 100%
    }
    .filter-form .row .col-auto .input-file__item__label {
        width: 100%;
        max-width: 100%
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    form.filter-form.form-inline {
        display: block
    }
    form.filter-form.form-inline .col-auto label {
        min-width: 5rem
    }
    form.filter-form.form-inline .col-auto.seperator {
        padding: 0 1.3rem
    }
    .dis-ipad-none {
        display: none
    }
}
.red-txt {
    color: #cc3333
}
.dis-ipad {
    display: none
}
.dis-disk-none {
    display: none
}
.dis-ipad-block {
    display: block
}
.white-text {
    color: white
}
.time__box{
    padding: 2rem;
    border-radius: 0.5rem;
    border: 1px solid #F5FDFC;
    background: #F5FDFC;
    width: 100%;
    margin-bottom: 1rem;
    transition: all 0.3s ease-in-out;
}
.time__box__head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.time__box__head h3{
    color: #003449;
}
.time__box__content .row{
    justify-content: space-between;
}
.time__box__content span{
    color: #000;
    font-size: 1.15rem;
}
.time__box__content p{
    color: #003449;
    font-weight: 530;
    margin-top: 1.5rem;
    margin-bottom: 0rem;
}
.feature__box{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.3rem;
    border-radius: 0.5rem;
    border: 1px solid #003449;
    background: #FFF;
    width: 10rem;
    margin-bottom: 1rem;
    transition: all 0.3s ease-in-out;
}
.feature__box:hover{
    background: #F5FDFC;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.feature__box__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;
}
.feature__box__text{
    padding: 1.5rem 0rem 0rem 0rem;
    text-align: center;
    color: #003449;
    font-size: 1.25rem;
}
.prev-busn__actions{
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1rem;
    left: 1rem;
}
.details__box__colored{
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 1.25rem;
    line-height: 2.4rem;
    border-radius: 0.5rem;
    background: rgba(174, 190, 233, 0.50);
    color: #000;
}
.carousel-indicators {
    margin-right: 2%;
    justify-content: start;
    width: fit-content;
    border-radius: 0.5rem;
    background: #FFF;
    margin-bottom: 2rem;
    padding: 1.25rem 1.25rem;
}
.carousel-indicators [data-bs-target]{
    width: 14rem;
    height: 9rem;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border: 1px solid #f3f3f3;
    background-color: #f3f3f3;
    border-radius: 0.5rem;
}
.carousel-indicators [data-bs-target].active{
    border: 1px solid #36649b;
}
.carousel-indicators [data-bs-target] img{
    background-color: #fff;
    margin: 0 auto;
    border-radius: 0.5rem;
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
}
.carousel-control-prev-icon, .carousel-control-next-icon {
    background-color: #6c81bd;
    border-radius: 10rem;
    width: 3rem;
    height: 3rem;
    background-size: 50% 50%;
}
.carousel-item {
    height: 600px;
    background-color: #f3f3f3;
}
.carousel-item img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100%;
    margin: 0 auto;
}
.file__uploader {
    border-radius: 0.5rem;
    border: 1px solid #003449;
    background: #FFF;
    padding: 1.25rem;
}
.file__uploader .fileuploader {
    font-family: "TheSansArab", Sans-Serif;
    background-color: transparent;
    margin: 0;
    padding: 0;
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    width: 34.2rem;
    height: 22rem;
    padding: 0;
    margin: 2.6rem 0 0 2.6rem
}
[dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, [dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    margin: 2.6rem 2.6rem 0 0
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
    border: 0px dashed #999;
    margin-bottom: 1.2rem;
    opacity: 1;
    border-radius: 0.5rem;
    background: rgba(174, 190, 233, 0.50);
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner i {
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    font-size: 6.8rem;
    color: #003449;
    margin-bottom: 1.6rem
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner .text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner .text {
    margin-bottom: 0;
    font-size: 1.8rem;
    color: #003449;
    line-height: 3.2rem
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner .text span, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner .text span {
    color: #003449;
    text-decoration: underline
}
.fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner+p.info-text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner+p.info-text {
    font-size: 1.6rem;
    color: #003449;
    display: none;
}
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
    background-color: transparent
}
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {
    background-color: transparent
}
.fileuploader, .fileuploader-popup {
    text-align: start
}
@media all and (max-width: 1440px) {
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(50% - 2.6rem)
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner i {
        font-size: 5.8rem;
        margin-bottom: 1.4rem
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner .text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner .text {
        font-size: 1.6rem;
        line-height: 2.8rem
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner+p.info-text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner+p.info-text {
        font-size: 1.4rem
    }
}
@media all and (max-width: 767.98px) {
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(50% - 1.6rem);
        height: 18rem;
        margin: 1.6rem 0 0 1.6rem
    }
    [dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, [dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        margin: 1.6rem 1.6rem 0 0
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner i {
        font-size: 4.8rem;
        margin-bottom: 1.4rem
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner .text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner .text {
        font-size: 1.4rem;
        line-height: normal
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner+p.info-text, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner+p.info-text {
        font-size: 1.2rem
    }
    .carousel-item{
        height: 350px;
    }
    .carousel-indicators {
        width: auto;
        padding: 0.5rem 0.5rem;
    }
    .carousel-indicators [data-bs-target] {
        width: 5rem;
        height: 3rem;
    }
}
@media all and (max-width: 475px) {
    .fileuploader {
        padding: 0;
        margin: 4.2rem 0
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: 100%;
        height: 18rem;
        margin: 0 0 1.6rem
    }
    [dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, [dir="ltr"] .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        margin: 0 0 1.6rem
    }
    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input .fileuploader-thumbnails-input-inner i, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item .fileuploader-thumbnails-input-inner i {
        font-size: 4rem
    }
}
@media all and (max-width: 576px) {
    .card.tbl-card .action-div{
        justify-content: end;
    }
    .card.tbl-card .col-md-12 .col-auto {
        width: 100%;
    }
    .card.tbl-card .col-md-12 .col-auto {
        padding: 0.5rem 1rem;
    }
    .card.tbl-card .col-md-12 .col-auto .icon-item {
        padding: 0rem;
    }
    .card.tbl-card .icon-item__content{
        margin-bottom: 1.5rem;
    }
    .p-dialog{
        width: 100% !important;
    }
}
.card.jobs-card {
    overflow: hidden;
    background: #FBFBFB;
    margin-bottom: 2rem;
    height: calc(100% - 2.5rem);
    /*border: 1px solid #cccccc9e;*/
}
.card.jobs-card .title{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card.jobs-card .card-footer.card-footer__link{
    background: #003449;
    color: #fff;
    justify-content: start !important;
}
.card.jobs-card .card-footer.card-footer__link:hover{
    background-color: #63D9D0;
}
.card.jobs-card .action-div {
    text-align-last: end;
    align-self: start;
}
.card.jobs-card .status-label.label-info {
    background: rgba(1, 71, 203, 0.15);
    color: #003449;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: right;
}
@media all and (max-width: 768px) {
    .card.jobs-card .card-head__text:last-child {
        flex-direction: column-reverse;
        align-items: start !important;
        justify-content: start !important;
    }
    .card.jobs-card .card-head__text:last-child .d-flex{
        width: 100%;
        margin: .5rem 0rem;
    }
    .card.jobs-card .card-head__text:last-child .d-flex .fs-5 {
        font-size: 1.2rem !important;
    }
}
.btn-job-publish{
    border: 0;
    text-align: center;
    text-align: -webkit-center;
}
.btn-job-publish i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 10rem;
    margin-bottom: 1rem;
    background: rgba(151, 151, 151, 0.19);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.btn-job-publish:hover{
    color: #63D9D0;
}
.btn-job-publish:hover i{
    background-color: #63D9D0;
    color: #fff;
}
.status-label{
    min-width: 10rem;
}
.w-12{
    width: 12rem !important;
}
.w-5 {
    width: 5rem !important;
}
.form-group .label.required:after {
    content: "*";
    color: red;
    font-size: 1.8rem;
    font-weight: 100;
    position: relative;
    margin-right: 0.5rem;
    top: 0.75rem;
}
textarea.form-control, .bootstrap-select>textarea.dropdown-toggle {
    resize: none;
    min-height: 13.7rem;
}
.profile-card .card-calssfication{
    padding: 2rem;
    border-radius: 0.8rem 0rem 0rem 0.8rem;
}
.img-calssfication{
    width: 9rem;
    height: 9rem;
    margin-bottom: 2rem;
    flex-shrink: 0;
    border-radius: .8rem;
    overflow: hidden;
    background: #FFF;
}
.card.statistics-card.card-calssfication .card-content .pie-chart-legend{
    min-height: auto;
}
.calssfication-cards .calssfication-data{
    padding: 2rem;
    border-radius: 0.8rem;
    background: url(../images/cards-logo.svg) left bottom no-repeat #fff;
    flex-wrap: wrap;
}
.calssfication-data .icon-item__icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-left: .5rem;
    min-width: 2.4rem;
}
.card-body__content{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding-left: 7rem;
}
.card-footer__content{
    display: flex;
    align-items: center;
    justify-content: start;
}
.classficationSubmit .classfication__head{
    height: 11.5rem;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: .8rem;
    border: 0.5px solid rgba(255, 255, 255, 0.50);
    background: linear-gradient(231deg, #3B3986 -18.56%, #50AFC1 81.91%);
    backdrop-filter: blur(2px);
}
.classfication__head .title, .classfication__head .text-details{
    color: #D9D9D9;
    font-size: 1.6rem;
    font-weight: 530;
}
.classfication__head .text-details{
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 2rem;
}
@media (max-width: 768px){
    .classficationSubmit .classfication__head{
        height: auto;
    }
    .classfication__head .text-details {
        padding-left: 1rem;
        line-height: 3rem;
    }
}
.accordion-item{
    margin-bottom: 2rem;
}
.classficationSubmit .accordion.default-style .accordion-item{
    border-radius: 0;
    border: 0;
}
.classficationSubmit .accordion.default-style .accordion-item .accordion-button{
    border-bottom: 1px solid #e6e6e6;
    padding: 1.5rem 0rem;
}
.classficationSubmit .accordion.default-style .accordion-item .accordion-header .title {
    color: #003449;
}
.classficationSubmit .accordion.default-style .accordion-item .accordion-body {
    padding: 2rem 0rem;
    border-top: 0px solid #e6e6e6;
    background-color: #fff;
}
.classficationSubmit .accordion.default-style .accordion-item .accordion-header .accordion-button::after {
    width: 1.4rem;
    height: 1.4rem;
    background-size: 1.4rem;
    margin-top: 1rem;
}
.tooltip-inner ul{
    padding: 0 2rem 0 .5rem;
    text-align: right;
}
.table.custom-table thead th{
    background-color: #003449;
    color: #fff;
}
.table.custom-table thead th:first-child{
    border-top-right-radius: .8rem;
}
.table.custom-table thead th:last-child{
    border-top-left-radius: .8rem;
}
.table.custom-table tbody td{
    vertical-align: middle !important;
    border-bottom-color: #EBECED !important;
}
.table.custom-table tbody td:first-child{
    border-right: 1px solid #EBECED;
}
.table.custom-table tbody td:last-child{
    border-left: 1px solid #EBECED;
}
.table.custom-table tbody tr:last-child td{
    border-bottom: 1px solid #EBECED !important;
}
.table.custom-table tbody tr:nth-child(even) td, .table.custom-table tbody tr:hover td{
    background-color: rgba(174, 190, 233, 0.50);
}
/*.form-group .form-control~.text{
    font-size: 1.15rem;
}*/
.blue-card{
    justify-content: space-between;
    padding: 1rem;
    border-radius: 4px;
    border: 0.5px solid #003449;
    background: rgba(37, 65, 135, 0.20);
    margin-bottom: 1rem;
    height: calc(100% - 1rem);
}
.badge {
    padding: 0.55em 0.85em;
    border-radius: 0.4rem;
}
.bg-success{
    background-color: #28A745 !important;
}
.custom-accordion .accordion-item{
    border-radius: .8rem !important;
    border: 0.5px solid #003449 !important;
    background: rgba(37, 65, 135, 0.03) !important;
    padding: 1.5rem;
}
.custom-accordion .accordion-item .accordion-body {
    background-color: transparent !important;
}
.custom-accordion .accordion-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.custom-accordion .accordion-button{
    border: 0 !important;
}
td .btn.icon-btn+.btn.icon-btn{
    margin-right: .5rem;
}
.form-control-check .form-control-label:hover {
    border: 0.1rem solid #003449;
}
.calssfication-cert .profile-main-info {
    display: flex;
    align-items: center;
}
.calssfication-cert .profile-image {
    min-width: 8rem;
    max-width: 10rem;
    margin-left: 1.5rem;
    border: 1px solid #D9D9D9;
    padding: 0.5rem;
}
.calssfication-cert .profile-info {
    width: 100%;
}
.classfication__submit{
    min-height: 11.5rem;
    padding: 2rem;
    margin-bottom: 2rem;
    border-radius: 0.8rem;
    border-radius: .8rem;
    background: var(--grad, linear-gradient(81deg, #00ABC5 -80.71%, #2C2A79 60.24%));
}
.classfication__submit .text-details{
    color: #fff;
}
.classfication__submit .custom-btn{
    max-width: 55%;
    background: transparent;
    color: #fff;
    border-color: #fff;
}
.classfication__submit .custom-btn:hover{
    background-color: #63D9D0;
    border-color: #63D9D0;
    color: #fff;
}
.new-provider {
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='rgb(0 52 73)' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 22px;
    background-color: transparent;
    box-shadow: none;
    transition: all 0.4s ease;
    height: calc(100% - 3rem);
    justify-content: center;
}
.new-provider.np__side__menu {
    background-image: none !important;
    border-radius: 0.5rem;
    background-color: #fff;
    padding: 0.5rem 1rem;
    margin-bottom: 0 !important;
    border: 1px dashed #31CDC2;
}
.new-provider.np__side__menu .fa-big-circle{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: auto;
}
.new-provider.np__side__menu .fa-big-circle .fa{
    font-size: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    margin-bottom: 0rem;
    margin-left: 0.75rem;
    border: 2px solid rgb(128 158 235);
    border-radius: 0.5rem;
    padding-top: 0;
    color: #31CDC2;
}
.new-provider.np__side__menu .title {
    font-size: 1.25rem;
    margin-bottom: 0;
}
.card.statistics-card.new-provider{
    height: calc(100% - 1.2rem);
}
.fa-big-circle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    height: 16.5rem;
}
.fa-big-circle .fa{
    border: 5px solid rgba(37, 65, 135, 0.50);
    border-radius: 100%;
    font-size: 4rem;
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(37, 65, 135, 0.50);
    margin-bottom: 1rem;
    transition: all 0.4s ease;
}
.new-provider:hover{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='rgb(0 52 73)' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: #CBF3EF;
}
.new-provider.np__side__menu:hover{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='rgb(0 52 73)' stroke-width='3' stroke-dasharray='6%2c 14' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: #CBF3EF;
}
.new-provider:hover .fa-big-circle .fa{
    border: 5px solid #003449;
    background-color: #CBF3EF;
    color: #003449;
}
.new-provider.np__side__menu:hover .fa-big-circle .fa{
    border: 2px solid #003449;
}
.profile-card:not(.no-hover):hover{
    background-color: #CBF3EF;
}
.profile-card:hover .card-content span.title{
    color: #fff !important;
    background: #003449 !important;
}
.text-dark{
    transition: all 0.4s ease;
}
.new-provider:hover .text-dark{
    color: #003449 !important;
}
.card.card-table .card-footer:not(.table-pagination){
    justify-content: end;
}
.card .card-footer__link{
    justify-content: end;
    width: auto;
}
.card .card-footer__link i {
    margin-right: 2rem;
}
.table-in-table .table thead th{
    background: #003449;
    color: #fff;
}
.table-in-table .table thead th:first-child {
    border-top-right-radius: 0.8rem;
    border-bottom-right-radius: 0.8rem;
    border-bottom-color: transparent;
}
.table-in-table .table thead th:last-child {
    border-top-left-radius: 0.8rem;
    border-bottom-left-radius: 0.8rem;
    border-bottom-color: transparent;
}
.table-in-table .table .child thead th{
    background: transparent;
    color: #003449;
    border-bottom: 0;
}
.table-in-table .table.details-width-lg tbody tr.child td.child ul.dtr-details li, table.dataTable.details-width-lg tbody tr.child td.child ul.dtr-details li{
    min-width: 15%;
    margin-bottom: 0;
}
.table-in-table .table.details-width-lg tbody tr.child td.child ul.dtr-details li:first-child, .table-in-table table.dataTable.details-width-lg tbody tr.child td.child ul.dtr-details li:first-child{
    min-width: auto;
}
.table-in-table .table tbody tr.child ul.dtr-details li:before, .table-in-table table.dataTable tbody tr.child ul.dtr-details li:before{
    display: none;
}
.table-in-table .table tbody tr.child ul.dtr-details li span.dtr-title, .table-in-table table.dataTable tbody tr.child ul.dtr-details li span.dtr-title{
    font-weight: 700;
    color: #003449;
    font-size: 1.4rem;
}
.table-in-table .table tbody tr.child ul.dtr-details li span.dtr-data, .table-in-table table.dataTable tbody tr.child ul.dtr-details li span.dtr-data{
    font-weight: 400;
    color: #003449;
    font-size: 1.4rem;
}
.table-in-table .table.details-width-lg tbody tr.child td.child, table.dataTable.details-width-lg tbody tr.child td.child {
    padding-right: 20rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background: rgba(174, 190, 233, 0.50);
}
.table-in-table .table tbody tr.child td {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    background: rgba(174, 190, 233, 0.50);
}
.table-in-table .table tbody tr.child td td {
    background: transparent !important;
    border-bottom-color: #fff;
    color: #003449;
}
.table-in-table .table tbody tr.child td.child-td {
    padding-right: 8rem;
}
.table-in-table .table tbody tr.child td.child-td .p-datatable>.p-datatable-wrapper {
    max-height: 50rem;
    margin-bottom: 2rem;
    overflow: auto;
}
.z-index-1{
    z-index: 1;
}
tr.parent td{
    background: rgb(174 190 233 / 84%) !important;
    font-weight: bold !important;
    color: #003449;
    border: 0 !important;
}
.file__uploader .p-fileupload.p-fileupload-advanced .p-fileupload-choose:hover {
    background-color: #CBF3EF;
    border-color: #CBF3EF;
}
.file__uploader .p-fileupload.p-fileupload-advanced .close.btn:hover{
    background-color: #dc3545;
    border-color: #dc3545;
}
.form-check-input:checked {
    background-color: #63D9D0;
    border-color: #63D9D0;
}
.form-switch .form-check-input {
    width: 3.25em;
    height: 1.75em;
}
.form-check-input:focus{
    box-shadow: none;
}
.form-switch .form-check-input:disabled {
    cursor: not-allowed;
    pointer-events: auto;
}
.colored-card{
    border-radius: .4rem;
    background: linear-gradient(231deg, #204e60 25%, #2AB3A9 150%);
    padding: 2.5rem 1rem;
    color: #fff;
    line-height: 3rem;
}
.colored-card  .status-label {
    min-width: 7.5rem;
}
.colored-card .status-label.label-active{
    background-color: #C1EFC0;
    color: #2B8029;
}
@media all and (max-width: 991.8px) {
    .colored-card{
        margin-bottom: 1rem;
        height: calc(100% - 1rem) !important;
    }
    .p-dialog {
        width: 80% !important;
    }
}
.custom-upload-btn{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='rgb(0 52 73)' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    border-radius: 22px;
    background-color: transparent;
    box-shadow: none;
    transition: all 0.4s ease;
    border: 0;
    width: 99%;
    height: 100%;
}
.custom-upload-btn.h-100{
    height: calc(100% - 2rem) !important;
}
.custom-upload-btn img{
    height: 5rem;
    margin-bottom: 2rem;
    transition: all 0.4s ease;
}
.custom-upload-btn:hover{
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='22' ry='22' stroke='rgb(0 52 73)' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='14' stroke-linecap='square'/%3e%3c/svg%3e");
    background-color: #CBF3EF;
}
.custom-upload-btn:hover img{
    scale: 1.2;
}
.custom-upload-btn .title{
    transition: all 0.4s ease;
}
.custom-upload-btn:hover .title{
    color: #003449 !important;
}
.card.img-galary {
    overflow: hidden;
    margin-bottom: 2rem !important;
    height: 20rem;
}
.card.img-galary img{
    height: 20rem;
}
.img-galary .prev-busn__actions{
    background: #00000069;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    width: 100%;
    left: 0;
    right: 0;
    top: auto;
    bottom: 1rem;
}
.d-flex.g-12 {
    --bs-gutter-x: 1.2rem;
}
/****POI And Promotions Start****/
.card.img-galary.poi-galary, .card.img-galary.poi-galary img{
    height: 13rem;
}
.bradnd .fileuploader_container .profile-image .fileuploader-theme-avatar,
.bradnd .fileuploader_container .profile-image .fileuploader-theme-avatar .fileuploader-item .fileuploader-item-image img {
    width: 5rem;
    height: 5rem;
    border-radius: 1rem;
    margin-bottom: 0;
}
.bradnd .uploader_profile_image .profile-image .fileuploader-theme-avatar .p-fileupload-row .image__file {
    width: 5rem;
    height: 5rem;
}
.bradnd .fileuploader_container .profile-image .fileuploader-thumbnails-input i,
.bradnd .uploader_profile_image .profile-image .fileuploader-theme-avatar .p-icon-wrapper {
    width: 2.25rem;
    height: 2.25rem;
}
.bradnd .uploader_profile_image .profile-image .fileuploader-theme-avatar .p-fileupload-row img,
.bradnd .uploader_profile_image .profile-image .fileuploader-theme-avatar .p-fileupload-row {
    padding: 0;
}
.input-group-text {
    justify-content: center;
    min-width: 4rem;
}
.time__box__content p {
    margin-top: 0.75rem;
}
.time__box {
    height: calc(100% - 1rem);
}
.branch-map-img img,
.branch-map-img iframe {
    height: 135px;
    width: 100%;
    max-width: 100%;
}
.payment-icon {
    width: 3rem;
    height: 3rem;
}
.form-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
.form-group.input-addon .text-addon {
    width: 4.75rem;
    text-align: end;
    padding-inline-end: 0.5rem;
    bottom: .75rem;
    left: 0.25rem;
}
.custom-upload-btn {
    height: calc(100% - 2rem);
    min-height: 15rem;
}
.form-control-check .icon-btn {
    padding: 0.25rem 0.35rem !important;
    width: auto;
    height: 100% !important;
}
.custom-accordion .accordion-item .form-items__title {
    background-color: #f8f9fb;
}
.accordion-item.BranchSubCategory .accordion-body {
    max-height: 42rem;
    overflow-y: auto;
    overflow-x: hidden;
}
  @media (max-width: 767px) {
    .page-content__head {
        flex-wrap: wrap;
        gap: 15px;
    }
    .page-content__head .dropdown, .page-content__head .head-content {
        width: 100%;
    }
}
.bootstrap-select.show-tick .dropdown-menu li a span.check-mark {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    line-height: 1.15rem;
    font-size: 1.15rem;
    border-radius: .2rem;
    top: calc(50% - 1rem) !important;
    border: 2px solid #898989;
    right: 1rem !important;
}
.bootstrap-select.show-tick .dropdown-menu li a span.text {
    margin-right: 25px;
}
.bootstrap-select.show-tick .bs-ok-default::after {
    display: none;
}
.bootstrap-select.show-tick .dropdown-menu li a.selected span.bs-ok-default.check-mark::after {
    display: block;
}
.bootstrap-select .dropdown-menu .dropdown-item {
    min-width: max-content;
    width: 100%;
}
.form-control-check .form-control-label i {
    font-size: 1.75rem;
}
.form-group .label.required:after {
    font-family: serif;
}
.card.statistics-card {
    height: calc(100% - 1.2rem);
}
.card.statistics-card .card-head .pie-chart .pie-chart-total {
    width: 98px;
    height: 98px;
}
.promotion-status {
    position: absolute;
    top: 0.875rem;
    left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.form-group.input-addon .text-addon {
    width: 4.75rem;
    text-align: end;
    padding-inline-end: 0.5rem;
    top: 35px;
    bottom: auto;
    left: 0.25rem;
}
.custom-upload-btn {
    height: calc(100% - 2rem);
}
.fileuploader-items .fileuploader-items-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-flow: row-reverse;
}
.prev-busn__actions.PromotionOffer_img {
    background: none;
    justify-content: flex-end;
    width: auto;
    left: -0.5rem;
    right: auto;
    top: 0rem;
    bottom: auto;
    border-radius: .8rem 0rem .8rem 0rem;
}
.dropdown-btn.btn-icon {
    padding-inline-end: 1rem;
    cursor: default;
    user-select: all;
}
.icon-item__checkboxicon, .icon-item__checkboxicon img {
    width: 1.75rem;
    height: 1.75rem;
}
.btn-flex-100 {
    height: 100% !important;
    border-radius: .8rem !important;
    gap: 1rem;
}
@media (min-width: 1024px){
    .form-control-check.branch-card-check .form-control-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .btn-flex-100 {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}
@media (max-width: 1440px) {
    .form-control-check.branch-card-check input[type="checkbox"]+.form-control-label .text::before {
        top: calc(50% - .8rem);
    }
}
@media (max-width: 991.8px) {
    .form-control-check .form-control-label .row .col-auto:first-child {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
        width: 100%;
        margin-bottom: 1rem;
    }
    .form-items__heading__title .form-items__checkbox{
        margin-left: 0;
        padding-left: 0;
    }
    .branch-details-card > .col-auto {
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }
    .branch-details-card .form-control-check.branch-card-check .form-control-label {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }
    .form-control-check.branch-card-check input[type="checkbox"]+.form-control-label .text::before {
        top: 0.5rem;
    }
    .icon-item__checkboxicon, .icon-item__checkboxicon img {
        margin-left: 0.75rem;
    }
    .branch-details-card .btn-flex-100 {
        width: 100%;
        border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
    }
}
.form-control-check.branch-card-check .form-control-label {
    padding: 1rem;
}
/*Reviewer Notes*/
.notes__content__box:not(:last-child) {
    margin-bottom: 2rem;
  }

  .reviewer_notes .message-box__content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1.6rem 1.6rem 1.4rem 1.6rem;
    border-radius: 5px;
    border: 1px solid #003449;
  }

  .reviewer_notes .message-box__content.replay__content {
    position: relative;
    margin-top: 2rem;
    border-radius: 5px;
    border: 1px solid #003449;
    background: #E5F9F7;
  }

  .reviewer_notes .message-box__content.replay__content.replay__content__view {
    margin-right: 4rem;
  }

  .reviewer_notes .message-box__content.replay__content.replay__content__view::before {
    content: "";
    background: url("../images/replay-arrow.png") no-repeat top center;
    width: 3rem;
    height: 7rem;
    position: absolute;
    right: -3.3rem;
    top: -2rem;
  }

  .reviewer_notes .message-author {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .reviewer_notes .message-author img {
    height: 40px;
  }

  .reviewer_notes textarea.form-control:disabled {
    min-height: 7rem;
  }

  .reviewer_notes .input-file__item.transparent-label .input-file__item__label {
    background-color: #036362;
    border-radius: 0.3rem;
    font-weight: bold;
    color: #fff;
    border: 1px solid transparent;
    text-align: center;
    box-shadow: none;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    min-width: auto;
    font-size: 1.4rem;
    padding: 0.8rem 1.6rem;
  }
  .reviewer_notes .input-file__item.transparent-label .input-file__item__label span{
    font-size: 1.4rem;
    color: #fff;
  }
  .reviewer_notes .input-file__item.transparent-label .input-file__item__label:hover{
    background-color: #6bb21f;
    border-color: #6bb21f;
    color: #fff;
  }
  .notes-table .action-td .custom-btn:not(.collapsed), .notes-table .inner-form-actions .custom-btn.reply-btn:not(.collapsed){
    background-color: #6bb21f;
    border-color: #6bb21f;
    color: #fff;
  }
  @media (max-width: 991.8px) {
    .reviewer_notes .message-box__content {
      flex-wrap: wrap;
      flex-direction: column;
    }
    .reviewer_notes .form-group{
      width: 100% !important;
      margin: 2rem auto !important;
    }
    .reviewer_notes .input-file__item.transparent-label .input-file__item__label {
      max-width: 100%;
    }
  }
  /*Reviewer Notes*/
/****POI And Promotions End****/
/********New Balady Theme Change**********/
/*Header*/
.header {
    background-image: linear-gradient(81.32deg, #0b837b -100%, #041D30 50%);
}
.header:after {
    background-repeat: no-repeat;
    top: 40px;
    left: 0;
    width: 160px;
}
.header .navbar {
    padding: 1.2rem 0 1.3rem;
    background: #003449;
}
.breadcrumb .breadcrumb-item>a, .breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item+.breadcrumb-item:before {
    color: #CBF3EF;
}
.breadcrumb .breadcrumb-item>a {
    opacity: .72;
}
.dropdown-btn.btn-icon {
    background: linear-gradient(90deg, #003449 18%, #CBF3EF 18%);
}
.dropdown-btn.btn-icon .text {
    color: #003449;
    padding-inline-end: 1.75rem;
}
/*Side Menu*/
.side-menu__head .logo-text, .header .navbar .navbar-brand.logo-mobile .logo-text {
    background: #31CDC2;
    color: #041d30;
    padding: 0.5rem 1.5rem;
    margin-top: -0.5rem;
    margin-right: 7rem;
}
.side-menu .choose-account .choose-account__box {
    background: #97E6E0;
    border: 0;
}
.side-menu .choose-account .choose-account__box .account-info .user-name {
    color: #003449;
}
/*Elements*/
.title, .classficationSubmit .accordion.default-style .accordion-item .accordion-header .title {
    color: #003449;
}
.custom-btn, .btn.icon-btn {
    background: #003449;
    border: 0;
    border-radius: 0.5rem;
}
.custom-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .custom-btn.nav-link, .custom-btn:active {
    background: #CBF3EF;
    color: #041d30;
}
.btn.icon-btn:hover, .side-menu .sidebar-nav .sidebar-list__item.active .btn.icon-btn.nav-link, .btn.icon-btn:active {
    background: #97e6e0 !important;
    color: #003449 !important;
}
.custom-btn.btn-white {
    background: #fff;
    border: 1px solid #003449;
    color: #003449;
}
.nav-tabs .nav-link.active {
    color: #ffffff;
    background: #003449;
    border: 0;
    border-radius: 0.5rem;
}
.nav-tabs .nav-link:hover {
    background: #CBF3EF;
    color: #041d30;
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link:hover, .side-menu .sidebar-nav .sidebar-list__item.active .nav-link,
.side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"], .side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"]:hover,
.side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .active .nav-link, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link:hover {
    color: #003449;
    font-weight: 700;
}
.side-menu .sidebar-nav .sidebar-list__item .nav-link:hover .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .nav-link .icon-svg,
.side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"] .icon-svg, .side-menu .sidebar-nav .sidebar-list__item .nav-link[aria-expanded="true"]:hover .icon-svg,
.side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .active .nav-link .icon-svg, .side-menu .sidebar-nav .sidebar-list__item.active .sub__menu .nav-link:hover .icon-svg {
    fill: #003449;
}
.status-label.label-close{
    color: #003449 !important;
    border: 1px solid #003449;
}
.pie-chart-legend .content-info.success::before {
    background-color: #7CBB88;
}
.pie-chart-legend .content-info.info::before {
    background-color: #7DE0D8;
}
.pie-chart-legend .content-info.warning::before {
    background-color: #FFF780;
}
.pie-chart-legend .content-info.danger-less::before {
    background-color: #F9C880;
}
.pie-chart-legend .content-info.primary::before {
    background-color: #003449;
}
.pie-chart-legend .content-info.primary-trans::before {
    background-color: #809AA4;
}
.calssfication-cards .calssfication-data{
    background-size: 40%;
}
.box-rate-star .rating {
    font-size: 2.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.25rem 1rem;
    color: #63D9D0;
    border-radius: 0.5rem;
    border: 1px solid;
}
.alert-info {
    color: #124D48;
    background-color: #E5F9F7;
    border-color: #E5F9F7;
}
.alert-success {
    color: #1B4C24;
    background-color: #EBF5ED;
    border-color: #EBF5ED;
}
.alert-warning {
    color: #613A00;
    background-color: #FEF4E6;
    border-color: #FEF4E6;
}
.alert-danger {
    color: #701C1F;
    background-color: #F7CDCF;
    border-color: #F7CDCF;
}
.location-map-div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid #e6e6e6;
}
.location-map-div::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #f2f2f282;
}
.location-map-div img {
    padding: 0.5rem;
}
.location-map-div .custom-btn {
    position: absolute;
    z-index: 9;
}
#rd-error-container ul:empty {
    display: none;
}
.form-items .col-lg-6 .card.card-body.pb-10 {
    height: 100%;
}
/* .form-items .col-lg-6 .card.card-body.pb-10 .row .form-group {
    height: calc(100% - 2.5rem);
}
.form-items .col-lg-6 .card.card-body.pb-10 .row .form-group .form-control-check,
.form-items .col-lg-6 .card.card-body.pb-10 .row .form-group .form-control-check .form-control-label {
    height: 100%;
} */
.border-primary {
    border-color: #003449 !important;
}
.bg-primary {
    background-color: #003449 !important;
}
.text-primary {
    color: #003449 !important;
}
.accordion-item .accordion-body .form-item.mb-0 {
    border-bottom: 0;
    padding-bottom: 0;
}
/*# sourceMappingURL=app.min.css.map */