File name
Commit message
Commit date
2023-04-18
File name
Commit message
Commit date
File name
Commit message
Commit date
/* 공통 */
header>div {
height: 100%;
}
.height-100 {
height: 100%;
}
.height-50 {
height: 25vh;
}
.join-btn {
background-color: transparent;
}
.highlight {
font-weight: 900;
background-color: #18924e;
}
.menuicon {
display: none;
cursor: pointer;
right: 1.5rem;
top: 2.9rem;
position: absolute;
}
header .logo {
display: none;
}
/* 기관상세정보 */
.agency-detail,
.agency-detail td {
border: #f2f0eb 1px solid;
}
/* 시행기관 장비관리 리스트 */
.visitlist {
height: 55vh;
}
.agency-visitlist {
border: 0;
}
.agency-visitlist th {
background-color: #fdede9;
}
.agency-calendar .react-calendar {
height: 10vh;
}
.agency-calendar .react-calendar__month-view__weekdays {
display: none !important;
}
.agency-calendar .react-calendar__month-view__days {
flex-wrap: unset !important;
padding: 0 0 3rem 0;
}
.agency-calendar .react-calendar__month-view__days__day {
flex: 0 0 2.85% !important;
padding: 1rem 0;
}
.react-calendar__month-view__days__day--neighboringMonth {
color: #f0f0f0;
;
}
/* .agency-calendar .react-calendar__month-view__days{overflow: hidden;} */
/* Q&A */
.qnaselect {
margin-left: 2rem;
width: 15%;
}
.question-select input {
width: 3%;
}
.question-select label {
margin-right: 1rem;
}
.question-select select {
width: 16%;
height: 3.7rem;
margin-right: 1rem;
}
.qna-insert select {
height: 3.7rem;
}
.qna-insert th {
font-size: 1.8rem;
color: #733c1d;
}
/* 담당자배정 */
.protectorlist input {
width: 20rem;
}
/* 위험기준관리 */
.risk-table input {
width: 100%;
}
.risk-table thead {
display: none;
}
.risk-table select {
width: 100%;
height: 3.7rem;
}
/* 문진표 */
.questionnaire-table th {
display: block;
background-color: #f2f0eb;
}
.questionnaire-table td {
padding: 0.5rem;
}
.questionnaire-table tr {
padding: 1rem;
}
.questionnaire-table input {
width: 9%;
}
/* 카테고리 기관 추가*/
.hierarchy-menu p {
font-size: 2.4rem;
}
.hierarchy-menu input {
width: 30%;
}
.category {
background-color: #f2f0eb;
box-shadow: 3px -2px 5px -2px rgb(0 0 0 / 20%);
border-radius: 0.5rem 0.5rem 0 0;
padding: 2rem;
margin-top: 5rem;
}
.category>a {
font-size: 1.2em;
font-weight: bold;
}
.category img {
width: 2rem;
}
.category>ul>li {
margin: 2rem 0 !important;
}
.category>ul>li>a {
font-size: 1.1em;
}
.categoryitem {
width: 34%;
font-size: 2.4rem;
}
/* hierarchy menu */
.hierarchy-menu {
box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 20%);
color: #733c1d;
overflow-y: auto;
height: 55rem;
width: 100%;
padding: 1rem 0 0 3rem;
}
.hierarchy-menu a {
color: #333333;
text-decoration: none;
}
.hierarchy-menu a span {
font-size: 1.6rem;
}
/* List */
.hierarchy-menu ul {
list-style: none;
margin: 0;
padding: 10px 0 0 0;
position: relative;
}
.hierarchy-menu ul ul:before {
content: '';
position: absolute;
top: 0;
bottom: 27px;
left: 6px;
border-left: 1px dashed #373E4B;
}
.hierarchy-menu>ul ul {
padding-left: 16px;
}
.hierarchy-menu>ul>li>ul>li {
margin-left: 0;
}
.hierarchy-menu>ul>li>ul {
margin-left: 0rem;
}
.hierarchy-menu>ul>li>ul>li>div {
margin-left: 8rem;
}
.margin-left {
margin-left: 10rem;
}
/* List items */
.hierarchy-menu ul li {
display: block;
position: relative;
}
.hierarchy-menu>ul ul li:before {
content: '';
display: block;
height: 0px;
width: 80px;
border-bottom: 1px solid #7A7F87;
position: absolute;
left: -10px;
top: 16px;
}
.hierarchy-menu>ul ul li:after {
content: '';
display: block;
height: 43px;
width: 0;
border-left: 1px solid #7A7F87;
position: absolute;
left: -10px;
top: -27px;
}
.hierarchy-menu>ul ul li.group-lvl:before {
width: 50px;
}
.hierarchy-menu>ul ul li:first-child:after {
height: 28px;
top: -12px;
}
/* Links */
.hierarchy-menu ul .max-agency {
margin-left: 0px;
}
.hierarchy-menu ul .top-agency {
margin-left: 49px;
}
.hierarchy-menu .low-agency {
margin-left: 50px;
}
.hierarchy-menu ul a {
display: block;
padding: 6px 0 0 5rem;
height: 44px;
position: relative;
color: #333333;
transition: 100ms;
}
.hierarchy-menu ul a:hover {
color: #7e9d9c;
}
.hierarchy-menu ul a.active {
color: #333333;
font-weight: bold;
}
.hierarchy-menu li.sub-nav>a:before {
position: absolute;
left: 4px;
top: 19px;
content: '';
width: 7px;
height: 7px;
border-bottom: 1px solid #333333;
border-right: 1px solid #333333;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.hierarchy-menu li.sub-nav.open>a:before {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.hierarchy-menu li.sub-nav.open>a {
color: #333333;
}
.hierarchy-menu li.sub-nav>ul {
display: block;
}
.hierarchy-menu li.sub-nav.open>ul {
display: block;
}
.max-agency input {
width: 5rem;
}
.explain-table th {
background: #ffffff;
}
.total p {
font-size: 1.6rem;
font-weight: 600;
}
.total {
color: #733c1d;
}
.total-equip::before {
content: "";
border-left: 20px solid #5a70df;
margin-right: 1rem;
}
.total-senior::before {
content: "";
border-left: 20px solid #7D9D9C;
margin: 0 1rem 0 3rem;
}
/* -----------------------------------------------지자체 */
.statistics-agency #RowChart>div {
height: 36rem;
}
.map {
width: 100%;
height: calc(100% - 31px);
display: flex;
justify-content: center;
align-items: center;
}
.statistics {
border: 1px solid #eeeeee;
border-radius: 5px;
padding: 1rem;
}
.statistics li {
width: 30%;
padding: 1rem;
text-align: center;
border-radius: 10px;
margin: 0.5rem;
}
.statistics li:nth-child(1) {
border: 1px solid #18924e;
}
.statistics li:nth-child(2) {
border: 1px solid #ec220c;
}
.statistics li:nth-child(3) {
border: 1px solid #2132e3;
}
.statistics li:nth-child(4) {
border: 1px solid #e3d621;
}
.statistics li p:nth-of-type(1) {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: 1rem;
}
.statistics li p:nth-of-type(2) {
font-size: 1.6rem;
font-weight: bold;
}
.statistics li p:nth-of-type(2)::after {
content: "명";
}
.statistics-govern li {
position: relative;
padding-left: 5rem;
text-align: center;
}
.statistics-govern li p:nth-of-type(1) {
position: absolute;
left: 0;
}
.statistics-govern:nth-of-type(1) {
background-image: linear-gradient(to bottom right, #9890e3 0%, #b1f4cf 100%);
}
.statistics-govern:nth-of-type(2) {
background-image: linear-gradient(to bottom right, #b1f4cf 0%, #5a70df 100%);
}
.statistics-govern:nth-of-type(3) {
background-image: linear-gradient(to bottom right, #83a9d7 0%, #8d2ecd 100%);
}
.statistics-govern:nth-of-type(4) {
background-image: linear-gradient(to bottom right, #8d2ecd 0%, #b1f4cf 100%);
}
.statistics-govern li p {
color: #ffffff;
}
.statistics-govern li p:nth-of-type(2) {
padding-bottom: 0.5rem;
font-size: 1.6rem;
font-weight: bold;
}
.statistics-govern li p:nth-of-type(3) {
font-size: 1.6rem;
font-weight: bold;
}
.statistics-govern li p:nth-of-type(3)::after {
content: "명";
}
.statistics-agency {
border-radius: 1.5rem;
box-shadow: 1px 1px 18px 1px rgb(0 0 0 / 13%);
}
.statistics-agency li {
padding: 0 2rem;
}
.statistics-agency li .text {
padding-left: 1rem;
width: 100%;
}
.statistics-agency li div p:nth-of-type(1) {
font-size: 1.8rem;
font-weight: bold;
color: #ed724a;
}
.statistics-agency li div p:nth-of-type(2) {
font-size: 2.5rem;
font-weight: bold;
}
.peoplecount::after {
content: "명";
font-size: 1.5rem;
color: #cbc9c9;
}
.equipcount::after {
content: "개";
font-size: 1.5rem;
color: #cbc9c9;
}
.statistics-grid>div {
height: 35rem;
}
.statistics-grid .statistics-guardian {}
.statistics-grid .statistics-guardian li:nth-child(2)>div {
height: 23vh !important;
}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(2) {
font-size: 2rem;
font-weight: bold;
margin-right: 1rem;
}
.statistics-grid .statistics-guardian li:nth-child(1) p:nth-child(3) {
font-size: 1.6rem;
}
.guardian-medicine {
height: 17vh;
}
.main-grid-guardian>div:nth-child(3) ul {
height: 6rem;
}
.main-grid-guardian .statistics-guardian:nth-child(4) li {
padding: 7.5rem 3rem;
}
.statistics-guardian li {
padding: 1rem 3rem;
background: #ffffff;
border-radius: 10px;
margin: 0 auto;
position: relative;
text-align: center;
}
.medicine-title {
font-weight: bold;
font-size: 1.5rem;
position: absolute;
top: 87px;
left: 22px;
}
.main-guardian-chart {
height: 200px;
background-color: #ffffff;
}
.guardian-table {
width: 100%;
}
.guardian-table th {
background: none;
}
.guardian-table td {
border: 0;
}
.guardian-table {
border: 0;
}
.guardian-table-inner {
width: 100%;
}
.guardian-table-text {
width: 20%;
border-right: 3px solid #7D9D9C;
font-size: 1.8rem;
font-weight: bold;
margin-right: 2rem;
}
.guardian-table1 {
width: 100%;
}
.guardian-table1 th {
background: none;
font-size: 1.9rem;
}
.guardian-table1 th:nth-child(1) {
background: #f48d8d;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(2) {
background: #efa33a;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(3) {
background: #eeeb3c;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(4) {
background: #9be32e;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(5) {
background: #9fa6f2;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(6) {
background: #b089ed;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 th:nth-child(7) {
background: #e057f0;
border: 6px solid rgba(255, 254, 254, 0.5);
}
.guardian-table1 td {
border: 0;
}
.guardian-table1 {
border: 0;
}
.guardian-table-inner {
width: 100%;
}
.guardian-table-text {
width: 20%;
border-right: 3px solid #7D9D9C;
font-size: 1.8rem;
font-weight: bold;
margin-right: 2rem;
}
.main-guardian {
margin-bottom: 3rem;
}
.red {
color: red;
}
.main-battery-title span::after {
content: " 님의";
margin-right: 1rem;
font-size: 1.4rem;
}
.main-battery-title {
font-size: 1.6rem;
font-weight: 900;
}
.main-battery-title p {
padding-right: 1rem;
}
.battery-wrap {
height: 10rem;
}
.battery-mobile {
display: none;
}
.battery-mobile .battery-img img {
position: absolute;
}
.battery-img {
position: relative;
margin-top: 1rem;
}
.battery-img img {
position: absolute;
display: none;
box-shadow: 1px 1px 14px 1px rgba(0, 0, 0, 0.15);
border-radius: 20px;
max-width: 100%;
width: unset;
}
.battery-img img.show {
display: block;
}
.map svg {
display: block;
}
.temp p {
font-size: 3rem;
font-weight: bold;
color: rgb(103, 132, 220);
text-align: center;
padding-right: 1rem;
}
.temp::after {
content: " 입니다.";
font-size: 1.6rem;
font-weight: 500;
}
.battery p {
font-size: 2rem;
font-weight: bold;
text-align: center;
padding-right: 1rem;
}
.battery p:nth-child(3) {
font-size: 1.5rem;
padding-top: 0.7rem;
}
#chartdiv1 {
height: 22vh;
}
/* ------------------------------------------------보호자 */
.react-calendar {
width: 100%;
border: none;
}
.react-calendar__month-view__days {
padding: 2rem 0;
}
.react-calendar__month-view__days button {
padding: 3.2rem 0;
border: 1px solid #fdede8;
border-radius: 0;
}
.react-calendar__tile--active:enabled:hover,
.react-calendar__tile--active:enabled:focus {
background: #e26f49;
}
.react-calendar__tile--active {
background: #e26f49;
}
.calendar-data {
margin-top: 1rem;
}
.calendar-data>div:first-child {
margin-bottom: .5rem;
}
@media all and (min-width: 767px) {
.calendar-data {
display: flex;
justify-content: space-between;
padding: 0 1rem;
}
}
.weather-info
/* 보호자 복약 */
.guardian-medicine ul li {
position: relative;
text-align: center;
}
.guardian-medicine ul li img {
position: absolute;
display: none;
margin-right: 0;
left: 0;
}
.guardian-medicine ul li img.show {
display: block;
}
/* ------------------------------------- main page --------------------------------- */
/* 사용자 정보*/
.user-img {
width: 150px;
height: 150px;
background-color: #d8d8d8;
margin: auto;
display: block;
text-align: center;
border-radius: 50%;
}
.user-name-wrap,
.user-img {
margin-bottom: 1rem;
}
.user-name {
font-size: 1.8rem;
font-weight: bold;
}
.user-grade {
font-size: 1rem;
border-radius: 0.5rem;
padding: 0.5rem 1rem;
background-color: #fdb0b0;
margin-left: 0.5rem;
}
.user-bir,
.user-pnum,
.user-add {
font-size: 1.6rem;
margin-bottom: 0.5rem;
text-align: center;
}
.user-add {
margin-bottom: 0;
}
/* 보호사 정보 */
.caregiver-info p {
font-size: 1.6rem;
margin-bottom: 1rem;
font-weight: bold;
}
.caregiver-info span {
font-weight: normal;
}
.caregiver-info p:nth-of-type(4) {
margin-bottom: 0;
}
/* 날씨 api */
#fullDate,
#temp {
font-size: 1.6rem;
margin-right: 1rem;
text-align: center;
}
#temp {
font-weight: bold;
text-align: center;
}
.weather-img {
display: block;
margin: auto;
}
/* ------------------------------------- login page --------------------------------- */
/* login */
.login-wrap {
max-width: 100%;
max-height: 100%;
background-color: #f8f8f8;
}
.login-wrap h1 {
max-width: 100%;
text-align: center;
padding: 3rem;
font-size: 2.4rem;
background: #242d2e;
color: #ffffff;
}
.login-form h3 {
font-size: 2rem;
text-align: center;
margin-bottom: 2rem;
}
.container {
text-align: center;
}
.login-form {
width: 500px;
padding: 5rem 3rem;
margin: auto;
background-color: #ffffff;
border-radius: 1rem;
}
.login-form .login-inner {
margin-bottom: 2rem;
}
.login-form .login-inner .content {
width: 100%;
margin-bottom: 1rem;
}
.login-form .login-inner .fa-solid {
font-size: 2rem;
margin-bottom: 1rem;
color: #eee;
}
.login-form .login-inner input {
outline: none;
border: 0;
margin-bottom: 1rem;
padding: 1.5rem;
background: #eee;
}
.btn-bottom {
margin-top: 2rem;
border-top: 1px solid #eeeeee;
}
.join-login {
height: calc(100% - 92px);
}
/* ------------------------------------- 회원가입 page --------------------------------- */
.join-group {
width: 600px;
background-color: #ffffff;
border-radius: 1rem;
}
.join-group h3 {
width: 100%;
font-size: 2rem;
padding: 3rem;
background: #f0ebe3;
border-radius: 1rem 1rem 0 0;
}
.join-inner {
margin: 0 auto;
padding: 3rem;
font-size: 1.4rem;
}
.join-inner-update {
width: 50%;
margin: 0 auto;
padding: 3rem;
font-size: 1.4rem;
}
.join-inner input {
padding: 1rem;
line-height: 2rem;
}
.join-inner select {
padding: 1rem;
}
.join-inner #id {
max-width: 65%;
margin-right: 1rem;
}
/* ------------------------------------- 상세페이지들 --------------------------------- */
/* 등록창 */
.insert-table td {
padding: 2rem;
text-align: left;
}
/* 검색창 */
.agency-search {
gap: 1rem;
}
.searchselect {
width: 30%;
}
.search-management button {
width: 22%;
}
.searchselect label {
width: 100%;
margin-right: 3rem;
}
.searchselect input {
width: auto;
}
.mobile-area-wrap {
display: none;
}
.search-group {
width: 100%;
margin-bottom: 2rem;
}
.detail-search table {
border: none;
}
.detail-search table th,
.detail-search table td {
background-color: #ffffff;
text-align: left;
font-size: 1.5rem;
}
.detail-search table th {
width: -webkit-fill-available;
}
.detail-search table td {
border-top: none;
}
.detail-search tbody select {
height: 3.7rem;
width: unset;
}
.detail-search tbody tr:nth-of-type(3) td {
width: 100%;
}
.detail-search tbody tr:nth-of-type(3) th:nth-child(3) {
width: 23%;
}
.detail-search tbody tr:nth-of-type(3) td input {
margin-right: 1rem;
}
.area-wrap>div {
margin-top: 1rem;
width: 100%;
}
.select-area {
width: 100%;
background-color: #f1bdb2;
padding: 2rem;
}
.search-area button {
width: -webkit-fill-available;
}
.search-area details {
margin-top: 1rem;
}
.search-area details summary {
font-weight: bold;
font-size: 1.4rem;
}
.search-line {
margin-bottom: 5rem;
}
.search-group #date {
width: 100%;
}
.area-wrap {
margin-bottom: 5rem;
}
.area {
position: relative;
}
.area>li {
padding: 1rem;
}
.area-list {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 8rem;
background-color: #ffffff;
border-radius: 0.3rem;
padding: 1rem;
}
.area-list ul li {
width: 100%;
}
input[type="radio"]#all,
input[type="radio"]#no1,
input[type="radio"]#no2,
input[type="checkbox"]#no3,
input[type="checkbox"]#no4,
input[type="checkbox"]#no5,
input[type="checkbox"]#no6,
input[type="checkbox"]#no7,
input[type="checkbox"]#no8 {
display: none;
}
#all:checked~div.area-list,
#no1:checked~div.area-list,
#no2:checked~div.area-list,
#no3:checked~div.area-list,
#no4:checked~div.area-list,
#no5:checked~div.area-list,
#no6:checked~div.area-list,
#no7:checked~div.area-list,
#no8:checked~div.area-list {
display: block;
}
.item {
display: inline-block;
font-size: 14px;
margin-top: 10px;
background-color: rgba(255, 255, 255, 0.5);
margin: 10px;
}
.item::after {
display: inline-block;
content: "\00d7";
font-size: 14px;
margin-left: 5px;
}
/* 노인등록수정 */
.medicine {
height: 100px;
}
.senior-insert .gender {
padding-left: 2rem;
gap: 2rem;
}
.senior-insert .gender input {
width: auto;
}
.medicationTime-td input {
width: 2rem;
}
.medicationTime-td label {}
/* 노인수정 */
.senior-edit {
border: #d8d3c7 1px solid;
}
.senior-detail input[type='checkbox'],
.senior-detail input[type='checkbox']:checked {
width: 10%;
}
.senior-edit th {
font-size: 1.8rem
}
.medicine {
height: 100px;
}
.senior-insert .gender {
padding-left: 2rem;
}
.medicationTime-td input {
width: 2rem;
}
.medicationTime-td label {}
/* 노인 상세 정보 */
.senior-detail {
border-top: 2px solid #cccccc;
border-bottom: 1px solid #cccccc;
background: #ffffffba;
}
.senior-detail tr {
border-bottom: 1px solid #f4f4f2;
}
.senior-detail th {
text-align: left;
width: 15%;
background: #f7f7f7;
padding-left: 2rem;
color: rgb(115, 60, 29);
font-size: 1.6rem;
}
.senior-detail td {
text-align: left;
}
.senior-detail td span {
padding-left: 1rem;
}
/* 복약 상세페이지 */
.day-list {
height: 700px;
padding: 3rem;
border: 10px solid #7d9d9c;
overflow-y: auto;
}
.day-list ul li {
font-size: 1.6rem;
padding: 1rem 0;
border-top: 1px solid #eeeeee;
}
.detail-graph {
width: 100%;
height: 37%;
margin-bottom: 2rem;
padding: 2rem;
border: 1px solid #eeeeee;
border-radius: 5px;
}
.medicine-detail-table .btn-wrap {
margin: 0;
}
/* 복약 수정 페이지 */
.medicine-detail th {
font-size: 1.4rem;
}
.modal-main table th {
text-align: center;
background-color: #f2f0eb;
}
.medicine-revise tr:nth-child(3)>td div,
.medicine-revise tr:nth-child(4)>td div,
.medicine-revise tr:nth-child(5)>td div {
width: 50%;
}
.medicine-revise tr:nth-child(3)>td div input,
.medicine-revise tr:nth-child(4)>td div input,
.medicine-revise tr:nth-child(5)>td div input {
width: 20%;
}
.medicine-revise tr:nth-child(3)>td div label,
.medicine-revise tr:nth-child(4)>td div label,
.medicine-revise tr:nth-child(5)>td div label {
width: 50%;
}
/* 방문/전화 관리 */
.visit-content {
height: 45%;
}
.visit-info {
max-width: 100%;
height: 90%;
padding: 2rem;
border-radius: 1rem;
background-color: #f8f8f8;
}
.visit-info ul li div {
height: 100%;
}
.visit-info ul li {
font-size: 1.6rem;
letter-spacing: 0.5rem;
margin-bottom: 1rem;
}
.visit-info ul li p {
padding: 1rem;
border: 1px solid #7d9d9c;
border-radius: 1rem;
height: 50%;
}
/* 방문 수정*/
.visit-revise tr:nth-child(3) input {
width: 2rem;
}
.visit-revise tr:nth-child(3) label {
width: 10rem
}
/* 방문 상세 */
.visit-detail th {
width: 22%;
}
/* 방문 등록 */
.search-visit-insert {
margin-bottom: 3rem;
}
.search-visit-insert button {
width: 20%;
}
.search-visit-insert input {
margin-right: 1rem;
}
/* 장비 관리*/
.equipment-search {
margin-bottom: 1rem;
}
.equipment-insert td {
text-align: left !important;
}
.select100 {
width: 100%;
}
.equipment-table button {
background-color: #ffffff;
border: 1px solid #7D9D9C;
color: #7D9D9C;
}
/* 장비등록 */
.select-agency {
width: 59%;
margin: 0 auto;
}
.user-list {
background-color: #eeeeee;
height: 57.8vh;
}
/* 모달 */
.modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99;
background-color: rgba(0, 0, 0, 0.6);
color: #733c1d;
}
.modal .modal-inner {
width: 52%;
margin: 0 auto;
border-radius: 0.3rem;
background-color: #fff;
animation: modal-show 0.3s;
overflow: hidden;
border-radius: 1rem;
}
.modal .modal-inner .modal-header {
background-color: #d8d3c7;
font-size: 2.5rem;
font-weight: bold;
padding: 2rem;
}
.modal-main {
padding: 2rem;
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-y: auto;
}
.modal-main .board-wrap {}
.modal-main table {
border: 1px solid #d8d3c7;
}
.modal-main table th,
.modal-main table td {
text-align: center;
font-size: 1.8rem;
}
.modal.openModal {
display: flex;
align-items: center;
animation: modal-bg-show 0.3s;
}
/* 사용자 관리 */
.userauthoriylist .left {
width: 22%;
min-width: fit-content;
}
.userauthoriylist .right {
width: 100%;
}
.bSXvtB {
display: none;
}
.tab-menu .tab-menu-agency {
display: flex;
}
.tab-menu-agency li {
padding: 1rem 2rem;
margin-right: 0.2rem;
color: #733c1d;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.tab-menu-agency li.active {
color: #f25430;
border-bottom: 2px solid #f25430;
}
.tab-menu li {
padding: 1rem 2rem;
margin-right: 0.2rem;
background-color: #f2f0eb;
color: #733c1d;
border-radius: 0.5rem 0.5rem 0 0;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
box-shadow: 3px -2px 5px -2px rgb(0 0 0 / 20%);
}
.tab-menu li.active {
background-color: #f25430;
color: #ffffff;
}
.search-management select {
height: 3.6rem;
}
.search-management input {
height: 3.6rem;
margin-right: 1rem;
}
.tab-container>div>div:nth-child(2) {
margin: 1rem 0;
}
/* 권한 설정 */
@keyframes modal-show {
from {
opacity: 0;
margin-top: -50px;
}
to {
opacity: 1;
margin-top: 0;
}
}
@keyframes modal-bg-show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* -------------- 페이징 버튼 색상 적용 ----------------- */
.PagingBtn {
background-color: #ff7f50;
color: #ffffff;
}
.senior-table span {
display: none;
}
.senior-table span img {
display: none;
}
ul.list-box {
width: 100%;
max-height: 100px;
overflow: auto;
border: 1px solid #d3d3d3;
border-radius: 5px;
}
ul.list-box>li {
padding: 0.5rem 1rem;
text-align: left;
font-size: 1.3rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.list-box>li:hover {
background: #ff5c00;
color: #fff;
}
ul.list-box>li.active {
background: #f25430;
color: #fff;
}
.leaflet-background-radius-icon {
background: #f25430;
border-radius: 50%;
}
.visit-data-table {
margin-top: 2rem;
}
.main-grid-agency2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media all and (max-width: 767px) {
.main-grid-agency2 {
grid-template-columns: 1fr;
}
}
.span4 {
grid-column: span 4;
}
.table-size-fix {
max-height: 220px;
overflow-y: auto;
}