:root{--screen-xs:470px;--screen-sm:768px;--screen-md:992px;--screen-lg:1021px;--screen-xl:1140px;--screen-xxl:1880px;--screen-maxw:1440px}.dependant{display:flex;background-color:#fff;justify-content:flex-start;padding:33px 23px;text-align:left;font-family:Kanit;overflow-x:scroll}@media (max-width:560px){.dependant{padding:16px}}@media only screen and (min-width:0px) and (max-width:960px){.dependant{display:block;font-family:Kanit}.dependant .asd-collapse-panel__wrapper .asd-collapse-panel__body{background-color:transparent!important}.dependant .asd-collapse-panel__header{border:2px!important}.dependant .asd-collapse,.dependant .asd-collapse-panel__body{border:0!important}}.dependant .card-dependant{background-color:#fff!important;max-height:360px;padding:16px;border:1px solid #ccc;border-radius:8px;font-family:Kanit;min-width:300px}@media (max-width:560px){.dependant .card-dependant{min-width:0}}@media only screen and (min-width:960px){.dependant .card-dependant{width:100%;margin:0 15px}}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant{padding:12px;margin:16px 0}}.dependant .card-dependant .dependant-info{display:flex}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info{justify-content:space-between;width:100%}.dependant .card-dependant .dependant-info .open{transform:rotate(180deg);align-items:center}.dependant .card-dependant .dependant-info .closed{transform:rotate(0deg);align-items:center}}.dependant .card-dependant .dependant-info .dependant-info-icon{display:none}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info .dependant-info-icon{display:flex}}.dependant .card-dependant .dependant-info .dependant-info-text{display:flex}.dependant .card-dependant .dependant-info .dependant-info-text .container-photo{border-radius:50%;width:48px;height:48px;margin-right:8px}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info .dependant-info-text .container-photo{width:29px;height:29px}}.dependant .card-dependant .dependant-info .dependant-info-text .container-photo img{border-radius:50%;width:48px;height:48px}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info .dependant-info-text .container-photo img{width:29px;height:29px}}.dependant .card-dependant .dependant-info .dependant-info-text .container-name-relationship .label-name{font-style:normal;font-weight:600;font-size:16px;line-height:24px;color:#000}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info .dependant-info-text .container-name-relationship .label-name{font-size:14px;line-height:21px}}.dependant .card-dependant .dependant-info .dependant-info-text .container-name-relationship .label-relationship{font-style:normal;font-weight:400;font-size:14px;line-height:21px;color:#7c7c7b}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-info .dependant-info-text .container-name-relationship .label-relationship{font-size:12px;line-height:18px}}.dependant .card-dependant .dependant-form .row-dependant-form{width:100%}.dependant .card-dependant .dependant-form .row-dependant-form .dependant-container-formlabel{background:#f5f5f5;border:1px solid #e7e7e7;border-radius:4px;padding:8px;margin:6px 0;max-height:58px}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-form .row-dependant-form .dependant-container-formlabel{margin:4px 0;max-height:50px;padding:4px 8px}}.dependant .card-dependant .dependant-form .row-dependant-form .dependant-container-formlabel .dependant-label{color:#303642;font-size:16px}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-form .row-dependant-form .dependant-container-formlabel .dependant-label{font-size:14px}}.dependant .card-dependant .dependant-form .row-dependant-form .dependant-container-formlabel .dependant-value{font-weight:600;font-size:14px;line-height:21px;color:#000}.dependant .card-dependant .dependant-form .row-dependant-form-two{width:100%;display:flex;justify-content:space-between}.dependant .card-dependant .dependant-form .row-dependant-form-two .dependant-container-formlabel{background:#f5f5f5;border:1px solid #e7e7e7;border-radius:4px;padding:8px;max-height:58px}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-form .row-dependant-form-two .dependant-container-formlabel{max-height:50px;padding:4px 8px;width:110px}}.dependant .card-dependant .dependant-form .row-dependant-form-two .dependant-container-formlabel .dependant-label{font-weight:400;color:#303642;font-size:14px}.dependant .card-dependant .dependant-form .row-dependant-form-two .dependant-container-formlabel .dependant-value{font-weight:600;font-size:14px;line-height:21px;color:#000}.dependant .card-dependant .dependant-form .row-dependant-form-two .larger{width:59%}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-form .row-dependant-form-two .larger{width:49%}}.dependant .card-dependant .dependant-form .row-dependant-form-two .shorter{width:38%}@media only screen and (min-width:0px) and (max-width:960px){.dependant .card-dependant .dependant-form .row-dependant-form-two .shorter{width:49%}}.dependant .card-dependant .dependant-form-open{height:auto;display:block}.dependant .card-dependant .dependant-form-close{display:block}.dependant .card-dependant .asd-collapse-panel__content{padding:12px}.dependant .mobile{font-family:Kanit;display:none}@media only screen and (min-width:0px) and (max-width:960px){.dependant .mobile{font-family:Kanit;display:block}}.dependant .desktop{font-family:Kanit;display:block}@media only screen and (min-width:0px) and (max-width:960px){.dependant .desktop{font-family:Kanit;display:none}}