/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[11].use[3]!./node_modules/next/dist/build/webpack/loaders/resolve-url-loader/index.js??ruleSet[1].rules[13].oneOf[11].use[4]!./node_modules/next/dist/compiled/sass-loader/cjs.js??ruleSet[1].rules[13].oneOf[11].use[5]!./app/styles/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  position: relative;
  background-image: url("/pattern.png");
  background-size: cover;
  background-position: center;
  color: #ffffff;
  min-height: 100vh;
}
body::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #212D41 26.39%, #034165 100%);
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.m-1 {
  margin: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-17 {
  margin: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-21 {
  margin: 21px !important;
}

.m-22 {
  margin: 22px !important;
}

.m-23 {
  margin: 23px !important;
}

.m-24 {
  margin: 24px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-26 {
  margin: 26px !important;
}

.m-27 {
  margin: 27px !important;
}

.m-28 {
  margin: 28px !important;
}

.m-29 {
  margin: 29px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-31 {
  margin: 31px !important;
}

.m-32 {
  margin: 32px !important;
}

.m-33 {
  margin: 33px !important;
}

.m-34 {
  margin: 34px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-36 {
  margin: 36px !important;
}

.m-37 {
  margin: 37px !important;
}

.m-38 {
  margin: 38px !important;
}

.m-39 {
  margin: 39px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-41 {
  margin: 41px !important;
}

.m-42 {
  margin: 42px !important;
}

.m-43 {
  margin: 43px !important;
}

.m-44 {
  margin: 44px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-46 {
  margin: 46px !important;
}

.m-47 {
  margin: 47px !important;
}

.m-48 {
  margin: 48px !important;
}

.m-49 {
  margin: 49px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-51 {
  margin: 51px !important;
}

.m-52 {
  margin: 52px !important;
}

.m-53 {
  margin: 53px !important;
}

.m-54 {
  margin: 54px !important;
}

.m-55 {
  margin: 55px !important;
}

.m-56 {
  margin: 56px !important;
}

.m-57 {
  margin: 57px !important;
}

.m-58 {
  margin: 58px !important;
}

.m-59 {
  margin: 59px !important;
}

.m-60 {
  margin: 60px !important;
}

.m-61 {
  margin: 61px !important;
}

.m-62 {
  margin: 62px !important;
}

.m-63 {
  margin: 63px !important;
}

.m-64 {
  margin: 64px !important;
}

.m-65 {
  margin: 65px !important;
}

.m-66 {
  margin: 66px !important;
}

.m-67 {
  margin: 67px !important;
}

.m-68 {
  margin: 68px !important;
}

.m-69 {
  margin: 69px !important;
}

.m-70 {
  margin: 70px !important;
}

.m-71 {
  margin: 71px !important;
}

.m-72 {
  margin: 72px !important;
}

.m-73 {
  margin: 73px !important;
}

.m-74 {
  margin: 74px !important;
}

.m-75 {
  margin: 75px !important;
}

.m-76 {
  margin: 76px !important;
}

.m-77 {
  margin: 77px !important;
}

.m-78 {
  margin: 78px !important;
}

.m-79 {
  margin: 79px !important;
}

.m-80 {
  margin: 80px !important;
}

.m-81 {
  margin: 81px !important;
}

.m-82 {
  margin: 82px !important;
}

.m-83 {
  margin: 83px !important;
}

.m-84 {
  margin: 84px !important;
}

.m-85 {
  margin: 85px !important;
}

.m-86 {
  margin: 86px !important;
}

.m-87 {
  margin: 87px !important;
}

.m-88 {
  margin: 88px !important;
}

.m-89 {
  margin: 89px !important;
}

.m-90 {
  margin: 90px !important;
}

.m-91 {
  margin: 91px !important;
}

.m-92 {
  margin: 92px !important;
}

.m-93 {
  margin: 93px !important;
}

.m-94 {
  margin: 94px !important;
}

.m-95 {
  margin: 95px !important;
}

.m-96 {
  margin: 96px !important;
}

.m-97 {
  margin: 97px !important;
}

.m-98 {
  margin: 98px !important;
}

.m-99 {
  margin: 99px !important;
}

.m-100 {
  margin: 100px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mt-49 {
  margin-top: 49px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-51 {
  margin-top: 51px !important;
}

.mt-52 {
  margin-top: 52px !important;
}

.mt-53 {
  margin-top: 53px !important;
}

.mt-54 {
  margin-top: 54px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-56 {
  margin-top: 56px !important;
}

.mt-57 {
  margin-top: 57px !important;
}

.mt-58 {
  margin-top: 58px !important;
}

.mt-59 {
  margin-top: 59px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-61 {
  margin-top: 61px !important;
}

.mt-62 {
  margin-top: 62px !important;
}

.mt-63 {
  margin-top: 63px !important;
}

.mt-64 {
  margin-top: 64px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-66 {
  margin-top: 66px !important;
}

.mt-67 {
  margin-top: 67px !important;
}

.mt-68 {
  margin-top: 68px !important;
}

.mt-69 {
  margin-top: 69px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-71 {
  margin-top: 71px !important;
}

.mt-72 {
  margin-top: 72px !important;
}

.mt-73 {
  margin-top: 73px !important;
}

.mt-74 {
  margin-top: 74px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-76 {
  margin-top: 76px !important;
}

.mt-77 {
  margin-top: 77px !important;
}

.mt-78 {
  margin-top: 78px !important;
}

.mt-79 {
  margin-top: 79px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-81 {
  margin-top: 81px !important;
}

.mt-82 {
  margin-top: 82px !important;
}

.mt-83 {
  margin-top: 83px !important;
}

.mt-84 {
  margin-top: 84px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-86 {
  margin-top: 86px !important;
}

.mt-87 {
  margin-top: 87px !important;
}

.mt-88 {
  margin-top: 88px !important;
}

.mt-89 {
  margin-top: 89px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-91 {
  margin-top: 91px !important;
}

.mt-92 {
  margin-top: 92px !important;
}

.mt-93 {
  margin-top: 93px !important;
}

.mt-94 {
  margin-top: 94px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-96 {
  margin-top: 96px !important;
}

.mt-97 {
  margin-top: 97px !important;
}

.mt-98 {
  margin-top: 98px !important;
}

.mt-99 {
  margin-top: 99px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mr-49 {
  margin-right: 49px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-51 {
  margin-right: 51px !important;
}

.mr-52 {
  margin-right: 52px !important;
}

.mr-53 {
  margin-right: 53px !important;
}

.mr-54 {
  margin-right: 54px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-56 {
  margin-right: 56px !important;
}

.mr-57 {
  margin-right: 57px !important;
}

.mr-58 {
  margin-right: 58px !important;
}

.mr-59 {
  margin-right: 59px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-61 {
  margin-right: 61px !important;
}

.mr-62 {
  margin-right: 62px !important;
}

.mr-63 {
  margin-right: 63px !important;
}

.mr-64 {
  margin-right: 64px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-66 {
  margin-right: 66px !important;
}

.mr-67 {
  margin-right: 67px !important;
}

.mr-68 {
  margin-right: 68px !important;
}

.mr-69 {
  margin-right: 69px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-71 {
  margin-right: 71px !important;
}

.mr-72 {
  margin-right: 72px !important;
}

.mr-73 {
  margin-right: 73px !important;
}

.mr-74 {
  margin-right: 74px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-76 {
  margin-right: 76px !important;
}

.mr-77 {
  margin-right: 77px !important;
}

.mr-78 {
  margin-right: 78px !important;
}

.mr-79 {
  margin-right: 79px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-81 {
  margin-right: 81px !important;
}

.mr-82 {
  margin-right: 82px !important;
}

.mr-83 {
  margin-right: 83px !important;
}

.mr-84 {
  margin-right: 84px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-86 {
  margin-right: 86px !important;
}

.mr-87 {
  margin-right: 87px !important;
}

.mr-88 {
  margin-right: 88px !important;
}

.mr-89 {
  margin-right: 89px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-91 {
  margin-right: 91px !important;
}

.mr-92 {
  margin-right: 92px !important;
}

.mr-93 {
  margin-right: 93px !important;
}

.mr-94 {
  margin-right: 94px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-96 {
  margin-right: 96px !important;
}

.mr-97 {
  margin-right: 97px !important;
}

.mr-98 {
  margin-right: 98px !important;
}

.mr-99 {
  margin-right: 99px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.mb-49 {
  margin-bottom: 49px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-51 {
  margin-bottom: 51px !important;
}

.mb-52 {
  margin-bottom: 52px !important;
}

.mb-53 {
  margin-bottom: 53px !important;
}

.mb-54 {
  margin-bottom: 54px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-56 {
  margin-bottom: 56px !important;
}

.mb-57 {
  margin-bottom: 57px !important;
}

.mb-58 {
  margin-bottom: 58px !important;
}

.mb-59 {
  margin-bottom: 59px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-61 {
  margin-bottom: 61px !important;
}

.mb-62 {
  margin-bottom: 62px !important;
}

.mb-63 {
  margin-bottom: 63px !important;
}

.mb-64 {
  margin-bottom: 64px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-66 {
  margin-bottom: 66px !important;
}

.mb-67 {
  margin-bottom: 67px !important;
}

.mb-68 {
  margin-bottom: 68px !important;
}

.mb-69 {
  margin-bottom: 69px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-71 {
  margin-bottom: 71px !important;
}

.mb-72 {
  margin-bottom: 72px !important;
}

.mb-73 {
  margin-bottom: 73px !important;
}

.mb-74 {
  margin-bottom: 74px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-76 {
  margin-bottom: 76px !important;
}

.mb-77 {
  margin-bottom: 77px !important;
}

.mb-78 {
  margin-bottom: 78px !important;
}

.mb-79 {
  margin-bottom: 79px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-81 {
  margin-bottom: 81px !important;
}

.mb-82 {
  margin-bottom: 82px !important;
}

.mb-83 {
  margin-bottom: 83px !important;
}

.mb-84 {
  margin-bottom: 84px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-86 {
  margin-bottom: 86px !important;
}

.mb-87 {
  margin-bottom: 87px !important;
}

.mb-88 {
  margin-bottom: 88px !important;
}

.mb-89 {
  margin-bottom: 89px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-91 {
  margin-bottom: 91px !important;
}

.mb-92 {
  margin-bottom: 92px !important;
}

.mb-93 {
  margin-bottom: 93px !important;
}

.mb-94 {
  margin-bottom: 94px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-96 {
  margin-bottom: 96px !important;
}

.mb-97 {
  margin-bottom: 97px !important;
}

.mb-98 {
  margin-bottom: 98px !important;
}

.mb-99 {
  margin-bottom: 99px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.ml-49 {
  margin-left: 49px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-51 {
  margin-left: 51px !important;
}

.ml-52 {
  margin-left: 52px !important;
}

.ml-53 {
  margin-left: 53px !important;
}

.ml-54 {
  margin-left: 54px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-56 {
  margin-left: 56px !important;
}

.ml-57 {
  margin-left: 57px !important;
}

.ml-58 {
  margin-left: 58px !important;
}

.ml-59 {
  margin-left: 59px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-61 {
  margin-left: 61px !important;
}

.ml-62 {
  margin-left: 62px !important;
}

.ml-63 {
  margin-left: 63px !important;
}

.ml-64 {
  margin-left: 64px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-66 {
  margin-left: 66px !important;
}

.ml-67 {
  margin-left: 67px !important;
}

.ml-68 {
  margin-left: 68px !important;
}

.ml-69 {
  margin-left: 69px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-71 {
  margin-left: 71px !important;
}

.ml-72 {
  margin-left: 72px !important;
}

.ml-73 {
  margin-left: 73px !important;
}

.ml-74 {
  margin-left: 74px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-76 {
  margin-left: 76px !important;
}

.ml-77 {
  margin-left: 77px !important;
}

.ml-78 {
  margin-left: 78px !important;
}

.ml-79 {
  margin-left: 79px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-81 {
  margin-left: 81px !important;
}

.ml-82 {
  margin-left: 82px !important;
}

.ml-83 {
  margin-left: 83px !important;
}

.ml-84 {
  margin-left: 84px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-86 {
  margin-left: 86px !important;
}

.ml-87 {
  margin-left: 87px !important;
}

.ml-88 {
  margin-left: 88px !important;
}

.ml-89 {
  margin-left: 89px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-91 {
  margin-left: 91px !important;
}

.ml-92 {
  margin-left: 92px !important;
}

.ml-93 {
  margin-left: 93px !important;
}

.ml-94 {
  margin-left: 94px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-96 {
  margin-left: 96px !important;
}

.ml-97 {
  margin-left: 97px !important;
}

.ml-98 {
  margin-left: 98px !important;
}

.ml-99 {
  margin-left: 99px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mx-1 {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.mx-2 {
  margin-left: 2px !important;
  margin-right: 2px !important;
}

.mx-3 {
  margin-left: 3px !important;
  margin-right: 3px !important;
}

.mx-4 {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mx-5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.mx-6 {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.mx-7 {
  margin-left: 7px !important;
  margin-right: 7px !important;
}

.mx-8 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.mx-9 {
  margin-left: 9px !important;
  margin-right: 9px !important;
}

.mx-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.mx-11 {
  margin-left: 11px !important;
  margin-right: 11px !important;
}

.mx-12 {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.mx-13 {
  margin-left: 13px !important;
  margin-right: 13px !important;
}

.mx-14 {
  margin-left: 14px !important;
  margin-right: 14px !important;
}

.mx-15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.mx-16 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.mx-17 {
  margin-left: 17px !important;
  margin-right: 17px !important;
}

.mx-18 {
  margin-left: 18px !important;
  margin-right: 18px !important;
}

.mx-19 {
  margin-left: 19px !important;
  margin-right: 19px !important;
}

.mx-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.mx-21 {
  margin-left: 21px !important;
  margin-right: 21px !important;
}

.mx-22 {
  margin-left: 22px !important;
  margin-right: 22px !important;
}

.mx-23 {
  margin-left: 23px !important;
  margin-right: 23px !important;
}

.mx-24 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.mx-25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.mx-26 {
  margin-left: 26px !important;
  margin-right: 26px !important;
}

.mx-27 {
  margin-left: 27px !important;
  margin-right: 27px !important;
}

.mx-28 {
  margin-left: 28px !important;
  margin-right: 28px !important;
}

.mx-29 {
  margin-left: 29px !important;
  margin-right: 29px !important;
}

.mx-30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}

.mx-31 {
  margin-left: 31px !important;
  margin-right: 31px !important;
}

.mx-32 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.mx-33 {
  margin-left: 33px !important;
  margin-right: 33px !important;
}

.mx-34 {
  margin-left: 34px !important;
  margin-right: 34px !important;
}

.mx-35 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.mx-36 {
  margin-left: 36px !important;
  margin-right: 36px !important;
}

.mx-37 {
  margin-left: 37px !important;
  margin-right: 37px !important;
}

.mx-38 {
  margin-left: 38px !important;
  margin-right: 38px !important;
}

.mx-39 {
  margin-left: 39px !important;
  margin-right: 39px !important;
}

.mx-40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.mx-41 {
  margin-left: 41px !important;
  margin-right: 41px !important;
}

.mx-42 {
  margin-left: 42px !important;
  margin-right: 42px !important;
}

.mx-43 {
  margin-left: 43px !important;
  margin-right: 43px !important;
}

.mx-44 {
  margin-left: 44px !important;
  margin-right: 44px !important;
}

.mx-45 {
  margin-left: 45px !important;
  margin-right: 45px !important;
}

.mx-46 {
  margin-left: 46px !important;
  margin-right: 46px !important;
}

.mx-47 {
  margin-left: 47px !important;
  margin-right: 47px !important;
}

.mx-48 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.mx-49 {
  margin-left: 49px !important;
  margin-right: 49px !important;
}

.mx-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.mx-51 {
  margin-left: 51px !important;
  margin-right: 51px !important;
}

.mx-52 {
  margin-left: 52px !important;
  margin-right: 52px !important;
}

.mx-53 {
  margin-left: 53px !important;
  margin-right: 53px !important;
}

.mx-54 {
  margin-left: 54px !important;
  margin-right: 54px !important;
}

.mx-55 {
  margin-left: 55px !important;
  margin-right: 55px !important;
}

.mx-56 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.mx-57 {
  margin-left: 57px !important;
  margin-right: 57px !important;
}

.mx-58 {
  margin-left: 58px !important;
  margin-right: 58px !important;
}

.mx-59 {
  margin-left: 59px !important;
  margin-right: 59px !important;
}

.mx-60 {
  margin-left: 60px !important;
  margin-right: 60px !important;
}

.mx-61 {
  margin-left: 61px !important;
  margin-right: 61px !important;
}

.mx-62 {
  margin-left: 62px !important;
  margin-right: 62px !important;
}

.mx-63 {
  margin-left: 63px !important;
  margin-right: 63px !important;
}

.mx-64 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.mx-65 {
  margin-left: 65px !important;
  margin-right: 65px !important;
}

.mx-66 {
  margin-left: 66px !important;
  margin-right: 66px !important;
}

.mx-67 {
  margin-left: 67px !important;
  margin-right: 67px !important;
}

.mx-68 {
  margin-left: 68px !important;
  margin-right: 68px !important;
}

.mx-69 {
  margin-left: 69px !important;
  margin-right: 69px !important;
}

.mx-70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}

.mx-71 {
  margin-left: 71px !important;
  margin-right: 71px !important;
}

.mx-72 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.mx-73 {
  margin-left: 73px !important;
  margin-right: 73px !important;
}

.mx-74 {
  margin-left: 74px !important;
  margin-right: 74px !important;
}

.mx-75 {
  margin-left: 75px !important;
  margin-right: 75px !important;
}

.mx-76 {
  margin-left: 76px !important;
  margin-right: 76px !important;
}

.mx-77 {
  margin-left: 77px !important;
  margin-right: 77px !important;
}

.mx-78 {
  margin-left: 78px !important;
  margin-right: 78px !important;
}

.mx-79 {
  margin-left: 79px !important;
  margin-right: 79px !important;
}

.mx-80 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.mx-81 {
  margin-left: 81px !important;
  margin-right: 81px !important;
}

.mx-82 {
  margin-left: 82px !important;
  margin-right: 82px !important;
}

.mx-83 {
  margin-left: 83px !important;
  margin-right: 83px !important;
}

.mx-84 {
  margin-left: 84px !important;
  margin-right: 84px !important;
}

.mx-85 {
  margin-left: 85px !important;
  margin-right: 85px !important;
}

.mx-86 {
  margin-left: 86px !important;
  margin-right: 86px !important;
}

.mx-87 {
  margin-left: 87px !important;
  margin-right: 87px !important;
}

.mx-88 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.mx-89 {
  margin-left: 89px !important;
  margin-right: 89px !important;
}

.mx-90 {
  margin-left: 90px !important;
  margin-right: 90px !important;
}

.mx-91 {
  margin-left: 91px !important;
  margin-right: 91px !important;
}

.mx-92 {
  margin-left: 92px !important;
  margin-right: 92px !important;
}

.mx-93 {
  margin-left: 93px !important;
  margin-right: 93px !important;
}

.mx-94 {
  margin-left: 94px !important;
  margin-right: 94px !important;
}

.mx-95 {
  margin-left: 95px !important;
  margin-right: 95px !important;
}

.mx-96 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.mx-97 {
  margin-left: 97px !important;
  margin-right: 97px !important;
}

.mx-98 {
  margin-left: 98px !important;
  margin-right: 98px !important;
}

.mx-99 {
  margin-left: 99px !important;
  margin-right: 99px !important;
}

.mx-100 {
  margin-left: 100px !important;
  margin-right: 100px !important;
}

.my-1 {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.my-2 {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.my-3 {
  margin-top: 3px !important;
  margin-bottom: 3px !important;
}

.my-4 {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.my-5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.my-6 {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.my-7 {
  margin-top: 7px !important;
  margin-bottom: 7px !important;
}

.my-8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.my-9 {
  margin-top: 9px !important;
  margin-bottom: 9px !important;
}

.my-10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.my-11 {
  margin-top: 11px !important;
  margin-bottom: 11px !important;
}

.my-12 {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.my-13 {
  margin-top: 13px !important;
  margin-bottom: 13px !important;
}

.my-14 {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
}

.my-15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.my-16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.my-17 {
  margin-top: 17px !important;
  margin-bottom: 17px !important;
}

.my-18 {
  margin-top: 18px !important;
  margin-bottom: 18px !important;
}

.my-19 {
  margin-top: 19px !important;
  margin-bottom: 19px !important;
}

.my-20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.my-21 {
  margin-top: 21px !important;
  margin-bottom: 21px !important;
}

.my-22 {
  margin-top: 22px !important;
  margin-bottom: 22px !important;
}

.my-23 {
  margin-top: 23px !important;
  margin-bottom: 23px !important;
}

.my-24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.my-25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.my-26 {
  margin-top: 26px !important;
  margin-bottom: 26px !important;
}

.my-27 {
  margin-top: 27px !important;
  margin-bottom: 27px !important;
}

.my-28 {
  margin-top: 28px !important;
  margin-bottom: 28px !important;
}

.my-29 {
  margin-top: 29px !important;
  margin-bottom: 29px !important;
}

.my-30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.my-31 {
  margin-top: 31px !important;
  margin-bottom: 31px !important;
}

.my-32 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.my-33 {
  margin-top: 33px !important;
  margin-bottom: 33px !important;
}

.my-34 {
  margin-top: 34px !important;
  margin-bottom: 34px !important;
}

.my-35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.my-36 {
  margin-top: 36px !important;
  margin-bottom: 36px !important;
}

.my-37 {
  margin-top: 37px !important;
  margin-bottom: 37px !important;
}

.my-38 {
  margin-top: 38px !important;
  margin-bottom: 38px !important;
}

.my-39 {
  margin-top: 39px !important;
  margin-bottom: 39px !important;
}

.my-40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.my-41 {
  margin-top: 41px !important;
  margin-bottom: 41px !important;
}

.my-42 {
  margin-top: 42px !important;
  margin-bottom: 42px !important;
}

.my-43 {
  margin-top: 43px !important;
  margin-bottom: 43px !important;
}

.my-44 {
  margin-top: 44px !important;
  margin-bottom: 44px !important;
}

.my-45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.my-46 {
  margin-top: 46px !important;
  margin-bottom: 46px !important;
}

.my-47 {
  margin-top: 47px !important;
  margin-bottom: 47px !important;
}

.my-48 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.my-49 {
  margin-top: 49px !important;
  margin-bottom: 49px !important;
}

.my-50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.my-51 {
  margin-top: 51px !important;
  margin-bottom: 51px !important;
}

.my-52 {
  margin-top: 52px !important;
  margin-bottom: 52px !important;
}

.my-53 {
  margin-top: 53px !important;
  margin-bottom: 53px !important;
}

.my-54 {
  margin-top: 54px !important;
  margin-bottom: 54px !important;
}

.my-55 {
  margin-top: 55px !important;
  margin-bottom: 55px !important;
}

.my-56 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.my-57 {
  margin-top: 57px !important;
  margin-bottom: 57px !important;
}

.my-58 {
  margin-top: 58px !important;
  margin-bottom: 58px !important;
}

.my-59 {
  margin-top: 59px !important;
  margin-bottom: 59px !important;
}

.my-60 {
  margin-top: 60px !important;
  margin-bottom: 60px !important;
}

.my-61 {
  margin-top: 61px !important;
  margin-bottom: 61px !important;
}

.my-62 {
  margin-top: 62px !important;
  margin-bottom: 62px !important;
}

.my-63 {
  margin-top: 63px !important;
  margin-bottom: 63px !important;
}

.my-64 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.my-65 {
  margin-top: 65px !important;
  margin-bottom: 65px !important;
}

.my-66 {
  margin-top: 66px !important;
  margin-bottom: 66px !important;
}

.my-67 {
  margin-top: 67px !important;
  margin-bottom: 67px !important;
}

.my-68 {
  margin-top: 68px !important;
  margin-bottom: 68px !important;
}

.my-69 {
  margin-top: 69px !important;
  margin-bottom: 69px !important;
}

.my-70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}

.my-71 {
  margin-top: 71px !important;
  margin-bottom: 71px !important;
}

.my-72 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.my-73 {
  margin-top: 73px !important;
  margin-bottom: 73px !important;
}

.my-74 {
  margin-top: 74px !important;
  margin-bottom: 74px !important;
}

.my-75 {
  margin-top: 75px !important;
  margin-bottom: 75px !important;
}

.my-76 {
  margin-top: 76px !important;
  margin-bottom: 76px !important;
}

.my-77 {
  margin-top: 77px !important;
  margin-bottom: 77px !important;
}

.my-78 {
  margin-top: 78px !important;
  margin-bottom: 78px !important;
}

.my-79 {
  margin-top: 79px !important;
  margin-bottom: 79px !important;
}

.my-80 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.my-81 {
  margin-top: 81px !important;
  margin-bottom: 81px !important;
}

.my-82 {
  margin-top: 82px !important;
  margin-bottom: 82px !important;
}

.my-83 {
  margin-top: 83px !important;
  margin-bottom: 83px !important;
}

.my-84 {
  margin-top: 84px !important;
  margin-bottom: 84px !important;
}

.my-85 {
  margin-top: 85px !important;
  margin-bottom: 85px !important;
}

.my-86 {
  margin-top: 86px !important;
  margin-bottom: 86px !important;
}

.my-87 {
  margin-top: 87px !important;
  margin-bottom: 87px !important;
}

.my-88 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.my-89 {
  margin-top: 89px !important;
  margin-bottom: 89px !important;
}

.my-90 {
  margin-top: 90px !important;
  margin-bottom: 90px !important;
}

.my-91 {
  margin-top: 91px !important;
  margin-bottom: 91px !important;
}

.my-92 {
  margin-top: 92px !important;
  margin-bottom: 92px !important;
}

.my-93 {
  margin-top: 93px !important;
  margin-bottom: 93px !important;
}

.my-94 {
  margin-top: 94px !important;
  margin-bottom: 94px !important;
}

.my-95 {
  margin-top: 95px !important;
  margin-bottom: 95px !important;
}

.my-96 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.my-97 {
  margin-top: 97px !important;
  margin-bottom: 97px !important;
}

.my-98 {
  margin-top: 98px !important;
  margin-bottom: 98px !important;
}

.my-99 {
  margin-top: 99px !important;
  margin-bottom: 99px !important;
}

.my-100 {
  margin-top: 100px !important;
  margin-bottom: 100px !important;
}

/* Common elements */
input,
select,
textarea {
  border: none;
  border-radius: 6px;
  padding: 10px 12px;
  font-size: 14px;
  width: 100%;
}

textarea {
  resize: vertical;
}

button {
  outline: none;
  box-shadow: none;
  border: none;
  cursor: pointer;
}

.teal-button {
  display: flex;
  height: 50px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #09BEB0;
  color: var(--very-Dark-Blue, #1A3149);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.teal-button:hover {
  background-color: #08a89c;
}

/* Header styles */
.header {
  display: flex;
  align-items: center;
  padding: 15px 20px;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  z-index: 55;
  background: linear-gradient(90deg, #034165 20.35%, #212D41 100%);
}
.header .logo {
  width: 111px;
}
.header .logo_wraper {
  display: flex;
  column-gap: 12px;
  align-items: center;
}
.header li {
  list-style-type: none;
}

.logo-text {
  font-size: 32px;
  font-weight: 600;
}

/* Alert Banner */
.alert-banner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f5cdcd;
  color: #c50909;
  padding: 10px 20px;
}

.alert-content {
  flex: 1 1;
}

.alert-close {
  background: none;
  border: none;
  color: #c50909;
  cursor: pointer;
  width: auto;
  padding: 5px;
}

/* Login page styles */
.login-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
  text-align: center;
}

.login-logo {
  width: 150px;
  margin-bottom: 10px;
}

.login-title {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 24px;
}

.login-subtitle {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-bottom: 20px;
}

.system-title {
  color: #D2DAE7;
  text-align: center;
  font-family: "Poppins", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 33px;
  /* 137.5% */
  margin-bottom: 32px;
}

.login-box {
  border-radius: 32px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  padding: 32px 100px 48px 100px;
  width: 100%;
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.login-heading {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
}

.form-group {
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
.form-group.inline-group {
  flex-direction: row;
}

label {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  display: inline-flex;
  margin-bottom: 8px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.checkbox-group {
  display: flex;
  align-items: center;
}

input[type=checkbox] {
  width: 18px;
  height: 18px;
  margin-right: 8px;
}

.checkbox-label {
  margin-bottom: 0;
  color: #FFF;
  font-family: Poppins;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.help-text {
  color: #FFF;
  text-align: center;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 25px;
  /* 156.25% */
  display: inline-flex;
  margin-top: 8px;
}

/* Search page styles */
.page-container {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.main-container {
  display: flex;
  flex: 1 1;
  padding: 16px 0px 24px 0px;
}

.sidebar {
  width: 225px;
  border-radius: 24px;
  background: linear-gradient(180deg, #034165 20.35%, #212D41 100%);
  color: white;
  flex-shrink: 0;
  border-radius: 24px 24px 24px 24px;
  height: calc(100vh - 120px);
  overflow-y: auto;
  position: fixed;
  z-index: 55;
  margin-top: 90px;
}

.user-section {
  display: flex;
  align-items: center;
  padding: 20px 8px;
  border-radius: 24px 24px 0px 0px;
}

.user-icon {
  width: 60px;
  height: 60px;
  background-color: #09beb0;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

.user-info {
  display: flex;
  flex-direction: column;
}
.user-info .user-name {
  font-size: 14px;
  font-weight: 500;
}
.user-info .user-department {
  color: #d2dae7;
  font-size: 12px;
  font-weight: 400;
}

.nav-item {
  display: flex;
  align-items: flex-start;
  padding: 15px 20px;
  color: white;
  text-decoration: none;
  border-bottom: 1px solid rgba(231, 233, 235, 0.1);
  color: #FFF;
  width: 100%;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.nav-item.active {
  background-color: #0d2f4a;
  color: #fff;
}

.nav-item:hover {
  background-color: #0d2f4a;
  color: #fff;
}

.nav-icon {
  min-width: 20px;
  height: 20px;
  margin-right: 8px;
}

.nav-item-container {
  position: relative;
}

.submenu_wraper {
  display: none;
  position: relative;
  top: 100%;
  left: 0;
  z-index: 1000;
  margin-bottom: 10px;
}

.nav-item-container:hover .submenu_wraper,
.nav-item-container:focus-within .submenu_wraper {
  display: block;
}

.content {
  flex: 1 1;
  padding: 0px 16px;
  position: relative;
  padding-top: 90px;
  padding-left: 242px;
}

.page-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 40px;
}

.page-title {
  font-size: 24px;
  font-weight: 600;
}

.header-buttons {
  display: flex;
  gap: 10px;
}

.breadcrumb {
  display: flex;
  margin-bottom: 20px;
}
.breadcrumb span {
  font-size: 14px;
  font-weight: 600;
}

.breadcrumb a {
  color: white;
  text-decoration: none;
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.breadcrumb-separator {
  margin: -2px 10px;
  font-size: 16px !important;
}

.search-container {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 20px;
}
.search-container .search-form {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 56px;
  column-gap: 56px;
  grid-row-gap: 14px;
  row-gap: 14px;
}
.search-container .search-form .form-group {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
  flex-direction: column;
  row-gap: 8px;
}
.search-container .search-form .form-group label {
  flex: 1 1;
}
.search-container .search-form .form-group input,
.search-container .search-form .form-group select {
  width: 100%;
}

.search-button-container {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}

.search-button {
  width: 200px;
}

.results-container {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
}

.results-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.table-responsive {
  overflow-x: auto;
  margin-bottom: 20px;
}

.results-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 800px;
}
.results-table tbody tr {
  color: #3C3C3D;
}
.results-table tbody tr:nth-child(odd) {
  background-color: #F9FAFC;
}
.results-table tbody tr:nth-child(even) {
  background: #eee;
}
.results-table tbody tr:only-child {
  background-color: #F9FAFC;
  text-align: center;
}
.results-table tbody tr:only-child td {
  border-radius: 0px 0px 3px 3px;
  padding: 36px;
}
.results-table th {
  text-align: left;
  padding: 8px;
  background-color: #0a3b5c !important;
  border-bottom: 1px solid #364d60;
  position: relative;
  border-right: solid 1px #194F7E;
  color: #FFF !important;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  white-space: nowrap;
  padding-right: 32px !important;
}
.results-table th:first-child {
  border-radius: 3px 0px 0px 0px;
}
.results-table th:last-child {
  border-radius: 0px 3px 0px 0px;
  border-right: 0px;
}

.results-table td {
  padding: 10px;
  border-bottom: 0px solid #364d60;
  color: #3C3C3D;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.alt-row {
  background-color: rgba(10, 59, 92, 0.3);
}

.sort-icon {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.table-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.status-badge {
  font-size: 12px;
  color: #d2dae7;
}

.edit-button {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: transparent;
  color: #09beb0;
  padding: 5px 10px;
  width: auto;
  font-size: 12px;
}

.edit-button:hover {
  background-color: rgba(9, 190, 176, 0.1);
}

.totals-row {
  background-color: #0a3b5c;
  font-weight: 600;
}

.no-records {
  text-align: center;
  padding: 40px 0;
  color: #d2dae7;
}

.pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.pagination-info {
  color: #d2dae7;
  font-size: 14px;
}

.pagination-buttons {
  display: flex;
  gap: 10px;
  align-items: center;
}

.pagination-button {
  display: flex;
  align-items: center;
  background-color: #364d60;
  color: white;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
  width: auto;
}

.pagination-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.current-page {
  color: #fff;
}

.export-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.export-button {
  display: flex;
  align-items: center;
  background-color: #364d60;
  color: white;
  padding: 8px 15px;
  border-radius: 4px;
  cursor: pointer;
}

.footer {
  text-align: center;
  padding: 15px;
  background-color: #1A3149;
  color: #d2dae7;
  font-size: 14px;
}

/* Add Entity page styles */
.search-box {
  position: relative;
  width: 250px;
}

.search-input {
  padding-right: 40px;
  background-color: #09beb0;
  color: white;
  border-radius: 4px;
}

.search-input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

.search-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}

.entity-form {
  margin-bottom: 20px;
}

.form-container {
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 16px;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}

.address-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}

.section-title {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 600;
}

.teal-title {
  color: #09beb0;
}

.mailing-title {
  color: #09beb0;
}

.physical-title {
  color: #09beb0;
}

.section-header {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.phone-section {
  margin-bottom: 20px;
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
}

.phone-inputs {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr 1fr;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 20px;
}

.add-phone-btn {
  padding: 12px;
  background-color: #09BEB0 !important;
}

.add-phone-btn:hover {
  background-color: #08a89c !important;
}

.phone-table {
  width: 100%;
  border-collapse: collapse;
}

.phone-table th {
  text-align: left;
  padding: 10px;
  background-color: #0a3b5c;
  border-bottom: 1px solid #364d60;
}

.phone-table td {
  padding: 10px;
  border-bottom: 1px solid #364d60;
}

.memo-section {
  margin-bottom: 20px;
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
}

.form-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 15px;
  margin-top: 20px;
}

.cancel-button {
  background-color: #ff6981;
  color: white;
  font-weight: 600;
  width: 150px;
}

/* Create Transfer page styles */
.transfer-form {
  margin-bottom: 20px;
}

.form-section {
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.transaction-types {
  width: 100%;
}

.checkbox-options {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 10px;
  gap: 10px;
}

.transfer-amount-table {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.amount-header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
}

.amount-cell {
  padding: 12px 0px;
}

.amount-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
  background-color: #1a3149;
}

.amount-row .amount-cell {
  background-color: #1a3149;
  padding: 0;
}

.transfer-parties {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
  margin-bottom: 20px;
}

.transferor,
.transferee {
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
}

/* Well Construction Permit page styles */
.well-permit-form {
  margin-bottom: 20px;
}

.radio-options {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 10px;
}

.radio-group {
  display: flex;
  align-items: center;
}

input[type=radio] {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.radio-label {
  margin-bottom: 0;
}

/* Reports Mail Merge page styles */
.reports-container {
  background-color: #1a3149;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.reports-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-gap: 20px;
  gap: 20px;
}

.report-section {
  background-color: #0a3b5c;
  border-radius: 8px;
  padding: 20px;
  height: 100%;
}

.report-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #364d60;
}

.report-icon {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  color: #09beb0;
}

.report-title {
  font-size: 18px;
  font-weight: 600;
  color: #09beb0;
}

.report-list {
  list-style: none;
}

.report-list li {
  margin-bottom: 10px;
}

.report-list a {
  color: white;
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 8px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.report-list a:hover {
  color: #09beb0;
}

/* Add Recharge Zone page styles */
.recharge-zone-form {
  margin-bottom: 20px;
}

.form-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
  gap: 30px;
}

.form-column {
  display: flex;
  flex-direction: column;
}

/* User Search page styles */
.user-search-form {
  display: grid;
  grid-template-columns: 1fr 1fr auto;
  grid-gap: 20px;
  gap: 20px;
  align-items: flex-end;
}

/* Dashboard page styles */
.dashboard-content {
  padding: 0;
}

.welcome-banner {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.welcome-text h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.welcome-text h2 {
  font-size: 18px;
  font-weight: 400;
}

.quick-actions {
  display: flex;
  gap: 10px;
}
.quick-actions a {
  text-decoration: none;
}

.action-button {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 15px;
  border-radius: 6px;
  font-weight: 500;
  width: auto;
  font-size: 16px;
}

.conditions-button {
  background-color: #6a5fe3;
  color: white;
}

.service-button {
  background-color: #09beb0;
  color: white;
}

.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  column-gap: 20px;
  grid-row-gap: 10px;
  row-gap: 10px;
}

.dashboard-card {
  height: 100%;
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}

.card-title {
  color: #FFF;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-align: center;
  border-radius: 20px 20px 0px 0px;
  background: rgba(0, 0, 0, 0.15);
  padding: 8px 0px;
}

.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
  border-radius: 20px 20px 0px 0px;
  background: rgba(0, 0, 0, 0.15);
  padding: 8px 16px;
}
.card-header .card-title {
  background: transparent;
  padding: 0px;
  border-radius: 0;
}
.card-header .chart-label {
  border-radius: 15px;
  background: #09BEB0;
  display: flex;
  height: 16px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 1px;
  align-self: stretch;
  color: #000;
  cursor: pointer;
}

header.header .dropdown-menu a {
  color: #fff;
}

.card-actions {
  display: flex;
  align-items: center;
  background-color: #0a3b5c;
  border-radius: 4px;
  overflow: hidden;
}

.chart-label,
.bar-label {
  padding: 5px 10px;
  font-size: 14px;
}

.chart-label {
  background-color: #09beb0;
  color: white;
}

.bar-label {
  color: #d2dae7;
}

/* Weather card styles */
.weather-card {
  grid-column: span 3;
  background-size: cover;
  background-position: center;
  position: relative;
}

.weather-content {
  display: grid;
  z-index: 1;
  position: relative;
  padding: 16px 32px;
  grid-column-gap: 80px;
  column-gap: 80px;
  grid-template-columns: 142px 1fr;
}

.current-weather {
  display: flex;
  flex-direction: column;
}

.location {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.temperature {
  font-size: 48px;
  font-weight: 600;
  margin-bottom: 10px;
}

.conditions {
  display: flex;
  align-items: center;
  gap: 10px;
}

.forecast {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 16px;
}

.forcast_wraper {
  width: 100%;
  min-height: 180px;
}

.forecast-day {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: rgba(10, 59, 92, 0.7);
  padding: 10px;
  border-radius: 6px;
  max-width: 360px;
}

.forecast-list {
  display: flex;
  column-gap: 16px;
  padding-top: 16px;
}

.hourly-forecast {
  display: flex;
  column-gap: 16px;
  margin-top: 16px;
}

.daily-forecast {
  display: flex;
  column-gap: 16px;
  justify-content: space-between;
  margin-top: 16px;
}

.day-card {
  flex: 1 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.hour-card > div {
  font-size: 12px;
}

.toggle-buttons {
  display: flex;
  justify-content: flex-end;
}
.toggle-buttons button {
  background-color: #06727E;
  color: #fff;
  padding: 4px 12px;
  border-radius: 5px;
}

.day-info {
  display: flex;
  flex-direction: column;
}

.hour-card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
}

.day-date {
  font-size: 12px;
  color: #d2dae7;
}

.day-name {
  font-weight: 600;
}

.day-weather {
  display: flex;
  align-items: center;
  gap: 15px;
}

.day-temps {
  display: flex;
  gap: 10px;
}

.high-temp {
  font-weight: 600;
}

.low-temp {
  color: #d2dae7;
}

/* Reporting card styles */
.reporting-card {
  grid-column: span 1;
}

.stats-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 8px;
  gap: 8px;
  padding: 16px 24px;
}

.stat-item {
  display: flex;
  column-gap: 8px;
  flex-direction: column;
}

.stat-value {
  padding: 8px 8px;
  border-radius: 10px;
  margin-bottom: 5px;
  width: 100px;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 29px;
}

.stat-label {
  font-size: 14px;
  color: #d2dae7;
}

.teal-bg {
  background-color: #09beb0;
}

.orange-bg {
  background-color: #f0a93b;
}

.purple-bg {
  background-color: #6a5fe3;
}

.pink-bg {
  background-color: #e73c74;
}

/* Chart cards styles */
.meters-card,
.wells-card,
.construction-card,
.rzp-card {
  grid-column: span 1;
}

.chart-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.donut-chart {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: conic-gradient(#09beb0 0% 30%, #e73c74 30% 45%, #6a5fe3 45% 55%, #f0a93b 55% 65%, #d7d5d9 65% 85%, #fc822b 85% 100%);
  position: relative;
  margin-bottom: 20px;
}

.wells-chart {
  background: conic-gradient(#09beb0 0% 25%, #6a5fe3 25% 40%, #f0a93b 40% 55%, #fc822b 55% 70%, #d7d5d9 70% 85%, #e73c74 85% 100%);
}

.construction-chart {
  background: conic-gradient(#09beb0 0% 20%, #e73c74 20% 35%, #6a5fe3 35% 50%, #f0a93b 50% 65%, #d7d5d9 65% 100%);
}

.rzp-chart {
  background: conic-gradient(#09beb0 0% 33%, #e73c74 33% 66%, #6a5fe3 66% 100%);
}

.chart-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background-color: #1a3149;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.chart-value {
  font-size: 24px;
  font-weight: 600;
}

.chart-label {
  font-size: 14px;
  color: #d2dae7;
  padding: 0;
  background: none;
}

.chart-legend {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
  padding: 0px 16px 16px;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
}

.legend-color {
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  border-radius: 3px;
}

.irrigation-color,
.in-use-color,
.new-color,
.sub-g-color {
  background-color: #09beb0;
}

.industrial-color,
.plugged-color,
.plug-color,
.both-color {
  background-color: #e73c74;
}

.municipal-color,
.abandoned-color,
.alter-color,
.sub-f-color {
  background-color: #6a5fe3;
}

.lpw-color,
.capped-color,
.cap-color {
  background-color: #f0a93b;
}

.undetermined-color,
.out-of-service-color,
.closed-loop-color {
  background-color: #d7d5d9;
}

.other-color,
.destroyed-color {
  background-color: #fc822b;
}

/* Permits and Transfers cards styles */
.permits-card,
.transfers-card {
  grid-column: span 1;
}

.permits-content,
.transfers-content {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.active-permits,
.permit-value,
.transfer-value {
  font-size: 18px;
  font-weight: 600;
  color: #09beb0;
}

.permit-label,
.transfer-label {
  font-size: 18px;
  color: #d2dae7;
}

.permit-details {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.detail-value {
  font-size: 18px;
  font-weight: 600;
}

.permit-detail {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  flex-direction: column;
}

.detail-label {
  color: #d2dae7;
}

.transfer-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

/* Reports card styles */
.reports-card {
  grid-column: span 1;
  padding: 20px;
}

.calendar-dates {
  display: flex;
  gap: 16px;
  justify-content: center;
}

.calendar-date {
  background-color: white;
  color: #1a3149;
  border-radius: 6px;
  overflow: hidden;
  width: 80px;
  text-align: center;
}

.month {
  background-color: #e73c74;
  color: white;
  padding: 5px;
  font-size: 14px;
  font-weight: 600;
}

.day {
  font-size: 32px;
  font-weight: 700;
  padding: 10px;
}

/* Links card styles */
.links-card {
  grid-column: span 1;
  padding: 0px !important;
  background: transparent;
  box-shadow: none;
}

.quick-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
  height: 100%;
  justify-content: space-between;
}

.quick-link {
  background-color: #09beb0;
  color: white;
  padding: 12px 26px;
  border-radius: 6px;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
}

.dashboard-card.reminder-card {
  background: transparent;
  box-shadow: none;
}

.reminder-box {
  background-color: #f0a93b;
  color: #1a3149;
  padding: 15px;
  border-radius: 6px;
  font-weight: 500;
  height: 100%;
}

/* Feedback card styles */
.feedback-card {
  grid-column: span 3;
  padding: 16px 16px;
  column-gap: 4px;
}

.feedback-form {
  display: flex;
  gap: 8px;
}

.primary_actions {
  width: 170px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.primary_actions button {
  width: 100%;
}

.feedback-form textarea {
  background-color: white;
  color: #1a3149;
}

.form-actions {
  display: flex;
  justify-content: space-between;
  column-gap: 8px;
  flex-direction: column;
  row-gap: 8px;
}
.form-actions.btn_wraper {
  flex-direction: row;
}

.attach-button {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #09BEB0;
  border: 1px solid #09beb0;
  color: #1A3149;
  padding: 8px 15px;
  border-radius: 6px;
  width: auto;
  justify-content: center;
  font-size: 16px;
}

.submit-actions {
  display: flex;
  gap: 10px;
}

.submit-button {
  background-color: #06727E;
  color: white;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 500;
  width: auto;
  font-size: 16px;
}

.cancel-button {
  background-color: #FF6981;
  color: #000;
  padding: 8px 20px;
  border-radius: 6px;
  font-weight: 500;
  width: auto;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
}

/* Mobile responsiveness */
@media (max-width: 1200px) {
  .dashboard-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .weather-card {
    grid-column: span 2;
  }
  .feedback-card {
    grid-column: span 2;
  }
}
@media (max-width: 768px) {
  .header {
    flex-direction: column;
    align-items: flex-start;
  }
  .main-container {
    flex-direction: column;
  }
  .sidebar {
    width: 100%;
    order: 2;
  }
  .content {
    order: 1;
  }
  .search-form {
    grid-template-columns: 1fr;
  }
  .page-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .header-buttons {
    flex-direction: column;
    width: 100%;
  }
  .header-buttons button {
    width: 100%;
  }
  .results-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .pagination {
    flex-direction: column;
    gap: 15px;
  }
  .export-buttons {
    flex-wrap: wrap;
  }
  .form-row,
  .address-container {
    grid-template-columns: 1fr;
  }
  .phone-inputs {
    grid-template-columns: 1fr;
  }
  .form-buttons {
    flex-direction: column;
    align-items: stretch;
  }
  .cancel-button,
  .create-button {
    width: 100%;
  }
  .transfer-parties {
    grid-template-columns: 1fr;
  }
  .checkbox-options {
    grid-template-columns: 1fr;
  }
  .amount-header,
  .amount-row {
    grid-template-columns: 1fr;
  }
  .radio-options {
    flex-direction: column;
    gap: 10px;
  }
  .reports-grid {
    grid-template-columns: 1fr;
  }
  .form-columns {
    grid-template-columns: 1fr;
  }
  .user-search-form {
    grid-template-columns: 1fr;
  }
  .dashboard-grid {
    grid-template-columns: 1fr;
  }
  .weather-card {
    grid-column: span 1;
  }
  .feedback-card {
    grid-column: span 1;
  }
  .welcome-banner {
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .quick-actions {
    width: 100%;
    flex-direction: column;
  }
  .stats-grid {
    grid-template-columns: 1fr;
  }
  .weather-content {
    flex-direction: column;
    gap: 20px;
  }
  .chart-legend {
    grid-template-columns: 1fr;
  }
  .calendar-dates {
    justify-content: center;
  }
  .form-actions {
    flex-direction: column;
    gap: 15px;
  }
  .submit-actions {
    width: 100%;
  }
  .submit-button,
  .cancel-button {
    flex: 1 1;
  }
}
@media (max-width: 480px) {
  .login-box {
    padding: 20px;
  }
  .system-title {
    font-size: 16px;
  }
  .login-heading {
    font-size: 18px;
  }
  .page-title {
    font-size: 20px;
  }
  .breadcrumb {
    flex-wrap: wrap;
  }
  .search-box {
    width: 100%;
  }
  .temperature {
    font-size: 36px;
  }
  .day-weather {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}
/* Add these styles to your existing CSS file */
/* Bar chart view styles */
.active-view {
  background-color: #09beb0;
  color: white;
}

.bar-chart-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px 32px 60px;
}

.chart-header {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.chart-title {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: center;
  width: 100%;
  padding-bottom: 20px;
}

.bar-chart {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 200px;
  margin-top: 10px;
  padding-bottom: 30px;
  position: relative;
}

.bar-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1;
  max-width: 40px;
  margin: 0 2px;
}

.bar-value {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
}

.bar {
  width: 100%;
  border-radius: 4px 4px 0 0;
  transition: height 0.3s ease;
}

.bar-label {
  position: absolute;
  bottom: -18px;
  font-size: 12px;
  text-align: center;
  transform: rotate(300deg);
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 5px;
  margin-left: -20px;
}

/* Bar colors */
.irrigation-bar,
.in-use-bar,
.new-bar,
.sub-g-bar {
  background-color: #09beb0;
}

.industrial-bar,
.plugged-bar,
.plug-bar,
.both-bar {
  background-color: #e73c74;
}

.municipal-bar,
.abandoned-bar,
.alter-bar,
.sub-f-bar {
  background-color: #6a5fe3;
}

.lpw-bar,
.capped-bar,
.cap-bar {
  background-color: #f0a93b;
}

.undetermined-bar,
.out-of-service-bar,
.closed-loop-bar {
  background-color: #d7d5d9;
}

.other-bar,
.destroyed-bar {
  background-color: #fc822b;
}

/* Mobile responsiveness for bar charts */
@media (max-width: 768px) {
  .bar-chart {
    height: 150px;
    overflow-x: auto;
    justify-content: flex-start;
    padding-bottom: 50px;
  }
  .bar-group {
    min-width: 40px;
    margin: 0 5px;
  }
  .bar-label {
    font-size: 9px;
  }
}
.container.login_wraper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-bottom: 24px;
}
.container.login_wraper .logo-container {
  padding: 24px;
}
.container.login_wraper .login-form {
  margin-bottom: 24px;
}
.container.login_wraper .login-form input {
  height: 40px;
  padding: 8px 12px;
}
.container.login_wraper .login-form input[type=checkbox] {
  width: 18px;
  height: 18px !important;
  margin-right: 10px;
}
.container.login_wraper .login-form .form-group.checkbox-group {
  margin-top: 18px;
  margin-bottom: 26px;
  flex-direction: row;
}
.container.login_wraper .login-form .form-group {
  position: relative;
}
.container.login_wraper .login-form .form-group span i {
  color: #000;
  margin-top: 35px;
}
.container.login_wraper .sign-in-btn {
  display: flex;
  height: 50px;
  padding: 0px 64px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  background: #09BEB0;
  color: #000;
  width: 100%;
}

select.form-control {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-image: url("/down-arrow.svg");
  background-repeat: no-repeat;
  background-position: right 10px top 8px;
}

.sort-indicator {
  width: 21px;
  height: 21px;
  background-image: url("/sort.svg");
  background-repeat: no-repeat;
  display: flex;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 10px;
}

.transfers-content,
.permits-content,
.calendar-dates,
.links-card {
  padding: 16px 32px;
}

.wt_table_box label {
  color: #000;
  margin-bottom: 0px;
  text-align: left;
}
.wt_table_box textarea,
.wt_table_box select,
.wt_table_box input {
  border: solid 1px #ccc;
}
.wt_table_box .tab-pane {
  padding-bottom: 56px !important;
}
.wt_table_box input[type=date] {
  width: 276px;
}

.weather-card-wraper {
  width: 100% !important;
  max-width: 100% !important;
}

.report_section {
  margin-bottom: 20px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.15);
  padding-bottom: 24px;
}

.report_section:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0px;
}

.report_title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 5px;
  color: #b0c4ff;
}

.report_content {
  font-size: 1rem;
}

.conditions-modal {
  position: fixed;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  z-index: 66;
  max-width: 100%;
  min-width: 100%;
  border-radius: 0;
  border: 0;
  background: rgba(15, 34, 50, 0.5803921569);
}
.conditions-modal .modal_close {
  background-color: transparent;
  color: #ccc;
  font-size: 20px;
  right: 76px;
  position: absolute;
  top: 8px;
}
.conditions-modal .modal_inner {
  max-width: 780px;
  min-width: 780px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.modal-cd .readings {
  flex-wrap: nowrap !important;
}

.add_contact_popup {
  background-color: #FFF;
}
.add_contact_popup label {
  color: #000;
}
.add_contact_popup input {
  margin-top: 8px;
  margin-bottom: 8px;
}
.add_contact_popup input[type=checkbox] {
  margin-top: 0px;
  margin-bottom: 0px;
}
.add_contact_popup .text_input_group {
  margin-top: 16px;
}
.add_contact_popup h3 {
  margin-bottom: 16px;
  color: #000;
}

.btn {
  display: flex;
  padding: 8px 20px;
  align-items: center;
  border-radius: 8px;
  background: #ccc;
  color: #1A3149;
  margin-bottom: 2px;
  font-size: 16px;
}
.btn.cancel_btn, .btn.btn-danger {
  background-color: #FF6981;
  color: #000;
}
.btn.submit_btn, .btn.btn-primary {
  background-color: #6a5fe3;
  color: #fff;
}
.btn.btn-secondary {
  background-color: #09beb0;
  color: #1A3149;
}
.btn.btn-tertiary {
  background-color: #06727E;
  color: #fff;
}

.report_form_wraper {
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
  padding: 20px;
  margin-bottom: 20px;
}
.report_form_wraper .mb-4 {
  margin-bottom: 16px;
}
.report_form_wraper .month_wraper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 16px;
}
.report_form_wraper .month_wraper input[type=radio] {
  margin-right: 5px;
}

.report_label_grid {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 32px;
  gap: 32px;
}
.report_label_grid .label_wraper {
  display: flex;
  column-gap: 8px;
  align-items: center;
  margin-bottom: 8px;
}
.report_label_grid .label_wraper label {
  margin-bottom: 0px;
}

.has-sub-menu {
  display: flex;
  flex-direction: column;
}

.submenu_wraper {
  margin-top: 12px;
  display: none;
  flex-direction: column;
  padding-left: 54px;
}
.submenu_wraper .nav-sub-item {
  color: #ffffff;
}
.submenu_wraper a {
  font-size: 13px;
  text-decoration: none;
  margin-bottom: 8px;
}

.navigation-item-wrapper {
  cursor: pointer;
}
.navigation-item-wrapper:last-child .nav-item {
  border-bottom: none;
}

.navigation-item-wrapper:hover .submenu_wraper {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}

.nav-item:hover .submenu_wraper {
  display: flex;
}
.nav-item:hover .submenu_wraper a {
  color: #fff;
}

.toggle-icon {
  margin-left: 8px;
  cursor: pointer;
  font-weight: bold;
}

.report_list_wraper {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.report_list_wraper ul {
  padding: 30px;
}
.report_list_wraper ul li {
  list-style-type: none;
}
.report_list_wraper ul li a {
  color: #fff;
  text-decoration: none;
}
.report_list_wraper ul li a:hover {
  text-decoration: underline;
}

.table_export_form_wraper {
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
}
.table_export_form_wraper .form_wraper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
  grid-row-gap: 8px;
  row-gap: 8px;
}

.btn_wraper {
  display: flex;
  column-gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
.btn_wraper.justify-left {
  justify-content: flex-start;
}
.btn_wraper.justify-center {
  justify-content: center;
}
.btn_wraper.justify-end {
  justify-content: flex-end;
  flex-direction: row;
}

button:disabled {
  background-color: #e5e7eb;
  color: #9ca3af;
  opacity: 0.6;
  cursor: not-allowed;
  pointer-events: none;
  padding: 8px 15px;
  border-radius: 5px;
}

button {
  background-color: #e5e7eb;
  color: #000;
  padding: 8px 15px;
  border-radius: 5px;
}

form.entity-form table th {
  text-align: left;
  padding-bottom: 8px;
  border: 1px solid #ccc;
  padding: 8px;
}
form.entity-form table td {
  padding: 8px;
  padding-right: 10px;
}

.tb_btn_wraper {
  display: flex;
  column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
}

.well-table tr {
  padding-bottom: 16px;
}

.visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

.lat_log_section {
  align-items: flex-end;
}

.geograpical_section textarea {
  min-height: 100px;
  min-width: 300px !important;
}

.cs_form-group {
  margin-bottom: 16px;
  border-radius: 8px;
  padding: 16px;
}

.cs_table th,
.cs_table td {
  padding: 8px;
}
.cs_table th {
  border: 1px solid rgb(204, 204, 204);
  border-bottom: 2px solid #e5e7eb;
}

h3.page_title {
  color: rgb(176, 109, 0);
}

.custom-report_wrapper {
  display: grid;
  grid-template-columns: 400px 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.custom-report_wrapper .page-header {
  display: none;
}
.custom-report_wrapper .breadcrumb {
  display: none;
}
.custom-report_wrapper h1 {
  font-size: 24px;
}

.custom-report-form select {
  margin-bottom: 16px;
}
.custom-report-form .create-button {
  width: 100%;
}

.report_nav_tab {
  margin-bottom: 16px;
}

.mb-4 {
  margin-bottom: 16px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  background-image: url(/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: right 10px top 8px;
}

.meter_fields_wraper {
  margin-bottom: 16px;
}
.meter_fields_wraper label {
  margin-right: 16px;
}

.form_group_inline {
  display: flex;
  column-gap: 8px;
}

.btn_action_wraper {
  display: flex;
  column-gap: 6px;
}

.btn.btn_action {
  background-color: #f5f5f5;
  color: #1f2f56;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  font-size: 12px;
  padding: 0px;
  text-decoration: none;
}
.btn.btn_action:hover {
  background-color: #dddddd !important;
}

.custom-nav-tabs {
  margin-bottom: 8px !important;
}

td select {
  min-width: 140px;
  max-width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 36px;
}

.table_wrapper,
.table_wraper {
  min-width: 100%;
  max-width: calc(100vw - 312px);
  /* or set fixed width like 1200px */
  overflow-x: auto;
  /* enable horizontal scroll */
  overflow-y: auto;
}
.table_wrapper table,
.table_wraper table {
  width: 100%;
  /* expand to fit all columns */
  border-collapse: collapse;
}
.table_wrapper.lg_table_wraper,
.table_wraper.lg_table_wraper {
  max-width: calc(100vw - 396px);
}

.search-form label {
  text-align: left;
}

.dataTable th,
.table-bordered th,
.table-striped th {
  padding: 8px;
  border: 1px solid rgb(204, 204, 204);
  text-align: left;
  color: #000000;
}
.dataTable td,
.table-bordered td,
.table-striped td {
  padding: 8px;
  border: 1px solid rgb(204, 204, 204);
  text-align: left;
  color: #000000;
  max-width: 400px;
}

a {
  color: #9f8bf0;
}

.button_wraper {
  display: flex;
  column-gap: 8px;
  margin-bottom: 8px;
}
.button_wraper.justify-end {
  justify-content: flex-end;
}

.cs_form-group.well_registration_form .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  /* space between columns */
}

.cs_form-group.well_registration_form .col-6 {
  flex: 0 0 48%;
  /* each takes ~half width */
  max-width: 48%;
  /* ensures side by side */
}

.cs_form-group.well_registration_form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.cs_form-group.well_location_form .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.cs_form-group.well_location_form .col-6 {
  flex: 0 0 48%;
  max-width: 48%;
}

.cs_form-group.well_location_form .col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.latlong-fields {
  display: flex;
  gap: 8px;
  align-items: center;
}

.latlong-fields input {
  width: 70px;
}

.radio-group {
  display: flex;
  gap: 20px;
  align-items: center;
}

.required {
  color: red;
}

.cs_form-group.well-info {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 16px;
}

.cs_form-group.well-info .form-title {
  font-weight: bold;
  color: #c47a00;
  margin-bottom: 16px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 14px 30px;
  gap: 14px 30px;
  margin-bottom: 14px;
}

.form-row label {
  font-size: 14px;
  margin-bottom: 4px;
  font-weight: 500;
}

.full-width {
  grid-column: span 2;
  margin-bottom: 14px;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 8px 20px;
  gap: 8px 20px;
  margin-top: 6px;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.verified-label {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.verified-checkbox {
  width: 20px;
  height: 20px;
}

.form-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}

.btn-cancel {
  background: #c47a00;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 3px;
  cursor: pointer;
}

.btn-update {
  background: #3c5569;
  color: #fff;
  border: none;
  padding: 6px 14px;
  border-radius: 3px;
  cursor: pointer;
}

.required {
  color: red;
  margin-left: 3px;
}

.table-header,
.main-module-row,
.sub-module-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.main-module-row {
  margin-bottom: 8px;
}

.expand-button {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e5e7eb;
  color: #000;
  cursor: pointer;
  background-image: url("/plus.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  padding: 8px;
}
.expand-button svg {
  display: none;
}

.module-name {
  display: flex;
  align-items: center;
  column-gap: 8px;
}

.table-header {
  margin-bottom: 16px;
}

.sub-module-name .module-title {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 32px;
  position: relative;
}
.sub-module-name .module-title::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e5e7eb;
}
.sub-module-name .module-title::after {
  content: "";
  width: 12px;
  height: 1px;
  position: absolute;
  top: 16px;
  left: 0;
  background-color: #e5e7eb;
}

.sub-module-row {
  margin-bottom: 0px;
}

.permission-cell {
  display: flex;
  align-items: center;
}

.module-row {
  margin-bottom: 16px;
}

.container.login_wraper .logo-container img {
  width: 200px;
}

h3.menu-section-title {
  font-size: 16px;
  padding-left: 24px;
}

.modal-actions-btn {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.addNewForSearchAndEntries {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.newClassforEntries {
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  width: 100px;
}

.newSearchClass {
  display: flex;
  font-size: 14px;
  color: #333;
  align-items: center;
  justify-content: flex-end;
  /* 🔹 push everything to the right */
  padding: 5px;
  margin-left: auto;
  /* also helps if parent is flex */
}

/* Pagination container */
.btn-pagination:hover:not(:disabled) {
  background-color: #007bff;
  color: white;
  border-color: #007bff;
}

.btn-pagination:disabled {
  background-color: #e9ecef;
  color: #aaa;
  border-color: #ddd;
  cursor: not-allowed;
}

/* Page info text */
.page-info {
  font-size: 14px;
  color: #333;
}

.autocomplete-list {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 100%;
  background: rgb(77, 56, 56);
  border: 1px solid #ccc;
  max-height: 160px;
  overflow-y: auto;
  list-style: none;
  padding: 0;
  margin: 0;
}

.autocomplete-list li {
  padding: 8px 12px;
  cursor: pointer;
}

.autocomplete-list li:hover {
  padding: 6px 10px;
  cursor: pointer;
  background: rgb(243, 163, 163);
}

.entries-control {
  margin: 10px 0;
  font-size: 14px;
  color: #333;
}

.entries-control label {
  display: flex;
  align-items: center;
  gap: 5px;
  /* spacing between label text and select */
}

.entries-select {
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  background-color: #fff;
  cursor: pointer;
  width: 70px;
  background-position: right 10px top 2px;
}

.has-sub-menu a {
  color: #fff;
  text-decoration: none;
}

.form-group input:disabled {
  color: #000000 !important;
  background: #bbc2c9;
  border: 1px solid #bbc2c9;
}

.transfer-form .form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
}

.column_fm_group {
  flex-direction: column;
  row-gap: 16px;
  align-items: flex-start;
}

.form-group.checkbox_type {
  flex-direction: row;
}

.construction_info_form {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 60%;
}
.construction_info_form .form_wraper {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0px;
  gap: 0px;
  width: 100%;
  grid-row-gap: 0px;
  row-gap: 0px;
}
.construction_info_form .form_wraper input {
  margin-bottom: 16px;
}
.construction_info_form .form_wraper .inline_group {
  display: flex;
  column-gap: 8px;
  flex-direction: row;
  margin-bottom: 0px;
}
.construction_info_form .form_wraper .inline_group > label {
  min-width: 200px;
}
.construction_info_form .date_range {
  flex: 1 1;
}

.form-group select {
  min-width: 100px;
}

.form_wrapper.align_end {
  align-items: flex-end;
}

.form_wrapper_grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  gap: 20px;
}
.form_wrapper_grid .form-group {
  flex-direction: row;
  align-items: center;
}
.form_wrapper_grid .form-group > label {
  min-width: 115px;
}
.form_wrapper_grid .form-check {
  margin-bottom: 16px;
}
.form_wrapper_grid .form-check > label {
  min-width: 115px;
}
.form_wrapper_grid h4 {
  color: #b06d00 !important;
  margin-bottom: 16px;
}

label.form-check-label {
  margin-right: 8px;
  display: inline-flex;
  align-items: center;
}

h3.card-title {
  font-size: 20px;
}

.sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  background-color: transparent;
  border-radius: 5px;
}

.sidebar::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
  border-radius: 5px;
}

.sidebar::-webkit-scrollbar-thumb {
  background-color: #505050;
  border-radius: 5px;
  background-clip: padding-box;
}

.grid.grid-cols-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 30px;
  column-gap: 30px;
  grid-row-gap: 16px;
  row-gap: 16px;
  margin-top: 16px;
}
.grid.grid-cols-1 label {
  flex-wrap: nowrap;
  display: flex;
  white-space: nowrap;
}

.btn_wrapper {
  display: flex;
  column-gap: 8px;
}

form.transfer-form .form-section .form-group {
  margin-bottom: 0px;
}

.eg_form_container .form-group {
  flex-direction: row;
  margin-bottom: 12px;
  align-items: center;
}
.eg_form_container .form-group label {
  width: 350px;
  text-align: left;
  padding-right: 10px;
}
.eg_form_container .form-group .form-control {
  flex: 1 1;
}
.eg_form_container .form-group > div {
  width: 100%;
}

.eg_radio_wraper {
  display: flex;
}
.eg_radio_wraper > label {
  min-width: 206px;
  max-width: 350px;
}
.eg_radio_wraper .form-check {
  display: flex;
  align-items: center;
  margin-right: 8px;
}
.eg_radio_wraper label.form-check-label {
  margin-bottom: 0px;
}
.eg_radio_wraper .eg_radio_group_inner {
  display: flex;
  align-items: center;
}

input[type=radio] {
  margin-right: 6px;
}

.grd_form_section {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  column-gap: 20px;
}
.grd_form_section .form-row {
  grid-template-columns: 1fr;
}
.grd_form_section .form-group {
  flex-direction: row;
  display: flex;
}
.grd_form_section .form-group label {
  min-width: 230px;
}
.grd_form_section .form-group .checkbox-options {
  flex: 1 1;
}
.grd_form_section .form-group .checkbox-group {
  display: flex;
  align-items: center;
}
.grd_form_section .form-group .checkbox-group .checkbox-label {
  margin-bottom: 0px;
}

label.form-label.hidden,
.hidden {
  visibility: hidden;
}

.grid-span4 {
  grid-column: span 4;
}

.grid-span3 {
  grid-column: 1/-1;
}

input:disabled,
textarea:disabled,
select:disabled {
  background-color: #bbc2c9;
  color: #000;
  opacity: 1;
}

.transferor .form-group {
  flex-direction: row;
  width: 100%;
  display: flex;
}
.transferor .form-group > label {
  width: 220px;
}
.transferor .form-group > label + div {
  flex: 1 1;
}
.transferor .form-group input,
.transferor .form-group a,
.transferor .form-group select,
.transferor .form-group textarea {
  flex: 1 1;
  padding-left: 4px;
}
.transferor label.form-permit-label + div {
  flex: 1 1;
}

.transferee .form-group {
  flex-direction: row;
  width: 100%;
  display: flex;
}
.transferee .form-group > label {
  width: 220px;
}
.transferee .form-group > label + div {
  flex: 1 1;
}
.transferee .form-group input,
.transferee .form-group a,
.transferee .form-group select,
.transferee .form-group textarea {
  flex: 1 1;
  padding-left: 4px;
}
.transferee label.form-permit-label + div {
  flex: 1 1;
}

.deed_header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
}

.deed_header_wraper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
}
.deed_header_wraper h5 {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

.table_action_wraper {
  display: flex;
  align-items: center;
  column-gap: 8px;
  justify-content: flex-end;
}

.tab-pane.active {
  padding: 24px 0px !important;
}

.checkbox_group {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 12px;
}
.checkbox_group .form-check {
  display: flex;
  align-items: center;
}
.checkbox_group .form-check label {
  margin-bottom: 0px;
}

.tox-statusbar__path-item {
  display: none !important;
}

@media screen and (min-width: 1440px) {
  .permit-divider_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
    column-gap: 20px;
    grid-row-gap: 16px;
    row-gap: 16px;
    margin-top: 16px;
  }
  .eg_radio_wraper > label {
    min-width: 240px;
  }
}
.validation-error {
  color: #FF6981;
  position: absolute;
  font-size: 12px;
  right: 0px;
  bottom: -25px;
  font-weight: 300;
}

label.radio_group {
  margin-right: 16px;
}

.tab-content-box > .tab-pane {
  padding: 20px !important;
}

table.cs_table {
  color: #000;
  border: solid 1px #ccc;
}

.grd_2side_form .form-group {
  flex-direction: row;
  align-items: center;
}
.grd_2side_form .form-group label {
  width: 240px;
}
.grd_2side_form .form-group label + div {
  flex: 1 1;
}
.grd_2side_form .form-group input,
.grd_2side_form .form-group select,
.grd_2side_form .form-group textarea {
  flex: 1 1;
}

.well_modal,
.move_deed_popup,
.LPOU_deed_modal {
  min-height: 40vh;
  position: relative;
}
.well_modal .modal-body form,
.move_deed_popup .modal-body form,
.LPOU_deed_modal .modal-body form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.well_modal .btn_wraper,
.move_deed_popup .btn_wraper,
.LPOU_deed_modal .btn_wraper {
  position: absolute;
  bottom: 16px;
  right: 16px;
}

.conservation-form .eg_form_container .form-group label {
  max-width: 290px;
  text-align: left;
  padding-right: 10px;
  min-width: 290px;
}

.form-title {
  margin-bottom: 16px;
}

.field-group a {
  display: inline-flex;
  margin-top: 4px;
}

.outline_table th {
  color: #fff;
}
.outline_table td {
  color: #fff;
}

.btn_danger i {
  color: #D0342C;
}

.text-danger {
  color: #D0342C;
}

i.fa-trash {
  color: #D0342C;
}

.pt_type_form {
  flex: 1 1;
}

.geology_info_wrapper .form-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  column-gap: 20px;
}
.geology_info_wrapper .form-group .input_group {
  display: flex;
  align-items: baseline;
  column-gap: 20px;
  position: relative;
}
.geology_info_wrapper .form-group .input_group > div {
  flex: 1 1;
  display: flex;
}
.geology_info_wrapper .form-group .input_group > div input + span {
  display: flex;
  min-width: 55px;
  align-items: center;
}
.geology_info_wrapper .form-group .input_group label {
  flex: 1 1;
  text-align: left;
}

.location_info_wraper {
  margin-top: 24px;
}
.location_info_wraper .cs_form-group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 20px;
  column-gap: 20px;
  align-items: baseline;
}
.location_info_wraper .lat_form_warapper {
  display: flex;
  column-gap: 4px;
}
.location_info_wraper .lat_form_warapper .form-group .input_group {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.location_info_wraper label {
  text-align: left;
  min-width: 150px;
  margin-right: 20px;
}
.location_info_wraper .form_wrapper.address_section .input_group {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.location_info_wraper .geograpical_section {
  grid-column: 1/span 2;
}
.location_info_wraper .geograpical_section .form-group {
  flex-direction: row;
}
.location_info_wraper .geograpical_section .form-group label {
  min-width: 150px;
}
.location_info_wraper .geograpical_section .form-group label + div {
  flex: 1 1;
}

.sub_f_storage_main {
  margin-bottom: 0px !important;
}

.sub_f_storage_wraper {
  display: flex;
  flex-direction: column;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  column-gap: 8px;
  row-gap: 8px;
}
.sub_f_storage_wraper .storage_add {
  display: flex;
  min-width: 200px;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
}
.sub_f_storage_wraper .form-group {
  flex-direction: row;
  align-items: center;
  column-gap: 6px;
}
.sub_f_storage_wraper .form-group label {
  min-width: 100px;
}

.form-field.editor-form-field {
  grid-column: 1/-1 !important;
}

.editor_container .form-actions {
  display: flex;
  flex-direction: row;
}

.confirmation-modal {
  max-width: 600px !important;
}
.confirmation-modal h4 {
  color: #000;
  text-align: left;
}

.custom_report_table.total_table tr.totals-row td {
  background-color: #ccc;
  background-color: #364d60;
  color: #fff !important;
}
.custom_report_table.total_table tr.totals-row td a {
  color: #fff !important;
}
.custom_report_table.total_table th[data-name=WellID],
.custom_report_table.total_table th[data-name="Entity ID"] {
  min-width: 130px;
}

.phone-inputs button {
  padding: 0px;
  background-color: transparent;
}
.phone-inputs button .teal-button {
  display: flex;
  height: 41px;
  padding: 0px 32px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #09BEB0;
  color: var(--very-Dark-Blue, #1A3149);
  font-family: Poppins;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: -22px;
}

.additional_info_group .form-group {
  flex-direction: row;
  flex: 1 1;
  align-items: center;
}
.additional_info_group .form-group > label {
  min-width: 240px;
  text-align: left;
}
.additional_info_group .form-group > div {
  flex: 1 1;
}
.additional_info_group .well_status_group {
  display: flex;
}
.additional_info_group .well_status_group > label {
  min-width: 240px;
}

.well_depth_group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
}
.well_depth_group .form-group {
  flex-direction: row;
  align-items: center;
}
.well_depth_group .form-group > label {
  min-width: 240px;
}

.year-drilled-group .form-group {
  flex-direction: row;
  align-items: center;
  flex: 1 1;
}
.year-drilled-group .form-group > label {
  min-width: 240px;
}

.groundwater_wraper {
  display: flex;
}
.groundwater_wraper > label {
  flex: 1 1;
  min-width: 240px;
}
.groundwater_wraper .groundwater_radio_group > label {
  min-width: 240px;
}

.excemption_wraper {
  display: flex;
  margin-bottom: 16px;
}
.excemption_wraper > label {
  min-width: 240px;
}

.amr_wraper {
  display: flex;
  margin-top: 16px;
}
.amr_wraper > label {
  min-width: 240px;
}

.well_prime_data_wraper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
  margin-bottom: 0px;
}
.well_prime_data_wraper .form-group {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.well_prime_data_wraper .form-group > label {
  min-width: 240px;
}
.well_prime_data_wraper .form-group > div {
  flex: 1 1;
}

.pumb_info_wraper .pumb_info_group {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
}
.pumb_info_wraper .pumb_info_group .form-group {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.pumb_info_wraper .pumb_info_group .form-group > label {
  min-width: 240px;
}
.pumb_info_wraper .pumb_info_group .form-group > div {
  flex: 1 1;
}
.pumb_info_wraper .pumb_info_group .form-group > div input {
  flex: 1 1;
}

input.year_plugged,
input.yearPlugged {
  max-width: 35%;
}

.well_prime_data_wraper_add .inner_grid_wraper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
}
.well_prime_data_wraper_add .inner_grid_wraper .form-group {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.well_prime_data_wraper_add .inner_grid_wraper .form-group > label {
  min-width: 240px;
}
.well_prime_data_wraper_add .inner_grid_wraper .form-group > div {
  flex: 1 1;
}

.latitude_group {
  column-gap: 8px;
  margin-bottom: 0px;
}
.latitude_group > div {
  flex: 1 1;
  min-width: 80px;
}
.latitude_group .lt_input_group {
  display: flex;
  min-width: 80px;
  align-items: center;
  column-gap: 4px;
}
.latitude_group .lt_input_group span {
  color: #000;
}

.longitude_group {
  column-gap: 8px;
}
.longitude_group .lt_input_group {
  display: flex;
  min-width: 80px;
  align-items: center;
  column-gap: 4px;
}
.longitude_group .lt_input_group span {
  color: #000;
}

.geographic_grid_wraper {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 24px;
  column-gap: 24px;
}
.geographic_grid_wraper .form-group {
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.geographic_grid_wraper .form-group > label {
  min-width: 240px;
}
.geographic_grid_wraper .form-group > div {
  flex: 1 1;
}

.form-row {
  flex-direction: row !important;
}

.well_status_group_add .radio-group_wraper {
  flex-direction: row;
  display: flex;
  align-items: center;
  width: 100%;
}
.well_status_group_add .radio-group_wraper > label {
  min-width: 240px;
}
.well_status_group_add .radio-group_wraper > div {
  flex: 1 1;
}
.well_status_group_add .check-group_wraper {
  margin-top: 24px;
  flex-direction: row;
  display: flex;
  align-items: center;
  width: 100%;
}
.well_status_group_add .check-group_wraper > label {
  min-width: 240px;
}
.well_status_group_add .check-group_wraper > div {
  flex: 1 1;
}
.well_status_group_add .check-group_wraper > div label {
  min-width: 245px;
}

.longitude_group {
  column-gap: 8px;
}
.longitude_group .lt_input_group {
  display: flex;
  min-width: 80px;
  align-items: center;
}
.longitude_group .lt_input_group span {
  color: #000000;
}

.fm-hidden {
  display: none !important;
}

.custom_pagination {
  flex-direction: column;
  align-items: start;
  margin-bottom: 32px;
}
.custom_pagination .pagination {
  flex-direction: column-reverse;
  align-items: flex-start;
  row-gap: 8px;
}
.custom_pagination .pagination-controls {
  column-gap: 4px;
  display: flex;
}

button.pagination-button.active {
  background-color: #7a7e82;
}

.gd-span-12 {
  grid-column: 1/-1;
}

.cstm-transaction label {
  display: none;
}

.custom-nav-link {
  text-transform: capitalize;
}

.form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.form-row > *:nth-child(1) {
  grid-column: auto;
  order: 1;
}
.form-row > *:nth-child(2) {
  grid-column: auto;
  order: 2;
}
.form-row > *:nth-child(3) {
  grid-column: auto;
  order: 3;
}
.form-row > *:nth-child(4) {
  grid-column: auto;
  order: 4;
}
.form-row > *:nth-child(5) {
  grid-column: auto;
  order: 5;
}
.form-row > *:nth-child(6) {
  grid-column: auto;
  order: 6;
}
.form-row > *:nth-child(7) {
  grid-column: auto;
  order: 7;
}
.form-row > *:nth-child(8) {
  grid-column: auto;
  order: 8;
}
.form-row > *:nth-child(9) {
  grid-column: auto;
  order: 9;
}
.form-row > *:nth-child(10) {
  grid-column: auto;
  order: 10;
}
.form-row > *:nth-child(11) {
  grid-column: auto;
  order: 11;
}
.form-row > *:nth-child(12) {
  grid-column: auto;
  order: 12;
}
.form-row > *:nth-child(13) {
  grid-column: auto;
  order: 13;
}
.form-row > *:nth-child(14) {
  grid-column: auto;
  order: 14;
}
.form-row > *:nth-child(15) {
  grid-column: auto;
  order: 15;
}
.form-row > *:nth-child(16) {
  grid-column: auto;
  order: 16;
}
.form-row > *:nth-child(17) {
  grid-column: auto;
  order: 17;
}
.form-row > *:nth-child(18) {
  grid-column: auto;
  order: 18;
}
.form-row > *:nth-child(19) {
  grid-column: auto;
  order: 19;
}
.form-row > *:nth-child(20) {
  grid-column: auto;
  order: 20;
}

.entity-form.has-permits .form-row {
  row-gap: 10px;
}
.entity-form.has-permits .form-row > *:nth-child(9) {
  order: 6;
}
.entity-form.has-permits .form-row > *:nth-child(6) {
  order: 9;
}

.form-control {
  padding: 10px 12px !important;
  margin-bottom: 12px !important;
}

.btn_wraper.align-between {
  justify-content: space-between;
}

.year-drilled-group.distance-group .form-group > label {
  min-width: 180px;
}

.btn_wraper.align-start {
  justify-content: flex-start;
}

.form-buttons.jusify-between {
  justify-content: space-between;
}

#tblPOUsForLPOU td:nth-child(3) {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.checkboxBtn {
  display: flex;
  justify-content: end;
}

.dropend {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0px;
}
.dropend .dropdown-menu {
  position: static !important;
  list-style-type: none;
  padding: 0px 16px;
  padding-left: 50px;
  transform: none !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;
  width: 100%;
}
.dropend .dropdown-menu.show {
  max-height: 500px;
  /* large enough to fit content */
  opacity: 1;
  visibility: visible;
  padding: 0px 16px 10px 50px;
  overflow-x: auto;
}
.dropend .dropdown-menu.show::after {
  transform: rotate(180deg);
}
.dropend .dropdown-menu li {
  margin-bottom: 8px;
}
.dropend .dropdown-menu a {
  color: #fff;
  font-size: 13px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.dropend .dropdown-menu li a.nav-item {
  padding: 0px 0px;
  border-bottom: none;
}
.dropend .dropdown-menu .nav-icon {
  min-width: 15px;
  height: 15px;
  margin-right: 8px;
}
.dropend > .nav-item {
  border: none;
}
.dropend a.dropdown-toggle::after {
  content: "";
  position: absolute;
  right: 0px;
  background-image: url(/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px;
  width: 24px;
  height: 24px;
  top: 13px;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(72deg) brightness(99%) contrast(99%);
}
.dropend a.dropdown-toggle.show::after {
  transform: rotate(180deg);
}

.well_edit_group label {
  min-width: 196px !important;
}

.well_registration_form .inline-group {
  width: 100%;
}
.well_registration_form .inline-group label {
  min-width: 220px;
}
.well_registration_form .inline-group input[types=text] {
  flex: 1 1;
}

form.entity-form table td {
  position: relative;
  padding-bottom: 24px;
}
form.entity-form table td .validation-error {
  bottom: -8px;
  line-height: 15px;
  margin-left: 10px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.cs_datepicker_wraper {
  width: 100%;
}

.wt_table_box .cs_datepicker_wraper {
  width: auto;
}

.react-datepicker-popper {
  z-index: 99 !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./node_modules/react-datepicker/dist/react-datepicker.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
/* sr-only utility class for accessibility */
.react-datepicker__sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  text-align: center;
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__day-name--disabled,
.react-datepicker__day--disabled,
.react-datepicker__time-name--disabled {
  cursor: default;
  color: #ccc;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
  color: #fff;
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  -webkit-clip-path: circle(0);
          clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}